fix(docs): simplify integration nodes

apps/docs/src/components/pages/home/dataflow/dataflow.tsx

@@ -39,7 +39,7 @@ export const DataflowVisualizationComponent = () => (
     <div
       className={styles.dataflowDiagram}
       role="img"
-      aria-label="Information flowing both ways between Homarr and six connected services"
+      aria-label="Information flowing both ways between Homarr, Radarr, Sonarr, Lidarr, SABnzbd, Jellyfin, and 19 more integrations"
     >
       <svg className={styles.dataflowLines} viewBox="0 0 960 520" preserveAspectRatio="none" aria-hidden="true">
         {paths.map((path) => (
@@ -54,7 +54,6 @@ export const DataflowVisualizationComponent = () => (
       {featuredIntegrations.map((integration) => (
         <div className={`${styles.dataflowNode} ${integration.position}`} key={integration.name}>
           <img src={integration.image} alt="" width={54} height={54} />
-          <span>{integration.name}</span>
         </div>
       ))}
 
@@ -79,7 +78,6 @@ export const DataflowVisualizationComponent = () => (
 
       <div className={`${styles.dataflowNode} ${styles.dataflowHub}`}>
         <img src="/img/logo.png" alt="" width={86} height={86} />
-        <span>Homarr</span>
       </div>
     </div>
   </section>

apps/docs/src/pages/index.module.css

@@ -304,8 +304,11 @@ section {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   gap: 0.5rem;
+  box-sizing: border-box;
   width: clamp(4.5rem, 10vw, 7.5rem);
+  aspect-ratio: 1;
   padding: clamp(0.6rem, 1.5vw, 1rem);
   border-radius: 0.875rem;
   color: var(--ifm-font-color-base);
@@ -387,11 +390,6 @@ section {
   filter: brightness(0) invert(1);
 }
 
-.dataflowHub span {
-  color: #171717;
-  font-size: clamp(0.8rem, 1.8vw, 1rem);
-}
-
 @keyframes dataflow-signal {
   to {
     stroke-dashoffset: -1;