add simple load test and receive test

src/components/CopyableQR.tsx

@@ -5,7 +5,7 @@ import { useCopy } from "~/utils/useCopy";
 export function CopyableQR(props: { value: string }) {
   const [copy, copied] = useCopy({ copiedTimeout: 1000 });
   return (
-    <div class="w-full bg-white rounded-xl relative" onClick={() => copy(props.value)}>
+    <div id="qr" class="w-full bg-white rounded-xl relative" onClick={() => copy(props.value)}>
       <Show when={copied()}>
         <div class="absolute w-full h-full bg-neutral-900/60 z-50 rounded-xl flex flex-col items-center justify-center transition-all">
           <p class="text-xl font-bold">Copied</p>

src/components/layout/BackButton.tsx

@@ -1,5 +1,18 @@
 import { Back } from "~/assets/svg/Back";
 
-export function BackButton(props: { onClick: () => void, title?: string }) {
-    return (<button onClick={() => props.onClick()} class="text-m-red active:text-m-red/80 text-xl font-semibold no-underline md:hidden flex items-center"><Back />{props.title ? props.title : "Home"}</button>)
+export function BackButton(props: {
+  onClick: () => void;
+  title?: string;
+  showOnDesktop?: boolean;
+}) {
+  return (
+    <button
+      onClick={() => props.onClick()}
+      class="text-m-red active:text-m-red/80 text-xl font-semibold no-underline md:hidden flex items-center"
+      classList={{ "md:!flex": props.showOnDesktop }}
+    >
+      <Back />
+      {props.title ? props.title : "Home"}
+    </button>
+  );
 }

src/routes/Receive.tsx

@@ -266,7 +266,7 @@ export default function Receive() {
       <SafeArea>
         <DefaultMain>
           <Show when={receiveState() === "show"} fallback={<BackLink />}>
-            <BackButton onClick={() => setReceiveState("edit")} title="Edit" />
+            <BackButton onClick={() => setReceiveState("edit")} title="Edit" showOnDesktop />
           </Show>
           <LargeHeader action={receiveState() === "show" && <Indicator>Checking</Indicator>}>
             Receive Bitcoin