import { PageSkeleton } from '@/components/shared/loading-skeleton';

/**
 * Default route-level loading UI for every page under `(dashboard)/[portSlug]/...`.
 *
 * Renders while the server component resolves the session, port config,
 * and the client component bootstraps its initial query. Replaces the
 * empty-header flash on cold direct-URL visits and tab navigations.
 *
 * Individual routes can still ship their own `loading.tsx` for a more
 * tailored skeleton (see `clients/[clientId]/loading.tsx` which mirrors
 * the detail page's tab strip). When that file exists Next.js uses it
 * in place of this default.
 */
export default function Loading() {
  return <PageSkeleton />;
}