refactor: in InputModal, DigitalOutputsModal und AnalogInputsSettingsModal das X-Icon zum Schließen eingefügt und unteren Button "Schließen" entfernt

components/main/einausgaenge/modals/InputModal.tsx

@@ -147,9 +147,18 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
   return (
     <div className="fixed top-0 left-0 w-full h-full bg-black bg-opacity-50 flex justify-center items-center z-50">
       <div className="bg-white rounded-lg shadow-lg p-6 w-1/2 max-w-lg">
-        <h2 className="text-base font-bold  mb-4 border-b pb-2">
-          Einstellungen Meldungseingang {selectedInput.id}
-        </h2>
+        <div className="mb-4 border-b pb-2 flex justify-between items-center">
+          <h2 className="text-base font-bold">
+            Einstellungen Meldungseingang {selectedInput.id}
+          </h2>
+          <button
+            onClick={handleClose}
+            className="text-2xl hover:text-gray-400"
+            aria-label="Modal schließen"
+          >
+            <i className="bi bi-x-circle-fill"></i>
+          </button>
+        </div>
 
         <div className="grid grid-cols-2 gap-x-4 gap-y-3">
           <div>
@@ -256,12 +265,6 @@ export default function InputModal({ selectedInput, closeInputModal, isOpen }) {
         </div>
 
         <div className="mt-6 flex justify-end gap-2">
-          <button
-            onClick={handleClose}
-            className="bg-littwin-blue text-white px-4 py-2 rounded flex items-center"
-          >
-            Schließen
-          </button>
           <button
             onClick={handleSpeichern}
             className="bg-littwin-blue text-white px-4 py-2 rounded flex items-center"