Index: frontend/src/pages/AllUsers.tsx
===================================================================
--- frontend/src/pages/AllUsers.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
+++ frontend/src/pages/AllUsers.tsx	(revision dc30259a457c1232ee6ee1f6096c9fa50172e058)
@@ -2,4 +2,5 @@
 import { useNavigate } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 
 interface User {
@@ -39,5 +40,7 @@
 	};
 
-	if (users.length == 0) return <div className="p-6">Loading...</div>;
+	if (users.length == 0) {
+		return <LoadingSpinner />;
+	}
 	if (error) {
 		return (
Index: frontend/src/pages/MusicalCollection.tsx
===================================================================
--- frontend/src/pages/MusicalCollection.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
+++ frontend/src/pages/MusicalCollection.tsx	(revision dc30259a457c1232ee6ee1f6096c9fa50172e058)
@@ -2,4 +2,5 @@
 import { useNavigate, useParams } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 import type { Song, Album, Playlist } from "../utils/types";
 import { handleError } from "../utils/error";
@@ -71,5 +72,5 @@
 
   if (isLoading) {
-    return <div className="p-6">Loading...</div>;
+    return <LoadingSpinner />;
   }
 
Index: frontend/src/pages/Nav.tsx
===================================================================
--- frontend/src/pages/Nav.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
+++ frontend/src/pages/Nav.tsx	(revision dc30259a457c1232ee6ee1f6096c9fa50172e058)
@@ -52,5 +52,5 @@
 		>
 			<div className="flex items-center gap-4">
-				{onToggleSidebar && (
+				{onToggleSidebar && user && (
 					<button
 						onClick={onToggleSidebar}
Index: frontend/src/pages/UserDetail.tsx
===================================================================
--- frontend/src/pages/UserDetail.tsx	(revision ebdd3d48efef8374b874c7bf90d571fa73c18f19)
+++ frontend/src/pages/UserDetail.tsx	(revision dc30259a457c1232ee6ee1f6096c9fa50172e058)
@@ -2,4 +2,5 @@
 import { useNavigate, useParams } from "react-router-dom";
 import axiosInstance from "../api/axiosInstance";
+import LoadingSpinner from "../components/LoadingSpinner";
 import ArtistView from "../components/userProfile/ArtistView";
 import ListenerView from "../components/userProfile/ListenerView";
@@ -174,5 +175,7 @@
 	}
 
-	if (!user) return <div className="p-6">Loading...</div>;
+	if (!user) {
+		return <LoadingSpinner />;
+	}
 
 	return (