fix: Group edit and delete buttons together in BatteryCard

Wrap edit and delete buttons in a flex container so they appear
next to each other instead of spread apart.

🤖 Generated with [Qoder][https://qoder.com]

src/components/battery/BatteryCard.tsx

@@ -150,6 +150,7 @@ export function BatteryCard({ battery, devices }: BatteryCardProps) {
             </h3>
             <p className="text-sm text-slate-500">Total: {total} batteries</p>
           </div>
+          <div className="flex gap-1">
             <Button
               variant="ghost"
               size="sm"
@@ -167,6 +168,7 @@ export function BatteryCard({ battery, devices }: BatteryCardProps) {
               <Trash2 className="w-4 h-4" />
             </Button>
           </div>
+        </div>
 
         <div className="flex flex-wrap gap-2 mb-4">
           <Badge variant="available">