BUGFIX: Fixed database not storing the num_viewers for each stream

UI: Changed styling for components

frontend/src/assets/styles/index.css

@@ -55,9 +55,9 @@ body[data-theme="light"] {
   --user-pfp-border: #ffffff;
   --user-pfp-border-shadow: -10px 15px 25px rgba(0, 0, 0, 0.754);
 
-  --user-borderBg: rgb(123, 0, 0);
+  --user-borderBg: rgb(70, 0, 67);
   --user-box: rgb(128, 0, 255);
-  --user-box-strip: rgb(255, 0, 0);
+  --user-box-strip: rgb(120, 3, 120);
   --user-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.754);
   --user-sideBox: rgb(149, 0, 255);
   --user-contentBox: rgb(255, 255, 253);

frontend/src/components/Layout/Footer.tsx

@@ -41,9 +41,6 @@ const Footer = () => {
         {/* About Section */}
         <div className="flex-1 min-w-[250px]">
           <h2 className="text-2xl font-bold">Gander</h2>
-          <p className="text-sm mt-2">
-            Your very favourite streaming service
-          </p>
         </div>
 
         {/* Office Section */}

frontend/src/pages/AllCategoriesPage.tsx

@@ -79,8 +79,7 @@ const AllCategoriesPage: React.FC = () => {
 
   return (
     <DynamicPageContent
-      className="min-h-screen bg-gradient-radial from-[#ff00f1] via-[#0400ff] to-[#ff0000]"
-      style={{ backgroundImage: "url(/images/background-pattern.svg)" }}
+      className="min-h-screen"
     >
       <ListRow
         ref={listRowRef}

frontend/src/pages/UserPage.tsx

@@ -133,7 +133,7 @@ const UserPage: React.FC = () => {
                  bg-[var(--user-box)] z-10 flex-shrink justify-center"
               style={{ boxShadow: "var(--user-box-shadow)" }}
             >
-              <div className="absolute top-4 w-[99.8%] h-[1.5vh] min-h-[10px] max-h-[2em]  bg-[var(--user-box-strip)]"></div>
+              <div className="absolute top-4 w-[99.8%] h-[1vh] min-h-[1em] max-h-[2em]  bg-[var(--user-box-strip)]"></div>
             </div>
             {/* Profile Picture */}
             <div