feat: implement internationalization and routing for locale-based pages

- Added RootLayout component to handle locale and message loading.
- Created Home page with header, about info, products, and story sections.
- Developed ProductPage for displaying product categories and products.
- Implemented ProductsPage to list product categories with banners.
- Added Projects page with a grid layout for project display.
- Configured server settings for port and host.
- Established navigation and routing for internationalization.
- Set up request handling for locale and message retrieval.
- Defined routing structure for supported locales.
- Created middleware for locale-based routing.
- Defined layout parameters for locale handling.

src/assets/constants/footerMenu/quickLinks.const.ts

@@ -1,16 +1,19 @@
 import routeFactory from '../routeFactory';
 
-export const quickLinks = [
-  {
-    title: routeFactory.home.title,
-    link: routeFactory.home.route(),
-  },
-  {
-    title: routeFactory.productCategories.title,
-    link: routeFactory.productCategories.route(),
-  },
-  {
-    title: routeFactory.projects.title,
-    link: routeFactory.projects.route(),
-  },
-] as any[];
+export function getQuickLinks(t: (key: string) => string, locale: string) {
+  const routes = routeFactory(t, locale);
+  return [
+    {
+      title: routes.home.title,
+      link: routes.home.route(),
+    },
+    {
+      title: routes.productCategories.title,
+      link: routes.productCategories.route(),
+    },
+    {
+      title: routes.projects.title,
+      link: routes.projects.route(),
+    },
+  ];
+}