Can't add component to dynamic zone of a single type
## Bug report

### Required System information

<!-- Please ensure you are using the Node LTS version (18, 20, or 22) -->
<!-- Strapi v3 is no longer supported, please update to Strapi v4 -->
<!-- If you are reporting a frontend bug please provide error logs after setting STRAPI_ENFORCE_SOURCEMAPS=true in your .env -->
<!-- This environment variable makes frontend errors easier to read and trace -->

- Node.js version: 18-alpine
- NPM version: 9.6.7

- Strapi version:

  "dependencies": {
    "@retikolo/drag-drop-content-types": "^1.3.10",
    "@strapi/plugin-cloud": "4.23.0",
    "@strapi/plugin-documentation": "^4.23.0",
    "@strapi/plugin-i18n": "4.23.0",
    "@strapi/plugin-users-permissions": "4.23.0",
    "@strapi/strapi": "4.23.0",
    "better-sqlite3": "8.6.0",
    "mysql": "^2.18.1",
    "react": "^18.0.0",
    "react-dom": "^18.0.0",
    "react-router-dom": "5.3.4",
    "strapi-plugin-image-optimizer": "^2.2.1",
    "styled-components": "5.3.3"
  },

- Database: Server version: 10.9.8-MariaDB-1:10.9.8+maria~ubu2204 - mariadb.org binary distribution
- Operating system: Linux Debian 
- Is your project Javascript or Typescript: Javascript

<!-- Did you know you can run `yarn strapi report` or `npm run strapi report` to get this information easier? -->

https://github.com/user-attachments/assets/cd0d0ef6-0c96-45ae-b656-0bde352dc6e2

