src/components/project-card.tsx

@@ -90,9 +90,9 @@ export function ProjectCard({
       <CardContent className="mt-auto flex flex-col px-2">
         {tags?.badges && tags.badges.length > 0 && (
           <div className="mt-2 flex flex-wrap gap-1">
-            {tags.badges.map((b, i) => (
+            {tags.badges.map((b) => (
               <Badge
-                key={title + dates + b + i.toString()}
+                key={crypto.randomUUID()}
                 variant="secondary"
                 className={clsx(
                   'px-1 py-0 text-[10px]',

tailwind.config.js

@@ -1,7 +1,11 @@
 /** @type {import('tailwindcss').Config} */
 export default {
-  content: ['./src /**/*.{jsx,tsx}'], // tell tailwind where to look
-  darkMode: ['selector', '[data-theme="dark"]', '.dark'],
+  content: ['./src /**/*.{jsx,tsx
+    }'
+  ], // tell tailwind where to look
+  darkMode: ['selector', '[data-theme="dark"
+    ]', '.dark'
+  ],
   theme: {
     extend: {},
   },