ADD: Footer

frontend/src/pages/HomePage.tsx

@@ -5,6 +5,7 @@ import { useStreams, useCategories } from "../context/ContentContext";
 import Button from "../components/Input/Button";
 import DynamicPageContent from "../components/Layout/DynamicPageContent";
 import LoadingScreen from "../components/Layout/LoadingScreen";
+import Footer from "../components/Layout/Footer";
 
 interface HomePageProps {
   variant?: "default" | "personalised";
@@ -31,7 +32,16 @@ const HomePage: React.FC<HomePageProps> = ({ variant = "default" }) => {
     <DynamicPageContent
       navbarVariant="home"
       className="h-full min-h-screen bg-[url(/images/background-pattern.svg)] animate-moving_bg"
+      style={{ scrollbarWidth: "none", msOverflowStyle: "none" }}
     >
+            {/* Hide Scrollbar for WebKit-based Browsers */}
+            <style>
+        {`
+          ::-webkit-scrollbar {
+            display: none;
+          }
+        `}
+      </style>
       <ListRow
         type="stream"
         title={
@@ -75,6 +85,7 @@ const HomePage: React.FC<HomePageProps> = ({ variant = "default" }) => {
           Show More
         </Button>
       </ListRow>
+      <Footer/>
     </DynamicPageContent>
   );
 };

frontend/src/pages/UserPage.tsx

@@ -111,6 +111,7 @@ const UserPage: React.FC = () => {
           : bgColors[userPageVariant]
       } text-white flex flex-col`}
     >
+      
       <div className="flex justify-evenly justify-self-center items-center h-full px-4 py-8 max-w-[80vw] w-full">
         <div className="grid grid-cols-4 grid-rows-[0.1fr_4fr] w-full gap-8">
           {/* Profile Section - TOP  */}