Refactor projects page's component and UI

frontend/package-lock.json

@@ -16,6 +16,7 @@
         "@types/react-dom": "18.2.7",
         "autoprefixer": "10.4.16",
         "clsx": "^2.0.0",
+        "dayjs": "^1.11.10",
         "eslint": "8.48.0",
         "eslint-config-next": "14.0.2",
         "framer-motion": "^10.16.4",
@@ -3431,6 +3432,11 @@
       "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
       "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA=="
     },
+    "node_modules/dayjs": {
+      "version": "1.11.10",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+    },
     "node_modules/debug": {
       "version": "4.3.4",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",