Refactor input components and update styles across various modals and and components

[stijnpotters1]

I think its better to checkout in the branch and check the changes
Keeps themes better into account

Action buttons in file tree could be seperate component, but we have to merge #491 before we can implement this.

<div
     role="button"
     tabIndex={0}
     className={actionBtnClass}
     title="Rename"
     onClick={(mouseEvent) => {
           mouseEvent.stopPropagation()
           triggerItemAction(item.index, editorContextMenu.handleRename)
      }}
      onKeyDown={(keyboardEvent) =>
            keyboardEvent.key === 'Enter' && triggerItemAction(item.index, editorContextMenu.handleRename)
       }
   >
      <Pen className="fill-foreground h-3.5 w-3.5" />
</div>

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud