🚦 Add vertical dots icon (#175)

src/components/icons/dotsVerticalIcon.tsx

@@ -0,0 +1,22 @@
+import { ComponentPropsWithoutRef } from "react";
+
+import { cn } from "@/lib/cn";
+
+export const DotsVerticalIcon = ({
+  className,
+  ...props
+}: Pick<ComponentPropsWithoutRef<"svg">, "className">) => {
+  return (
+    <svg
+      className={cn("block", className)}
+      viewBox="0 -960 960 960"
+      color="currentColor"
+      {...props}
+    >
+      <path
+        d="M480-160q-33 0-56.5-23.5T400-240q0-33 23.5-56.5T480-320q33 0 56.5 23.5T560-240q0 33-23.5 56.5T480-160Zm0-240q-33 0-56.5-23.5T400-480q0-33 23.5-56.5T480-560q33 0 56.5 23.5T560-480q0 33-23.5 56.5T480-400Zm0-240q-33 0-56.5-23.5T400-720q0-33 23.5-56.5T480-800q33 0 56.5 23.5T560-720q0 33-23.5 56.5T480-640Z"
+        fill="currentColor"
+      />
+    </svg>
+  );
+};

stories/components/icons/dotsVerticalIcon.stories.tsx

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from "@storybook/react";
+
+import { DotsVerticalIcon } from "@/components/icons/dotsVerticalIcon";
+
+const meta = {
+  title: "Icons/DotsVerticalIcon",
+  component: DotsVerticalIcon,
+} satisfies Meta<typeof DotsVerticalIcon>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: { className: "w-10 h-10" },
+};