feat(cards): show operation icons on hover

src/pages/card/ui/CardPage.view.tsx

@@ -1,4 +1,5 @@
 import {
+	ActionIcon,
 	Anchor,
 	Badge,
 	Button,
@@ -161,24 +162,56 @@ const CardPageView: FC<CardPageViewProps> = (props) => {
 										</Anchor>
 									) : null
 								}
+								actions={
+									<Group gap={4} wrap="nowrap">
+										<ActionIcon
+											variant="subtle"
+											disabled={!row.editable || Boolean(card.archivedAt)}
+											size="sm"
+											aria-label={t("bank.edit")}
+											title={t("bank.edit")}
+											onClick={() => vm.setOperation(row.item)}
+										>
+											<svg
+												width="18"
+												height="18"
+												viewBox="0 0 24 24"
+												fill="none"
+												stroke="currentColor"
+												strokeWidth="1.5"
+												strokeLinecap="round"
+												strokeLinejoin="round"
+												aria-hidden="true"
+											>
+												<path d="m16 3 5 5-12 12-6 1 1-6L16 3Z M13 6l5 5" />
+											</svg>
+										</ActionIcon>
+										<ActionIcon
+											variant="subtle"
+											color="red"
+											disabled={!row.editable || Boolean(card.archivedAt)}
+											size="sm"
+											aria-label={t("bank.delete")}
+											title={t("bank.delete")}
+											onClick={() => vm.setDeleting(row.item)}
+										>
+											<svg
+												width="18"
+												height="18"
+												viewBox="0 0 24 24"
+												fill="none"
+												stroke="currentColor"
+												strokeWidth="1.5"
+												strokeLinecap="round"
+												strokeLinejoin="round"
+												aria-hidden="true"
+											>
+												<path d="M3 6h18 M9 6V3h6v3 M5 6l1 15h12l1-15 M10 10v7 M14 10v7" />
+											</svg>
+										</ActionIcon>
+									</Group>
+								}
 							/>
-							<Group mt="xs">
-								<Button
-									variant="subtle"
-									disabled={!row.editable || Boolean(card.archivedAt)}
-									onClick={() => vm.setOperation(row.item)}
-								>
-									{t("bank.edit")}
-								</Button>
-								<Button
-									variant="subtle"
-									color="red"
-									disabled={!row.editable || Boolean(card.archivedAt)}
-									onClick={() => vm.setDeleting(row.item)}
-								>
-									{t("bank.delete")}
-								</Button>
-							</Group>
 						</section>
 					))
 				) : (