(SP: 0.5) [Frontend] Logo icons svg

frontend/data/category.ts

@@ -33,4 +33,6 @@ export const categoryData = [
   createCategory('flutter', 'Flutter', 21),
   createCategory('kotlin', 'Kotlin', 22),
   createCategory('reactnative', 'React Native', 23),
+  createCategory('java', 'Java', 24),
+  createCategory('spring', 'Spring', 25),
 ];

frontend/data/categoryStyles.ts

@@ -187,6 +187,20 @@ export const categoryTabStyles = {
     glow: 'bg-[#61DAFB]',
     accent: '#61DAFB',
   },
+  java: {
+    icon: '/icons/java.svg',
+    color:
+      'group-hover:border-[#0074BD]/50 group-hover:bg-[#0074BD]/10 data-[state=active]:border-[#0074BD]/50 data-[state=active]:bg-[#0074BD]/10',
+    glow: 'bg-[#0074BD]',
+    accent: '#0074BD',
+  },
+  spring: {
+    icon: '/icons/spring.svg',
+    color:
+      'group-hover:border-[#77BC1F]/50 group-hover:bg-[#77BC1F]/10 data-[state=active]:border-[#77BC1F]/50 data-[state=active]:bg-[#77BC1F]/10',
+    glow: 'bg-[#77BC1F]',
+    accent: '#77BC1F',
+  },
 } as const satisfies Partial<Record<CategorySlug, CategoryTabStyle>>;
 
 export function getCategoryTabStyle(slug: string): CategoryTabStyle {

frontend/package.json

@@ -9,8 +9,8 @@
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "format": "prettier --write .",
-    "seed:categories": "tsx db/seed-categories.ts",
-    "seed:questions": "tsx db/seed-questions.ts",
+    "seed:categories": "NODE_OPTIONS=--conditions=react-server tsx db/seed-categories.ts",
+    "seed:questions": "NODE_OPTIONS=--conditions=react-server tsx db/seed-questions.ts",
     "parse": "tsx parse/parse.ts",
     "db:generate": "drizzle-kit generate --config drizzle.config.ts",
     "db:migrate": "drizzle-kit migrate --config drizzle.config.ts",
@@ -67,6 +67,7 @@
     "prism-react-renderer": "^2.4.1",
     "react": "^19.2.1",
     "react-dom": "^19.2.1",
+    "server-only": "^0.0.1",
     "sonner": "^2.0.7",
     "stripe": "20.0.0",
     "tailwind-merge": "^3.4.0",