Side Sheets instead of Modals

src/components/History.tsx

@@ -9,6 +9,7 @@ import { getExercises } from '../services/storage';
 import { Button } from './ui/Button';
 import { Card } from './ui/Card';
 import { Modal } from './ui/Modal';
+import { SideSheet } from './ui/SideSheet';
 import EditSetModal from './EditSetModal';
 import FilledInput from './FilledInput';
 
@@ -366,11 +367,11 @@ const History: React.FC<HistoryProps> = ({ lang }) => {
 
             {/* EDIT SESSION MODAL */}
             {editingSession && (
-                <Modal
+                <SideSheet
                     isOpen={!!editingSession}
                     onClose={() => setEditingSession(null)}
                     title={t('edit', lang)}
-                    maxWidth="lg"
+                    width="lg"
                 >
                     <div className="space-y-6">
                         {/* Meta Info */}
@@ -449,7 +450,7 @@ const History: React.FC<HistoryProps> = ({ lang }) => {
                             </Button>
                         </div>
                     </div>
-                </Modal>
+                </SideSheet>
             )
             }
             {editingSetInfo && (