fixed a bit

app/(auth)/login/page.js

@@ -82,6 +82,9 @@ export default function Login() {
                     >
                         {isLoading ? 'Logging in...' : 'Log In'}
                     </button>
+                    <div className="auth-link">
+                        Don't have an account? <Link href="/register">Register</Link>
+                    </div>
                 </div>
             </div>
 

app/(auth)/register/page.js

@@ -37,11 +37,16 @@ export default function Register() {
     }
 
     return (
+        <div className="auth-page">
+            <div className="page-header">
+                <Link href="/login" className="back-button">←</Link>
+                <div className="page-title">Register</div>
+                <div className="placeholder"></div>
+            </div>
+
             <div className="auth-container">
                 <div className="auth-card">
-                <h1>Register</h1>
+                    <div className="input-container">
-                <form onSubmit={handleSubmit}>
-                    <div className="form-group">
                         <input
                             type="text"
                             placeholder="Username"
@@ -51,7 +56,7 @@ export default function Register() {
                             className="auth-input"
                         />
                     </div>
-                    <div className="form-group">
+                    <div className="input-container">
                         <input
                             type="password"
                             placeholder="Password"
@@ -61,18 +66,33 @@ export default function Register() {
                             className="auth-input"
                         />
                     </div>
+                    {error && <div className="error-message">{error}</div>}
                     <button
-                        type="submit"
+                        onClick={handleSubmit}
                         className="auth-button"
                         disabled={isLoading}
                     >
                         {isLoading ? 'Registering...' : 'Register'}
                     </button>
-                </form>
+                    <div className="auth-link">
-                {error && <p className="error">{error}</p>}
-                <p className="auth-link">
                         Already have an account? <Link href="/login">Login</Link>
-                </p>
+                    </div>
+                </div>
+            </div>
+
+            <div className="nav-bar">
+                <div className="nav-item">
+                    <div className="nav-icon">🏠</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">📊</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">🏆</div>
+                </div>
+                <div className="nav-item">
+                    <div className="nav-icon">👤</div>
+                </div>
             </div>
         </div>
     );

lib/db.js

@@ -13,7 +13,7 @@ function getDb() {
         return null;
     }
 
-    return new sqlite3.Database('./clue_hunt.db', (err) => {
+    return new sqlite3.Database('./sqlite.db', (err) => {
         if (err) {
             console.error('Error opening database:', err.message);
         } else {