wip: Bunch of changes for v4

From the top of my head (but I'll write this up later):

- We keep the info about the designs in the design
- We use a new about.json file for this
- The auto-generated data.mjs file is no more
- Linedrawings we use in the design picker use the front
- Linedrawings should respect square aspect ration
- Migrated components to use the 'tw-' prefic for tailwind CSS classes
  to avoid conflicts with docusaurus styles

packages/react/components/Account/Remove.mjs

@@ -48,22 +48,22 @@ export const Remove = () => {
     )
 
   return (
-    <div className="w-full">
+    <div className="tw-w-full">
       <IconButton
         onClick={() =>
           setModal(
             <ModalWrapper keepOpenOnClick>
-              <div className="text-center w-full">
+              <div className="tw-text-center tw-w-full">
                 <h2>There is no way back from this</h2>
                 <p>If this is what you want, then go ahead.</p>
-                <IconButton onClick={removeAccount} color="error" className="mx-auto">
+                <IconButton onClick={removeAccount} color="error" className="tw-mx-auto">
                   <TrashIcon />
                   Remove your FreeSewing account
                 </IconButton>
                 <IconButton
                   onClick={clearModal}
                   color="primary"
-                  className="mx-auto daisy-btn-outline mt-4"
+                  className="tw-mx-auto tw-daisy-btn-outline tw-mt-4"
                 >
                   <ExitIcon />
                   Back to safety