style patch

frontend/src/components/Player/Player.css

@@ -26,7 +26,7 @@
 }
 
 .video-title-text {
-  font-weight: 100;
+  font-weight: 200;
   font-size:  1.2rem;
   overflow: hidden;
   white-space: nowrap;
@@ -169,6 +169,7 @@
 .current-time,
 .duration {
   color: white;
+  font-weight: 200;
 }
 
 .play-pause-btn,

frontend/src/components/shared/Sidebar/Sidebar.css

@@ -76,10 +76,11 @@
     align-items: center;
     padding: 8px 16px;
     border-radius: 8px;
+    border-right: none !important;
     margin-bottom: 8px;
     margin-left: 10px;
     margin-right: 10px;
-    background-color: #12121f;
+    background-image: linear-gradient(45deg, #12121f, transparent);
     cursor: pointer;
     white-space: nowrap;
     position: relative;
@@ -88,7 +89,7 @@
 
   .sidebar-link.active {
     color: #ffffff;
-    background-color: #1c2354;
+    background-image: linear-gradient(45deg, #1c2354, transparent);
     border: 1px solid #4339ff;
   }
   

frontend/src/components/shared/Sidebar/Sidebar.js

@@ -106,8 +106,8 @@ const Sidebar = () => {
               <SidebarItem icon="tv_guide" text="TV Shows" />
             </Link>
             <Link
-              href="/genre"
-              className={`sidebar-link ${pathname === "/genre" ? "active" : ""}`}
+              href="/categories"
+              className={`sidebar-link ${pathname === "/categories" ? "active" : ""}`}
               onMouseEnter={handleMouseEnter}
               onMouseLeave={handleMouseLeave}
               onClick={handleLinkClick}