feat(convex): add bookmarks, contents and user devices schemas, migrate lucide-react to hugeicons

Add new database schemas for bookmarks, content tracking and user device management. Includes:
- Bookmarks module with collections and ordering
- Content views tracking for analytics
- User devices tracking for cross-device continuity
- README documentation for each module's flows and edge cases

Author: nabilfatih

.changeset/rich-baths-remain.md

@@ -0,0 +1,12 @@
+---
+"@repo/design-system": minor
+"@repo/internationalization": patch
+"@repo/next-config": patch
+"@repo/contents": patch
+"@repo/backend": patch
+"@repo/ai": patch
+"mcp": patch
+"www": patch
+---
+
+Migrate lucide react to hugeicons

.trae/rules/auth_and_user.md

@@ -1,3 +1,6 @@
+---
+alwaysApply: false
+---
 # User & Authentication Rules
 
 ## Authentication Standards

.trae/rules/content_creation.md

@@ -1,3 +1,6 @@
+---
+alwaysApply: false
+---
 # Content Creation Guidelines
 
 **Language**: Indonesian (Bahasa Indonesia) is the primary language for content.

.trae/rules/contributing.md

@@ -1,3 +1,6 @@
+---
+alwaysApply: false
+---
 # Contributing to Nakafa
 
 Follow these steps to contribute:

.trae/rules/exercise_creation.md

@@ -1,3 +1,6 @@
+---
+alwaysApply: false
+---
 # Exercise Creation Guidelines
 
 When creating exercises, you are converting visual content (images of questions, choices, and explanations) into structured MDX and TypeScript code.

.trae/rules/marketing.md

@@ -1,3 +1,6 @@
+---
+alwaysApply: false
+---
 # Marketing Guidelines
 
 ## LinkedIn Marketing Strategy

.vscode/settings.json

@@ -27,6 +27,7 @@
     "geospatial",
     "ghibli",
     "groq",
+    "Hugeicons",
     "jsonrepair",
     "kamu",
     "katex",

apps/mcp/next.config.ts

@@ -4,6 +4,10 @@ import { env } from "@/env";
 
 let nextConfig: NextConfig = {
   serverExternalPackages: ["express"],
+  experimental: {
+    turbopackFileSystemCacheForBuild: true,
+    turbopackFileSystemCacheForDev: true,
+  },
 };
 
 if (env.ANALYZE === "true") {

apps/www/app/[locale]/(study)/(main)/(contents)/exercises/[category]/[type]/[material]/[...slug]/actions.tsx

@@ -1,8 +1,9 @@
 "use client";
 
+import { ArrowDown01Icon } from "@hugeicons/core-free-icons";
 import { Button } from "@repo/design-system/components/ui/button";
+import { HugeIcons } from "@repo/design-system/components/ui/huge-icons";
 import { cn } from "@repo/design-system/lib/utils";
-import { ChevronDownIcon } from "lucide-react";
 import { useTranslations } from "next-intl";
 import { useExercise } from "@/lib/context/use-exercise";
 
@@ -21,11 +22,12 @@ export function ExerciseAnswerAction({ exerciseNumber }: Props) {
     <div className="flex items-center gap-2">
       <Button onClick={() => toggleAnswer(exerciseNumber)} variant="outline">
         {t("explanation")}
-        <ChevronDownIcon
+        <HugeIcons
           className={cn(
             "transition-transform ease-out",
             !!showAnswer && "rotate-180"
           )}
+          icon={ArrowDown01Icon}
         />
       </Button>
     </div>

apps/www/app/[locale]/(study)/(main)/(contents)/quran/[surah]/page.tsx

@@ -1,6 +1,6 @@
+import { AllahIcon } from "@hugeicons/core-free-icons";
 import { getSurah, getSurahName } from "@repo/contents/_lib/quran";
 import { cn, slugify } from "@repo/design-system/lib/utils";
-import { MoonStarIcon } from "lucide-react";
 import type { Metadata } from "next";
 import { notFound } from "next/navigation";
 import { type Locale, useTranslations } from "next-intl";
@@ -145,7 +145,7 @@ function PageContent({ locale, surah }: { locale: Locale; surah: string }) {
       <LayoutMaterialContent showAskButton>
         <LayoutMaterialHeader
           description={translation}
-          icon={MoonStarIcon}
+          icon={AllahIcon}
           link={{
             href: "/quran",
             label: t("quran"),