Web Router & Navigation (euixjs/router)

<uid_spec>
  <!-- Define Routes -->
  <router base="/">
    <route path="/" component="home-page" />
    <route path="/dashboard" component="dashboard-page" />
    <route path="/projects/:id" component="project-details-page" />
    <route path="*" component="not-found-page" />
  </router>

  <!-- Navigation Bar -->
  <flex direction="row" gap="12" class="p-4 bg-slate-900 text-white">
    <button class="nav-link">
      <on_click action="NAVIGATE" to="/" />
      Home
    </button>
    <button class="nav-link">
      <on_click action="NAVIGATE" to="/dashboard" />
      Dashboard
    </button>
  </flex>

  <!-- Route Outlet (Active Component Renders Here) -->
  <main class="p-6">
    <outlet />
  </main>
</uid_spec>