Remove CharacterComponent and CharacterDetail components

- Deleted `CharacterComponent` and `CharacterDetail` files from the project.
- Refactored related logic to improve code maintainability and reduce redundancy.

components/Modal.tsx

@@ -1,4 +1,4 @@
-import {ReactNode, useEffect, useState} from 'react';
+import React, {ReactNode, useEffect, useState} from 'react';
 import {createPortal} from 'react-dom';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faX} from "@fortawesome/free-solid-svg-icons";
@@ -12,6 +12,7 @@ interface ModalProps {
     confirmText?: string;
     cancelText?: string;
     enableFooter?: boolean;
+    enableOverflow?: boolean;
 }
 
 export default function Modal(
@@ -24,6 +25,7 @@ export default function Modal(
         confirmText = 'Confirm',
         cancelText = 'Cancel',
         enableFooter = true,
+        enableOverflow = true,
     }: ModalProps) {
     const [mounted, setMounted] = useState(false);
     
@@ -59,7 +61,7 @@ export default function Modal(
                         <FontAwesomeIcon icon={faX} className={'w-5 h-5 transition-transform group-hover:rotate-90'}/>
                     </button>
                 </div>
-                <div className="flex-1 overflow-auto">
+                <div className={`flex-1 ${enableOverflow ? 'overflow-auto' : 'overflow-hidden'}`}>
                     {children}
                 </div>
                 {