feat:Added total spent card and Removed some typos

Frontend/src/pages/Home/Hero.jsx

@@ -33,9 +33,9 @@ const Hero = () => {
                       >
                         <path
                           stroke="currentColor"
-                          stroke-linecap="round"
-                          stroke-linejoin="round"
-                          stroke-width="2"
+                          strokeLinecap="round"
+                          strokeLinejoin="round"
+                          strokeWidth="2"
                           d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
                         />
                       </svg>

Frontend/src/pages/UserPanel/Dashboard.jsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Piechart from "../../components/Piechart";
+import TotalSpent from "../../components/TotalSpent";
 
 const Dashboard = () => {
   return (
@@ -197,8 +198,9 @@ const Dashboard = () => {
           </div>
         </div> */}
 
-        <div className="mb-4">
+        <div className="mb-4 flex ">
           <Piechart />
+          <TotalSpent />
         </div>
       </div>
     </>

Frontend/src/pages/UserPanel/Settings.jsx

@@ -111,9 +111,9 @@ const Settings = () => {
                   >
                     <path
                       stroke="currentColor"
-                      stroke-linecap="round"
-                      stroke-linejoin="round"
-                      stroke-width="2"
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth="2"
                       d="M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
                     />
                   </svg>