fix: directly delete recurring events when converting to non-recurring

- Use direct API call to delete recurring events instead of going through Redux store
- Construct event URL directly for more reliable deletion
- Add error handling and small delay to ensure complete deletion
- Clean up all instances from store after deletion

src/components/Event/EventFormFields.tsx

@@ -345,13 +345,13 @@ export default function EventFormFields({
             label="All day"
           />
           <FormControlLabel
-              control={
-                <Checkbox
-                  checked={showRepeat}
-                  disabled={typeOfAction === "solo"}
-                  onChange={() => {
-                    const newShowRepeat = !showRepeat;
-                    setShowRepeat(newShowRepeat);
+            control={
+              <Checkbox
+                checked={showRepeat}
+                disabled={typeOfAction === "solo"}
+                onChange={() => {
+                  const newShowRepeat = !showRepeat;
+                  setShowRepeat(newShowRepeat);
                   if (newShowRepeat) {
                     setRepetition({
                       freq: "daily",