<script lang="ts">
/**
 * App Component
 *
 * Application entry point component. Wraps the main page route within the shared
 * layout shell. This is the root component mounted by the application.
 *
 * Structure:
 * - QueryProvider provides TanStack Query client for data fetching
 * - Layout provides sidebar, header/footer, and page container
 * - Page renders the current route content
 */
import Page from '$routes/Page.svelte';
import { QueryProvider } from './providers';
import Layout from './ui/Layout.svelte';
</script>

<QueryProvider>
    <Layout>
        <Page />
    </Layout>
</QueryProvider>
