Feat/tailwind v4 shadcn update (#4706)

* feat: update dependencies and enhance UI components in Dokploy

- Updated various package versions in pnpm-lock.yaml to improve compatibility and performance, including React and Tailwind CSS.
- Modified components.json to change the styling to "radix-nova" and added new properties for icon library and menu color.
- Refactored multiple components to use updated class names for better styling consistency and responsiveness.
- Removed unused Radix UI components from package.json to streamline dependencies.
- Adjusted layout and styling in several dashboard components for improved user experience and visual appeal.
- Enhanced tooltip and form item components for better accessibility and usability.

* refactor: enhance UI components in HandleCertificate and SidebarLogo

- Updated the HandleCertificate component to improve dialog content height and textarea styling for better usability.
- Adjusted the SidebarLogo component layout to enhance alignment and spacing, ensuring a more consistent appearance across the sidebar.
- Implemented responsive design adjustments to textarea elements, preventing overflow and improving user experience.

* refactor: improve UI consistency and styling across dashboard components

- Updated Card components in ShowDeployments, ShowSchedules, and ShowVolumeBackups to remove unnecessary border styles for a cleaner look.
- Enhanced TabsList components in ShowProviderForm and ShowProviderFormCompose by adding a variant for improved visual distinction.
- Adjusted spacing in AdvancedEnvironmentSelector for better layout and readability.
- Removed redundant border classes in Service component for a more streamlined design.

* [autofix.ci] apply automated fixes

* chore: update package dependencies and refactor email rendering

- Upgraded React and React DOM to version 19.2.7 across multiple packages for improved performance and compatibility.
- Updated TSX to version 4.22.4 in various package.json files.
- Refactored email rendering from `renderAsync` to `render` in notification utilities and email templates for consistency.
- Adjusted Tailwind configuration usage in email templates to utilize a centralized configuration file.

These changes enhance the overall stability and maintainability of the codebase.

* refactor: update badge variants across dashboard components

- Changed badge variant from "outline-solid" to "outline" in multiple components including columns, show-domains, and various deployment tables for consistency in styling.
- Updated button variants in billing and project templates to align with the new badge styling.
- Enhanced input components to support password generation and error messaging, improving user experience.

These changes streamline the UI and ensure a cohesive design across the application.

* refactor: clean up calendar component imports and structure

- Removed redundant imports of icons from lucide-react and streamlined the import statements for better readability.
- Adjusted the placement of type imports to enhance code organization.

These changes improve the maintainability and clarity of the calendar component.

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

apps/dokploy/package.json

@@ -63,27 +63,7 @@
 		"@hookform/resolvers": "^5.2.2",
 		"@octokit/auth-app": "^6.1.3",
 		"@octokit/webhooks": "^13.9.0",
-		"@radix-ui/react-accordion": "1.1.2",
-		"@radix-ui/react-alert-dialog": "^1.1.14",
-		"@radix-ui/react-avatar": "^1.1.10",
-		"@radix-ui/react-checkbox": "^1.3.2",
-		"@radix-ui/react-collapsible": "^1.1.11",
-		"@radix-ui/react-context-menu": "^2.2.16",
-		"@radix-ui/react-dialog": "^1.1.14",
-		"@radix-ui/react-dropdown-menu": "^2.1.15",
-		"@radix-ui/react-label": "^2.1.7",
-		"@radix-ui/react-popover": "^1.1.14",
-		"@radix-ui/react-progress": "^1.1.7",
-		"@radix-ui/react-radio-group": "^1.3.7",
-		"@radix-ui/react-scroll-area": "^1.2.9",
-		"@radix-ui/react-select": "^2.2.5",
-		"@radix-ui/react-separator": "^1.1.7",
-		"@radix-ui/react-slot": "^1.2.3",
-		"@radix-ui/react-switch": "^1.2.5",
-		"@radix-ui/react-tabs": "^1.1.12",
-		"@radix-ui/react-toggle": "^1.1.9",
-		"@radix-ui/react-tooltip": "^1.2.7",
-		"@react-email/components": "^0.0.21",
+		"@react-email/components": "^1.0.12",
 		"@stepperize/react": "4.0.1",
 		"@stripe/stripe-js": "4.8.0",
 		"@tailwindcss/typography": "0.5.16",
@@ -136,25 +116,28 @@
 		"postgres": "3.4.4",
 		"public-ip": "6.0.2",
 		"qrcode": "^1.5.4",
-		"react": "18.2.0",
-		"react-confetti-explosion": "2.1.2",
-		"react-day-picker": "8.10.1",
-		"react-dom": "18.2.0",
+		"radix-ui": "^1.6.0",
+		"react": "19.2.7",
+		"react-confetti-explosion": "3.0.3",
+		"react-day-picker": "10.0.1",
+		"react-dom": "19.2.7",
 		"react-hook-form": "^7.71.2",
 		"react-markdown": "^9.1.0",
-		"recharts": "^2.15.3",
+		"recharts": "^3.8.0",
 		"resend": "^6.0.2",
 		"semver": "7.7.3",
+		"shadcn": "^4.11.0",
 		"shell-quote": "^1.8.1",
 		"slugify": "^1.6.6",
 		"sonner": "^1.7.4",
 		"ssh2": "~1.16.0",
 		"stripe": "17.2.0",
 		"superjson": "^2.2.2",
-		"swagger-ui-react": "^5.31.2",
-		"tailwind-merge": "^2.6.0",
+		"swagger-ui-react": "^5.32.6",
+		"tailwind-merge": "^2.6.1",
 		"tailwindcss-animate": "^1.0.7",
 		"toml": "3.0.0",
+		"tw-animate-css": "^1.4.0",
 		"undici": "^6.21.3",
 		"use-resize-observer": "9.1.0",
 		"ws": "8.16.0",
@@ -164,6 +147,7 @@
 		"zod-form-data": "^3.0.1"
 	},
 	"devDependencies": {
+		"@tailwindcss/postcss": "^4.3.1",
 		"@types/adm-zip": "^0.5.7",
 		"@types/bcrypt": "5.0.2",
 		"@types/dompurify": "^3.2.0",
@@ -174,21 +158,20 @@
 		"@types/node-schedule": "2.1.6",
 		"@types/nodemailer": "^6.4.17",
 		"@types/qrcode": "^1.5.5",
-		"@types/react": "^18.3.5",
-		"@types/react-dom": "^18.3.0",
+		"@types/react": "^19.2.0",
+		"@types/react-dom": "^19.2.0",
 		"@types/semver": "7.7.1",
 		"@types/shell-quote": "^1.7.5",
 		"@types/ssh2": "1.15.1",
 		"@types/swagger-ui-react": "^4.19.0",
 		"@types/ws": "8.5.10",
-		"autoprefixer": "10.4.12",
 		"drizzle-kit": "^0.31.4",
 		"esbuild": "0.20.2",
 		"lint-staged": "^15.5.2",
 		"memfs": "^4.17.2",
 		"simple-icons": "^16.14.0",
-		"tailwindcss": "^3.4.17",
-		"tsx": "^4.16.2",
+		"tailwindcss": "^4.3.1",
+		"tsx": "^4.22.4",
 		"typescript": "^5.8.3",
 		"vite-tsconfig-paths": "4.3.2",
 		"vitest": "^4.0.18"