Visual edit in Lovable

Edited UI in Lovable

src/components/Header.tsx

@@ -1,28 +1,23 @@
-
 import React from 'react';
 import { Bell } from 'lucide-react';
 import { useAuth } from '@/contexts/auth';
-
 const Header: React.FC = () => {
-  const { user } = useAuth();
-  
+  const {
+    user
+  } = useAuth();
   const userName = user?.user_metadata?.username || '익명';
-  
-  return (
-    <header className="py-8">
+  return <header className="py-8">
       <div className="flex justify-between items-center">
         <div>
           <h1 className="text-2xl font-bold neuro-text">
             {user ? `${userName}님, 반갑습니다` : '반갑습니다'}
           </h1>
-          <p className="text-gray-500">젤리의 적자탈출</p>
+          <p className="text-gray-500 text-left">젤리의 적자탈출</p>
         </div>
         <button className="neuro-flat p-2.5 rounded-full">
           <Bell size={20} className="text-gray-600" />
         </button>
       </div>
-    </header>
-  );
+    </header>;
 };
-
 export default Header;