fix: clean up imports and formatting in deal detail components

Author: ErwanDecoster

src/modules/deals/deal/buildDealDetails.tsx

@@ -1,8 +1,8 @@
+import { Deal } from '@/graphql/graphql';
 import { Link } from '@tanstack/react-router';
 import CopyButton from '@/components/CopyButton';
 import { Button } from '@/components/ui/button';
 import { formatElapsedTime } from '@/utils/formatElapsedTime';
-import { Deal } from '@/graphql/graphql';
 
 export function buildDealDetails({
   deal,

src/routes/deals/$dealAddress.tsx

@@ -8,9 +8,9 @@ import { DataTable } from '@/components/data-table';
 import { Button } from '@/components/ui/button';
 import { SearcherBar } from '@/modules/SearcherBar';
 import { DealBreadcrumbs } from '@/modules/deals/deal/DealBreadcrumbs';
+import { DealDetailsTable } from '@/modules/deals/deal/DealDetailsTable';
 import { buildDealDetails } from '@/modules/deals/deal/buildDealDetails';
 import { dealQuery } from '@/modules/deals/dealQuery';
-import { DealDetailsTable } from '@/modules/deals/deal/DealDetailsTable';
 
 export const Route = createFileRoute('/deals/$dealAddress')({
   component: DealsRoute,
@@ -31,12 +31,12 @@ function useDealData() {
 function DealsRoute() {
   const [currentTab, setCurrentTab] = useState(0);
   const { data: deal, isLoading, isRefetching, isError } = useDealData();
-  const isConnected = true
+  const isConnected = true;
 
   if (!deal) {
     return <p>Hum there is nothing here..</p>;
   }
-  const dealDetails = buildDealDetails({deal, isConnected});
+  const dealDetails = buildDealDetails({ deal, isConnected });
 
   return (
     <div className="mt-8 grid gap-6">
@@ -64,9 +64,7 @@ function DealsRoute() {
         </Button>
       </div>
       <div>
-        {currentTab === 0 && (
-          <DealDetailsTable details={dealDetails} />
-        )}
+        {currentTab === 0 && <DealDetailsTable details={dealDetails} />}
         {currentTab === 1 && <DataTable columns={columns} data={data} />}
       </div>
     </div>