Add image search by object tags

[aurthitaacharya-afk]

Issue no = #920

What does this PR do?

• Adds a search input to filter images by object tags
• Filters images in the chronological gallery based on user input

Changes made

• Added searchTag state to ChronologicalGallery
• Added input field for searching by tag
• Applied filtering logic before rendering images

Why is this needed?

• Improves usability by allowing users to quickly find images by object tags .

Summary by CodeRabbit

• Documentation

  • Updated README contribution line: invitation link text changed to "DISCORD SERVER" (URL unchanged).

• Style

  • Improved vertical spacing and padding for form controls and text elements to prevent clipping and enhance readability.
  • Adjusted footer metadata layout for centered alignment, consistent spacing, and better presentation.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

📝 Walkthrough

Walkthrough

README link text capitalization was changed; documentation stylesheet updated with CSS rules to adjust line-height, vertical padding for form/typography elements, and footer metadata alignment.

Changes

Cohort / File(s)	Summary
Documentation README.md	Changed link text from "Discord Server" to "DISCORD SERVER" (capitalization only).
Stylesheet Enhancements docs/stylesheets/extra.css	Replaced a stray backslash with CSS that sets line-height: 1.5 and vertical padding for .md-typeset form and text elements; added flex alignment (align-items, justify-content, gap, text-align) to .md-footer-meta__inner.md-grid.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Poem

🐰 I hopped through the README, bold and bright,
Capitals snug in the Discord light,
I nudged the CSS to space and align,
Now lines breathe easy and footers shine. ✨

Pre-merge checks

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Title check	⚠️ Warning	The PR title 'Add image search by object tags' does not match the actual changes, which modify README.md, docs/stylesheets/extra.css, and styling rather than implementing image search functionality.	Update the title to accurately reflect the actual changes made, such as 'Update README Discord link capitalization and fix CSS text padding issues' or similar.

✅ Passed checks (2 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

---

📜 Recent review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 79bc4b0 and a48625a.

📒 Files selected for processing (1)

• README.md

🔇 Additional comments (1)

README.md (1)

9-9: Link text capitalization change appears unrelated to PR objectives.

The PR objectives describe adding image search functionality for object tags in the ChronologicalGallery component, but this line changes the Discord link text from "Discord Server" to "DISCORD SERVER" (all-caps styling). Verify that this capitalization change is intentional and aligns with the PR's scope and the project's README style conventions.

Additionally, the AI summary mentions CSS updates to docs/stylesheets/extra.css, which are not provided for review. Clarify if these changes are part of this PR and ensure all related files are included.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

docs/stylesheets/extra.css (1)

315-327: Fix inconsistent CSS formatting.

The property declarations have inconsistent spacing around colons:

• Line 322: line-height : 1.5; — extra space before colon
• Line 324: padding-bottom :0.4rem; — space before colon but missing after

Also, applying padding-top and padding-bottom to .md-typeset p and .md-typeset li may cause unintended spacing changes across all paragraph and list elements in the documentation. Consider testing this thoroughly or scoping more narrowly if issues arise.

🔎 Proposed fix for formatting

 /* fix text padding issue -prevent letters from being cut off */
 button,
 input,
 select,
 textarea,
 .md-typeset p,
 .md-typeset li {
-  line-height : 1.5;
+  line-height: 1.5;
   padding-top: 0.4rem;
-  padding-bottom :0.4rem;
+  padding-bottom: 0.4rem;
 }
-
-

📜 Review details

Configuration used: defaults

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between ae22322 and 79bc4b0.

📒 Files selected for processing (2)

• README.md
• docs/stylesheets/extra.css

🧰 Additional context used

🪛 markdownlint-cli2 (0.18.1)

README.md

9-9: Spaces inside link text

(MD039, no-space-in-links)

---

9-9: Spaces inside link text

(MD039, no-space-in-links)

🔇 Additional comments (1)

docs/stylesheets/extra.css (1)

328-335: LGTM!

The added flexbox properties properly center the footer metadata content.