Need to fix LG and XL to reduce the search bar width and align it at the end of the row.

src/views/main/Header.vue

@@ -29,7 +29,7 @@
 
    
     <div class="flex-grow flex items-center justify-center relative"> 
-      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center lg:max-w-[]" >
+      <div v-if="showSearch || !isSmallScreen" class="flex-grow  flex justify-center items-center " >
         <template v-if="showSearch">
           <v-text-field
               density="compact"
@@ -48,6 +48,7 @@
         </template>
       </div>
     
+
       <div v-if="!isSmallScreen || !showSearch" class="absolute-center flex">       
         <v-btn
             v-if="authStore.isAuthenticated"