feat: album multi select using select

Signed-off-by: Varun Raj <varun@skcript.com>

src/components/shared/FloatingBar.tsx

@@ -1,12 +1,14 @@
+import clsx from 'clsx';
 import React from 'react'
 
 interface FloatingBarProps {  
   children: React.ReactNode;
+  className?: string;
 }
 
-export default function FloatingBar({ children }: FloatingBarProps) {
+export default function FloatingBar({ children, className }: FloatingBarProps) {
   return (
-      <div className='absolute bottom-10 left-0 right-0 max-w-2xl mx-auto py-2 px-2 rounded-lg flex justify-between items-center bg-white dark:bg-zinc-900 border-t border-zinc-200 dark:border-zinc-800 border shadow-lg'>
+      <div className={clsx('absolute bottom-10 left-0 right-0 max-w-2xl mx-auto py-2 px-2 rounded-lg flex justify-between items-center bg-white dark:bg-zinc-900 border-t border-zinc-200 dark:border-zinc-800 border shadow-lg', className)}>
         {children}
       </div>
   )