feat: implement manufacturer dashboard design

frontend/package.json

@@ -21,7 +21,11 @@
     "next": "14.0.2",
     "react": "^18",
     "react-blockies": "^1.4.1",
+    "react-datepicker": "^7.5.0",
     "react-dom": "^18",
+    "react-icons": "^5.3.0",
+    "react-toastify": "^10.0.6",
+    "sharp": "^0.33.5",
     "starknet": "^6.11.0"
   },
   "devDependencies": {

frontend/src/app/Home/layout.tsx

@@ -0,0 +1,18 @@
+import Footer from '@/components/Footer';
+import NavBar from '@/components/Navbar';
+import { ReactNode } from 'react';
+
+interface LayoutProps {
+  children: ReactNode;
+}
+const Layout = ({ children }: LayoutProps) => {
+  return (
+    <div>
+      <NavBar />
+      <>{children}</>
+      <Footer />
+    </div>
+  );
+};
+
+export default Layout;

frontend/src/app/Home/page.tsx

@@ -0,0 +1,17 @@
+import Footer from '@/components/Footer';
+import NavBar from '@/components/Navbar';
+import React from 'react';
+import ManufacturerPage from '../manufacturer/account/page';
+import HeroSection from '@/components/HeroSection';
+import ContentSection from '@/components/ContentSection';
+
+const page = () => {
+  return (
+    <div>
+      <HeroSection />
+      <ContentSection />
+    </div>
+  );
+};
+
+export default page;

frontend/src/app/Home/scan/page.tsx

@@ -0,0 +1,13 @@
+import ScanPage from '@/app/scan/[product]/page';
+import ScanButton from '@/components/ScanButton';
+import React from 'react';
+
+const page = () => {
+  return (
+    <div>
+      <ScanPage />
+    </div>
+  );
+};
+
+export default page;

frontend/src/app/dashboard/layout.tsx

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+
+interface LayoutProps {
+  children: ReactNode;
+}
+
+const layout = ({ children }: LayoutProps) => {
+  return <div>{children}</div>;
+};
+
+export default layout;