feat: Update dependencies and refactor homepage components

app/(home)/page.tsx

@@ -2,17 +2,16 @@ import { Contributing } from "@/app/components/home/Contributing"
 import { Hero } from "@/app/components/home/Hero"
 import { Powered } from "@/app/components/home/Powered"
 import { Feedback } from '@/app/components/home/Feedback';
-import { ReactNode } from 'react';
 import { 
   RocketIcon,
   TimerIcon,
   LayoutIcon,
   KeyboardIcon,
   PencilLine,
-  LucideIcon,
   MousePointerClick,
   PersonStandingIcon 
 } from 'lucide-react';
+import { Highlight } from 'app/components/home/Highlight';
 
 export const metadata = {
   title: "Mix Space - An Alternative Personal Space",
@@ -91,26 +90,6 @@ export default function Page(): React.ReactElement {
   );
 }
 
-function Highlight({
-  icon: Icon,
-  heading,
-  children,
-}: {
-  icon: LucideIcon;
-  heading: ReactNode;
-  children: ReactNode;
-}){
-  return (
-    <div className="border-l border-t border-b px-6 py-12 group text-left">
-      <div className="mb-4 flex flex-row items-center gap-2 text-fd-muted-foreground">
-      <Icon {...{ className: "size-4 transition-transform duration-300 ease-in-out group-hover:scale-125 group-hover:text-primary" }} />
-        <h2 className="text-sm font-medium">{heading}</h2>
-      </div>
-      <span className="font-medium">{children}</span>
-    </div>
-  );
-}
-
 const highlights = [
   {
     icon: RocketIcon,
@@ -142,4 +121,4 @@ const highlights = [
     heading: "动态化配置前端",
     description: "你可以在后台设置前端的配置，比如网站名称，网站描述，网站图标，以及一些其他配置。"
   }
-];
+];

app/components/home/Highlight.tsx

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { LucideIcon } from 'lucide-react';
+
+export function Highlight({
+  icon: Icon,
+  heading,
+  children,
+}: {
+  icon: LucideIcon;
+  heading: ReactNode;
+  children: ReactNode;
+}){
+  return (
+    <div className="border-l border-t border-b px-6 py-12 group text-left">
+      <div className="mb-4 flex flex-row items-center gap-2 text-fd-muted-foreground">
+      <Icon {...{ className: "size-4 transition-transform duration-300 ease-in-out group-hover:scale-125 group-hover:text-primary" }} />
+        <h2 className="text-sm font-medium">{heading}</h2>
+      </div>
+      <span className="font-medium">{children}</span>
+    </div>
+  );
+}

package.json

@@ -13,7 +13,6 @@
   },
   "dependencies": {
     "@orama/orama": "^3.0.4",
-    "@orama/react-components": "^0.1.23",
     "@orama/tokenizers": "^3.0.4",
     "@oramacloud/client": "^2.1.4",
     "autocorrect-node": "^2.13.0",
@@ -23,7 +22,7 @@
     "copy-to-clipboard": "^3.3.3",
     "cz-conventional-changelog": "^3.3.0",
     "dotenv": "^16.4.7",
-    "framer-motion": "^11.15.0",
+    "framer-motion": "^11.16.2",
     "fumadocs-core": "14.6.4",
     "fumadocs-mdx": "11.2.1",
     "fumadocs-typescript": "^3.0.2",
@@ -35,20 +34,20 @@
     "react-dom": "^19.0.0",
     "react-feather": "^2.0.10",
     "react-icons": "^5.4.0",
-    "shiki": "^1.24.4",
+    "shiki": "^1.26.1",
     "tailwind-merge": "^2.6.0"
   },
   "devDependencies": {
     "@types/mdx": "^2.0.13",
     "@types/node": "22.10.2",
-    "@types/react": "^19.0.2",
+    "@types/react": "^19.0.4",
     "@types/react-dom": "^19.0.2",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.49",
     "prettier": "^3.4.2",
     "tailwindcss": "^3.4.17",
     "tsx": "^4.19.2",
-    "typescript": "^5.7.2"
+    "typescript": "^5.7.3"
   },
   "config": {
     "commitizen": {