listage des version BS dispo, le path de BS steam est mtn bien détécté

src/renderer/components/available-versions-array.component.tsx

@@ -0,0 +1,31 @@
+import { BSVersion } from "../../main/services/bs-version-manager.service"
+import { useEffect, useState } from "react"
+
+export function AvailableVersionsArray({versions}: {versions: BSVersion[]}) {
+
+  const [versionsMap, setVersionsMap] = useState(new Map<string, BSVersion[]>())
+
+  console.log(versions);
+
+  useEffect(() => {
+    organiseVersions()
+  }, [])
+  
+
+  const organiseVersions = () => {
+    const newMap = new Map<string, BSVersion[]>();
+    versions.forEach(v => {
+      newMap.set(v.year, [...(newMap.has(v.year) ? newMap.get(v.year)  : []), v]);
+    })
+
+    setVersionsMap(newMap);
+  }
+
+  console.log(versionsMap);
+
+  return (
+    <div>
+      { versions.map(v => <button className="bg-gray-200 m-2">{v.BSVersion}</button>) }
+    </div>
+  )
+}

src/renderer/components/nav-bar/nav-bar.component.tsx

@@ -7,12 +7,10 @@ import { BSVersion } from 'main/services/bs-version-manager.service';
 
 export function NavBar() {
 
-  const { installedVersions }: {installedVersions: BSVersion[]} = useSelector((state: any) => ({...state.installedBSReducer}));
-
-  console.log(installedVersions);
+  const { installedVersions }: {installedVersions: BSVersion[]} = useSelector((state: any) => state.installedBSReducer);
 
   return (
-    <div id='nav-bar' className='flex flex-col items-center w-fit h-full max-h-full p-2 bg-gray-200 dark:bg-[#202225]'>
+    <div id='nav-bar' className='z-10 flex flex-col items-center w-fit h-full max-h-full p-2 bg-gray-200 dark:bg-[#202225]'>
       <div className='w-full flex items-start content-start justify-center relative mb-3'>
         <div className='relative aspect-square w-16'>
           <span id='logo-bottom' className='bg-blue-500 aspect-square w-16'> </span>

src/renderer/components/title-bar/title-bar.component.tsx

@@ -28,7 +28,7 @@ export default function TitleBar() {
   }
 
   return (
-    <header id="titlebar" className="dark:bg-[#202225] w-screen flex content-center items-center justify-start">
+    <header id="titlebar" className="dark:bg-[#202225] w-screen flex content-center items-center justify-start z-10">
       <div id="drag-region" className='grow basis-0'>
         <div id="window-title" className='pl-1'>
           <span className='text-gray-100 font-bold text-sm'>BSManager</span>