REFACTOR: Improve Sidebar style and enforce its uniqueness across pages;

REFACTOR: General improvement of style across frontend;

frontend/src/components/Layout/DynamicPageContent.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import Navbar from "../Navigation/Navbar";
 import { useSidebar } from "../../context/SidebarContext";
 
-interface DynamicPageContentProps {
+interface DynamicPageContentProps extends React.HTMLProps<HTMLDivElement> {
   children: React.ReactNode;
-  navbarVariant?: "home" | "default";
+  navbarVariant?: "home" | "no-navbar" | "default";
   className?: string;
   style?: React.CSSProperties;
 }
@@ -19,12 +19,12 @@ const DynamicPageContent: React.FC<DynamicPageContentProps> = ({
 
   return (
     <div className={className} style={style}>
-      <Navbar variant={navbarVariant} />
+      {navbarVariant !== "no-navbar" && <Navbar variant={navbarVariant} />}
       <div
         id="content"
-        className={`${
+        className={`min-w-[850px] ${
           showSideBar ? "w-[85vw] translate-x-[15vw]" : "w-[100vw]"
-        } transition-all duration-[500ms] ease-in-out`}
+        } items-start transition-all duration-[500ms] ease-in-out`}
       >
         {children}
       </div>

frontend/src/components/Layout/ListRow.tsx

@@ -89,7 +89,7 @@ const ListRow = forwardRef<
 
     return (
       <div
-        className={`${extraClasses} flex w-full rounded-[1.5rem] text-white transition-all ${
+        className={`${extraClasses} flex w-full relative rounded-[1.5rem] text-white transition-all ${
           variant === "search"
             ? "items-center"
             : "flex-col space-y-4 py-6 px-5 mx-2 mt-5"

frontend/src/components/Layout/Logo.tsx

@@ -21,7 +21,7 @@ const Logo: React.FC<LogoProps> = ({
       <h6 className="text-sm bg-gradient-to-br from-blue-400 via-green-500 to-indigo-500 font-black text-transparent bg-clip-text">
         Go on, have a...
       </h6>
-      <div className="flex w-fit min-w-[30vw] bg-logo bg-clip-text animate-moving_text_colour bg-[length:300%_300%] justify-center leading-none transition-all">
+      <div className="flex w-fit min-w-[calc(12vw+6rem)] bg-logo bg-clip-text animate-moving_text_colour bg-[length:300%_300%] justify-center leading-none transition-all">
         <span className={gradient}>G</span>
         <span className={gradient}>A</span>
         <span className={gradient}>N</span>