feat: champ information, style improvement

package-lock.json

@@ -6,9 +6,11 @@
         "": {
             "dependencies": {
                 "flowbite": "^2.0.0",
-                "npm-run-all": "^4.1.5"
+                "npm-run-all": "^4.1.5",
+                "tailwind-capitalize-first-letter": "^1.0.4"
             },
             "devDependencies": {
+                "@tailwindcss/aspect-ratio": "^0.4.2",
                 "autoprefixer": "^10.4.16",
                 "axios": "^1.1.2",
                 "laravel-vite-plugin": "^0.8.0",
@@ -473,6 +475,15 @@
                 "url": "https://opencollective.com/popperjs"
             }
         },
+        "node_modules/@tailwindcss/aspect-ratio": {
+            "version": "0.4.2",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/aspect-ratio/-/aspect-ratio-0.4.2.tgz",
+            "integrity": "sha512-8QPrypskfBa7QIMuKHg2TA7BqES6vhBrDLOv8Unb6FcFyd3TjKbc6lcmb9UPQHxfl24sXoJ41ux/H7qQQvfaSQ==",
+            "dev": true,
+            "peerDependencies": {
+                "tailwindcss": ">=2.0.0 || >=3.0.0 || >=3.0.0-alpha.1"
+            }
+        },
         "node_modules/ansi-styles": {
             "version": "3.2.1",
             "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -2547,6 +2558,11 @@
                 "url": "https://github.com/sponsors/ljharb"
             }
         },
+        "node_modules/tailwind-capitalize-first-letter": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/tailwind-capitalize-first-letter/-/tailwind-capitalize-first-letter-1.0.4.tgz",
+            "integrity": "sha512-ZB8hBi68JI4aQ1cDUxuFWfMYTxgBvlzIdPPHSkFkMUlo7p2QlbMy0hVv/vAREAFmkUh9QfjuKQnOSbe4Gnqljg=="
+        },
         "node_modules/tailwindcss": {
             "version": "3.3.5",
             "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.5.tgz",