feat: добавить базовые сервисы image-platform

- добавлены backend, admin, gateway и worker skeleton
- добавлены Drizzle schema, database package и initial migration
- добавлены shared packages для RabbitMQ topology и S3 helpers
- обновлены dev-инфраструктура, env example, scripts и dependencies
- обновлена документация под versioned image URLs и read-through flow

apps/admin/src/App.css

@@ -0,0 +1,111 @@
+:root {
+  color: #171411;
+  background: #f7f4ee;
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  min-width: 320px;
+  min-height: 100vh;
+  margin: 0;
+  background:
+    radial-gradient(circle at 18% 18%, rgba(123, 76, 255, 0.18), transparent 30rem),
+    #f7f4ee;
+}
+
+button,
+input,
+textarea,
+select {
+  font: inherit;
+}
+
+.app-shell {
+  min-height: 100vh;
+  padding: 48px 24px;
+}
+
+.hero {
+  max-width: 960px;
+  margin: 0 auto;
+  padding: 40px;
+  border: 1px solid #e4ded4;
+  border-radius: 32px;
+  background: rgba(255, 255, 255, 0.82);
+  box-shadow: 0 22px 80px rgba(40, 32, 21, 0.08);
+}
+
+.eyebrow {
+  margin: 0 0 16px;
+  color: #7b4cff;
+  font-size: 13px;
+  font-weight: 700;
+  letter-spacing: 0.22em;
+  text-transform: uppercase;
+}
+
+h1 {
+  max-width: 760px;
+  margin: 0;
+  font-size: clamp(40px, 7vw, 76px);
+  line-height: 0.92;
+  letter-spacing: -0.06em;
+}
+
+.lead {
+  max-width: 680px;
+  margin: 24px 0 0;
+  color: #73695d;
+  font-size: 18px;
+  line-height: 1.7;
+}
+
+.cards {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  gap: 16px;
+  max-width: 960px;
+  margin: 24px auto 0;
+}
+
+.card {
+  min-height: 150px;
+  padding: 24px;
+  border: 1px solid #e4ded4;
+  border-radius: 24px;
+  background: rgba(255, 255, 255, 0.76);
+}
+
+.card h2 {
+  margin: 0;
+  font-size: 18px;
+}
+
+.card p {
+  margin: 12px 0 0;
+  color: #73695d;
+  line-height: 1.55;
+}
+
+@media (max-width: 720px) {
+  .app-shell {
+    padding: 24px 16px;
+  }
+
+  .hero {
+    padding: 28px;
+    border-radius: 24px;
+  }
+
+  .cards {
+    grid-template-columns: 1fr;
+  }
+}

apps/admin/src/App.tsx

@@ -0,0 +1,40 @@
+import "./App.css"
+
+const cards = [
+  {
+    title: "Assets",
+    description: "Каталог исходных изображений и связанной metadata.",
+  },
+  {
+    title: "Variants",
+    description: "Будущие AVIF/WebP/JPEG variants, presets и статусы генерации.",
+  },
+  {
+    title: "Storage",
+    description: "PostgreSQL как source of truth, S3/MinIO как хранилище bytes.",
+  },
+]
+
+export function App() {
+  return (
+    <main className="app-shell">
+      <section className="hero">
+        <p className="eyebrow">Image Platform Admin</p>
+        <h1>чистый Vite React TS app</h1>
+        <p className="lead">
+          Это стартовая админка без UI-фреймворков. Дальше сюда добавим управление allowed hosts,
+          assets, variants и presets.
+        </p>
+      </section>
+
+      <section className="cards" aria-label="Будущие разделы">
+        {cards.map((card) => (
+          <article className="card" key={card.title}>
+            <h2>{card.title}</h2>
+            <p>{card.description}</p>
+          </article>
+        ))}
+      </section>
+    </main>
+  )
+}

apps/admin/src/main.tsx

@@ -0,0 +1,10 @@
+import { StrictMode } from "react"
+import { createRoot } from "react-dom/client"
+
+import { App } from "./App"
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)