header rewrite v2

app/components/Header.tsx

@@ -40,7 +40,7 @@ const Header: React.FC<HeaderProps> = ({ onViewChange, showDivs, toggleDivs, sho
             )}
           </nav>
         <button onClick={() => onViewChange('AI')} className="header-button header-logo">
-          <p>1</p>
+          
         </button>
         <div className="login-button">
           <Login /> 

app/components/Login.tsx

@@ -52,8 +52,8 @@ const Login: React.FC = () => {
   return (
     <div>
       {/* Login or Settings Button */}
-      
-      <button onClick={isLoggedIn ? toggleSettingsPopup : toggleLoginPopup}>
+
+      <button className='header-login-button' onClick={isLoggedIn ? toggleSettingsPopup : toggleLoginPopup}>
         {isLoggedIn ? 'Settings' : 'Log In'}
       </button>