style: refactor layout of App and Dataset details headers for improved spacing

Author: ErwanDecoster

src/routes/$chainSlug/_layout/app/$appAddress.tsx

@@ -56,20 +56,22 @@ function AppsRoute() {
   return (
     <div className="mt-8 flex flex-col gap-6">
       <SearcherBar className="py-10" />
+      <div className="space-y-2">
+        <h1 className="flex items-center gap-2 text-2xl font-extrabold">
+          <Box size="20" />
+          App details
+          {app && isError && (
+            <span className="text-muted-foreground text-sm font-light">
+              (outdated)
+            </span>
+          )}
+          {(isLoading || isRefetching) && (
+            <LoaderCircle className="animate-spin" />
+          )}
+        </h1>
+        <AppBreadcrumbs appId={appAddress} />
+      </div>
 
-      <h1 className="flex items-center gap-2 text-2xl font-extrabold">
-        <Box size="20" />
-        App details
-        {app && isError && (
-          <span className="text-muted-foreground text-sm font-light">
-            (outdated)
-          </span>
-        )}
-        {(isLoading || isRefetching) && (
-          <LoaderCircle className="animate-spin" />
-        )}
-      </h1>
-      <AppBreadcrumbs appId={appAddress} />
       <div className="space-y-10">
         {hasPastError && !appDetails ? (
           <ErrorAlert message="An error occurred during deal details  loading." />

src/routes/$chainSlug/_layout/dataset/$datasetAddress.tsx

@@ -59,19 +59,22 @@ function DatasetsRoute() {
     <div className="mt-8 flex flex-col gap-6">
       <SearcherBar className="py-10" />
 
-      <h1 className="flex items-center gap-2 text-2xl font-extrabold">
-        <Box size="20" />
-        Dataset details
-        {dataset && isError && (
-          <span className="text-muted-foreground text-sm font-light">
-            (outdated)
-          </span>
-        )}
-        {(isLoading || isRefetching) && (
-          <LoaderCircle className="animate-spin" />
-        )}
-      </h1>
-      <DatasetBreadcrumbs datasetId={datasetAddress} />
+      <div className="space-y-2">
+        <h1 className="flex items-center gap-2 text-2xl font-extrabold">
+          <Box size="20" />
+          Dataset details
+          {dataset && isError && (
+            <span className="text-muted-foreground text-sm font-light">
+              (outdated)
+            </span>
+          )}
+          {(isLoading || isRefetching) && (
+            <LoaderCircle className="animate-spin" />
+          )}
+        </h1>
+        <DatasetBreadcrumbs datasetId={datasetAddress} />
+      </div>
+
       <div className="space-y-10">
         {hasPastError && !datasetDetails ? (
           <ErrorAlert message="An error occurred during deal details  loading." />