fix cocalc's DemoCell (on the landing page)

Author: williamstein

src/packages/next/components/demo-cell.tsx

@@ -1,17 +1,17 @@
-import { TAGS_MAP } from "@cocalc/util/db-schema/accounts";
+import { TAG_TO_FEATURE } from "@cocalc/util/db-schema/accounts";
 import Markdown from "@cocalc/frontend/editors/slate/static-markdown";
 import { FileContext } from "@cocalc/frontend/lib/file-context";
 
 interface DemoCellProps {
-  tag: keyof typeof TAGS_MAP;
+  tag: keyof typeof TAG_TO_FEATURE;
   style?: React.CSSProperties;
 }
 
 export default function DemoCell({
   tag,
   style = { maxWidth: "800px", margin: "auto" },
 }: Readonly<DemoCellProps>) {
-  const x = TAGS_MAP[tag];
+  const x = TAG_TO_FEATURE[tag];
   if (x == null) return null;
   const { language, welcome } = x;
   const value = "```" + language + "\n" + (welcome ?? "2+3") + "\n```\n";

src/packages/util/db-schema/accounts.ts

@@ -668,6 +668,11 @@ int main() {
   { label: "Teaching", tag: "course", color: "green" },
 ];
 
+export const TAG_TO_FEATURE: { [key: string]: Readonly<Tag> } = {};
+for (const t of TAGS_FEATURES) {
+  TAG_TO_FEATURE[t.tag] = t;
+}
+
 const professional = "professional";
 
 // Tags specific to user roles or if they want to be contacted