feat: add UI component files and navigation structure

Added various UI components and navigation elements including:
- Section cards and selection components
- Social icon SVGs with horizontal/vertical text variants
- Table, tabs, and toggle components
- Site header and sidebar components
- Tooltip and unauthorized page
- Project configuration files (tsconfig.json)
- Route handlers for health checks
- Utility and hook functions for mobile responsiveness
This commit is contained in:
joshuasalcedo-dev 2025-04-03 10:31:23 +08:00
parent a620991529
commit f691f5d570
63 changed files with 7956 additions and 2854 deletions

View file

@ -0,0 +1,24 @@
import { AppSidebar } from "@components/app-sidebar"
import { SidebarInset, SidebarProvider } from "@components/ui/sidebar"
import { SiteHeader } from "@components/site-header"
export default function ShowcaseLayout({ children }: { children: React.ReactNode }) {
return (
<SidebarProvider
style={
{
"--sidebar-width": "calc(var(--spacing) * 72)",
"--header-height": "calc(var(--spacing) * 12)",
} as React.CSSProperties
}
>
<AppSidebar variant="inset" />
<SidebarInset>
<SiteHeader />
<div className="flex flex-1 flex-col">
<div className="@container/main flex flex-1 flex-col gap-2">{children}</div>
</div>
</SidebarInset>
</SidebarProvider>
)
}