[FIX] Bank names

src/components/layout/Display.jsx

@@ -94,7 +94,7 @@ const Display = () => {
         <section className="sticky md:relative flex flex-col gap-4 flex-1 h-full min-h-[235px] mx-4 my-2">
             <div  className="flex flex-col flex-1 justify-between bg-neutral bg-grid font-sevenSegment text-xl rounded text-accent outline outline-base-100 outline-offset-2 outline-2 mt-2">                            
                 <div className="grid grid-cols-3 w-full bg-transparent px-2">
-                    <div className="text-left truncate">{bankNames?.[bank] ? bankNames?.[bank] : `Bank ${bank < 10 && 0 }${bank}`}</div>                       
+                    <div className="text-left truncate">{bankNames?.[bank] ? bankNames?.[bank] : `Bank ${bank < 10 ? 0 :'' }${bank}`}</div>                       
                     <div className="text-center">Octave {octave} </div>
                     <div className={`text-right relative before:inline-block before:bg-accent before:rounded-full before:mb-0.5 before:mr-1 before:w-2 before:h-2 ${ bpmIndicator ? 'before:opacity-1': 'before:opacity-0'}`}>{tempo} BPM</div>
                 </div>