share route itens

apps/studio.saladeaula.digital/app/routes/edit.tsx

@@ -8,8 +8,7 @@ import { Await, useAsyncValue, useFetcher } from 'react-router'
 import { toast } from 'sonner'
 import { z } from 'zod'
 
-import { HttpMethod, request as req } from '@/lib/request'
-
+import { request as req, HttpMethod } from '@repo/util/request'
 import { Skeleton } from '@repo/ui/components/skeleton'
 import {
   Breadcrumb,
@@ -134,27 +133,27 @@ export async function action({ params, request, context }: Route.ActionArgs) {
 
 export default function Component({ loaderData: { data } }) {
   return (
-    <div className="space-y-4">
-      <Breadcrumb>
-        <BreadcrumbList>
-          <BreadcrumbItem>
-            <BreadcrumbLink href="/">Cursos</BreadcrumbLink>
-          </BreadcrumbItem>
-          <BreadcrumbSeparator />
-          <BreadcrumbItem>
-            <BreadcrumbPage>Editar curso</BreadcrumbPage>
-          </BreadcrumbItem>
-        </BreadcrumbList>
-      </Breadcrumb>
+    <Suspense fallback={<Skeleton />}>
+      <div className="space-y-4">
+        <Breadcrumb>
+          <BreadcrumbList>
+            <BreadcrumbItem>
+              <BreadcrumbLink href="/">Cursos</BreadcrumbLink>
+            </BreadcrumbItem>
+            <BreadcrumbSeparator />
+            <BreadcrumbItem>
+              <BreadcrumbPage>Editar curso</BreadcrumbPage>
+            </BreadcrumbItem>
+          </BreadcrumbList>
+        </Breadcrumb>
 
-      <Suspense fallback={<Skeleton />}>
         <div className="lg:max-w-2xl mx-auto">
           <Await resolve={data}>
             <Editing />
           </Await>
         </div>
-      </Suspense>
-    </div>
+      </div>
+    </Suspense>
   )
 }