🎨 style: adjust input and search bar input style

packages/frontend/src/components/SearchBar.tsx

@@ -16,6 +16,7 @@ const SearchBar: React.ForwardRefRenderFunction<
         type="search"
         placeholder={placeholder}
         appearance="borderless"
+        className="w-full lg:w-[459px]"
         {...props}
       />
     </div>

packages/frontend/src/components/shared/Input/Input.tsx

@@ -87,12 +87,12 @@ export const Input = ({
   );
 
   return (
-    <div className="space-y-2">
+    <div className="space-y-2 w-full">
       {renderLabels}
       <div className={containerCls({ class: className })}>
         {leftIcon && renderLeftIcon}
         <input
-          className={cn(inputCls({ class: 'w-80' }), {
+          className={cn(inputCls(), {
             'pl-10': leftIcon,
           })}
           {...props}