feat: add new UI components for product reviews, promotions, seller summaries, support center, and request forms

- Created ProductReviewCard component for displaying product reviews with options to edit and delete.
- Implemented PromoCard component for promotional content with navigation support.
- Added RoundImageLabel component for displaying images with labels in a circular format.
- Developed SellerSummary component to showcase seller information and actions.
- Introduced SupportCenter component for user support with FAQs and action buttons.
- Created SupportRequestForm component for submitting support requests with attachments.
- Added Tabs component for organizing content into tabbed sections, including product descriptions and reviews.
- Implemented utility function for class name merging.
- Defined TypeScript interfaces for User, Product, Order, and OrderItem.
- Configured TypeScript settings in tsconfig.json for improved type checking and module resolution.

public/images/cozy-round.svg

@@ -0,0 +1,6 @@
+<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+  <rect width="256" height="256" rx="128" fill="#ad5a17"/>
+  <path d="M76 139c0-22 17-39 39-39h22c19 0 33 13 33 30 0 16-13 28-31 28H98c-13 0-22-8-22-19Zm23 0c0 5 4 8 10 8h28c7 0 11-4 11-10 0-7-5-11-13-11h-20c-9 0-16 6-16 13Z" fill="#fff3dc"/>
+  <path d="M105 127c10 0 18 8 18 18s-8 18-18 18-18-8-18-18 8-18 18-18Zm0 12a6 6 0 1 0 0 12 6 6 0 0 0 0-12ZM158 94h28l-18 29h-18l8-29Z" fill="#fff3dc"/>
+  <path d="M174 151c10-1 19-7 25-16 3-4 9-5 13-2s5 9 2 13c-10 15-25 24-43 25-5 0-9-4-10-9 0-6 5-10 13-11Z" fill="#fff3dc"/>
+</svg>

public/images/leafy-round.svg

@@ -0,0 +1,17 @@
+<svg width="256" height="256" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <radialGradient id="bg" cx="50%" cy="45%" r="60%">
+      <stop offset="0" stop-color="#176247"/>
+      <stop offset="1" stop-color="#06251b"/>
+    </radialGradient>
+  </defs>
+  <rect width="256" height="256" fill="url(#bg)"/>
+  <g opacity=".55" fill="#0d7a50">
+    <ellipse cx="56" cy="60" rx="42" ry="16" transform="rotate(-35 56 60)"/>
+    <ellipse cx="190" cy="54" rx="48" ry="17" transform="rotate(28 190 54)"/>
+    <ellipse cx="72" cy="178" rx="50" ry="18" transform="rotate(34 72 178)"/>
+    <ellipse cx="188" cy="174" rx="44" ry="16" transform="rotate(-33 188 174)"/>
+    <ellipse cx="128" cy="116" rx="64" ry="20" transform="rotate(-12 128 116)"/>
+  </g>
+  <text x="128" y="137" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="42" font-weight="700" fill="#ffffff">Leafy</text>
+</svg>