feat: prevent overlapping of blips

src/pages/index.tsx

@@ -5,6 +5,7 @@ import { Radar } from "@/components/Radar/Radar";
 import { Tags } from "@/components/Tags/Tags";
 import {
   getAppName,
+  getChartConfig,
   getItems,
   getQuadrants,
   getReleases,
@@ -17,6 +18,7 @@ const Home: CustomPage = () => {
   const router = useRouter();
   const tag = router.query.tag as string | undefined;
   const appName = getAppName();
+  const chartConfig = getChartConfig();
   const version = getReleases().length;
   const rings = getRings();
   const quadrants = getQuadrants();
@@ -33,7 +35,12 @@ const Home: CustomPage = () => {
           Version #{version}
         </span>
       </h1>
-      <Radar quadrants={quadrants} rings={rings} items={items} />
+      <Radar
+        size={chartConfig.size}
+        quadrants={quadrants}
+        rings={rings}
+        items={items}
+      />
       <Tags tags={tags} activeTag={tag} />
       <QuadrantList items={items} />
     </>