refactor(Loading): update Loading component import paths

- Changed import paths for the Loading component from "@/app/loading" to "@/components/loading" across multiple files to maintain consistency and improve modularity.
- Removed the Loading component definition from loading.tsx, simplifying the file structure.

src/app/(companies)/companies/details/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";
 import IsVisible from "@/components/ui/IsVisible";

src/app/(companies)/companies/edit/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 
 import CreateCompany from "@/components/forms/companies/CreateCompany";

src/app/(companies)/company-categories/edit/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import CreateCompanyCategoryForm from "@/components/forms/companies/company-categories/CreateCompanyCategory";
 import { useCompanyCategoriesDetails } from "@/hooks/queries";

src/app/(notifications)/notification-history/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import { NotificationDetailsCard } from "@/components/ui/notification-details-card";
 import { useGetNotificationDetails } from "@/hooks/queries/useNotificationQueries";

src/app/admins/edit/[id]/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import CreateAdminForm from "@/components/forms/admins/CreateAdmin";
 import { useAdminDetails } from "@/hooks/queries";

src/app/customers/edit/[id]/page.tsx

@@ -7,7 +7,7 @@ import {
 } from "@/hooks/queries/useCustomerQueries";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import CreateCustomer from "@/components/forms/customers/CreateCustomer";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 
 const EditCustomer = ({ params }: { params: Promise<{ id: string }> }) => {
   const { id } = use(params);

src/app/loading.tsx

@@ -1,15 +1,3 @@
-import { cn } from "../lib/utils";
-
-interface IProps {
-  className?: string | null;
-}
-
-const Loading = ({ className = "w-svw h-svh" }: IProps) => {
-  return (
-    <div className={cn("flex items-center justify-center", className)}>
-      <div className="h-5 w-5 animate-spin rounded-full border-b-2 border-primary"></div>
-    </div>
-  );
-};
+import Loading from "@/components/loading";
 
 export default Loading;

src/app/marketing/edit/[id]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import { useGetCmsDetails, useUpdateCms } from "@/hooks/queries/useCmsQueries";
 import { BreadcrumbItem } from "@/types/shared";
 import { use } from "react";

src/app/pages/settings/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import InputGroup from "@/components/FormElements/InputGroup";
 import { Select } from "@/components/FormElements/select";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";

src/app/tenders/[details]/page.tsx

@@ -1,5 +1,5 @@
 "use client";
-import Loading from "@/app/loading";
+import Loading from "@/components/loading";
 import { LocationIcon } from "@/assets/icons";
 import Breadcrumb from "@/components/Breadcrumbs/Breadcrumb";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";