Add new claymorphic component library

src/app/components/ChatMessageEmojiButton.svelte

@@ -3,8 +3,8 @@
   import type {TrustedEvent} from "@welshman/util"
   import {sendWrapped} from "@welshman/app"
   import SmileCircle from "@assets/icons/smile-circle.svg?dataurl"
-  import Icon from "@lib/components/Icon.svelte"
-  import EmojiButton from "@lib/components/EmojiButton.svelte"
+  import Icon from "@lib/components2/Icon.svelte"
+  import EmojiButton from "@lib/components2/EmojiButton.svelte"
   import {makeReaction} from "@app/reactions"
 
   interface Props {
@@ -22,6 +22,6 @@
     })
 </script>
 
-<EmojiButton {onEmoji} class="btn join-item btn-xs">
+<EmojiButton {onEmoji} class="btn-cl-sm">
   <Icon icon={SmileCircle} size={4} />
 </EmojiButton>