feat: define rings and quadrants via config file

closes #96

src/components/PageIndex/PageIndex.tsx

@@ -1,11 +1,10 @@
-import React from "react";
 import { formatRelease } from "../../date";
 import { featuredOnly, Item } from "../../model";
 import HeroHeadline from "../HeroHeadline/HeroHeadline";
 import QuadrantGrid from "../QuadrantGrid/QuadrantGrid";
 import Fadeable from "../Fadeable/Fadeable";
 import SetTitle from "../SetTitle";
-import { radarName, radarNameShort } from "../../config";
+import { ConfigData, radarName, radarNameShort } from "../../config";
 import { MomentInput } from "moment";
 import { useMessages } from "../../context/MessagesContext";
 
@@ -13,6 +12,7 @@ type PageIndexProps = {
   leaving: boolean;
   onLeave: () => void;
   items: Item[];
+  config: ConfigData;
   releases: MomentInput[];
 };
 
@@ -20,6 +20,7 @@ export default function PageIndex({
   leaving,
   onLeave,
   items,
+  config,
   releases,
 }: PageIndexProps) {
   const { pageIndex } = useMessages();
@@ -35,7 +36,7 @@ export default function PageIndex({
           {radarName}
         </HeroHeadline>
       </div>
-      <QuadrantGrid items={featuredOnly(items)} />
+      <QuadrantGrid items={featuredOnly(items)} config={config} />
       <div className="publish-date">
         {publishedLabel} {formatRelease(newestRelease)}
       </div>