change url param name to "subdomain"

src/routes/routes.tsx

@@ -6,6 +6,7 @@ import HeaderMenuDrawer from "layouts/app/HeaderMenuDrawer";
 import AddressPage from "pages/address/page";
 import CartPage from "pages/cart/page";
 import CheckoutPage from "pages/checkout/page";
+import { Error400Page, ErrorPage } from "pages/errors";
 import LoginPage from "pages/login/page";
 import MenuPage from "pages/menu/page";
 import OrderPage from "pages/order/page";
@@ -17,7 +18,6 @@ import SearchPage from "pages/search/page";
 import SplitBillPage from "pages/split-bill/page";
 import React, { ReactNode, Suspense, useEffect } from "react";
 import { createHashRouter, useLocation } from "react-router-dom";
-import { Error400Page, ErrorPage } from "pages/errors";
 
 const { useBreakpoint } = Grid;
 
@@ -59,7 +59,8 @@ export const router = createHashRouter([
     errorElement: <ErrorPage />,
   },
   {
-    path: "/:id",
+    // subdomain is unique string identifier for each restaurant
+    path: "/:subdomain",
     element: <PageWrapper children={<RestaurantPage />} />,
     errorElement: <ErrorPage />,
     children: [