refactor(gui): Update MUI to v7 (#383)

* task(gui): update to mui v5

* task(gui): use sx prop instead of system props

* task(gui): update to mui v6 and replace makeStyles with sx prop

* task(gui): update to mui v7

* task(gui): update react

* fix(gui): fix import

* task(gui): adjust theme and few components to fix migration introduced styling errors

* fix(gui): animation issues with text field animations

* fix(gui): remove 'darker' theme and make 'dark' theme the default

- with the new update 'dark' theme is already quite dark and therefore a 'darker' theme not necessary
- the default theme is set to 'dark' now in settings initialization

* feat(tooling): Upgrade dprint to 0.50.0, eslint config, prettier, justfile commands

- Upgrade dprint to 0.50.0
- Use sane default eslint config (fairly permissive)
- `dprint fmt` now runs prettier for the `src-gui` folder
- Added `check_gui_eslint`, `check_gui_tsc` and `check_gui` commands

* refactor: fix a few eslint errors

* dprint fmt

* fix tsc complains

* nitpick: small spacing issue

---------

Co-authored-by: Binarybaron <binarybaron@protonmail.com>
Co-authored-by: Mohan <86064887+binarybaron@users.noreply.github.com>

docs/components/Logo.tsx

@@ -1,8 +1,16 @@
-import Image from 'next/image';
+import Image from "next/image";
 
 export default function Logo() {
-  return <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-    <Image src="/favicon.svg" alt="UnstoppableSwap" width={32} height={32} style={{ borderRadius: '20%' }}/>
-    <span>UnstoppableSwap</span>
-  </div>;
-}
+  return (
+    <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+      <Image
+        src="/favicon.svg"
+        alt="UnstoppableSwap"
+        width={32}
+        height={32}
+        style={{ borderRadius: "20%" }}
+      />
+      <span>UnstoppableSwap</span>
+    </div>
+  );
+}

docs/components/SwapProviderTable.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect } from "react";
-import { Table, Td, Th, Tr } from 'nextra/components'
+import { Table, Td, Th, Tr } from "nextra/components";
 
 export default function SwapMakerTable() {
   function satsToBtc(sats) {
@@ -40,9 +40,7 @@ export default function SwapMakerTable() {
         <tbody>
           {makers.map((maker) => (
             <Tr key={maker.peerId}>
-              <Td>
-                {maker.testnet ? "Testnet" : "Mainnet"}
-              </Td>
+              <Td>{maker.testnet ? "Testnet" : "Mainnet"}</Td>
               <Td>{maker.multiAddr}</Td>
               <Td>{maker.peerId}</Td>
               <Td>{satsToBtc(maker.minSwapAmount)} BTC</Td>

docs/pages/_meta.json

@@ -6,4 +6,4 @@
   "becoming_a_maker": "Becoming a Maker",
   "send_feedback": "Send Feedback",
   "donate": "Donate"
-}
+}

docs/pages/becoming_a_maker/_meta.json

@@ -1,3 +1,3 @@
 {
-    "overview": "Overview"
-}
+  "overview": "Overview"
+}

docs/pages/getting_started/_meta.json

@@ -1,3 +1,3 @@
 {
   "install_instructions": "Installation"
-}
+}

docs/pages/getting_started/install_instructions.mdx

@@ -48,7 +48,7 @@ If you want to build the application from source you'll need to have the followi
 
 - `cargo` ([installation](https://www.rust-lang.org/tools/install)) and `cargo tauri` ([installation](https://v2.tauri.app/reference/cli/) and [prerequisites](https://v2.tauri.app/start/prerequisites/))
 - `node` ([installation](https://nodejs.org/en/download/)) and `yarn` (version 1.22, not 4.x)
-- `dprint` (`cargo install dprint@0.39.1`)
+- `dprint` (`cargo install dprint@0.50.0`)
 - `typeshare` (`cargo install typeshare-cli`)
 
 After that you only need to clone the repository and run the following commands:

docs/pages/usage/_meta.json

@@ -2,4 +2,4 @@
   "first_swap": "Complete your first swap",
   "market_maker_discovery": "Maker discovery",
   "refund_punish": "Cancel, Refund and Punish explained"
-}
+}

docs/tsconfig.json

@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
@@ -18,12 +14,6 @@
     "jsx": "preserve",
     "target": "ES2017"
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }