chore: small tweak to fix LicenseModal content

src/ConnectModal.tsx

@@ -8,7 +8,6 @@ import { Key, ListBox, ListBoxItem, Selection } from "react-aria-components";
 import { ExternalLink } from "./misc/ExternalLink";
 import { Modal, ModalContent } from "./components/modal/Modal";
 import { ZmkStudio } from "./components/ZmkStudio";
-import { AppFooter } from './AppFooter'
 
 export type TransportFactory = {
   label: string;
@@ -289,8 +288,8 @@ export const ConnectModal = ({
           ? connectOptions(transports, onTransportCreated, open)
           : noTransportsOptionsPrompt()}
 
-        <div className="text-xs opacity-40 pointer-events-none select-none">
-          <AppFooter />
+        <div className="text-xs text-center opacity-40 select-none">
+          <span>&copy; 2024 - The ZMK Contributors</span>
         </div>
       </ModalContent>
     </Modal>

src/misc/LicenseNoticeModal.tsx

@@ -14,15 +14,15 @@ export const LicenseNoticeModal: FC<PropsWithChildren> = ({ children }) => {
         {children}
       </a>
       <Modal open={open} onOpenChange={setOpen}>
-        <ModalContent className="w-[40vw]">
+        <ModalContent className="w-9/12 md:max-w-3xl">
           <div className="flex justify-between items-start">
             <p className="mr-2">
               ZMK Studio is released under the open source Apache 2.0 license. A
               copy of the NOTICE file from the ZMK Studio repository is included
               here:
             </p>
           </div>
-          <pre className="w-96 m-4 font-mono text-xs">{NOTICE}</pre>
+          <pre className="w-full overflow-auto font-mono text-xs p-3 border border-base-300 rounded-lg bg-base-200">{NOTICE}</pre>
         </ModalContent>
       </Modal>
     </>