feat: add class-variance-authority for card styling and enhance color palettes

- Introduced `class-variance-authority` to manage card component styles, allowing for flexible variant and layout options.
- Added a new color palette for "Fire" to the CSS for improved theming.
- Updated `Card` and `PostCard` components to utilize the new styling system, enhancing visual consistency and responsiveness.
- Refined layout and styling in various components for better user experience.

src/lib/components/TopBanner.svelte

@@ -99,7 +99,7 @@
   <div class="w-full">
     {#if hasImage}
       <div
-        class="w-full overflow-hidden relative flex justify-center items-center shadow-lg border-b border-white bg-zinc-200"
+        class="w-full overflow-hidden relative flex justify-center items-center shadow-lg bg-zinc-200"
         style={wrapperStyle}
       >
         {#if hasResponsive && responsive}