feat: add product catalog with URL-based category filtering

app/products/[id]/page.tsx

@@ -3,7 +3,7 @@ import {notFound} from 'next/navigation';
 import {content} from '@/data/content';
 import ProductDetails from '@/components/ProductDetails';
 
-type Props = {params: {id: string}};
+type Props = { params: { id: string } };
 
 export function generateStaticParams() {
     return content.fa.machines.map(machine => ({id: machine.id}));

app/products/page.tsx

@@ -0,0 +1,13 @@
+import {Suspense} from 'react';
+import type {Metadata} from 'next';
+import ProductsPage from '@/components/ProductsPage';
+
+export const metadata: Metadata = {title: 'همه محصولات | روبات مارکت'};
+
+export default function Page() {
+    return (
+        <Suspense fallback={<div className="min-h-screen pt-28 px-6" aria-busy="true"><div className="h-60 rounded-3xl bg-surface animate-pulse"/></div>}>
+            <ProductsPage/>
+        </Suspense>
+    );
+}