Rewrite URLs for app router folders

components/layout/header/desktop-menu/desktop-menu.tsx

@@ -0,0 +1,24 @@
+'use client';
+
+import { useTranslations } from 'next-intl';
+import Link from 'next/link';
+
+export default function DesktopMenu({ items, locale }: { items: []; locale: string }) {
+  const t = useTranslations('routes');
+  return (
+    <ul className="flex gap-6">
+      {items.map((item: { title: string; slug: string }, i: number) => {
+        return (
+          <li key={i}>
+            <Link
+              className="font-medium underline-offset-2 hover:underline"
+              href={`/${locale}/${t('category')}/${item.slug}`}
+            >
+              {item.title}
+            </Link>
+          </li>
+        );
+      })}
+    </ul>
+  );
+}