Fixed leaderboard logic and updated README

Author: EnderHubris

README.md

@@ -33,4 +33,14 @@ Move the `.env` file into the project root directory, then run the following to
 ```bash
 # if you want to use the latest node binary replace nodejs -> node
 nodejs ./src/backend/server.js
+```
+
+## :chart_with_upwards_trend: Production
+You will need to install a dependency to use `serve`, this is recommended after running `npm run build`.
+```bash
+sudo npm install -g serve
+```
+Prepare production build and serve as a static server.
+```bash
+npm run build && server -s build
 ```

src/pages/leaderboard.js

@@ -35,10 +35,17 @@ export function Leaderboard() {
 
         const data = await response.json();
         if (data) {
-          setUserData({"username": data.username, "team": data.team})
+          if (data.username && data.team) {
+            setUserData({"username": data.username, "team": data.team})
+          } else {
+            setUserData(null)  
+          }
+        } else {
+          setUserData(null)
         }
       } catch (error) {
         console.error("Error sending request:", error);
+        setUserData(null)
       }
     }
     GetInfo();
@@ -75,7 +82,8 @@ export function Leaderboard() {
 
         <div className="container mt-2 d-flex justify-content-center gap-3">
           {/* THIS CARD ONLY SHOWS WHEN A USER IS AUTHENTICATED */}
-          {userData && (
+          {console.log(userData)}
+          {(userData) && (
             <div
               className="card shadow-sm"
               style={{ minWidth: '200px', maxWidth: '300px', width: '100%' }}