Release

.gitignore

@@ -1,6 +1,6 @@
 # Root dependencies
 node_modules/
-package-lock.json
+/package-lock.json
 
 # OS files
 .DS_Store

frontend/.dockerignore

@@ -1,3 +1,6 @@
+# Explicitly include package-lock.json
+!package-lock.json
+
 # Dependencies
 node_modules/
 

frontend/Dockerfile

@@ -4,10 +4,10 @@ FROM node:22-alpine AS builder
 WORKDIR /app
 
 # Copy package files
-COPY package.json package-lock.json ./
+COPY package.json package-lock.json* ./
 
-# Install dependencies
-RUN npm ci
+# Install dependencies (use npm ci if lock file exists, otherwise npm install)
+RUN if [ -f package-lock.json ]; then npm ci; else npm install; fi
 
 # Copy source code
 COPY . .

frontend/src/components/layout/LeftSidebar.tsx

@@ -229,35 +229,35 @@ export function LeftSidebar() {
             </Button>
           </div>
         )}
-
-        {/* Sign In / Create Account for unauthenticated users */}
-        {!isAuthenticated && (
-          <div className="pt-4 space-y-2 flex flex-col items-center xl:items-stretch">
-            <Button
-              className="w-11 h-11 xl:w-full xl:h-auto xl:py-3 rounded-full xl:rounded-lg font-semibold text-[15px] shadow-sm flex-shrink-0"
-              size="lg"
-              asChild
-            >
-              <Link to="/signin">
-                <LogIn className="w-5 h-5 xl:mr-2" />
-                <span className="hidden xl:inline">Sign In</span>
-              </Link>
-            </Button>
-            <Button
-              variant="outline"
-              className="w-11 h-11 xl:w-full xl:h-auto xl:py-3 rounded-full xl:rounded-lg font-semibold text-[15px] flex-shrink-0"
-              size="lg"
-              asChild
-            >
-              <Link to="/signup">
-                <UserPlus className="w-5 h-5 xl:mr-2" />
-                <span className="hidden xl:inline">Create Account</span>
-              </Link>
-            </Button>
-          </div>
-        )}
       </nav>
 
+      {/* Sign In / Create Account for unauthenticated users - at bottom */}
+      {!isAuthenticated && (
+        <div className="mt-auto pt-4 space-y-2 flex flex-col items-center xl:items-stretch">
+          <Button
+            className="w-11 h-11 xl:w-full xl:h-auto xl:py-3 rounded-full xl:rounded-lg font-semibold text-[15px] shadow-sm flex-shrink-0"
+            size="lg"
+            asChild
+          >
+            <Link to="/signin">
+              <LogIn className="w-5 h-5 xl:mr-2" />
+              <span className="hidden xl:inline">Sign In</span>
+            </Link>
+          </Button>
+          <Button
+            variant="outline"
+            className="w-11 h-11 xl:w-full xl:h-auto xl:py-3 rounded-full xl:rounded-lg font-semibold text-[15px] flex-shrink-0"
+            size="lg"
+            asChild
+          >
+            <Link to="/signup">
+              <UserPlus className="w-5 h-5 xl:mr-2" />
+              <span className="hidden xl:inline">Create Account</span>
+            </Link>
+          </Button>
+        </div>
+      )}
+
       {/* User Menu */}
       {user && (
         <div className="mt-auto pt-4 flex justify-center xl:justify-start">

frontend/src/components/layout/RightSidebar.tsx

@@ -199,7 +199,7 @@ export function RightSidebar() {
                 const isLoading = followLoading.has(user.username)
 
                 return (
-                  <div key={user.username} className="flex items-center gap-3 px-4 py-3 hover:bg-muted/50">
+                  <div key={user.username} className="group flex items-center gap-3 px-4 py-3 hover:bg-muted/50">
                     <Link to={`/user/${user.username}`}>
                       <Avatar className="w-11 h-11 ring-2 ring-background">
                         {user.avatar_url && (
@@ -224,10 +224,10 @@ export function RightSidebar() {
                         size="sm"
                         variant={isFollowing ? "default" : "outline"}
                         className={cn(
-                          "rounded-full text-[13px] h-9 px-4 font-semibold",
+                          "rounded-full text-[13px] h-9 px-4 font-semibold transition-opacity",
                           isFollowing
                             ? "bg-primary text-primary-foreground hover:bg-primary/90"
-                            : "border-border/60 hover:bg-foreground hover:text-background hover:border-foreground"
+                            : "border-border/60 hover:bg-foreground hover:text-background hover:border-foreground opacity-0 group-hover:opacity-100"
                         )}
                         onClick={() => handleFollow(user.username)}
                         disabled={isLoading}