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"