feat: adjust component styling

Author: loq24

src/popup/Popup.tsx

@@ -36,18 +36,11 @@ const Popup = () => {
         <div className="absolute top-0 right-0 w-32 h-32 bg-white/10 rounded-full -translate-y-16 translate-x-16"></div>
         <div className="absolute bottom-0 left-0 w-24 h-24 bg-white/5 rounded-full translate-y-12 -translate-x-12"></div>
         <div className="relative z-10">
-          <div className="flex items-center gap-3 mb-2">
-            <div className="w-10 h-10 bg-white/20 rounded-xl flex items-center justify-center text-xl">
-              🤖
-            </div>
-            <div>
-              <h1 className="text-xl font-bold tracking-tight">
-                AI Email Helper
-              </h1>
-              <p className="text-blue-100 text-sm">
-                AI-powered email responses
-              </p>
-            </div>
+          <div className="flex flex-col mb-2">
+            <h1 className="text-xl font-bold tracking-tight">
+              🤖 AI Email Helper
+            </h1>
+            <p className="text-blue-100 text-sm">AI-powered email responses</p>
           </div>
 
           {/* Status indicator in header */}