chore: isolate frontend and backend via npm workspaces and @mmapp/contracts

Co-authored-by: Cursor <[email protected]>

app/(main)/dashboard/page.tsx

@@ -35,7 +35,7 @@ import {
 } from "@/lib/dashboard-internet-path"
 import type { FiltersRulesetRow, RouteOptimizerSpeedProbe } from "@/lib/route-optimizer-data"
 import { listEvents } from "@/shared/api/events"
-import type { EventItem } from "@/packages/contracts/src/events"
+import type { EventItem } from "@mmapp/contracts/events"
 
 function makeApiFetch(backendUrl: string) {
   return async function apiFetch<T>(path: string, init?: RequestInit): Promise<T> {

app/(main)/servers/page.tsx

@@ -5,7 +5,7 @@ import { PageHeader } from "@/components/page-header"
 import { StatusBadge } from "@/components/status-badge"
 import { servers as initialServers } from "@/lib/data"
 import type { ServerType, Server, WanUplink } from "@/lib/data"
-import type { ServerCreate, ServerUpdate } from "@/packages/contracts/src/servers"
+import type { ServerCreate, ServerUpdate } from "@mmapp/contracts/servers"
 import { toFrontendServer } from "@/entities/server/model/mappers"
 import {
   createServer,