added section about search

Author: LinKCoding

packages/styleguide/src/lib/Meta/Usage Guide.mdx

@@ -5,7 +5,8 @@ import { AboutHeader, ImageWrapper, LinkTo } from '~styleguide/blocks';
 export const parameters = {
   id: 'Usage Guide',
   title: 'Usage Guide',
-  subtitle: 'A guide to using Storybook effectively with tips and tricks.',
+  subtitle:
+    'Tips and tricks to using the Gamut Storybook as a user and developer.',
   status: 'static',
 };
 
@@ -17,6 +18,16 @@ export const parameters = {
 
 ### As a user
 
+#### Search
+
+The search bar is located at the top right of the page, right below the Gamut icon. It allows you to quickly find stories, components, and documentation. You can search by component name, story name, or relevant keywords.
+
+<ImageWrapper
+  src="./meta/search.png"
+  alt="The search bar at the top of the page."
+  height="auto"
+/>
+
 #### Toolbar
 
 On each page is a toolbar located on the top: