refactor(column): use context for manage column

packages/ark/src/components/note/buttons/pin.tsx

@@ -2,11 +2,11 @@ import { PinIcon } from "@lume/icons";
 import { WIDGET_KIND } from "@lume/utils";
 import * as Tooltip from "@radix-ui/react-tooltip";
 import { useNoteContext } from "..";
-import { useWidget } from "../../../hooks/useWidget";
+import { useColumnContext } from "../../column";
 
 export function NotePin() {
 	const event = useNoteContext();
-	const { addWidget } = useWidget();
+	const { addColumn } = useColumnContext();
 
 	return (
 		<Tooltip.Provider>
@@ -15,7 +15,7 @@ export function NotePin() {
 					<button
 						type="button"
 						onClick={() =>
-							addWidget.mutate({
+							addColumn({
 								kind: WIDGET_KIND.thread,
 								title: "Thread",
 								content: event.id,

packages/ark/src/components/note/mentions/hashtag.tsx

@@ -1,14 +1,14 @@
 import { WIDGET_KIND } from "@lume/utils";
-import { useWidget } from "../../../hooks/useWidget";
+import { useColumnContext } from "../../column";
 
 export function Hashtag({ tag }: { tag: string }) {
-	const { addWidget } = useWidget();
+	const { addColumn } = useColumnContext();
 
 	return (
 		<button
 			type="button"
 			onClick={() =>
-				addWidget.mutate({
+				addColumn({
 					kind: WIDGET_KIND.hashtag,
 					title: tag,
 					content: tag.replace("#", ""),

packages/ark/src/components/note/mentions/user.tsx

@@ -3,13 +3,13 @@ import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { memo } from "react";
 import { Link } from "react-router-dom";
 import { useProfile } from "../../../hooks/useProfile";
-import { useWidget } from "../../../hooks/useWidget";
+import { useColumnContext } from "../../column";
 
 export const MentionUser = memo(function MentionUser({
 	pubkey,
 }: { pubkey: string }) {
 	const { user } = useProfile(pubkey);
-	const { addWidget } = useWidget();
+	const { addColumn } = useColumnContext();
 
 	return (
 		<DropdownMenu.Root>
@@ -29,7 +29,7 @@ export const MentionUser = memo(function MentionUser({
 					<button
 						type="button"
 						onClick={() =>
-							addWidget.mutate({
+							addColumn({
 								kind: WIDGET_KIND.user,
 								title: user?.name || user?.displayName || "",
 								content: pubkey,