chore: update dependencies and improve package configurations

- Upgraded '@vitejs/plugin-react' from 3.1.0 to 5.1.2
- Updated 'eslint' from 8.57.0 to 8.57.1
- Removed unused dependency '@module/template' from apps/web
- Added 'eslint' as a devDependency in packages/typescript-config
- Updated various Babel packages to their latest versions
- Updated 'react-refresh' from 0.14.2 to 0.18.0
- Updated 'browserslist' from 4.24.4 to 4.28.1 and related dependencies
- Removed deprecated 'globals' package and updated its version
- Cleaned up package structure and ensured compatibility with newer Node versions

packages/ui/package.json

@@ -22,8 +22,8 @@
     "@repo/typescript-config": "workspace:*",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^3.1.0",
-    "eslint": "^8.57.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^8.57.1",
     "typescript": "5.5.4",
     "vite": "^5.1.4"
   }

packages/ui/src/components/counter.tsx

@@ -4,7 +4,8 @@ export const Counter: React.FC = () => {
   const [count, setCount] = useState(0);
 
   return (
-    <div>
+    <div className="py-4">
+      <div className="text-2xl font-semibold">tailwind on package UI</div>
       <div className="bg-red-400 text-3xl font-bold underline">100</div>
       <div className="mt-3 bg-brand-500 text-brand-800">sdsa</div>
       <div className="text-5xl text-green-500">sada</div>