refactor(MeiliSearch): add global search style

[ArgoZhang]

add global search style

Summary of the changes (Less than 80 chars)

简单描述你更改了什么, 不超过80个字符；如果有关联 Issue 请在下方填写相关编号

Description

fixes #4962

Regression?

• Yes
• No

[If yes, specify the version the behavior has regressed from]

[是否影响老版本]

Risk

• High
• Medium
• Low

[Justify the selection above]

Verification

• Manual (required)
• Automated

Packaging changes reviewed?

• Yes
• No
• N/A

☑️ Self Check before Merge

⚠️ Please check all items below before review. ⚠️

• Doc is updated/provided or not needed
• Demo is updated/provided or not needed
• Merge the latest code from the main branch

Summary by Sourcery

New Features:

• Introduce a new global search style.

[sourcery-ai]

Reviewer's Guide by Sourcery

This PR introduces a global search style to the BootstrapBlazor project. It includes CSS styles for the search input, placeholder, and hover effects, and updates the GlobalSearch component to use the new styles.

Class diagram for MeiliSearchBox component updates

classDiagram
    class MeiliSearchBox {
        +string SearchBoxPlaceHolder
        +string SearchStatus
        +string EnterKeyText
        +string ArrowKeyText
        +string EscKeyText
        +string SearchResultPlaceHolder
        +List~string~ SearchableColumns
    }
    note for MeiliSearchBox "Added new properties for keyboard navigation text"

Loading

File-Level Changes

Change	Details	Files
Added global search style	Defined CSS variables for search input styling. Added styles for search input container, including hover effects. Added styles for search input placeholder. Added styles for search dialog mask.	src/BootstrapBlazor/wwwroot/scss/root.scss
Updated GlobalSearch component	Added new properties to the MeiliSearchBox component for handling keyboard events and displaying localized text.	src/BootstrapBlazor.Server/Components/Components/GlobalSearch.razor
Updated localization files	Added localized strings for keyboard event handling in the GlobalSearch component.	src/BootstrapBlazor.Server/Locales/en-US.json src/BootstrapBlazor.Server/Locales/zh-CN.json
Updated project file	Updated project file to include changes related to the global search style and component updates.	src/BootstrapBlazor/BootstrapBlazor.csproj

Assessment against linked issues

Issue	Objective	Addressed	Explanation
#4962	Add global search styling to the MeiliSearch component	✅

Possibly linked issues

• refactor(MeiliSearch): add global search style #4962: The PR implements the issue by adding global search style.

---

Tips and commands

Interacting with Sourcery

• Trigger a new review: Comment @sourcery-ai review on the pull request.
• Continue discussions: Reply directly to Sourcery's review comments.
• Generate a GitHub issue from a review comment: Ask Sourcery to create an
  issue from a review comment by replying to it.
• Generate a pull request title: Write @sourcery-ai anywhere in the pull
  request title to generate a title at any time.
• Generate a pull request summary: Write @sourcery-ai summary anywhere in
  the pull request body to generate a PR summary at any time. You can also use
  this command to specify where the summary should be inserted.

Customizing Your Experience

Access your dashboard to:

• Enable or disable review features such as the Sourcery-generated pull request
  summary, the reviewer's guide, and others.
• Change the review language.
• Add, remove or edit custom review instructions.
• Adjust other review settings.

Getting Help

• Contact our support team for questions or feedback.
• Visit our documentation for detailed guides and information.
• Keep in touch with the Sourcery team by following us on X/Twitter, LinkedIn or GitHub.

[sourcery-ai]

Hey @ArgoZhang - I've reviewed your changes - here's some feedback:

Overall Comments:

• Please provide a more detailed description of the specific style changes being made to the global search functionality.
• The diff appears to be incomplete. Please ensure all relevant changes are included in the PR, particularly the actual style modifications mentioned in the title.

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (9d8fddb) to head (15b5e61).
Report is 1 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #4963   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          630       630           
  Lines        28099     28099           
  Branches      4036      4036           
=========================================
  Hits         28099     28099           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ArgoZhang]

@sourcery-ai review

[sourcery-ai]

Hey @ArgoZhang - I've reviewed your changes - here's some feedback:

Overall Comments:

• Please complete the PR description in English and fill out all relevant sections of the PR template to help other contributors understand the changes.

Here's what I looked at during the review

• 🟢 General issues: all looks good
• 🟢 Security: all looks good
• 🟢 Testing: all looks good
• 🟢 Complexity: all looks good
• 🟢 Documentation: all looks good

---

Sourcery is free for open source - if you like our reviews please consider sharing them ✨

• X
• Mastodon
• LinkedIn
• Facebook

_{Help me be more useful! Please click 👍 or 👎 on each comment and I'll use the feedback to improve your reviews.}