Add new claymorphic component library

src/app/components/NoteContentMinimalGoal.svelte

@@ -6,7 +6,9 @@
   import {deriveItemsByKey, deriveArray} from "@welshman/store"
   import {repository, getValidZap} from "@welshman/app"
   import Bolt from "@assets/icons/bolt.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
+  import Icon from "@lib/components2/Icon.svelte"
+  import Row from "@lib/components2/Row.svelte"
+  import Text from "@lib/components2/Text.svelte"
   import ContentMinimal from "@app/components/ContentMinimal.svelte"
 
   const props: ComponentProps<typeof ContentMinimal> = $props()
@@ -29,9 +31,9 @@
 
 <div class="flex justify-between">
   <span class="text-sm">{props.event.content}</span>
-  <div class="flex items-center gap-1">
+  <Row gap={1}>
     <Icon icon={Bolt} size={4} />
     {zapAmount}/{goalAmount} sats funded
-  </div>
+  </Row>
 </div>
 <ContentMinimal {...props} event={fakeEvent} />