feat: Conditionally render 'Add Opinion' form based on user authentication status and add Rocket server port configuration.

Rocket.toml

@@ -0,0 +1,5 @@
+[default]
+port = 8000
+
+[release]
+port = 24237

frontend/src/PersonDetails.tsx

@@ -1,6 +1,13 @@
 import { useState, useEffect } from "react";
 import { useParams } from "react-router-dom";
-import { Person, AddOpinionRequest, Game, GameList } from "../items";
+import {
+  Person,
+  AddOpinionRequest,
+  Game,
+  GameList,
+  AuthStatusRequest,
+  AuthStatusResponse,
+} from "../items";
 import { apiFetch } from "./api";
 
 export const PersonDetails = () => {
@@ -9,6 +16,35 @@ export const PersonDetails = () => {
   const [games, setGames] = useState<Game[]>([]);
   const [gameTitle, setGameTitle] = useState("");
   const [wouldPlay, setWouldPlay] = useState(false);
+  const [currentUser, setCurrentUser] = useState<string>("");
+
+  useEffect(() => {
+    const token = localStorage.getItem("token");
+    if (token) {
+      const req = AuthStatusRequest.create({ token });
+      const buffer = AuthStatusRequest.encode(req).finish();
+
+      apiFetch("/auth/get_auth_status", {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/octet-stream",
+        },
+        body: buffer,
+      })
+        .then((res) => res.arrayBuffer())
+        .then((buffer) => {
+          try {
+            const response = AuthStatusResponse.decode(new Uint8Array(buffer));
+            if (response.authenticated) {
+              setCurrentUser(response.username);
+            }
+          } catch (e) {
+            console.error("Failed to decode auth status:", e);
+          }
+        })
+        .catch(console.error);
+    }
+  }, []);
 
   useEffect(() => {
     apiFetch("/api/games")
@@ -99,6 +135,7 @@ export const PersonDetails = () => {
         </ul>
       </div>
 
+      {currentUser === name && (
         <div
           style={{
             marginTop: "2rem",
@@ -156,6 +193,7 @@ export const PersonDetails = () => {
             </button>
           </div>
         </div>
+      )}
     </div>
   );
 };