[Bug]: useLibrary hook in @strapi-helper-plugin is no longer exist in strapi v5 and what is the alternative? 

while replacing wysiwyg editor with a custom plugin ckeditor i cannot able to useLibrary hook to add assets to my content in the text editor. What is the alternative for useLibrary hook i cannot able to see this in strapi v5 docs.


plugins/wysiwyg/src/admin/components/index.jsx
```
Import React, { useState } from 'react';
import { Button, Stack, Flex, Field, FieldLabel, FieldError } from '@strapi/design-system';
import { useLibrary, prefixFileUrlWithBackendUrl } from '@strapi/helper-plugin';
import { CKEditor } from '@ckeditor/ckeditor5-react';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
import './ck-editor.wse.css';

const Wysiwyg = ({ name, onChange, value, required, error, type }) => {
  const [showMediaLibDialog, setShowMediaLibDialog] = useState(false);
  const { components } = useLibrary();
  const MediaLibDialog = components['media-library'];

  const handleToggleMediaLibDialog = () => {
    setShowMediaLibDialog(!showMediaLibDialog);
  };

  const handleSelectAssets = (files) => {
    const formattedFiles = files.map((file) => ({
      alt: file.alternativeText || file.name,
      url: prefixFileUrlWithBackendUrl(file.url),
      mime: file.mime,
    }));
    const images = formattedFiles.map((image) => `<image src='${image.url}' alt='${image.alt}'>`).join();
    onChange({
      target: {
        name: name,
        value: (value || '') + images,
      },
    });
    handleToggleMediaLibDialog();
  };

  return (
    <div>
      <Field name={name} error={error}>
        <Button variant="secondary" onClick={handleToggleMediaLibDialog}>
          MediaLib
        </Button>
        <Stack size={2} padding={2}>
          <Flex>
            <FieldLabel required={required}>{name}</FieldLabel>
          </Flex>
          <div className={error ? 'error-active' : ''}>
            <CKEditor
              id={name}
              config={{
                toolbar: {
                  removeItems: ['uploadImage', 'outdent', 'indent'],
                  shouldNotGroupWhenFull: false,
                },
                link: {
                  decorators: {
                    isExternal: {
                      mode: 'manual',
                      label: 'Open in a new tab',
                      defaultValue: true,
                      value: true,
                      attributes: {
                        target: '_blank'
                      }
                    },
                    canFollow: {
                      mode: 'manual',
                      label: 'No Follow',
                      defaultValue: true,
                      value: true,
                      attributes: {
                        rel: 'nofollow noreferrer noopener'
                      }
                    }
                  }
                },
                contentsCss: './ck-editor.wse.css',
              }}
              name={name}
              editor={ClassicEditor}
              value={value}
              data={value}
              errors={error}
              onChange={(_, editor) => {
                onChange({ target: { name: name, type: type, value: editor.getData() } });
              }}
            />
          </div>
          <FieldError />
        </Stack>
        {showMediaLibDialog && (
          <MediaLibDialog onClose={handleToggleMediaLibDialog} onSelectAssets={handleSelectAssets} />
        )}
      </Field>
    </div>
  );
};

export default Wysiwyg;
```

plugins/wysiwyg/src/index.js
```
import pluginPkg from '../../package.json';
import Wysiwyg from './components/Wysiwyg';
import pluginId from './pluginId';
import Initializer from "./components/Initializer";


const name = pluginPkg.strapi.name;

export default {
  register(app) {
    console.log("app",app)
    // app.addFields({ type: 'wysiwyg', Component: Wysiwyg });

    // app.registerPlugin({
    //   id: pluginId,
    //   initializer: Initializer,
    //   isReady: true,
    //   name,
    // });
    
      app.customFields.register({
        name: "Wysiwyg",
        pluginId: pluginId,
        type: "string",
        intlLabel: {
          id: `${pluginId}.plugin.name`,
          defaultMessage: name,
        },
        intlDescription: {
          id: `${pluginId}.plugin.description`,
          defaultMessage: 'Edit the text input',
        },
        components:{
          Input: async () => import("./components/Wysiwyg/index"),
        }
      });
      app.registerPlugin({
        id: pluginId,
        initializer: Initializer,
        isReady: false,
        name,
      });
  },
  // eslint-disable-next-line @typescript-eslint/no-empty-function
  bootstrap() {},
};
```
config/plugin.js
```
wysiwyg: {
    enabled: true,
    resolve: './src/plugins/wysiwyg', // path to plugin folder
  },
  
  ```
  Two issues 
  1.useLibrary hook not able to use in strapi v5
  2.Not able to replace the default wysiwyg editor with custom ckeditor in strapi v5

 System information
- Node.js version:v18.20.2
- NPM version:10.5.0
- Strapi version: v5.5.1
- Database:PostgreSQL
- Operating system:Mac Os
