Add map community reactions, comments, and moderation

app/community-social.css

@@ -0,0 +1,37 @@
+.map-community {
+  margin-top: 36px;
+}
+.map-community .button,
+.map-comment .button {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+}
+.map-community .button[aria-pressed="true"] {
+  border-color: var(--green);
+  background: var(--panel2);
+  color: var(--green);
+}
+.map-comments {
+  margin-block: 24px;
+}
+.map-comment {
+  border-top: 1px solid var(--line);
+  padding-block: 20px;
+}
+.map-comment-meta {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 16px;
+}
+.map-comment-meta time {
+  font-size: 12px;
+}
+.community-body {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.map-community textarea {
+  min-height: 100px;
+}

app/layout.tsx

@@ -18,6 +18,7 @@ import "./multiplayer.css";
 import "./support.css";
 import "./appearance.css";
 import "./community.css";
+import "./community-social.css";
 import { themeInitScript } from "@/shared/theme";
 import { SiteSettingsProvider } from "@/components/SiteSettingsProvider";
 import { initialSiteSettings } from "@/lib/site-settings";

app/servers/[id]/page.tsx

@@ -10,6 +10,7 @@ import { ReportContent } from "@/components/ReportContent";
 import { user } from "@/lib/supabase";
 import { accountProfile } from "@/lib/profile";
 import { ExportMap } from "@/components/MapTransfer";
+import { MapCommunity } from "@/components/MapCommunity";
 export default async function ServerPage({
   params,
 }: {
@@ -74,6 +75,7 @@ export default async function ServerPage({
             serverAddress={map.contribution_server_address}
           />
         )}
+        <MapCommunity datasetId={id} ownerId={map.owner_id} />
       </main>
       <Footer />
     </>