chore: upgrade dependencies

app.config.ts

@@ -1,11 +1,11 @@
 export const appConfig = {
-  name: 'Techmely',
+  name: "Techmely",
   description:
-    'All stuff about Techmely, is the single source of truth for how we operate at Techmely',
-  url: 'https://handbook.techmely.com',
-  address: 'HaNoi, VietNam',
-  githubUrl: 'https://github.com/techmely',
+    "All stuff about Techmely, is the single source of truth for how we operate at Techmely",
+  url: "https://handbook.techmely.com",
+  address: "HaNoi, VietNam",
+  githubUrl: "https://github.com/techmely",
   blog: {
-    description: 'Expose emotion Techmely Team',
+    description: "Expose emotion Techmely Team",
   },
-}
+};

app/(marketing)/page.tsx

@@ -1,13 +1,13 @@
-import { appConfig } from '@/app.config'
-import type { Metadata } from 'next'
-import Link from 'next/link'
-import { TargetIcon, UsersIcon } from 'lucide-react'
+import { appConfig } from "@/app.config";
+import type { Metadata } from "next";
+import Link from "next/link";
+import { TargetIcon, UsersIcon } from "lucide-react";
 
 export const metadata: Metadata = {
   alternates: {
     canonical: appConfig.url,
   },
-}
+};
 
 export default function HomePage() {
   return (
@@ -20,15 +20,15 @@ export default function HomePage() {
                 <TargetIcon
                   className="p-1 rounded-md size-6 shrink-0 bg-gradient-to-t from-background/80"
                   style={{
-                    backgroundColor: 'hsl(var(--okrs-guide-color)/.3)',
-                    color: 'hsl(var(--okrs-guide-color))',
+                    backgroundColor: "hsl(var(--okrs-guide-color)/.3)",
+                    color: "hsl(var(--okrs-guide-color))",
                   }}
                 />
                 <h2 className="text-lg font-medium">OKRs Guide</h2>
               </div>
               <p className="mb-4 text-sm text-muted-foreground">
-                Comprehensive guide to understand and implement OKRs effectively
-                in your organization
+                Comprehensive guide to understand and implement OKRs effectively in your
+                organization
               </p>
               <Link
                 href="/docs/okrs-guide"
@@ -45,15 +45,14 @@ export default function HomePage() {
                 <UsersIcon
                   className="p-1 rounded-md size-6 shrink-0 bg-gradient-to-t from-background/80"
                   style={{
-                    backgroundColor: 'hsl(var(--teams-color)/.3)',
-                    color: 'hsl(var(--teams-color))',
+                    backgroundColor: "hsl(var(--teams-color)/.3)",
+                    color: "hsl(var(--teams-color))",
                   }}
                 />
                 <h2 className="text-lg font-medium">About Us</h2>
               </div>
               <p className="mb-4 text-sm text-muted-foreground">
-                Learn more about our team, mission and how we can help your
-                business grow
+                Learn more about our team, mission and how we can help your business grow
               </p>
               <Link
                 href="/docs/teams"
@@ -66,5 +65,5 @@ export default function HomePage() {
         </div>
       </div>
     </main>
-  )
+  );
 }

app/(marketing)/show-cases/page.tsx

@@ -10,7 +10,9 @@ export const metadata: Metadata = {
 export default function ShowCasesPage() {
   return (
     <main className="overflow-x-clip">
-      <div className="mx-auto flex max-w-[1400px] flex-col px-3 md:px-6">Marketing Show Cases Page</div>
+      <div className="mx-auto flex max-w-[1400px] flex-col px-3 md:px-6">
+        Marketing Show Cases Page
+      </div>
     </main>
   );
 }

app/global.css

@@ -20,9 +20,9 @@
   --primary: var(--okrs-guide-color);
 }
 
-
 body {
-  font-family: Be Vietnam Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
+  font-family:
+    Be Vietnam Pro, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
   overflow: hidden;
   overflow-wrap: break-word;
 }
@@ -32,10 +32,8 @@ body {
   font-style: normal;
   font-weight: 400 500 700;
   font-display: optional;
-  src:
-    url("/fonts/bvp.regular.woff2") format("woff2"),
-    url("/fonts/bvp.medium.woff2") format("woff2"),
-    url("/fonts/bvp.bold.woff2") format("woff2");
+  src: url("/fonts/bvp.regular.woff2") format("woff2"), url("/fonts/bvp.medium.woff2")
+    format("woff2"), url("/fonts/bvp.bold.woff2") format("woff2");
 }
 
 /* Common CSS */
@@ -60,4 +58,4 @@ body {
   100% {
     opacity: 100%;
   }
-}
+}

app/layout.config.tsx

@@ -1,28 +1,25 @@
-import { SvgUse } from '@/components/SvgUse'
-import { useDomain } from '@/hooks/useDomain'
-import { docSource } from '@/modules/docs/source'
-import TechmelyLogo from '@/public/icon.png'
-import { docsModules } from '@/utils/modules'
-import { cva } from 'class-variance-authority'
-import clsx from 'clsx'
-import { RootToggle } from 'fumadocs-ui/components/layout/root-toggle'
-import type { BaseLayoutProps, DocsLayoutProps } from 'fumadocs-ui/layout'
-import Image from 'next/image'
-import Link from 'next/link'
+import { SvgUse } from "@/components/SvgUse";
+import { useDomain } from "@/hooks/useDomain";
+import { docSource } from "@/modules/docs/source";
+import TechmelyLogo from "@/public/icon.png";
+import { docsModules } from "@/utils/modules";
+import { cva } from "class-variance-authority";
+import clsx from "clsx";
+import { RootToggle } from "fumadocs-ui/components/layout/root-toggle";
+import type { BaseLayoutProps, DocsLayoutProps } from "fumadocs-ui/layout";
+import Image from "next/image";
+import Link from "next/link";
 
-const itemVariants = cva(
-  'rounded-md px-2 py-1 transition-colors hover:text-accent-foreground',
-  {
-    variants: {
-      active: {
-        true: 'bg-accent text-accent-foreground',
-      },
+const itemVariants = cva("rounded-md px-2 py-1 transition-colors hover:text-accent-foreground", {
+  variants: {
+    active: {
+      true: "bg-accent text-accent-foreground",
     },
   },
-)
+});
 
 const NavChildren = () => {
-  const domain = useDomain()
+  const domain = useDomain();
 
   return (
     <div className="p-1 text-sm border rounded-md bg-secondary/50 text-muted-foreground max-md:absolute max-md:left-1/2 max-md:-translate-x-1/2">
@@ -36,13 +33,13 @@ const NavChildren = () => {
         </Link>
       ))}
     </div>
-  )
-}
+  );
+};
 
 export const baseOptions: BaseLayoutProps = {
-  githubUrl: 'https://github.com/techmely/handbook',
+  githubUrl: "https://github.com/techmely/handbook",
   nav: {
-    transparentMode: 'top',
+    transparentMode: "top",
     title: (
       <div className="flex items-center gap-2">
         <Image
@@ -57,7 +54,7 @@ export const baseOptions: BaseLayoutProps = {
     ),
     children: <NavChildren />,
   },
-}
+};
 
 export const docsLayoutOptions: DocsLayoutProps = {
   ...baseOptions,
@@ -98,4 +95,4 @@ export const docsLayoutOptions: DocsLayoutProps = {
       />
     ),
   },
-}
+};

app/rss.xml/route.ts

@@ -1,12 +1,12 @@
-import { generateRSSFeed } from "@/modules/seo/rss";
-import { NextResponse } from "next/server";
-
-export const dynamic = "force-static";
-
-export function GET() {
-  return new NextResponse(generateRSSFeed(), {
-    headers: {
-      "Content-Type": "application/xml",
-    },
-  });
-}
+import { generateRSSFeed } from "@/modules/seo/rss";
+import { NextResponse } from "next/server";
+
+export const dynamic = "force-static";
+
+export function GET() {
+  return new NextResponse(generateRSSFeed(), {
+    headers: {
+      "Content-Type": "application/xml",
+    },
+  });
+}

assets/css/tailwind.css

@@ -1,78 +1,78 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
- 
+
 @layer base {
   :root {
     --background: 0 0% 100%;
     --foreground: 222.2 84% 4.9%;
- 
+
     --muted: 210 40% 96.1%;
     --muted-foreground: 215.4 16.3% 46.9%;
- 
+
     --popover: 0 0% 100%;
     --popover-foreground: 222.2 84% 4.9%;
- 
+
     --card: 0 0% 100%;
     --card-foreground: 222.2 84% 4.9%;
- 
+
     --border: 214.3 31.8% 91.4%;
     --input: 214.3 31.8% 91.4%;
- 
+
     --primary: 222.2 47.4% 11.2%;
     --primary-foreground: 210 40% 98%;
- 
+
     --secondary: 210 40% 96.1%;
     --secondary-foreground: 222.2 47.4% 11.2%;
- 
+
     --accent: 210 40% 96.1%;
     --accent-foreground: 222.2 47.4% 11.2%;
- 
+
     --destructive: 0 84.2% 60.2%;
     --destructive-foreground: 210 40% 98%;
- 
+
     --ring: 222.2 84% 4.9%;
- 
+
     --radius: 0.5rem;
   }
- 
+
   .dark {
     --background: 222.2 84% 4.9%;
     --foreground: 210 40% 98%;
- 
+
     --muted: 217.2 32.6% 17.5%;
     --muted-foreground: 215 20.2% 65.1%;
- 
+
     --popover: 222.2 84% 4.9%;
     --popover-foreground: 210 40% 98%;
- 
+
     --card: 222.2 84% 4.9%;
     --card-foreground: 210 40% 98%;
- 
+
     --border: 217.2 32.6% 17.5%;
     --input: 217.2 32.6% 17.5%;
- 
+
     --primary: 210 40% 98%;
     --primary-foreground: 222.2 47.4% 11.2%;
- 
+
     --secondary: 217.2 32.6% 17.5%;
     --secondary-foreground: 210 40% 98%;
- 
+
     --accent: 217.2 32.6% 17.5%;
     --accent-foreground: 210 40% 98%;
- 
+
     --destructive: 0 62.8% 30.6%;
     --destructive-foreground: 210 40% 98%;
- 
+
     --ring: 212.7 26.8% 83.9%;
   }
 }
- 
+
 @layer base {
   * {
     @apply border-border;
   }
   body {
     @apply bg-background text-foreground;
   }
-}
+}