chore: compact confirm modal

src/components/LeaveChannel/LeaveConfirmModal.tsx

@@ -30,7 +30,7 @@ const LeaveConfirmModal: FC<Props> = ({ id, closeModal, handleNextStep }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.leave")}
         description={isOwner ? t("channel.transfer_desc") : t("channel.leave_desc")}
         buttons={

src/components/LeaveChannel/TransferOwnerModal.tsx

@@ -55,7 +55,7 @@ const TransferOwnerModal: FC<Props> = ({ id, closeModal, withLeave = true }) =>
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title="Transfer Ownership"
         description={"This cannot be undone."}
         buttons={

src/routes/settingChannel/DeleteConfirmModal.tsx

@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("channel.delete")}
         description={t("channel.delete_desc")}
         buttons={

src/routes/settingDM/DeleteConfirmModal.tsx

@@ -34,7 +34,7 @@ const DeleteConfirmModal: FC<Props> = ({ id, closeModal }) => {
   return (
     <Modal id="modal-modal">
       <StyledModal
-        className="compact"
+        compact
         title={t("dm.delete")}
         description={t("dm.delete_desc")}
         buttons={