BUGFIX: Fixed database not storing the num_viewers for each stream

UI: Changed styling for components

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