v0.10.7

Add grid grow and service search in search bar

data/constants.ts

@@ -1,2 +1,2 @@
 export const REPO_URL = 'ajnart/homarr';
-export const CURRENT_VERSION = 'v0.10.5';
+export const CURRENT_VERSION = 'v0.10.7';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "homarr",
-  "version": "0.10.5",
+  "version": "0.10.7",
   "description": "Homarr - A homepage for your server.",
   "license": "MIT",
   "repository": {

public/locales/da/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Søg på nettet..."
-  }
+  },
+  "switched-to": "Skiftet til",
+  "searchEngines": {
+    "search": {
+      "name": "Web",
+      "description": "Søg ved hjælp af din søgemaskine (defineret i indstillinger)"
+    },
+    "youtube": {
+      "name": "YouTube",
+      "description": "Søg på YouTube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Søg efter torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Søg efter film og tv-serier ved hjælp af Overseerr (modul skal være aktiveret)"
+    }
+  },
+  "tip": "Du kan vælge søgefeltet med genvejen ",
+  "switchedSearchEngine": "Skiftede til søgning med {{searchEngine}}"
 }

public/locales/da/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Giver dig mulighed for at se din usenet (Sabnzbd eller NZBGet) kø og historik, pause og genoptage downloads"
+    "description": "Tillader dig at se din usenet (Sabnzbd eller NZBGet) kø og historie, pause og genoptage downloads"
   },
   "card": {
     "errors": {

public/locales/da/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Lavet med ❤️ af @"
-  }
+  },
+  "grow": ""
 }

public/locales/de/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Das Internet durchsuchen..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/de/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Usenet",
+    "name": "",
-    "description": "Ermöglicht es Ihnen, Ihre Usenet-Warteschlange (Sabnzbd oder NZBGet) und den Verlauf anzuzeigen, Downloads anzuhalten und fortzusetzen"
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/de/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gemacht mit ❤️ von @"
-  }
+  },
+  "grow": ""
 }

public/locales/en/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Search the web..."
-  }
+  },
+  "switched-to": "Switched to",
+  "searchEngines": {
+    "search": {
+      "name": "Web",
+      "description": "Search using your search engine (defined in settings)"
+    },
+    "youtube": {
+      "name": "Youtube",
+      "description": "Search on Youtube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Search for Torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Search for Movies and TV Shows using Overseerr (module must be enabled)"
+    }
+  },
+  "tip": "You can select the search bar with the shortcut ",
+  "switchedSearchEngine": "Switched to searching with {{searchEngine}}"
 }

public/locales/en/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Made with ❤️ by @"
-  }
+  },
+  "grow": "Grow grid (take all space)"
 }

public/locales/es/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Buscar en Internet..."
-  }
+  },
+  "switched-to": "Cambiado a",
+  "searchEngines": {
+    "search": {
+      "name": "Web",
+      "description": "Buscar usando tu motor de búsqueda (definido en ajustes)"
+    },
+    "youtube": {
+      "name": "Youtube",
+      "description": "Buscar en Youtube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Buscar Torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Buscar Películas y Series TV usando Overseerr (el módulo debe esta activado)"
+    }
+  },
+  "tip": "Puedes seleccionar la barra de búsqueda con el atajo ",
+  "switchedSearchEngine": "Cambiado a buscando con {{searchEngine}}"
 }

public/locales/es/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Le permite ver la cola y el historial de usenet (Sabnzbd o NZBGet), pausar y reanudar las descargas"
+    "description": "Te permite ver la cola e historial de tu usenet (Sabnzbd or NZBGet), pausar y reanudar descargas"
   },
   "card": {
     "errors": {

public/locales/es/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Hecho con ❤️ por @"
-  }
+  },
+  "grow": "Aumentar cuadrícula (toma todo el espacio)"
 }

public/locales/fr/layout/app-shelf.json

@@ -2,8 +2,8 @@
   "accordions": {
     "downloads": {
       "text": "Vos téléchargements",
-      "torrents": "",
+      "torrents": "Vos téléchargements Torrents",
-      "usenet": ""
+      "usenet": "Vos téléchargements Usenet"
     },
     "others": {
       "text": "Autres"

public/locales/fr/modules/docker.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Docker",
-    "description": ""
+    "description": "Vous permet de gérer facilement vos conteneurs docker"
   },
   "search": {
     "placeholder": "Recherche par nom de conteneur ou d'image"
@@ -49,20 +49,20 @@
   },
   "actions": {
     "start": {
-      "start": "",
+      "start": "Démarrage en cours",
-      "end": ""
+      "end": "Démarré"
     },
     "stop": {
-      "start": "",
+      "start": "Arrêt en cours",
       "end": "Arrêté"
     },
     "restart": {
-      "start": "",
+      "start": "Redémarrage en cours",
-      "end": ""
+      "end": "Redémarré"
     },
     "remove": {
-      "start": "",
+      "start": "Suppression en cours",
-      "end": ""
+      "end": "Supprimé"
     }
   },
   "errors": {

public/locales/fr/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Cherchez sur le web..."
-  }
+  },
+  "switched-to": "Basculé vers",
+  "searchEngines": {
+    "search": {
+      "name": "Web",
+      "description": "Recherche à l'aide de votre moteur de recherche (défini dans les paramètres)"
+    },
+    "youtube": {
+      "name": "YouTube",
+      "description": "Cherchez sur YouTube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Chercher des torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Chercher des films et séries TV avec Overseerr (le module doit-être activé)"
+    }
+  },
+  "tip": "Vous pouvez sélectionner la barre de recherche avec le raccourci ",
+  "switchedSearchEngine": "Basculer vers la recherche avec {{searchEngine}}"
 }

public/locales/fr/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Vous permet de voir votre file d'attente et votre historique Usenet (Sabnzbd ou NZBGet), de mettre en pause et de reprendre les téléchargements"
+    "description": "Permet de voir la file d'attente et l'historique de vos téléchargements usenet (Sabnzbd ou NZBGet), de mettre en pause et de reprendre les téléchargements"
   },
   "card": {
     "errors": {

public/locales/fr/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Fait avec ❤️ par @"
-  }
+  },
+  "grow": ""
 }

public/locales/fr/settings/general/search-engine.json

@@ -9,6 +9,6 @@
     "placeholder": "URL de requête personnalisée"
   },
   "searchNewTab": {
-    "label": ""
+    "label": "Ouvrir les résultats de la recherche dans un nouvel onglet"
   }
 }

public/locales/he/modules/dlspeed.json

@@ -19,8 +19,8 @@
     },
     "lineChart": {
       "title": "מהירות הורדה נוכחית",
-      "download": "הורדה ממתינה",
+      "download": "הורדה",
-      "upload": "העלאה ממתינה",
+      "upload": "העלאה",
       "timeSpan": "לפני שניות",
       "totalDownload": "הורדה ממתינה",
       "totalUpload": "העלאה ממתינה"

public/locales/he/modules/docker.json

@@ -9,7 +9,7 @@
   "table": {
     "header": {
       "name": "שם",
-      "image": "תמונה",
+      "image": "קובץ תמונה",
       "ports": "יציאות",
       "state": "מצב"
     },

public/locales/he/modules/ping.json

@@ -1,11 +1,11 @@
 {
   "descriptor": {
-    "name": "זמן תגובה",
+    "name": "פינג",
     "description": "מאפשר בדיקה אם השירות פעיל או מחזיר קוד ספציפי של HTTP"
   },
   "states": {
-    "online": "מקון",
+    "online": "מקוון",
-    "offline": "לא מקון",
+    "offline": "לא מקוון",
     "loading": "טוען..."
   }
 }

public/locales/he/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "חפש באינטרנט..."
-  }
+  },
+  "switched-to": "להחליף ל",
+  "searchEngines": {
+    "search": {
+      "name": "אינטרנט",
+      "description": "חיפוש באמצעות מנוע החיפוש שלך (מוגדר בהגדרות)"
+    },
+    "youtube": {
+      "name": "יוטיוב",
+      "description": "חפש ביוטיוב"
+    },
+    "torrents": {
+      "name": "טורנטים",
+      "description": "חיפוש אחר טורנטים"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "חיפוש סרטים ותוכניות טלוויזיה באמצעות  Overseerr (המודול חייב להיות מאופשר)"
+    }
+  },
+  "tip": "באפשרותך לבחור את סרגל החיפוש באמצעות קיצור הדרך",
+  "switchedSearchEngine": "עבור לחיפוש עם"
 }

public/locales/he/modules/torrents-status.json

@@ -24,8 +24,8 @@
     },
     "lineChart": {
       "title": "מהירות הורדה נוכחית",
-      "download": "הורדה ממתינה",
+      "download": "הורדה",
-      "upload": "העלאה ממתינה",
+      "upload": "העלאה",
       "timeSpan": "לפני שניות",
       "totalDownload": "הורדה ממתינה",
       "totalUpload": "העלאה ממתינה"

public/locales/he/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Sabnzbd",
+    "name": "קבוצת דיון",
-    "description": "מאמאפשר לך לראות את התור וההיסטוריה של usenet (Sabnzbd או NZBGet), להשהות ולחדש הורדות"
+    "description": "מאפשר צפייה בהיסטוריה, תור ההורדות, עצירה וחידוש הורדות בקבוצות הדיון (Sabnzbd או NZBGet)"
   },
   "card": {
     "errors": {

public/locales/he/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "נעשה ב- ❤️ ע״י @"
-  }
+  },
+  "grow": ""
 }

public/locales/it/authentication/login.json

@@ -1,5 +1,5 @@
 {
-  "title": "Bentornato!",
+  "title": "Bentornati!",
   "text": "Inserisci la password",
   "form": {
     "fields": {
@@ -21,7 +21,7 @@
       "title": "Password corretta, reindirizzamento..."
     },
     "wrong": {
-      "title": "Password errata. Per favore, prova di nuovo."
+      "title": "Password errata. Per favore riprova."
     }
   }
 }

public/locales/it/layout/add-service-app-shelf.json

@@ -1,13 +1,13 @@
 {
     "actionIcon": {
-        "tooltip": "Aggiungere un servizio"
+        "tooltip": "Aggiungi un servizio"
     },
     "modal": {
         "title": "Aggiungi servizio",
         "form": {
             "validation": {
                 "invalidUrl": "Inserire un URL valido",
-                "noStatusCodeSelected": "Selezionare un codice di stato"
+                "noStatusCodeSelected": "Scegliere uno status code"
             }
         },
         "tabs": {
@@ -15,28 +15,28 @@
                 "title": "Opzioni",
                 "form": {
                     "serviceName": {
-                        "label": "Nome del servizio",
+                        "label": "Nome servizio",
                         "placeholder": "Plex"
                     },
                     "iconUrl": {
-                        "label": "Icona URL"
+                        "label": "URL dell'icona"
                     },
                     "serviceUrl": {
-                        "label": "URL del servizio"
+                        "label": "URL servizio"
                     },
                     "onClickUrl": {
-                        "label": "URL di destinatione"
+                        "label": "URL di destinazione"
                     },
                     "serviceType": {
-                        "label": "Tipo di servizio",
+                        "label": "Tipologia servizio",
                         "defaultValue": "Altro",
-                        "placeholder": "Scegli Uno"
+                        "placeholder": "Sceglierne uno"
                     },
                     "category": {
                         "label": "Categoria",
-                        "placeholder": "Selezionare una categoria o crearne una nuova",
+                        "placeholder": "Seleziona una categoria o creane una nuova",
-                        "nothingFound": "Non è stato trovato nulla",
+                        "nothingFound": "Nessun risultato",
-                        "createLabel": "+ Creare {{query}}"
+                        "createLabel": "+ Crea {{query}}"
                     },
                     "integrations": {
                         "apiKey": {
@@ -46,7 +46,7 @@
                                 "noKey": "Chiave non valida"
                             },
                             "tip": {
-                                "text": "Ottenere la chiave API",
+                                "text": "Ottieni la tua chiave API",
                                 "link": "qui."
                             }
                         },
@@ -111,16 +111,16 @@
                 }
             },
             "advancedOptions": {
-                "title": "Opzioni avanzate",
+                "title": "Impostazioni avanzate",
                 "form": {
                     "httpStatusCodes": {
-                        "label": "Codici di stato HTTP",
+                        "label": "Status Codes HTTP",
-                        "placeholder": "Selezionare i codici di stato validi",
+                        "placeholder": "Selezionare status codes validi",
-                        "clearButtonLabel": "Cancella la selezione",
+                        "clearButtonLabel": "Elimina selezione",
-                        "nothingFound": "Non è stato trovato nulla"
+                        "nothingFound": "Nessun risultato"
                     },
                     "openServiceInNewTab": {
-                        "label": "Aprire il servizio in una nuova scheda"
+                        "label": "Apri servizio in una nuova scheda"
                     },
                     "buttons": {
                         "submit": {

public/locales/it/layout/app-shelf-menu.json

@@ -1,18 +1,18 @@
 {
   "modal": {
-    "title": "Modificare un servizio",
+    "title": "Modifica un servizio",
     "buttons": {
-      "save": "Salvataggio del servizio"
+      "save": "Salva servizio"
     }
   },
   "menu": {
     "labels": {
       "settings": "Impostazioni",
-      "dangerZone": "Zona di pericolo"
+      "dangerZone": "Danger zone"
     },
     "actions": {
       "edit": "Modifica",
-      "delete": "Cancella"
+      "delete": "Elimina"
     }
   }
 }

public/locales/it/layout/app-shelf.json

@@ -2,8 +2,8 @@
   "accordions": {
     "downloads": {
       "text": "I tuoi download",
-      "torrents": "Scaricamenti di Torrent",
+      "torrents": "I tuoi torrent",
-      "usenet": "I tuoi scaricamenti di Usenet"
+      "usenet": "I tuoi download di Usenet"
     },
     "others": {
       "text": "Altri"

public/locales/it/modules/calendar.json

@@ -1,10 +1,10 @@
 {
   "descriptor": {
     "name": "Calendario",
-    "description": "Un calendario per la visualizzazione dei prossimi rilasci. Interagisce con le API di Sonarr e Radarr.",
+    "description": "Un calendario per la visualizzazione delle prossime uscite. Può comunicare con le API di Sonarr e Radarr.",
     "settings": {
       "sundayStart": {
-        "label": "Inizio settimana di domenica"
+        "label": "Inizia la settimana di domenica"
       }
     }
   }

public/locales/it/modules/common-media-cards.json

@@ -1,6 +1,6 @@
 {
   "buttons": {
-    "play": "Avvia",
+    "play": "Riproduci",
-    "request": "Richiedi"
+    "request": "Richiesta"
   }
 }

public/locales/it/modules/dashdot.json

@@ -1,13 +1,13 @@
 {
   "descriptor": {
     "name": "Dash.",
-    "description": "Un modulo per visualizzare i grafici dell'istanza di Dash in esecuzione.",
+    "description": "Un modulo per visualizzare i grafici dell'istanza di Dash. in esecuzione.",
     "settings": {
       "cpuMultiView": {
         "label": "Vista CPU Multi-Core"
       },
       "storageMultiView": {
-        "label": "Visualizzazione dell'unità multipla di archiviazione"
+        "label": "Visualizzazione archiviazione Multi-Drive"
       },
       "useCompactView": {
         "label": "Visualizzazione compatta"
@@ -23,8 +23,8 @@
   "card": {
     "title": "Dash.",
     "errors": {
-      "noService": "Nessun servizio Dash. trovato. Aggiungerne uno alla dashboard di Homarr o impostare un Dash. nelle opzioni del modulo",
+      "noService": "Nessun servizio Dash. trovato. Aggiungine uno alla dashboard di Homarr o imposta un URL nelle impostazioni del modulo",
-      "noInformation": "Impossibile acquisire informazioni da dash. - state eseguendo l'ultima versione?"
+      "noInformation": "Impossibile reperire informazioni da dash. - è in esecuzione l'ultima versione?"
     },
     "graphs": {
       "storage": {
@@ -35,8 +35,8 @@
         "title": "Rete",
         "label": "Rete:",
         "metrics": {
-          "download": "In basso",
+          "download": "Down",
-          "upload": "Su"
+          "upload": "Up"
         }
       },
       "cpu": {

public/locales/it/modules/date.json

@@ -4,7 +4,7 @@
     "description": "Mostra l'ora e la data corrente in una scheda",
     "settings": {
       "display24HourFormat": {
-        "label": "Visualizzazione a tempo pieno (24 ore)"
+        "label": "Visualizza formato 24 ore"
       }
     }
   }

public/locales/it/modules/dlspeed.json

@@ -1,15 +1,15 @@
 {
   "descriptor": {
     "name": "Velocità Di Download",
-    "description": "Mostra la velocità di download attuale dei servizi supportati"
+    "description": "Mostra la velocità di download corrente dei servizi supportati"
   },
   "card": {
     "table": {
       "header": {
         "name": "Nome",
         "size": "Dimensione",
-        "download": "In basso",
+        "download": "Down",
-        "upload": "Su",
+        "upload": "Up",
         "estimatedTimeOfArrival": "ETA",
         "progress": "Avanzamento"
       },
@@ -18,7 +18,7 @@
       }
     },
     "lineChart": {
-      "title": "Velocità di download attuale",
+      "title": "Velocità di download",
       "download": "Download: {{download}}",
       "upload": "Upload: {{upload}}",
       "timeSpan": "{{seconds}} secondi fa",
@@ -28,7 +28,7 @@
     "errors": {
       "noDownloadClients": {
         "title": "Nessun client di download supportato trovato!",
-        "text": "Aggiungere un servizio di download per visualizzare i download correnti"
+        "text": "Aggiungi un servizio di download per visualizzare i tuoi download attuali"
       }
     }
   }

public/locales/it/modules/docker.json

@@ -1,10 +1,10 @@
 {
   "descriptor": {
     "name": "Docker",
-    "description": "Ti permette di gestire facilmente i tuoi container docker"
+    "description": "Gestisci facilmente i tuoi container di docker"
   },
   "search": {
-    "placeholder": "Ricerca per contenitore o nome dell'immagine"
+    "placeholder": "Ricerca per container nome immagine"
   },
   "table": {
     "header": {
@@ -14,7 +14,7 @@
       "state": "Stato"
     },
     "body": {
-      "portCollapse": "{{ports}} di più"
+      "portCollapse": "{{ports}} altro"
     },
     "states": {
       "running": "In esecuzione",
@@ -38,13 +38,13 @@
       "title": "Avvia"
     },
     "refreshData": {
-      "title": "Aggiornare i dati"
+      "title": "Aggiorna dati"
     },
     "remove": {
       "title": "Rimuovi"
     },
     "addToHomarr": {
-      "title": "Aggiungi a Homarr"
+      "title": "Aggiungi ad Homarr"
     }
   },
   "actions": {
@@ -61,13 +61,13 @@
       "end": "Riavviato"
     },
     "remove": {
-      "start": "Rimozione",
+      "start": "Rimozione in corso",
       "end": "Rimosso"
     }
   },
   "errors": {
     "integrationFailed": {
-      "title": "Integrazione di Docker fallita",
+      "title": "Integrazione Docker fallita",
       "message": "Hai dimenticato di montare il socket di docker?"
     },
     "unknownError": {

public/locales/it/modules/overseerr.json

@@ -8,17 +8,17 @@
       "buttons": {
         "askFor": "Richiedi {{title}}",
         "cancel": "Annulla",
-        "request": "Richiedi"
+        "request": "Richiesta"
       },
       "alerts": {
         "automaticApproval": {
-          "title": "Utilizzo della chiave API",
+          "title": "Chiave API in uso",
           "text": "Questa richiesta verrà approvata automaticamente"
         }
       }
     },
     "seasonSelector": {
-      "caption": "Spuntare le stagioni che si desidera scaricare.",
+      "caption": "Seleziona le stagioni che desideri scaricare",
       "table": {
         "header": {
           "season": "Stagione",

public/locales/it/modules/ping.json

@@ -1,11 +1,11 @@
 {
   "descriptor": {
     "name": "Ping",
-    "description": "Consente di verificare se il servizio è attivo o se restituisce un codice di stato HTTP specifico."
+    "description": "Consente di controllare se il servizio è attivo o restituisce uno specifico status code HTTP."
   },
   "states": {
     "online": "Online {{response}}",
     "offline": "Offline {{response}}",
-    "loading": "Caricamento..."
+    "loading": "Caricamento in corso..."
   }
 }

public/locales/it/modules/search.json

@@ -1,9 +1,30 @@
 {
   "descriptor": {
     "name": "Barra di ricerca",
-    "description": "Barra di ricerca per cercare sul web, su Youtube, su Torrents o su Overseerr"
+    "description": "Barra di ricerca per cercare sul web, Youtube, Torrent o Overseerr"
   },
   "input": {
     "placeholder": "Cerca sul web..."
-  }
+  },
+  "switched-to": "Impostato su",
+  "searchEngines": {
+    "search": {
+      "name": "Web",
+      "description": "Cerca usando il tuo motore di ricerca (definito nelle impostazioni)"
+    },
+    "youtube": {
+      "name": "Youtube",
+      "description": "Cerca su YouTube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Cerca Torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Cerca film e serie TV con Overseerr (il modulo deve essere abilitato)"
+    }
+  },
+  "tip": "Puoi selezionare la barra di ricerca con la scorciatoia ",
+  "switchedSearchEngine": "Ricerca cambiata con {{searchEngine}}"
 }

public/locales/it/modules/torrents-status.json

@@ -1,10 +1,10 @@
 {
   "descriptor": {
     "name": "Torrent",
-    "description": "Mostra la velocità di download attuale dei servizi supportati",
+    "description": "Mostra la velocità di download corrente dei servizi supportati",
     "settings": {
       "hideComplete": {
-        "label": "Nascondere i torrent completati"
+        "label": "Nascondi torrent completati"
       }
     }
   },
@@ -13,8 +13,8 @@
       "header": {
         "name": "Nome",
         "size": "Dimensione",
-        "download": "In basso",
+        "download": "Down",
-        "upload": "Su",
+        "upload": "Up",
         "estimatedTimeOfArrival": "ETA",
         "progress": "Avanzamento"
       },
@@ -23,7 +23,7 @@
       }
     },
     "lineChart": {
-      "title": "Velocità di download attuale",
+      "title": "Velocità di download",
       "download": "Download: {{download}}",
       "upload": "Upload: {{upload}}",
       "timeSpan": "{{seconds}} secondi fa",
@@ -33,7 +33,7 @@
     "errors": {
       "noDownloadClients": {
         "title": "Nessun client di download supportato trovato!",
-        "text": "Aggiungere un servizio di download per visualizzare i download correnti"
+        "text": "Aggiungi un servizio di download per visualizzare i tuoi download attuali"
       }
     }
   }

public/locales/it/modules/usenet.json

@@ -1,13 +1,13 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Ti consente di vedere la coda e la cronologia di usenet (Sabnzbd o NZBGet), mettere in pausa e riprendere i download."
+    "description": "Permette di vedere la coda e la cronologia di usenet (Sabnzbd o NZBGet), di mettere in pausa e riprendere i download"
   },
   "card": {
     "errors": {
       "noDownloadClients": {
         "title": "Nessun client di download supportato trovato!",
-        "text": "Aggiungere un servizio di download per visualizzare i download correnti"
+        "text": "Aggiungi un servizio di download per visualizzare i tuoi download attuali"
       }
     }
   },

public/locales/it/modules/weather.json

@@ -4,26 +4,26 @@
     "description": "Consulta il meteo attuale della propria località",
     "settings": {
       "displayInFahrenheit": {
-        "label": "Visualizzazione in Fahrenheit"
+        "label": "Mostra in Fahrenheit"
       },
       "location": {
-        "label": "Posizione meteo"
+        "label": "Località meteo"
       }
     }
   },
   "card": {
     "weatherDescriptions": {
-      "clear": "Cancella",
+      "clear": "Sereno",
-      "mainlyClear": "Sereno",
+      "mainlyClear": "Per lo più sereno",
       "fog": "Nebbia",
-      "drizzle": "Pioggerella",
+      "drizzle": "Pioggia leggera",
-      "freezingDrizzle": "Pioggia gelata",
+      "freezingDrizzle": "Pioggia leggera gelata",
       "rain": "Pioggia",
       "freezingRain": "Pioggia gelata",
-      "snowFall": "Caduta della neve",
+      "snowFall": "Neve",
-      "snowGrains": "Granelli di neve",
+      "snowGrains": "Neve tonda",
-      "rainShowers": "Piogge a catinelle",
+      "rainShowers": "Rovesci",
-      "snowShowers": "Piogge di neve",
+      "snowShowers": "Forti nevicate",
       "thunderstorm": "Temporale",
       "thunderstormWithHail": "Temporale con grandine",
       "unknown": "Sconosciuto"

public/locales/it/settings/common.json

@@ -2,13 +2,14 @@
   "title": "Impostazioni",
   "tooltip": "Impostazioni",
   "tabs": {
-    "common": "Comune",
+    "common": "Generale",
-    "customizations": "Personalizzazioni"
+    "customizations": "Personalizza"
   },
   "tips": {
-    "configTip": "Caricate il vostro file di configurazione trascinandolo sulla pagina!"
+    "configTip": "Carica il file di configurazione trascinandolo e rilasciandolo sulla pagina!"
   },
   "credits": {
     "madeWithLove": "Realizzato con ❤️ da @"
-  }
+  },
+  "grow": ""
 }

public/locales/it/settings/customization/app-width.json

@@ -1,3 +1,3 @@
 {
-  "label": "Larghezza dell'applicazione"
+  "label": "Larghezza App"
 }

public/locales/it/settings/customization/opacity-selector.json

@@ -1,3 +1,3 @@
 {
-  "label": "Opacità dell'applicazione"
+  "label": "Opacità App"
 }

public/locales/it/settings/customization/page-appearance.json

@@ -1,6 +1,6 @@
 {
   "pageTitle": {
-    "label": "Titolo della pagina",
+    "label": "Titolo pagina",
     "placeholder": "Homarr 🦞"
   },
   "logo": {

public/locales/it/settings/customization/shade-selector.json

@@ -1,3 +1,3 @@
 {
-  "label": "Ombreggiatura"
+  "label": "Tonalità"
 }

public/locales/it/settings/general/config-changer.json

@@ -1,13 +1,13 @@
 {
   "configSelect": {
-    "label": "Caricatore di configurazione"
+    "label": "Carica configurazione"
   },
   "modal": {
-    "title": "Scegliere il nome della nuova configurazione",
+    "title": "Scegli il nome della nuova configurazione",
     "form": {
       "configName": {
-        "label": "Nome della configurazione",
+        "label": "Nome configurazione",
-        "placeholder": "Il nome della nuova configurazione"
+        "placeholder": "Nuovo nome configurazione"
       },
       "submitButton": "Conferma"
     },
@@ -19,21 +19,21 @@
     }
   },
   "buttons": {
-    "download": "Scarica la configurazione",
+    "download": "Download configurazione",
     "delete": {
-      "text": "Cancellare la configurazione",
+      "text": "Elimina configurazione",
       "notifications": {
         "deleted": {
-          "title": "Configurazione cancellata",
+          "title": "Configurazione eliminata",
-          "message": "Configurazione cancellata"
+          "message": "Configurazione eliminata"
         },
         "deleteFailed": {
-          "title": "Cancellazione configurazione fallita",
+          "title": "Eliminazione configurazione fallita",
-          "message": "Cancellazione configurazione fallita"
+          "message": "Eliminazione configurazione fallita"
         }
       }
     },
-    "saveCopy": "Salvare una copia"
+    "saveCopy": "Salva una copia"
   },
   "dropzone": {
     "notifications": {
@@ -46,10 +46,10 @@
       }
     },
     "accept": {
-      "text": "Trascinare i file qui per caricare una configurazione. Supporto solo per JSON."
+      "text": "Trascina qui i file per caricare una configurazione. Solo file JSON supportati."
     },
     "reject": {
-      "text": "Questo formato di file non è supportato. Caricare solo JSON."
+      "text": "Formato file non supportato. Caricare solo file JSON."
     }
   }
 }

public/locales/it/settings/general/module-enabler.json

@@ -1,3 +1,3 @@
 {
-  "title": "Modulo abilitatore"
+  "title": "Abilitatore moduli"
 }

public/locales/it/settings/general/search-engine.json

@@ -1,7 +1,7 @@
 {
   "title": "Motore di ricerca",
   "tips": {
-    "generalTip": "Utilizzate i prefissi !yt e !t davanti alla vostra ricerca per cercare rispettivamente su YouTube o su un Torrent.",
+    "generalTip": "Usa i prefissi !yt e !t di fronte alla tua ricerca per cercare rispettivamente su YouTube o un Torrent.",
     "placeholderTip": "%s può essere usato come segnaposto per la ricerca."
   },
   "customEngine": {

public/locales/it/settings/general/widget-positions.json

@@ -1,3 +1,3 @@
 {
-  "label": "Posizionare i widget a sinistra"
+  "label": "Posiziona widget a sinistra"
 }

public/locales/ja/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "ウェブで検索..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "オーバーホール",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/ja/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "ユースネット",
+    "name": "",
-    "description": "Usenet (Sabnzbd または NZBGet) のキューと履歴を表示し、ダウンロードを一時停止および再開できます。"
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/ja/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "で作った❤️ by @さん"
-  }
+  },
+  "grow": ""
 }

public/locales/ja/settings/customization/page-appearance.json

@@ -7,7 +7,7 @@
     "label": "ロゴマーク"
   },
   "favicon": {
-    "label": "Favicon"
+    "label": "ファビコン"
   },
   "background": {
     "label": "背景"

public/locales/ko/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "웹에서 검색..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/ko/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "ユースネット",
+    "name": "",
-    "description": "유즈넷(Sabnzbd 또는 NZBGet) 대기열 및 기록을 보고 다운로드를 일시 중지 및 재개할 수 있습니다."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/ko/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Made with ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/ko/settings/customization/page-appearance.json

@@ -7,7 +7,7 @@
     "label": "로고"
   },
   "favicon": {
-    "label": "Favicon"
+    "label": "파비콘"
   },
   "background": {
     "label": "배경"

public/locales/lol/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Search teh web..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/lol/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Usenet",
+    "name": "",
-    "description": "Allowz u 2 c ur usenet (Sabnzbd & NZBGet) queue an histowee, paues an resuem downloadz"
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/lol/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Maded wif ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/nl/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Doorzoek het web..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/nl/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Usenet",
+    "name": "",
-    "description": "Hiermee kunt u uw usenet (Sabnzbd of NZBGet) wachtrij en geschiedenis bekijken, downloads pauzeren en hervatten."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/nl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gemaakt met ❤️ door @"
-  }
+  },
+  "grow": ""
 }

public/locales/pl/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Szukaj w internecie..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/pl/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Pozwala zobaczyć kolejkę i historię usenetu (Sabnzbd lub NZBGet), wstrzymywać i wznawiać pobieranie."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/pl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Wykonane z ❤️ przez @"
-  }
+  },
+  "grow": ""
 }

public/locales/pt/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Pesquisar na Internet..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/pt/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Usenet",
+    "name": "",
-    "description": "Permite que você veja sua fila e histórico de usenet (Sabnzbd ou NZBGet), pausar e retomar downloads."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/pt/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Feito com ❤️ por @"
-  }
+  },
+  "grow": ""
 }

public/locales/ru/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Искать в интернете..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/ru/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Юнет",
+    "name": "",
-    "description": "Позволяет просматривать очередь и историю Usenet (Sabnzbd или NZBGet), приостанавливать и возобновлять загрузки."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/ru/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Сделано с ❤️ по @."
-  }
+  },
+  "grow": ""
 }

public/locales/sl/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Preišči splet..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/sl/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Usenet",
+    "name": "",
-    "description": "Omogoča ogled vaše čakalne vrste in zgodovine usenet (Sabnzbd ali NZBGet), zaustavitev in nadaljevanje prenosov."
+    "description": ""
   },
   "card": {
     "errors": {

public/locales/sl/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Narejeno s ❤️ od @"
-  }
+  },
+  "grow": ""
 }

public/locales/sv/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Sök på webben..."
-  }
+  },
+  "switched-to": "Växlade till",
+  "searchEngines": {
+    "search": {
+      "name": "Webb",
+      "description": "Sök med din sökmotor (definierad i inställningar)"
+    },
+    "youtube": {
+      "name": "YouTube",
+      "description": "Sök på YouTube"
+    },
+    "torrents": {
+      "name": "Torrents",
+      "description": "Sök torrents"
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": "Sök efter filmer och TV-program med Overseerr (modulen måste vara aktiverad)"
+    }
+  },
+  "tip": "Du kan välja sökfältet med kortkommandot ",
+  "switchedSearchEngine": "Växlade till att söka med {{searchEngine}}"
 }

public/locales/sv/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
     "name": "Usenet",
-    "description": "Låter dig se din usenet (Sabnzbd eller NZBGet) kö och historik, pausa och återuppta nedladdningar."
+    "description": "Låter dig se din usenet (Sabnzbd eller NZBGet) kö och historik, pausa och återuppta nedladdningar"
   },
   "card": {
     "errors": {

public/locales/sv/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Gjort med ❤️ av @"
-  }
+  },
+  "grow": "Växande rutnät (ta allt utrymme)"
 }

public/locales/uk/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Пошук в Інтернеті..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/uk/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "Sabnzbd",
+    "name": "Usenet",
-    "description": "Дозволяє переглядати чергу та історію usenet (Sabnzbd або NZBGet), призупиняти та відновлювати завантаження."
+    "description": "Дозволяє вам бачити вашу чергу та історію в usenet (Sabnzbd або NZBGet), керувати завантаженнями"
   },
   "card": {
     "errors": {

public/locales/uk/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "Зроблено з ❤️ by @"
-  }
+  },
+  "grow": ""
 }

public/locales/uk/settings/customization/page-appearance.json

@@ -8,6 +8,7 @@
   },
   "favicon": {
     "label": "Іконка"
+  },
   "background": {
     "label": "Фон"
   },

public/locales/vi/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "Tìm kiếm trên web..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/vi/settings/common.json

@@ -9,6 +9,7 @@
     "configTip": "Tải tệp cấu hình của bạn lên chỉ bằng cách kéo và thả tệp vào trong trang!"
   },
   "credits": {
-    "madeWithLove": "Được tạo bằng ❤️ bởi @"
+    "madeWithLove": "From @ with ❤️"
-  }
+  },
+  "grow": ""
 }

public/locales/vi/settings/general/config-changer.json

@@ -19,7 +19,7 @@
     }
   },
   "buttons": {
-    "download": "Tải cấu hình xuống",
+    "download": "Tải cấu hình",
     "delete": {
       "text": "Xóa cấu hình",
       "notifications": {

public/locales/zh/modules/search.json

@@ -5,5 +5,26 @@
   },
   "input": {
     "placeholder": "在网上搜索..."
-  }
+  },
+  "switched-to": "",
+  "searchEngines": {
+    "search": {
+      "name": "",
+      "description": ""
+    },
+    "youtube": {
+      "name": "",
+      "description": ""
+    },
+    "torrents": {
+      "name": "",
+      "description": ""
+    },
+    "overseerr": {
+      "name": "Overseerr",
+      "description": ""
+    }
+  },
+  "tip": "",
+  "switchedSearchEngine": ""
 }

public/locales/zh/modules/usenet.json

@@ -1,7 +1,7 @@
 {
   "descriptor": {
-    "name": "用户网",
+    "name": "",
-    "description": "允许您查看您的用户网（Sabnzbd 或 NZBGet）队列和历史记录，暂停和恢复下载。"
+    "description": ""
   },
   "card": {
     "errors": {
@@ -16,7 +16,7 @@
     "history": "历史"
   },
   "info": {
-    "sizeLeft": "左侧大小",
+    "sizeLeft": "左侧尺寸调整",
     "paused": "暂停使用"
   },
   "queue": {

public/locales/zh/settings/common.json

@@ -10,5 +10,6 @@
   },
   "credits": {
     "madeWithLove": "用❤️创造，出品于"
-  }
+  },
+  "grow": ""
 }

src/components/AppShelf/AppShelf.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Accordion, Grid, Paper, Stack, Text, useMantineColorScheme } from '@mantine/core';
+import { Accordion, Grid, Stack, Title, useMantineColorScheme } from '@mantine/core';
 import {
   closestCenter,
   DndContext,
@@ -9,16 +9,16 @@ import {
   useSensor,
   useSensors,
 } from '@dnd-kit/core';
+
 import { arrayMove, SortableContext } from '@dnd-kit/sortable';
 import { useLocalStorage } from '@mantine/hooks';
 import { useTranslation } from 'next-i18next';
+import * as Modules from '../../modules';
 import { useConfig } from '../../tools/state';
 
-import { SortableAppShelfItem, AppShelfItem } from './AppShelfItem';
+import { AppShelfItem, SortableItem } from './AppShelfItem';
-import { ModuleMenu, ModuleWrapper } from '../../modules/moduleWrapper';
+import { ModuleWrapper } from '../../modules/moduleWrapper';
 import { UsenetModule, TorrentsModule } from '../../modules';
-import TorrentsComponent from '../../modules/torrents/TorrentsModule';
-import { UsenetComponent } from '../../modules/usenet/UsenetModule';
 
 const AppShelf = (props: any) => {
   const { config, setConfig } = useConfig();
@@ -79,13 +79,14 @@ const AppShelf = (props: any) => {
   const getItems = (filter?: string) => {
     // If filter is not set, return all the services without a category or a null category
     let filtered = config.services;
+    const modules = Object.values(Modules).map((module) => module);
+
     if (!filter) {
       filtered = config.services.filter((e) => !e.category || e.category === null);
     }
     if (filter) {
       filtered = config.services.filter((e) => e.category === filter);
     }
-
     return (
       <DndContext
         sensors={sensors}
@@ -94,17 +95,12 @@ const AppShelf = (props: any) => {
         onDragEnd={handleDragEnd}
       >
         <SortableContext items={config.services}>
-          <Grid gutter="xl" align="center">
+          <Grid gutter="lg" grow={config.settings.grow}>
             {filtered.map((service) => (
-              <Grid.Col
+              <Grid.Col key={service.id} span="content">
-                key={service.id}
+                <SortableItem service={service} key={service.id} id={service.id}>
-                span={6}
+                  <AppShelfItem service={service} />
-                xl={config.settings.appCardWidth || 2}
+                </SortableItem>
-                xs={4}
-                sm={3}
-                md={3}
-              >
-                <SortableAppShelfItem service={service} key={service.id} id={service.id} />
               </Grid.Col>
             ))}
           </Grid>
@@ -123,100 +119,43 @@ const AppShelf = (props: any) => {
     );
   };
 
-  if (categoryList.length > 0) {
-    const noCategory = config.services.filter(
-      (e) => e.category === undefined || e.category === null
-    );
-
-    const torrentEnabled = config.modules?.[TorrentsModule.id]?.enabled ?? false;
-    const usenetEnabled = config.modules?.[UsenetModule.id]?.enabled ?? false;
-
-    const downloadEnabled = usenetEnabled || torrentEnabled;
-    // Create an item with 0: true, 1: true, 2: true... For each category
-    return (
-      // TODO: Style accordion so that the bar is transparent to the user settings
-      <Stack>
-        <Accordion
-          variant="separated"
-          radius="lg"
-          order={2}
-          multiple
-          value={toggledCategories}
-          onChange={(state) => {
-            setToggledCategories([...state]);
-          }}
-        >
-          {categoryList.map((category, idx) => (
-            <Accordion.Item
-              style={{
-                background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
-              ${(config.settings.appOpacity || 100) / 100}`,
-                borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
-              ${(config.settings.appOpacity || 100) / 100}`,
-              }}
-              key={category}
-              value={idx.toString()}
-            >
-              <Accordion.Control>{category}</Accordion.Control>
-              <Accordion.Panel>{getItems(category)}</Accordion.Panel>
-            </Accordion.Item>
-          ))}
-          {/* Return the item for all services without category */}
-          {noCategory && noCategory.length > 0 ? (
-            <Accordion.Item
-              style={{
-                background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
-            ${(config.settings.appOpacity || 100) / 100}`,
-                borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
-            ${(config.settings.appOpacity || 100) / 100}`,
-              }}
-              key="Other"
-              value="Other"
-            >
-              <Accordion.Control>{t('accordions.others.text')}</Accordion.Control>
-              <Accordion.Panel>{getItems()}</Accordion.Panel>
-            </Accordion.Item>
-          ) : null}
-          {downloadEnabled ? (
-            <Accordion.Item
-              style={{
-                color: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
-                ${(config.settings.appOpacity || 100) / 100}`,
-                background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
-            ${(config.settings.appOpacity || 100) / 100}`,
-                borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
-            ${(config.settings.appOpacity || 100) / 100}`,
-              }}
-              key="Downloads"
-              value="Your downloads"
-            >
-              <Accordion.Control>{t('accordions.downloads.text')}</Accordion.Control>
-              <Accordion.Panel>
-                <Paper radius="lg" style={{ position: 'relative' }}>
-                  {torrentEnabled && (
-                    <>
-                      <Text>{t('accordions.downloads.torrents')}</Text>
-                      <ModuleMenu module={TorrentsModule} hovered />
-                      <TorrentsComponent />
-                    </>
-                  )}
-                  {usenetEnabled && (
-                    <>
-                      <Text mt="md">{t('accordions.downloads.usenet')}</Text>
-                      <ModuleMenu module={UsenetModule} hovered />
-                      <UsenetComponent />
-                    </>
-                  )}
-                </Paper>
-              </Accordion.Panel>
-            </Accordion.Item>
-          ) : null}
-        </Accordion>
-      </Stack>
-    );
-  }
   return (
     <Stack>
+      <Accordion
+        variant="separated"
+        radius="lg"
+        order={2}
+        multiple
+        value={toggledCategories}
+        onChange={(state) => {
+          setToggledCategories([...state]);
+        }}
+      >
+        {categoryList.map((category, idx) => (
+          <Accordion.Item
+            style={{
+              background: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '255, 255, 255,'} \
+          ${(config.settings.appOpacity || 100) / 100}`,
+              borderColor: `rgba(${colorScheme === 'dark' ? '32, 33, 35,' : '233, 236, 239,'} \
+          ${(config.settings.appOpacity || 100) / 100}`,
+            }}
+            key={category}
+            value={idx.toString()}
+          >
+            <Accordion.Control>
+              <Title
+                order={5}
+                style={{
+                  minWidth: 0,
+                }}
+              >
+                {category}
+              </Title>
+            </Accordion.Control>
+            <Accordion.Panel>{getItems(category)}</Accordion.Panel>
+          </Accordion.Item>
+        ))}
+      </Accordion>
       {getItems()}
       <ModuleWrapper mt="xl" module={TorrentsModule} />
       <ModuleWrapper mt="xl" module={UsenetModule} />

src/components/AppShelf/AppShelfItem.tsx

@@ -31,7 +31,7 @@ const useStyles = createStyles((theme) => ({
   },
 }));
 
-export function SortableAppShelfItem(props: any) {
+export function SortableItem(props: any) {
   const { attributes, listeners, setNodeRef, transform, transition } = useSortable({
     id: props.id,
   });
@@ -43,7 +43,7 @@ export function SortableAppShelfItem(props: any) {
 
   return (
     <div ref={setNodeRef} style={style} {...attributes} {...listeners}>
-      <AppShelfItem service={props.service} />
+      {props.children}
     </div>
   );
 }
@@ -75,6 +75,8 @@ export function AppShelfItem(props: any) {
         shadow="md"
         className={classes.item}
         style={{
+          // Use the grab cursor when hovering over the card
+          cursor: hovering ? 'grab' : 'auto',
           background: `rgba(${colorScheme === 'dark' ? '37, 38, 43,' : '255, 255, 255,'} \
           ${(config.settings.appOpacity || 100) / 100}`,
           borderColor: `rgba(${colorScheme === 'dark' ? '37, 38, 43,' : '233, 236, 239,'} \
@@ -105,14 +107,14 @@ export function AppShelfItem(props: any) {
             <AppShelfMenu service={service} />
           </motion.div>
         </Card.Section>
-        <Center>
+        <Card.Section>
-          <Card.Section>
+          <Center>
             <AspectRatio
               ratio={3 / 5}
-              m="xl"
+              m="lg"
               style={{
-                width: 150,
+                height: 75 * ((config.settings.appCardWidth ?? 1) * 1.2),
-                height: 90,
+                width: 75 * ((config.settings.appCardWidth ?? 1) * 2),
               }}
             >
               <motion.i
@@ -126,8 +128,8 @@ export function AppShelfItem(props: any) {
                 >
                   <Image
                     styles={{ root: { cursor: 'pointer' } }}
-                    width={80}
+                    width={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
-                    height={80}
+                    height={75 * ((config.settings.appCardWidth ?? 1) * 1.2)}
                     src={service.icon}
                     fit="contain"
                   />
@@ -135,8 +137,8 @@ export function AppShelfItem(props: any) {
               </motion.i>
             </AspectRatio>
             {service.ping !== false && <PingComponent url={service.url} status={service.status} />}
-          </Card.Section>
+          </Center>
-        </Center>
+        </Card.Section>
       </Card>
     </motion.div>
   );

src/components/Settings/AdvancedSettings.tsx

@@ -6,6 +6,7 @@ import { ColorSelector } from './ColorSelector';
 import { OpacitySelector } from './OpacitySelector';
 import { AppCardWidthSelector } from './AppCardWidthSelector';
 import { ShadeSelector } from './ShadeSelector';
+import { GrowthSelector } from './GrowthSelector';
 
 export default function TitleChanger() {
   const { config, setConfig } = useConfig();
@@ -74,6 +75,7 @@ export default function TitleChanger() {
           <Button type="submit">{t('buttons.submit')}</Button>
         </Stack>
       </form>
+      <GrowthSelector />
       <ColorSelector type="primary" />
       <ColorSelector type="secondary" />
       <ShadeSelector />

src/components/Settings/AppCardWidthSelector.tsx

@@ -21,11 +21,11 @@ export function AppCardWidthSelector() {
     <Stack spacing="xs">
       <Text>{t('label')}</Text>
       <Slider
-        label={null}
+        label={config.settings.appCardWidth?.toFixed(1)}
-        defaultValue={config.settings.appCardWidth}
+        defaultValue={config.settings.appCardWidth ?? 0.7}
-        step={0.2}
+        step={0.1}
-        min={0.8}
+        min={0.3}
-        max={2}
+        max={1.2}
         styles={{ markLabel: { fontSize: 'xx-small' } }}
         onChange={(value) => setappCardWidth(value)}
       />

src/components/Settings/GrowthSelector.tsx

@@ -0,0 +1,30 @@
+import { Switch } from '@mantine/core';
+import { useTranslation } from 'next-i18next';
+import { useState } from 'react';
+import { useConfig } from '../../tools/state';
+
+export function GrowthSelector() {
+  const { config, setConfig } = useConfig();
+  const defaultPosition = config?.settings?.grow || false;
+  const [growState, setGrowState] = useState(defaultPosition);
+  const { t } = useTranslation('settings/common.json');
+  const toggleGrowState = () => {
+    setGrowState(!growState);
+    setConfig({
+      ...config,
+      settings: {
+        ...config.settings,
+        grow: !growState,
+      },
+    });
+  };
+
+  return (
+    <Switch
+      label={t('settings/common:grow')}
+      checked={growState === true}
+      onChange={() => toggleGrowState()}
+      size="md"
+    />
+  );
+}

src/components/WidgetsPositionSwitch/WidgetsPositionSwitch.tsx

@@ -48,15 +48,11 @@ export function WidgetsPositionSwitch() {
   };
 
   return (
-    <Group>
+    <Switch
-      <div className={classes.root}>
+      label={t('label')}
-        <Switch
+      checked={widgetPosition === 'left'}
-          checked={widgetPosition === 'left'}
+      onChange={() => toggleWidgetPosition()}
-          onChange={() => toggleWidgetPosition()}
+      size="md"
-          size="md"
+    />
-        />
-      </div>
-      {t('label')}
-    </Group>
   );
 }

src/components/layout/Logo.tsx

@@ -9,7 +9,7 @@ export function Logo({ style, withoutText }: any) {
   const { primaryColor, secondaryColor } = useColorTheme();
 
   return (
-    <Group spacing="xs">
+    <Group spacing="xs" noWrap>
       <Image
         width={50}
         src={config.settings.logo || '/imgs/logo/logo.png'}
@@ -18,26 +18,18 @@ export function Logo({ style, withoutText }: any) {
         }}
       />
       {withoutText ? null : (
-        <NextLink
+        <Text
-          href="/"
+          sx={style}
-          style={{
+          weight="bold"
-            textDecoration: 'none',
+          variant="gradient"
-            position: 'relative',
+          gradient={{
+            from: primaryColor,
+            to: secondaryColor,
+            deg: 145,
           }}
         >
-          <Text
+          {config.settings.title || 'Homarr'}
-            sx={style}
+        </Text>
-            weight="bold"
-            variant="gradient"
-            gradient={{
-              from: primaryColor,
-              to: secondaryColor,
-              deg: 145,
-            }}
-          >
-            {config.settings.title || 'Homarr'}
-          </Text>
-        </NextLink>
       )}
     </Group>
   );

src/components/layout/header/Header.tsx

@@ -1,27 +1,16 @@
-import { Box, createStyles, Group, Header as Head, useMantineColorScheme } from '@mantine/core';
+import { Group, Header as Head, useMantineColorScheme, useMantineTheme } from '@mantine/core';
+import { useViewportSize } from '@mantine/hooks';
 import { AddItemShelfButton } from '../../AppShelf/AddAppShelfItem';
 
 import DockerMenuButton from '../../../modules/docker/DockerModule';
-import SearchBar from '../../../modules/search/SearchModule';
 import { SettingsMenuButton } from '../../Settings/SettingsMenu';
 import { Logo } from '../Logo';
 import { useConfig } from '../../../tools/state';
-
+import { SearchModuleComponent } from '../../../modules/search/SearchModule';
-const useStyles = createStyles((theme) => ({
-  hide: {
-    [theme.fn.smallerThan('xs')]: {
-      display: 'none',
-    },
-  },
-  burger: {
-    [theme.fn.largerThan('sm')]: {
-      display: 'none',
-    },
-  },
-}));
 
 export function Header(props: any) {
-  const { classes } = useStyles();
+  const { width } = useViewportSize();
+  const MIN_WIDTH_MOBILE = useMantineTheme().breakpoints.xs;
   const { config } = useConfig();
   const { colorScheme } = useMantineColorScheme();
 
@@ -35,12 +24,10 @@ export function Header(props: any) {
       ${(config.settings.appOpacity || 100) / 100}`,
       }}
     >
-      <Group p="xs" position="apart">
+      <Group p="xs" noWrap grow>
-        <Box className={classes.hide}>
+        {width > MIN_WIDTH_MOBILE && <Logo style={{ fontSize: 22 }} />}
-          <Logo style={{ fontSize: 22 }} />
+        <Group position="right" noWrap>
-        </Box>
+          <SearchModuleComponent />
-        <Group noWrap>
-          <SearchBar />
           <DockerMenuButton />
           <SettingsMenuButton />
           <AddItemShelfButton />

src/modules/calendar/CalendarModule.tsx

@@ -7,6 +7,7 @@ import {
   ScrollArea,
   createStyles,
   useMantineTheme,
+  Space,
 } from '@mantine/core';
 import React, { useEffect, useState } from 'react';
 import { Calendar } from '@mantine/dates';
@@ -143,12 +144,6 @@ export default function CalendarComponent(props: any) {
               margin: 1,
             }
       }
-      styles={{
-        calendarHeader: {
-          marginRight: 40,
-          marginLeft: 40,
-        },
-      }}
       allowLevelChange={false}
       dayClassName={(date, modifiers) => cx({ [classes.weekend]: modifiers.weekend })}
       renderDay={(renderdate) => (
@@ -278,10 +273,11 @@ function DayComponent(props: any) {
           scrollbarSize={5}
           style={{
             height:
-              totalFiltered.slice(0, 2).length > 1 ? totalFiltered.slice(0, 2).length * 150 : 200,
+              totalFiltered.slice(0, 2).length > 1 ? totalFiltered.slice(0, 2).length * 150 : 220,
             width: 400,
           }}
         >
+          <Space mt={5} />
           {sonarrFiltered.map((media: any, index: number) => (
             <React.Fragment key={index}>
               <SonarrMediaDisplay media={media} />

src/modules/common/MediaDisplay.tsx

@@ -163,7 +163,7 @@ export function MediaDisplay({ media }: { media: IMedia }) {
   const { t } = useTranslation('modules/common-media-cards');
 
   return (
-    <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }}>
+    <Group mr="xs" align="stretch" noWrap style={{ maxHeight: 200 }} spacing="xs">
       <Image src={media.poster} height={200} width={150} radius="md" fit="cover" />
       <Stack justify="space-around">
         <Stack spacing="sm">