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/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>