Formating some components

Components/(Skeleton)/Loading.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+
+const Textloading = () => {
+  return (
+    <div>
+      <span className="loading loading-ball loading-xs"></span>
+      <span className="loading loading-ball loading-sm"></span>
+      <span className="loading loading-ball loading-md"></span>
+      <span className="loading loading-ball loading-lg"></span>
+    </div>
+  );
+};
+
+export default Textloading;

app/(All Pages)/dashboard/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from "react";
 import { UserProfile } from "@/Components/TodoComponents/User-Profile";
-import Textloading from "@/Components/(Skeleton)/Textloading";
+import Textloading from "@/Components/(Skeleton)/Loading";
 import { Protect } from "@clerk/nextjs";
 
 export default async function dashboard() {

app/(All Pages)/features/page.tsx

@@ -3,7 +3,11 @@ import { Underdevelopment } from "@/Components/Underdevelopment";
 //TODO: Add the Features page and remove the Underdevelopment component
 
 const Features = () => {
-  return <Underdevelopment />;
+  return (
+    <>
+      <Underdevelopment />
+    </>
+  );
 };
 
 export default Features;

app/(All Pages)/test/page.tsx

@@ -2,6 +2,7 @@
 import { useEffect, useState } from "react";
 import { useSession, useUser } from "@clerk/nextjs";
 import { createClient } from "@supabase/supabase-js";
+/*TODO: Make a delete function looking at the previous projects */
 
 export default function Test() {
   const [tasks, setTasks] = useState<any[]>([]);