fix: logo changed to import in products data file

src/data/products.tsx

@@ -1,6 +1,8 @@
 import Logo from '@/components/Logo';
 import { Box } from '@mui/material';
 import type { ReactElement } from 'react';
+import ClubLogo from '@/assets/club-logo.png';
+import BookLogo from '@/assets/book-logo.png';
 
 export interface Product {
   id: string;
@@ -19,7 +21,7 @@ export const productsData: Product[] = [
     LogoComponent: (
       <Box
         component="img"
-        src="/src/assets/club-logo.png"
+        src={ClubLogo}
         sx={{ width: 69, aspectRatio: '1 / 1', objectFit: 'contain' }}
       />
     ), // Reference the component
@@ -33,7 +35,7 @@ export const productsData: Product[] = [
     LogoComponent: (
       <Box
         component="img"
-        src="/src/assets/book-logo.png"
+        src={BookLogo}
         sx={{ width: 69, aspectRatio: '1 / 1', objectFit: 'contain', px: 0.5 }}
       />
     ), // Reference the component