REFACTOR: Relocate components to appropriate folders + minor style adjustments

frontend/src/components/Layout/ListItem.tsx

@@ -28,7 +28,7 @@ const ListItem: React.FC<ListItemProps> = ({
         className={`${extraClasses} overflow-hidden flex-shrink-0 flex flex-col bg-purple-900 rounded-lg cursor-pointer mx-auto hover:bg-pink-700 hover:scale-105 transition-all`}
         onClick={onItemClick}
       >
-        <div className="relative w-full pt-[56.25%] overflow-hidden rounded-t-lg">
+        <div className="relative w-full aspect-video overflow-hidden rounded-t-lg">
           {thumbnail ? (
             <img
               src={thumbnail}

frontend/src/components/Layout/ListRow.tsx

@@ -73,7 +73,7 @@ const ListRow: React.FC<ListRowProps> = ({
           ref={slider}
           className={`flex ${
             wrap ? "flex-wrap" : "overflow-x-scroll whitespace-nowrap"
-          } items-center justify-between scroll-smooth scrollbar-hide gap-5 py-[10px] px=[30px] mx-[30px]`}
+          } max-w-[95%] items-center justify-between scroll-smooth scrollbar-hide gap-5 mx-auto`}
         >
 
           {items.map((item) => (
@@ -93,7 +93,7 @@ const ListRow: React.FC<ListRowProps> = ({
                   ? onClick?.(item.streamer)
                   : onClick?.(item.title)
               }
-              extraClasses={`${itemExtraClasses} min-w-[25vw]`}
+              extraClasses={`${itemExtraClasses} min-w-[20vw]`}
             />
           ))}
         </div>