adjust featured genres breakpoints

src/renderer/features/home/components/featured-genres.module.css

@@ -65,6 +65,7 @@
     margin-right: var(--theme-spacing-xl);
     overflow: hidden;
     text-overflow: ellipsis;
+    font-weight: 500;
     white-space: nowrap;
 }
 

src/renderer/features/home/components/featured-genres.tsx

@@ -30,19 +30,19 @@ function getGenresToShow(breakpoints: {
     isLargerThanXxxl: boolean;
 }) {
     if (breakpoints.isLargerThanXxxl) {
-        return 42;
+        return 18;
     }
 
     if (breakpoints.isLargerThanXxl) {
-        return 30;
+        return 15;
     }
 
     if (breakpoints.isLargerThanXl) {
-        return 24;
+        return 12;
     }
 
     if (breakpoints.isLargerThanLg) {
-        return 18;
+        return 12;
     }
 
     if (breakpoints.isLargerThanMd) {
@@ -50,7 +50,7 @@ function getGenresToShow(breakpoints: {
     }
 
     if (breakpoints.isLargerThanSm) {
-        return 9;
+        return 8;
     }
 
     return 6;