feat: Add search functionality to WebsiteNavbar for documentation pages

Author: denisdobra10

docs-v3/.data/content/contents.sqlite

@@ -29,6 +29,10 @@
         </div>
 
         <div class="flex items-center space-x-4">
+          <!-- Mobile search icon (docs only) -->
+          <UContentSearchButton v-if="isDocsPage" class="lg:hidden" :collapsed="true" />
+          
+          <!-- Desktop search with label (docs only) -->
           <div v-if="isDocsPage" class="hidden lg:block">
             <UContentSearchButton label="Search..." :collapsed="false" />
           </div>
@@ -38,6 +42,10 @@
             target="_blank"
             rel="noopener noreferrer"
             class="text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white rounded-md p-2"
+            :class="{
+              'hidden lg:block': isDocsPage,
+              'block': !isDocsPage
+            }"
             aria-label="GitHub Repository"
           >
             <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24">

docs-v3/components/website/WebsiteNavbar.vue

@@ -13,7 +13,7 @@
 
         <main class="flex-1 min-w-0">
           <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-            <article class="prose prose-gray dark:prose-invert prose-lg max-w-none">
+            <article class="prose prose-gray dark:prose-invert prose-lg max-w-full overflow-x-hidden">
               <slot />
             </article>