fix: base component dirs, remove duplicate component instance

src/data/products.tsx

@@ -1,12 +1,12 @@
 import Logo from '@/components/Logo';
-import { type FC } from 'react';
+import type { ReactElement } from 'react';
 
 export interface Product {
   id: string;
   titleKey: string;
   descriptionKey: string;
-  LogoComponent: FC;
-  demoLink: string | null;
+  LogoComponent: ReactElement;
+  demoLink: string;
 }
 
 export const productsData: Product[] = [
@@ -14,8 +14,8 @@ export const productsData: Product[] = [
     id: 'harmony-club',
     titleKey: 'products.harmonyClub.title',
     descriptionKey: 'products.harmonyClub.description',
-    LogoComponent: Logo, // Reference the component
-    demoLink: null, // FIXME: update this url
+    LogoComponent: <Logo isIcon boxSx={{ width: 69, height: 55 }} />, // Reference the component
+    demoLink: '', // FIXME: update this url
   },
   // add more products here
 ];