only run drone on pushing tag

.drone.yml

@@ -85,6 +85,4 @@ steps:
 # Trigger rules
 trigger:
   event:
-    - push
     - tag
-    - custom

.idea/codeStyles/codeStyleConfig.xml

@@ -0,0 +1,5 @@
+<component name="ProjectCodeStyleConfiguration">
+  <state>
+    <option name="PREFERRED_PROJECT_CODE_STYLE" value="Default" />
+  </state>
+</component>

app/components/ServiceList.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import Box from '@mui/material/Box';
 import {Grid, Paper, Link, Typography} from '@mui/material';
 
 interface ServiceList {
@@ -14,6 +15,12 @@ interface ServiceListProps {
 
 const ServiceList: React.FC<ServiceListProps> = ({serviceList}) => {
   return (
+    <Box
+      sx={{
+        flex: 1,
+        overflowY: 'auto', // ✅ Scroll only inside this
+      }}
+    >
       <Grid container spacing={3} justifyContent="center">
         {serviceList.map((s) => (
           <Paper
@@ -35,6 +42,7 @@ const ServiceList: React.FC<ServiceListProps> = ({serviceList}) => {
           </Paper>
         ))}
       </Grid>
+    </Box>
   );
 };
 

app/components/Services.tsx

@@ -18,9 +18,24 @@ const items = [
     icon: <PermMediaIcon/>,
     title: 'The Vox Sanctum',
     serviceList: [
-      { name: "Jellyseerr", url: "http://jellyseerr.aetoskia.com", desc: "Summon films and series from the digital void.", external: true },
+      {
-      { name: "Sonarr", url: "http://sonarr.aetoskia.com", desc: "Keep the endless chronicles of TV under iron control.", external: true },
+        name: "Jellyseerr",
-      { name: "Radarr", url: "http://radarr.aetoskia.com", desc: "Command the legions of cinema, enforce cinematic order.", external: true },
+        url: "http://jellyseerr.aetoskia.com",
+        desc: "Summon films and series from the digital void.",
+        external: true
+      },
+      {
+        name: "Sonarr",
+        url: "http://sonarr.aetoskia.com",
+        desc: "Keep the endless chronicles of TV under iron control.",
+        external: true
+      },
+      {
+        name: "Radarr",
+        url: "http://radarr.aetoskia.com",
+        desc: "Command the legions of cinema, enforce cinematic order.",
+        external: true
+      },
     ],
     description:
       "Behold the archive of visual legends, where the eternal campaigns of film and series march forth in eternal crusade against chaos and forgetfulness.",
@@ -29,9 +44,24 @@ const items = [
     icon: <CodeIcon/>,
     title: 'The Forge Conclave',
     serviceList: [
-      { name: "Gitea", url: "http://gitea.aetoskia.com", desc: "Forge and safeguard code like a sacred relic.", external: true },
+      {
-      { name: "Registry", url: "http://registry.aetoskia.com", desc: "Monitor core constructs of the digital empire.", external: true },
+        name: "Gitea",
-      { name: "Drone", url: "http://drone.aetoskia.com", desc: "Automaton architect, building pipelines of perfection.", external: true },
+        url: "http://gitea.aetoskia.com",
+        desc: "Forge and safeguard code like a sacred relic.",
+        external: true
+      },
+      {
+        name: "Registry",
+        url: "http://registry.aetoskia.com",
+        desc: "Monitor core constructs of the digital empire.",
+        external: true
+      },
+      {
+        name: "Drone",
+        url: "http://drone.aetoskia.com",
+        desc: "Automaton architect, building pipelines of perfection.",
+        external: true
+      },
     ],
     description:
       "The bastion of creation — where code is forged in the fires of discipline, guarded like relics, and deployed with unyielding precision to uphold the empire's might.",
@@ -40,8 +70,18 @@ const items = [
     icon: <MonitorHeartIcon/>,
     title: 'The Vigilant Watch',
     serviceList: [
-      { name: "Portainer", url: "http://portainer.aetoskia.com", desc: "Oversee the fleet of containers with unyielding vigilance.", external: true },
+      {
-      { name: "Traefik", url: "http://traefik.aetoskia.com", desc: "Marshal your gateways and protect the flow between realms.", external: true },
+        name: "Portainer",
+        url: "http://portainer.aetoskia.com",
+        desc: "Oversee the fleet of containers with unyielding vigilance.",
+        external: true
+      },
+      {
+        name: "Traefik",
+        url: "http://traefik.aetoskia.com",
+        desc: "Marshal your gateways and protect the flow between realms.",
+        external: true
+      },
     ],
     description:
       "Eyes ever watchful, guarding the realm’s sanctity — these sentinels oversee the flow of life and command the paths between digital dominions.",
@@ -142,7 +182,6 @@ export default function Services() {
           gap: 2,
         }}
       >
-        <div>
         <Box
           sx={{
             display: {xs: 'none', sm: 'flex'},
@@ -198,7 +237,6 @@ export default function Services() {
           handleItemClick={handleItemClick}
           selectedFeature={selectedFeature}
         />
-        </div>
         <Box
           sx={{
             display: {xs: 'none', sm: 'flex'},
@@ -209,6 +247,7 @@ export default function Services() {
             variant="outlined"
             sx={{
               display: {xs: 'none', sm: 'flex'},
+              maxHeight: '50vh',
             }}
           >
             <ServiceList serviceList={selectedFeature.serviceList} />

app/routes/home.tsx

@@ -13,23 +13,6 @@ export function meta() {
   ];
 }
 
-const services = {
-  media: [
-    { name: "Jellyseerr", url: "http://jellyseerr.aetoskia.com", desc: "Summon films and series from the digital void.", external: true },
-    { name: "Sonarr", url: "http://sonarr.aetoskia.com", desc: "Keep the endless chronicles of TV under iron control.", external: true },
-    { name: "Radarr", url: "http://radarr.aetoskia.com", desc: "Command the legions of cinema, enforce cinematic order.", external: true },
-    { name: "qBit", url: "http://qbit.aetoskia.com", desc: "Torrent war engine, fetching data across the nether realms.", external: true },
-  ],
-  codebase: [
-    { name: "Gitea", url: "http://gitea.aetoskia.com", desc: "Forge and safeguard code like a sacred relic.", external: true },
-    { name: "Registry", url: "http://registry.aetoskia.com", desc: "Monitor core constructs of the digital empire.", external: true },
-    { name: "Drone", url: "http://drone.aetoskia.com", desc: "Automaton architect, building pipelines of perfection.", external: true },
-  ],
-  monitoring: [
-    { name: "Portainer", url: "http://portainer.aetoskia.com", desc: "Oversee the fleet of containers with unyielding vigilance.", external: true },
-  ],
-};
-
 export default function Home() {
   return (
     <Container