Rename ssr to website, website to spa, add spa nginx config

apps/website/src/components/ProductCard.tsx

@@ -1,6 +1,6 @@
-import { Link } from 'react-router-dom'
-import type { Product } from '../types'
-import { getCategoryImage, formatPrice } from '../types'
+import Link from 'next/link'
+import type { Product } from '@homaroma/types'
+import { getCategoryImage, formatPrice } from '@homaroma/types'
 
 interface ProductCardProps {
   product: Product
@@ -11,7 +11,7 @@ export default function ProductCard({ product }: ProductCardProps) {
     <div className="glass glass-hover rounded-2xl overflow-hidden flex flex-col group p-1.5 md:p-2">
       <div className="h-40 md:h-64 overflow-hidden rounded-xl relative">
         <img
-          src={product.images?.[0]?.url || getCategoryImage(product.category.name)}
+          src={product.images?.[0]?.url || product.category.imageUrl || getCategoryImage(product.category.name)}
           className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-700"
           alt={product.scent.name}
         />
@@ -52,7 +52,7 @@ export default function ProductCard({ product }: ProductCardProps) {
         <div className="flex-1" />
 
         <Link
-          to={`/products/${product.id}`}
+          href={`/products/${product.id}`}
           className="block w-full py-2 md:py-3 text-center bg-white/10 hover:bg-white text-white hover:text-night-900 rounded-lg font-bold uppercase tracking-widest text-[10px] md:text-xs transition-all duration-300"
         >
           Discover