feat: enhance documentation site with new components and styles

- Added new dependencies including @radix-ui/react-dropdown-menu, class-variance-authority, clsx, tailwind-merge, and tw-animate-css.
- Introduced new JSON configuration for components and updated layout with logo and navigation links.
- Created new MDX files for remote server documentation, including setup instructions and security recommendations.
- Updated global CSS to include new styles and themes.
- Removed outdated home layout and page components to streamline the documentation structure.

apps/docs-new/lib/layout.shared.tsx

@@ -1,22 +1,19 @@
 import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
+import { Logo } from '@/components/Logo';
+import { NavLinks } from '@/components/NavLinks';
 
 export function baseOptions(): BaseLayoutProps {
   return {
     nav: {
-      title: 'Dokploy',
+      title: (
+        <div className="flex items-center gap-2">
+          <Logo />
+          <span>Dokploy</span>
+        </div>
+      ),
       url: 'https://dokploy.com',
+      children: <NavLinks />,
     },
-    links: [
-      {
-        text: 'Documentation',
-        url: '/docs',
-        active: 'nested-url',
-      },
-      {
-        text: 'API',
-        url: '/docs/api',
-      },
-    ],
     githubUrl: 'https://github.com/Dokploy/dokploy',
   };
 }

apps/docs-new/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}