Initial Home page commit

I don't hate it but it's not the best :(
It's growing on me though

So MANY bugs though, but I'll find those over time

Author: NellowTCS

Build/public/locales/en/translation.json

@@ -362,6 +362,38 @@
     "previousTrack": "Previous track",
     "nextTrack": "Next track"
   },
+  "home": {
+    "title": "Home",
+    "subtitle": "Pick up where you left off or try something new.",
+    "heroNowPlaying": "Now playing",
+    "heroEmpty": "Nothing queued yet",
+    "heroEmptyDescription": "Upload or import tracks to start building your library.",
+    "resume": "Resume",
+    "startListening": "Start listening",
+    "uploadMusic": "Upload music",
+    "browseLibrary": "Go to library",
+    "quickActions": "Quick actions",
+    "smartStart": "Play something",
+    "smartStartDescription": "HTMLPlayer picks a great next track.",
+    "libraryDescription": "Jump into the full song list.",
+    "favorites": "Play favorites",
+    "favoritesDescription": "Shuffle the songs you love the most.",
+    "uploadDescription": "Batch import or drag-and-drop audio files.",
+    "statsTitle": "Library at a glance",
+    "stats": {
+      "songs": "Songs",
+      "playlists": "Playlists",
+      "favorites": "Favorites",
+      "duration": "Hours of audio"
+    },
+    "recentlyAdded": "Recently added",
+    "viewAll": "View all",
+    "emptyRecent": "Add music to see your latest songs here.",
+    "featuredPlaylists": "Spotlight playlists",
+    "emptyPlaylists": "Create playlists to pin them here.",
+    "playPlaylist": "Play",
+    "playlistCount": "{{count}} songs"
+  },
   "pip": {
     "couldNotAccessStylesheet": "Could not access stylesheet:",
     "couldNotCopyStylesheets": "Could not copy some stylesheets:",
@@ -461,6 +493,16 @@
     "resetDialogs": "Reset Dialogs",
     "resetDialogsTitle": "Reset Dialog Confirmations?",
     "resetDialogsButton": "Reset",
+    "category": {
+      "playback": "Playback",
+      "playbackDescription": "Audio and playback behavior",
+      "interface": "Interface",
+      "interfaceDescription": "Themes, language, and appearance",
+      "shortcuts": "Shortcuts",
+      "shortcutsDescription": "Keyboard shortcut preferences",
+      "experimental": "Beta",
+      "experimentalDescription": "Early and experimental features"
+    },
     "audio": {
       "title": "Audio Settings",
       "crossfade": "Crossfade",

Build/public/locales/fr/translation.json

@@ -334,6 +334,38 @@
     "previousTrack": "Piste précédente",
     "nextTrack": "Piste suivante"
   },
+  "home": {
+    "title": "Accueil",
+    "subtitle": "Reprenez là où vous vous êtes arrêté ou tentez quelque chose de nouveau.",
+    "heroNowPlaying": "Lecture en cours",
+    "heroEmpty": "Aucune piste dans la file",
+    "heroEmptyDescription": "Importez ou déposez des morceaux pour commencer à bâtir votre bibliothèque.",
+    "resume": "Reprendre",
+    "startListening": "Commencer l'écoute",
+    "uploadMusic": "Importer de la musique",
+    "browseLibrary": "Aller à la bibliothèque",
+    "quickActions": "Actions rapides",
+    "smartStart": "Lire quelque chose",
+    "smartStartDescription": "HTMLPlayer choisit un excellent prochain titre.",
+    "libraryDescription": "Accédez à la liste complète des titres.",
+    "favorites": "Lire les favoris",
+    "favoritesDescription": "Faites tourner les morceaux que vous aimez le plus.",
+    "uploadDescription": "Importez en lot ou glissez-déposez des fichiers audio.",
+    "statsTitle": "Votre bibliothèque en un coup d'œil",
+    "stats": {
+      "songs": "Titres",
+      "playlists": "Playlists",
+      "favorites": "Favoris",
+      "duration": "Heures d'écoute"
+    },
+    "recentlyAdded": "Ajouts récents",
+    "viewAll": "Tout afficher",
+    "emptyRecent": "Ajoutez de la musique pour voir les derniers titres ici.",
+    "featuredPlaylists": "Playlists à l'honneur",
+    "emptyPlaylists": "Créez des playlists pour les retrouver ici.",
+    "playPlaylist": "Lecture",
+    "playlistCount": "{{count}} titres"
+  },
   "pip": {
     "couldNotAccessStylesheet": "Impossible d'accéder à la feuille de style :",
     "couldNotCopyStylesheets": "Impossible de copier certaines feuilles de style :",
@@ -432,6 +464,16 @@
     "resetDialogs": "Réinitialiser les dialogues",
     "resetDialogsTitle": "Réinitialiser les Confirmations de Dialogue ?",
     "resetDialogsButton": "Réinitialiser",
+    "category": {
+      "playback": "Lecture",
+      "playbackDescription": "Comportement audio et lecture",
+      "interface": "Interface",
+      "interfaceDescription": "Thèmes, langue et apparence",
+      "shortcuts": "Raccourcis",
+      "shortcutsDescription": "Préférences des raccourcis clavier",
+      "experimental": "Bêta",
+      "experimentalDescription": "Fonctionnalités précoces et expérimentales"
+    },
     "audio": {
       "title": "Paramètres Audio",
       "crossfade": "Fondu enchaîné",

Build/src/components/Draggable.tsx

@@ -94,8 +94,6 @@ const customCollisionDetection: CollisionDetection = (args) => {
     const { pointerCoordinates } = args;
 
     if (pointerCoordinates) {
-      // If dragging to the left side of screen (where playlists typically are), prefer playlists
-      // Adjust this threshold based on your layout - assuming sidebar is ~300px wide
       if (pointerCoordinates.x < 350) {
         return playlistIntersections;
       }