fix some types and add collapsible stories file

src/components/misc/TaskIcon.vue

@@ -69,7 +69,7 @@
             color = cssVariable(props.variable) ?? color;
         }
 
-        localIcon = localIcon.replaceAll("currentColor", color);
+        localIcon = localIcon.replace(/currentColor/g, color);
 
         return window.btoa(localIcon);
     })

storybook/components/misc/Collapsible.stories.jsx

@@ -0,0 +1,32 @@
+import Collapsible from "../../../src/components/misc/Collapsible.vue";
+
+export default {
+  title: "Components/Misc/Collapsible",
+  component: Collapsible,
+};
+
+const Template = (args) => ({
+  setup() {
+    return () => <Collapsible {...args}>
+        {{
+            content: () => <>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam nec purus nec nunc tincidunt ultricies. Nullam nec purus nec nunc</>
+        }}
+    </Collapsible>
+  }
+});
+
+export const Default = Template.bind({});
+Default.args = {
+  href: "example",
+  clickableText: "Click me",
+  arrow: true,
+  initiallyExpanded: false,
+};
+
+export const InitiallyExpanded = Template.bind({});
+InitiallyExpanded.args = {
+  href: "example-expanded",
+  clickableText: "Click me",
+  arrow: true,
+  initiallyExpanded: true,
+};