UI: Remove keyboard shortcut hint in search bar on mobile viewports

[tusharwebd]

Closes #25816

What I did

This commit resolves issue: 25816 (mobile view should not hint at keyboard shortcut). Used react hooks to check window width whenever it changes, if the window width is less that 768 px, we consider it as mobile view (widely accepted practice) and not show the keyboard shortcuts.

Checklist for Contributors

Testing

The changes in this PR are covered in the following automated tests:

• stories
• unit tests
• integration tests
• end-to-end tests

Manual testing

1. Ran end to end test yarn task --task e2e-tests --template=react-vite/default-ts --start-from=auto
2. Open test Storybook in my browser using yarn start
3. Verified story views are not affected. Only change is keyboard shortcut is not displayed in mobile view.

Documentation

• Add or update documentation reflecting your changes
• If you are deprecating/removing a feature, make sure to update
  MIGRATION.MD

Checklist for Maintainers

• When this PR is ready for testing, make sure to add ci:normal, ci:merged or ci:daily GH label to it to run a specific set of sandboxes. The particular set of sandboxes can be found in code/lib/cli/src/sandbox-templates.ts

• Make sure this PR contains one of the labels below:

  Available labels

  • bug: Internal changes that fixes incorrect behavior.
  • maintenance: User-facing maintenance tasks.
  • dependencies: Upgrading (sometimes downgrading) dependencies.
  • build: Internal-facing build tooling & test updates. Will not show up in release changelog.
  • cleanup: Minor cleanup style change. Will not show up in release changelog.
  • documentation: Documentation only changes. Will not show up in release changelog.
  • feature request: Introducing a new feature.
  • BREAKING CHANGE: Changes that break compatibility in some way with current major version.
  • other: Changes that don't fit in the above categories.

🦋 Canary release

This PR does not have a canary release associated. You can request a canary release of this pull request by mentioning the @storybookjs/core team here.

core team members can create a canary release here or locally with gh workflow run --repo storybookjs/storybook canary-release-pr.yml --field pr=<PR_NUMBER>

[yannbf]

Hey @tusharwebd thanks for your contribution! @ndelangen would you mind checking this out? Thanks!

[cdedreuille]

There's no need to create a new function to know if you are on mobile. We already have a hook for this:

const { isMobile } = useLayout();

[tusharwebd]

There's no need to create a new function to know if you are on mobile. We already have a hook for this:

const { isMobile } = useLayout();

Makes sense. Will update commit with this function.

[tusharwebd]

Updated branch with commits to remove unnecessary config changes and use existing function to check viewport instead of creating a new hook.

[tusharwebd]

Thanks for approving! Can someone merge this for me please? I am not able to merge because of this:
Merging is blocked The base branch restricts merging to authorized users. [Learn more about protected branches.](https://docs.github.com/articles/about-protected-branches/)