Refactor Card component to introduce TaskButton for modal functionality and enhance layout with dynamic task data display.

taskncoffee-app/src/App.jsx

@@ -5,7 +5,7 @@ import { AuthLayout } from './layouts/AuthLayout'
 import { Routes, Route, Navigate } from 'react-router'
 import Dashboard from './pages/Dashboard'
 import RootRedirect from './pages/RootRedirect'
-import CardComponent from './components/Card'
+import { TaskButton } from './components/Card'
 
 function App() {
 
@@ -24,7 +24,7 @@ function App() {
         <Dashboard />
       } />
       <Route path="/card" element={
-        <CardComponent />
+        <TaskButton />
       } />
       <Route path="*" element={<Navigate to="/auth/login" replace />} />
     </Routes>