Add select folder instead option & hover effect

src/App.tsx

@@ -33,7 +33,7 @@ export default function App () {
           return (
             <div
               key={uuidv5(JSON.stringify(d), uuidv5.DNS)}
-              className='w-full bg-(--col2) border border-(--col4) rounded-lg px-3 py-1.5 flex flex-row gap-4 items-center relative'
+              className='w-full bg-(--col2) hover:bg-(--col4) border border-(--col4) hover:border-(--col6) rounded-lg px-3 py-1.5 flex flex-row gap-4 items-center relative cursor-pointer transition-colors'
             >
               <FontAwesomeIcon
                 icon={faHardDrive}
@@ -69,6 +69,9 @@ export default function App () {
             </div>
           )
         })}
+        <p className='w-full bg-(--col2) hover:bg-(--col4) border border-(--col4) hover:border-(--col6) rounded-lg px-3 py-1.5 cursor-pointer transition-colors'>
+          Or select a folder to scan
+        </p>
       </div>
     </div>
   )