feat(lessons): add lessons from client db

src/components/RenderLessonIcon.tsx

@@ -0,0 +1,36 @@
+import {
+  Target,
+  BookOpen,
+  BarChart3,
+  Layers,
+  Calculator,
+  TrendingUp,
+  Grid,
+  Scale,
+  Percent,
+  Car,
+  Square,
+  Triangle,
+  Circle,
+} from "lucide-react";
+import type { JSX } from "react";
+
+export const renderLessonIcon = (iconName: string) => {
+  const icons: Record<string, JSX.Element> = {
+    Target: <Target size={16} />,
+    BookOpen: <BookOpen size={16} />,
+    BarChart3: <BarChart3 size={16} />,
+    Layers: <Layers size={16} />,
+    Calculator: <Calculator size={16} />,
+    TrendingUp: <TrendingUp size={16} />,
+    Grid: <Grid size={16} />,
+    Scale: <Scale size={16} />,
+    Percent: <Percent size={16} />,
+    Chart: <Car size={16} />,
+    Square: <Square size={16} />,
+    Triangle: <Triangle size={16} />,
+    Circle: <Circle size={16} />,
+  };
+
+  return icons[iconName] ?? <BookOpen size={16} />;
+};