feat: Applicants page use built in strapi styling

Author: d-arsya

package-lock.json

@@ -15,18 +15,32 @@
     "upgrade:dry": "npx @strapi/upgrade latest --dry"
   },
   "dependencies": {
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-label": "^2.1.8",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
     "@strapi/design-system": "^2.1.2",
     "@strapi/icons": "^2.1.2",
     "@strapi/plugin-cloud": "5.33.2",
     "@strapi/plugin-documentation": "^5.33.2",
     "@strapi/plugin-users-permissions": "5.33.2",
     "@strapi/strapi": "5.33.2",
+    "@tailwindcss/postcss": "^4.1.18",
+    "autoprefixer": "^10.4.23",
+    "chart.js": "^4.5.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
     "mysql2": "3.9.8",
+    "postcss": "^8.5.6",
     "react": "^18.3.1",
     "react-chartjs-2": "^5.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.0.0",
-    "styled-components": "^6.3.6"
+    "styled-components": "^6.3.6",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.18"
   },
   "devDependencies": {
     "@types/node": "^20",

package.json

@@ -0,0 +1,6 @@
+module.exports = {
+    plugins: {
+        "@tailwindcss/postcss": {},
+        "autoprefixer": {},
+    },
+}

postcss.config.js

@@ -1,10 +1,10 @@
 import type { StrapiApp } from '@strapi/strapi/admin';
 import favicon from "./extensions/favicon.png";
-import { ChartPie, User } from '@strapi/icons'
+import { ChartPie, User, Pencil } from '@strapi/icons'
 import ViewerWidget from './widgets/ViewerWidget';
 import ApplicantManager from './pages/ApplicantManager';
 import ProfileWidget from './widgets/ProfileWidget';
-// import ApplicantManager from './pages/ApplicantManager';
+import ProfileEditPage from './pages/ProfileEditPage';
 
 export default {
   config: {
@@ -54,5 +54,18 @@ export default {
       },
       permissions: [],
     });
+
+    app.addMenuLink({
+      to: '/plugins/profile-edit',
+      icon: Pencil,
+      intlLabel: {
+        id: 'profile-edit.link',
+        defaultMessage: 'Edit Profile',
+      },
+      Component: async () => {
+        return ProfileEditPage
+      },
+      permissions: [],
+    });
   },
 };