chore: Update Sidepanel UI styling and manifest configuration

src/components/Sidepanel/Chat/body.tsx

@@ -32,7 +32,9 @@ export const SidePanelBody = () => {
           isTTSEnabled={ttsEnabled}
         />
       ))}
-      <div className="w-full h-32 md:h-48 flex-shrink-0"></div>
+      {
+        import.meta.env.BROWSER === "chrome" ? <div className="w-full h-32 md:h-48 flex-shrink-0"></div> : <div className="w-full h-48 flex-shrink-0"></div>
+      }
       <div ref={divRef} />
     </div>
   )

src/components/Sidepanel/Chat/form.tsx

@@ -117,7 +117,7 @@ export const SidepanelForm = ({ dropedFile }: Props) => {
   }
 
   return (
-    <div className="px-3 pt-3 md:px-6 md:pt-6 md:bg-white dark:bg-[#262626] border rounded-t-xl border-black/10 dark:border-gray-600">
+    <div className="px-3 pt-3 md:px-6 md:pt-6 bg-gray-50 dark:bg-[#262626] border rounded-t-xl border-black/10 dark:border-gray-600">
       <div
         className={`h-full rounded-md shadow relative ${
           form.values.image.length === 0 ? "hidden" : "block"

src/entries/sidepanel/index.html

@@ -5,6 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="manifest.type" content="browser_action" />
     <meta name="manifest.open_at_install" content="false" />
+    <meta name="manifest.browser_style" content="false" />
     <link href="~/assets/tailwind.css" rel="stylesheet" />
     <meta charset="utf-8" />
   </head>