Rensa Logga ut ruta

Bytte ut sign out box mot enkel textlänk och understrykning vid hover; gjorde länken för utloggning och bakåt-länk till separata små textlänkar under centrera area.

X-Lovable-Edit-ID: edt-2b146f5a-6fa1-48de-b1e7-9fa4521102c9

src/pages/Account.tsx

@@ -175,35 +175,24 @@ const Account = () => {
             </form>
           </div>
 
-          {/* Sign Out */}
+          {/* Links */}
-          <div className="bg-card border border-border rounded-lg p-6 shadow-sm">
+          <div className="text-center mt-6 space-y-3">
-            <div className="flex items-center justify-between">
-              <div>
-                <h3 className="font-medium">Logga ut</h3>
-                <p className="text-sm text-muted-foreground">
-                  Logga ut från ditt konto
-                </p>
-              </div>
-              <Button
-                variant="outline"
-                onClick={handleSignOut}
-                className="border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground"
-              >
-                <LogOut className="h-4 w-4 mr-2" />
-                Logga ut
-              </Button>
-            </div>
-          </div>
-
-          {/* Back link */}
-          <div className="text-center mt-8">
             <button
               type="button"
-              onClick={() => navigate("/")}
+              onClick={handleSignOut}
-              className="text-sm text-primary hover:underline"
+              className="text-sm text-muted-foreground hover:underline"
             >
-              ← Tillbaka till startsidan
+              Logga ut
             </button>
+            <div>
+              <button
+                type="button"
+                onClick={() => navigate("/")}
+                className="text-sm text-primary hover:underline"
+              >
+                ← Tillbaka till startsidan
+              </button>
+            </div>
           </div>
         </div>
       </div>