Fix:removed navbar and added space between components in dashboard

Frontend/src/App.jsx

@@ -37,7 +37,6 @@ function App() {
   return (
     <>
       <div className="w-full h-auto flex-col relative">
-        <Navbar2 />
         <div className="pt-20"></div>
         <Outlet />
         <div

Frontend/src/components/TotalSpent.jsx

@@ -6,7 +6,7 @@ const TotalSpent = () => {
         className="h-full block max-w-sm p-6 bg-no-repeat bg-center bg-cover border border-gray-200 rounded-lg shadow-sm hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700"
       >
         <h5 className="mb-2 text-4xl font-bold tracking-tight text-gray-900 dark:text-white">
-          100,000
+          ₹10,000
         </h5>
         <p className="font-normal text-gray-700 dark:text-gray-400">
           This is the total cost which you spent on this farm

Frontend/src/components/monitoring charts/Piechart.jsx

@@ -36,7 +36,7 @@ const Piechart = () => {
   return (
     <div className="bg-white md:p-6 block max-w-sm p-6 bg-no-repeat bg-center bg-cover border border-gray-200 rounded-lg shadow-sm hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-700 dark:hover:bg-gray-700">
       <h5 className="text-xl font-bold text-gray-900 dark:text-white mb-4 ">
-        Cost Analysis
+        Farm Info
       </h5>
       <Chart options={chartOptions} series={series} type="donut" height={320} />
     </div>

Frontend/src/pages/UserPanel/Dashboard.jsx

@@ -12,7 +12,7 @@ const Dashboard = () => {
         <AddFarm />
       </div>
 
-      <div className="mb-4 flex space-x-4">
+      <div className="mb-4 flex space-x-10">
         <Piechart />
         <TotalSpent />
       </div>

Frontend/src/pages/UserPanel/MainUserPanel.jsx

@@ -69,7 +69,7 @@ const MainUserPanel = () => {
                   </span>
                 </Link>
               </li>
-              <li>
+              {/* <li>
                 <Link
                   to={"/user/dashboard/scheduledmeetings"}
                   className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
@@ -79,7 +79,7 @@ const MainUserPanel = () => {
                     Scheduled Meeting
                   </span>
                 </Link>
-              </li>
+              </li> */}
               <li>
                 <Link
                   to={"/user/dashboard/monitoring"}
@@ -91,7 +91,7 @@ const MainUserPanel = () => {
                   </span>
                 </Link>
               </li>
-              <li>
+              {/* <li>
                 <Link
                   to={"/user/dashboard/notifications"}
                   className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
@@ -101,8 +101,8 @@ const MainUserPanel = () => {
                     Notifications
                   </span>
                 </Link>
-              </li>
-              <li>
+              </li> */}
+              {/* <li>
                 <Link
                   to={"/user/dashboard/feedback"}
                   className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
@@ -113,7 +113,8 @@ const MainUserPanel = () => {
                   </span>
                 </Link>
               </li>
-              <li>
+              */}
+              {/* <li>
                 <Link
                   to={"/user/dashboard/support"}
                   className="flex items-center p-2 rounded-md hover:bg-green-100/30 transition-colors backdrop-blur-md"
@@ -124,6 +125,7 @@ const MainUserPanel = () => {
                   </span>
                 </Link>
               </li>
+              */}
               <li>
                 <Link
                   to={"/user/dashboard/settings"}