Make dialogs look better on mobile (#908)

* Standardize mobile media query

* Refactor & add mobile support to dialogs

* back & close icons

src/components/Island.tsx

@@ -4,13 +4,14 @@ import React from "react";
 
 type IslandProps = { children: React.ReactNode; padding?: number };
 
-export function Island({ children, padding }: IslandProps) {
-  return (
+export const Island = React.forwardRef<HTMLDivElement, IslandProps>(
+  ({ children, padding }, ref) => (
     <div
       className="Island"
       style={{ "--padding": padding } as React.CSSProperties}
+      ref={ref}
     >
       {children}
     </div>
-  );
-}
+  ),
+);