feat: catch all yaml parse errors

components/Rating.tsx

@@ -32,13 +32,13 @@ export const Rating = (
 
   return (
     <div
-      class="flex gap-2 px-5 rounded-2xl bg-gray-200 z-10"
+      class="flex items-center gap-2 px-5 rounded-2xl bg-gray-200 z-10"
       style={{ color: "var(--foreground)", background: "var(--background)" }}
     >
       {Array.from({ length: max.value }).map((_, i) => {
         return (
           <span
-            class={`my-5 cursor-pointer opacity-${
+            class={`cursor-pointer opacity-${
               (i + 1) <= rating ? 100 : (i + 1) <= hover ? 20 : 100
             }`}
             onMouseOver={() => setHover(i + 1)}