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/CopyToClipboard/index.mjs

@@ -31,14 +31,14 @@ export const CopyToClipboard = ({ content, label = false, sup = false }) => {
 
   return (
     <Copy text={text} onCopy={() => handleCopied(setCopied, setLoadingStatus, label)}>
-      <button className={copied ? 'text-success' : ''}>
+      <button className={copied ? 'tw-text-success' : ''}>
         {copied ? (
           <OkIcon
-            className={`${style} text-success-content bg-success rounded-full p-1`}
+            className={`${style} tw-text-success-content tw-bg-success tw-rounded-full tw-p-1`}
             stroke={4}
           />
         ) : (
-          <CopyIcon className={`${style} text-inherit`} />
+          <CopyIcon className={`${style} tw-text-inherit`} />
         )}
       </button>
     </Copy>