diff --git a/surfsense_web/app/(home)/announcements/page.tsx b/surfsense_web/app/(home)/announcements/page.tsx
index 7be00a533..bfc883dfc 100644
--- a/surfsense_web/app/(home)/announcements/page.tsx
+++ b/surfsense_web/app/(home)/announcements/page.tsx
@@ -69,11 +69,7 @@ const categoryConfig: Record<
 // Announcement card
 // ---------------------------------------------------------------------------
 
-function AnnouncementCard({
-	announcement,
-}: {
-	announcement: AnnouncementWithState;
-}) {
+function AnnouncementCard({ announcement }: { announcement: AnnouncementWithState }) {
 	const config = categoryConfig[announcement.category] ?? categoryConfig.info;
 	const Icon = config.icon;
 
@@ -179,10 +175,7 @@ export default function AnnouncementsPage() {
 				) : (
 					<div className="flex flex-col gap-4">
 						{announcements.map((announcement) => (
-							<AnnouncementCard
-								key={announcement.id}
-								announcement={announcement}
-							/>
+							<AnnouncementCard key={announcement.id} announcement={announcement} />
 						))}
 					</div>
 				)}
diff --git a/surfsense_web/components/announcements/AnnouncementToastProvider.tsx b/surfsense_web/components/announcements/AnnouncementToastProvider.tsx
index 591c3b875..3ae6bf233 100644
--- a/surfsense_web/components/announcements/AnnouncementToastProvider.tsx
+++ b/surfsense_web/components/announcements/AnnouncementToastProvider.tsx
@@ -69,7 +69,7 @@ export function AnnouncementToastProvider() {
 			const authed = isAuthenticated();
 			const active = getActiveAnnouncements(announcements, authed);
 			const importantUntoasted = active.filter(
-				(a) => a.isImportant && !isAnnouncementToasted(a.id),
+				(a) => a.isImportant && !isAnnouncementToasted(a.id)
 			);
 
 			for (let i = 0; i < importantUntoasted.length; i++) {
diff --git a/surfsense_web/components/editor/plate-editor.tsx b/surfsense_web/components/editor/plate-editor.tsx
index a0c316d88..688b481f1 100644
--- a/surfsense_web/components/editor/plate-editor.tsx
+++ b/surfsense_web/components/editor/plate-editor.tsx
@@ -1,16 +1,15 @@
 "use client";
 
-import { useEffect, useMemo, useRef } from "react";
 import { MarkdownPlugin, remarkMdx } from "@platejs/markdown";
 import type { AnyPluginConfig } from "platejs";
 import { createPlatePlugin, Key, Plate, usePlateEditor } from "platejs/react";
+import { useEffect, useMemo, useRef } from "react";
 import remarkGfm from "remark-gfm";
 import remarkMath from "remark-math";
-
-import { type EditorPreset, presetMap } from "@/components/editor/presets";
-import { Editor, EditorContainer } from "@/components/ui/editor";
-import { escapeMdxExpressions } from "@/components/editor/utils/escape-mdx";
 import { EditorSaveContext } from "@/components/editor/editor-save-context";
+import { type EditorPreset, presetMap } from "@/components/editor/presets";
+import { escapeMdxExpressions } from "@/components/editor/utils/escape-mdx";
+import { Editor, EditorContainer } from "@/components/ui/editor";
 
 export interface PlateEditorProps {
 	/** Markdown string to load as initial content */
diff --git a/surfsense_web/components/editor/plugins/autoformat-kit.tsx b/surfsense_web/components/editor/plugins/autoformat-kit.tsx
index a145fbb94..98f5a128c 100644
--- a/surfsense_web/components/editor/plugins/autoformat-kit.tsx
+++ b/surfsense_web/components/editor/plugins/autoformat-kit.tsx
@@ -3,11 +3,11 @@
 import type { AutoformatRule } from "@platejs/autoformat";
 
 import {
+	AutoformatPlugin,
 	autoformatArrow,
 	autoformatLegal,
 	autoformatLegalHtml,
 	autoformatMath,
-	AutoformatPlugin,
 	autoformatPunctuation,
 	autoformatSmartQuotes,
 } from "@platejs/autoformat";
diff --git a/surfsense_web/components/editor/plugins/dnd-kit.tsx b/surfsense_web/components/editor/plugins/dnd-kit.tsx
index 0d02c855e..63920353d 100644
--- a/surfsense_web/components/editor/plugins/dnd-kit.tsx
+++ b/surfsense_web/components/editor/plugins/dnd-kit.tsx
@@ -1,10 +1,9 @@
 "use client";
 
+import { DndPlugin } from "@platejs/dnd";
 import { DndProvider } from "react-dnd";
 import { HTML5Backend } from "react-dnd-html5-backend";
 
-import { DndPlugin } from "@platejs/dnd";
-
 import { BlockDraggable } from "@/components/ui/block-draggable";
 
 export const DndKit = [
diff --git a/surfsense_web/components/editor/transforms.ts b/surfsense_web/components/editor/transforms.ts
index 5f74c9673..5590e4a50 100644
--- a/surfsense_web/components/editor/transforms.ts
+++ b/surfsense_web/components/editor/transforms.ts
@@ -1,13 +1,12 @@
 "use client";
 
-import type { PlateEditor } from "platejs/react";
-
 import { insertCallout } from "@platejs/callout";
 import { insertCodeBlock, toggleCodeBlock } from "@platejs/code-block";
 import { triggerFloatingLink } from "@platejs/link/react";
 import { insertInlineEquation } from "@platejs/math";
 import { TablePlugin } from "@platejs/table/react";
-import { type NodeEntry, type Path, type TElement, KEYS, PathApi } from "platejs";
+import { KEYS, type NodeEntry, type Path, PathApi, type TElement } from "platejs";
+import type { PlateEditor } from "platejs/react";
 
 const insertList = (editor: PlateEditor, type: string) => {
 	editor.tf.insertNodes(
diff --git a/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx b/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
index 5867863cc..b6eea7a28 100644
--- a/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
@@ -215,9 +215,9 @@ function ApprovalCard({
 										onValueChange={(v) => {
 											setSelectedWorkspaceId(v);
 											setSelectedTeamId("");
-										setSelectedStateId("__none__");
-										setSelectedAssigneeId("__none__");
-										setSelectedPriority("0");
+											setSelectedStateId("__none__");
+											setSelectedAssigneeId("__none__");
+											setSelectedPriority("0");
 											setSelectedLabelIds([]);
 										}}
 									>
@@ -243,13 +243,13 @@ function ApprovalCard({
 										</div>
 										<Select
 											value={selectedTeamId}
-										onValueChange={(v) => {
-											setSelectedTeamId(v);
-											const newTeam = selectedWorkspace.teams.find((t) => t.id === v);
-											setSelectedStateId(newTeam?.states?.[0]?.id ?? "__none__");
-											setSelectedAssigneeId("__none__");
-											setSelectedLabelIds([]);
-										}}
+											onValueChange={(v) => {
+												setSelectedTeamId(v);
+												const newTeam = selectedWorkspace.teams.find((t) => t.id === v);
+												setSelectedStateId(newTeam?.states?.[0]?.id ?? "__none__");
+												setSelectedAssigneeId("__none__");
+												setSelectedLabelIds([]);
+											}}
 										>
 											<SelectTrigger className="w-full">
 												<SelectValue placeholder="Select a team" />
diff --git a/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx b/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
index 22bd48554..fa1c2c687 100644
--- a/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
@@ -415,134 +415,134 @@ function ApprovalCard({
 						>
 							New Title
 						</label>
-				<Input
-					id="linear-update-title"
-					value={editedArgs.title}
-					onChange={(e) => setEditedArgs({ ...editedArgs, title: e.target.value })}
-					placeholder="Issue title"
-				/>
-				</div>
+						<Input
+							id="linear-update-title"
+							value={editedArgs.title}
+							onChange={(e) => setEditedArgs({ ...editedArgs, title: e.target.value })}
+							placeholder="Issue title"
+						/>
+					</div>
 
-				<div>
-					<label
-						htmlFor="linear-update-description"
-						className="text-xs font-medium text-muted-foreground mb-1.5 block"
-					>
-						Description
-					</label>
-					<Textarea
-						id="linear-update-description"
-						value={editedArgs.description}
-						onChange={(e) => setEditedArgs({ ...editedArgs, description: e.target.value })}
-						placeholder="Issue description"
-						rows={5}
-						className="resize-none"
-					/>
-				</div>
+					<div>
+						<label
+							htmlFor="linear-update-description"
+							className="text-xs font-medium text-muted-foreground mb-1.5 block"
+						>
+							Description
+						</label>
+						<Textarea
+							id="linear-update-description"
+							value={editedArgs.description}
+							onChange={(e) => setEditedArgs({ ...editedArgs, description: e.target.value })}
+							placeholder="Issue description"
+							rows={5}
+							className="resize-none"
+						/>
+					</div>
 
-				{team && (
-					<>
-						<div className="space-y-1.5">
-							<div className="text-xs font-medium text-muted-foreground">State</div>
-							<Select
-								value={editedArgs.stateId}
-								onValueChange={(v) => setEditedArgs({ ...editedArgs, stateId: v })}
-							>
-								<SelectTrigger className="w-full">
-									<SelectValue placeholder="Select state" />
-								</SelectTrigger>
-							<SelectContent>
-								{team.states.map((s) => (
-										<SelectItem key={s.id} value={s.id}>
-											{s.name}
-										</SelectItem>
-									))}
-								</SelectContent>
-							</Select>
-						</div>
-
-						<div className="space-y-1.5">
-							<div className="text-xs font-medium text-muted-foreground">Assignee</div>
-							<Select
-								value={editedArgs.assigneeId}
-								onValueChange={(v) => setEditedArgs({ ...editedArgs, assigneeId: v })}
-							>
-								<SelectTrigger className="w-full">
-									<SelectValue placeholder="Select assignee" />
-								</SelectTrigger>
-								<SelectContent>
-									<SelectItem value="__none__">Unassigned</SelectItem>
-									{team.members
-										.filter((m) => m.active)
-										.map((m) => (
-											<SelectItem key={m.id} value={m.id}>
-												{m.name} ({m.email})
+					{team && (
+						<>
+							<div className="space-y-1.5">
+								<div className="text-xs font-medium text-muted-foreground">State</div>
+								<Select
+									value={editedArgs.stateId}
+									onValueChange={(v) => setEditedArgs({ ...editedArgs, stateId: v })}
+								>
+									<SelectTrigger className="w-full">
+										<SelectValue placeholder="Select state" />
+									</SelectTrigger>
+									<SelectContent>
+										{team.states.map((s) => (
+											<SelectItem key={s.id} value={s.id}>
+												{s.name}
 											</SelectItem>
 										))}
-								</SelectContent>
-							</Select>
-						</div>
-
-						<div className="space-y-1.5">
-							<div className="text-xs font-medium text-muted-foreground">Priority</div>
-							<Select
-								value={editedArgs.priority}
-								onValueChange={(v) => setEditedArgs({ ...editedArgs, priority: v })}
-							>
-								<SelectTrigger className="w-full">
-									<SelectValue placeholder="Select priority" />
-								</SelectTrigger>
-							<SelectContent>
-								{priorities.map((p) => (
-										<SelectItem key={p.priority} value={String(p.priority)}>
-											{p.label}
-										</SelectItem>
-									))}
-								</SelectContent>
-							</Select>
-						</div>
-
-						{team.labels.length > 0 && (
-							<div className="space-y-1.5">
-								<div className="text-xs font-medium text-muted-foreground">Labels</div>
-								<div className="flex flex-wrap gap-1.5">
-									{team.labels.map((label) => {
-										const isSelected = editedArgs.labelIds.includes(label.id);
-										return (
-											<button
-												key={label.id}
-												type="button"
-												onClick={() =>
-													setEditedArgs({
-														...editedArgs,
-														labelIds: isSelected
-															? editedArgs.labelIds.filter((id) => id !== label.id)
-															: [...editedArgs.labelIds, label.id],
-													})
-												}
-												className={`inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-opacity ${
-													isSelected
-														? "opacity-100 ring-2 ring-foreground/30"
-														: "opacity-50 hover:opacity-80"
-												}`}
-												style={{
-													backgroundColor: `${label.color}33`,
-													color: label.color,
-												}}
-											>
-												<span
-													className="size-1.5 rounded-full"
-													style={{ backgroundColor: label.color }}
-												/>
-												{label.name}
-											</button>
-										);
-									})}
-								</div>
+									</SelectContent>
+								</Select>
 							</div>
-						)}
-					</>
-				)}
+
+							<div className="space-y-1.5">
+								<div className="text-xs font-medium text-muted-foreground">Assignee</div>
+								<Select
+									value={editedArgs.assigneeId}
+									onValueChange={(v) => setEditedArgs({ ...editedArgs, assigneeId: v })}
+								>
+									<SelectTrigger className="w-full">
+										<SelectValue placeholder="Select assignee" />
+									</SelectTrigger>
+									<SelectContent>
+										<SelectItem value="__none__">Unassigned</SelectItem>
+										{team.members
+											.filter((m) => m.active)
+											.map((m) => (
+												<SelectItem key={m.id} value={m.id}>
+													{m.name} ({m.email})
+												</SelectItem>
+											))}
+									</SelectContent>
+								</Select>
+							</div>
+
+							<div className="space-y-1.5">
+								<div className="text-xs font-medium text-muted-foreground">Priority</div>
+								<Select
+									value={editedArgs.priority}
+									onValueChange={(v) => setEditedArgs({ ...editedArgs, priority: v })}
+								>
+									<SelectTrigger className="w-full">
+										<SelectValue placeholder="Select priority" />
+									</SelectTrigger>
+									<SelectContent>
+										{priorities.map((p) => (
+											<SelectItem key={p.priority} value={String(p.priority)}>
+												{p.label}
+											</SelectItem>
+										))}
+									</SelectContent>
+								</Select>
+							</div>
+
+							{team.labels.length > 0 && (
+								<div className="space-y-1.5">
+									<div className="text-xs font-medium text-muted-foreground">Labels</div>
+									<div className="flex flex-wrap gap-1.5">
+										{team.labels.map((label) => {
+											const isSelected = editedArgs.labelIds.includes(label.id);
+											return (
+												<button
+													key={label.id}
+													type="button"
+													onClick={() =>
+														setEditedArgs({
+															...editedArgs,
+															labelIds: isSelected
+																? editedArgs.labelIds.filter((id) => id !== label.id)
+																: [...editedArgs.labelIds, label.id],
+														})
+													}
+													className={`inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium transition-opacity ${
+														isSelected
+															? "opacity-100 ring-2 ring-foreground/30"
+															: "opacity-50 hover:opacity-80"
+													}`}
+													style={{
+														backgroundColor: `${label.color}33`,
+														color: label.color,
+													}}
+												>
+													<span
+														className="size-1.5 rounded-full"
+														style={{ backgroundColor: label.color }}
+													/>
+													{label.name}
+												</button>
+											);
+										})}
+									</div>
+								</div>
+							)}
+						</>
+					)}
 				</div>
 			)}
 
@@ -588,10 +588,10 @@ function ApprovalCard({
 						<Button
 							size="sm"
 							variant="outline"
-						onClick={() => {
-						setIsEditing(false);
-						setEditedArgs(initialEditState); // Reset to original args
-					}}
+							onClick={() => {
+								setIsEditing(false);
+								setEditedArgs(initialEditState); // Reset to original args
+							}}
 						>
 							Cancel
 						</Button>
diff --git a/surfsense_web/components/ui/block-draggable.tsx b/surfsense_web/components/ui/block-draggable.tsx
index 21405ebff..55ac13922 100644
--- a/surfsense_web/components/ui/block-draggable.tsx
+++ b/surfsense_web/components/ui/block-draggable.tsx
@@ -1,22 +1,21 @@
 "use client";
 
-import * as React from "react";
-
 import { DndPlugin, useDraggable, useDropLine } from "@platejs/dnd";
 import { expandListItemsWithChildren } from "@platejs/list";
 import { BlockSelectionPlugin } from "@platejs/selection/react";
 import { GripVertical } from "lucide-react";
-import { type TElement, getPluginByType, isType, KEYS } from "platejs";
+import { getPluginByType, isType, KEYS, type TElement } from "platejs";
 import {
+	MemoizedChildren,
 	type PlateEditor,
 	type PlateElementProps,
 	type RenderNodeWrapper,
-	MemoizedChildren,
 	useEditorRef,
 	useElement,
 	usePluginOption,
+	useSelected,
 } from "platejs/react";
-import { useSelected } from "platejs/react";
+import * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
diff --git a/surfsense_web/components/ui/block-list.tsx b/surfsense_web/components/ui/block-list.tsx
index 88bfc0d37..69518d49f 100644
--- a/surfsense_web/components/ui/block-list.tsx
+++ b/surfsense_web/components/ui/block-list.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import React from "react";
-
-import type { TListElement } from "platejs";
-
 import { isOrderedList } from "@platejs/list";
 import { useTodoListElement, useTodoListElementState } from "@platejs/list/react";
+import type { TListElement } from "platejs";
 import { type PlateElementProps, type RenderNodeWrapper, useReadOnly } from "platejs/react";
+import type React from "react";
 
 import { Checkbox } from "@/components/ui/checkbox";
 import { cn } from "@/lib/utils";
diff --git a/surfsense_web/components/ui/block-selection.tsx b/surfsense_web/components/ui/block-selection.tsx
index b8ffdda15..573869d3a 100644
--- a/surfsense_web/components/ui/block-selection.tsx
+++ b/surfsense_web/components/ui/block-selection.tsx
@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import { DndPlugin } from "@platejs/dnd";
 import { useBlockSelected } from "@platejs/selection/react";
 import { cva } from "class-variance-authority";
 import { type PlateElementProps, usePluginOption } from "platejs/react";
+import * as React from "react";
 
 export const blockSelectionVariants = cva(
 	"pointer-events-none absolute inset-0 z-1 bg-brand/[.13] transition-opacity",
diff --git a/surfsense_web/components/ui/blockquote-node.tsx b/surfsense_web/components/ui/blockquote-node.tsx
index 1de9b19cf..2501d484d 100644
--- a/surfsense_web/components/ui/blockquote-node.tsx
+++ b/surfsense_web/components/ui/blockquote-node.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { type PlateElementProps, PlateElement } from "platejs/react";
+import { PlateElement, type PlateElementProps } from "platejs/react";
 
 export function BlockquoteElement(props: PlateElementProps) {
 	return <PlateElement as="blockquote" className="my-1 border-l-2 pl-6 italic" {...props} />;
diff --git a/surfsense_web/components/ui/callout-node.tsx b/surfsense_web/components/ui/callout-node.tsx
index 0972fdf7f..0b5213b43 100644
--- a/surfsense_web/components/ui/callout-node.tsx
+++ b/surfsense_web/components/ui/callout-node.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TCalloutElement } from "platejs";
-
 import { CalloutPlugin } from "@platejs/callout/react";
 import { cva } from "class-variance-authority";
-import { type PlateElementProps, PlateElement, useEditorPlugin } from "platejs/react";
+import type { TCalloutElement } from "platejs";
+import { PlateElement, type PlateElementProps, useEditorPlugin } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/checkbox.tsx b/surfsense_web/components/ui/checkbox.tsx
index 465783c79..0936a383e 100644
--- a/surfsense_web/components/ui/checkbox.tsx
+++ b/surfsense_web/components/ui/checkbox.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/code-block-node.tsx b/surfsense_web/components/ui/code-block-node.tsx
index f0f1c6db7..23cc163a1 100644
--- a/surfsense_web/components/ui/code-block-node.tsx
+++ b/surfsense_web/components/ui/code-block-node.tsx
@@ -1,17 +1,18 @@
 "use client";
 
-import * as React from "react";
-
 import { formatCodeBlock, isLangSupported } from "@platejs/code-block";
 import { BracesIcon, Check, CheckIcon, CopyIcon } from "lucide-react";
-import { type TCodeBlockElement, type TCodeSyntaxLeaf, NodeApi } from "platejs";
+import { NodeApi, type TCodeBlockElement, type TCodeSyntaxLeaf } from "platejs";
 import {
-	type PlateElementProps,
-	type PlateLeafProps,
 	PlateElement,
+	type PlateElementProps,
 	PlateLeaf,
+	type PlateLeafProps,
+	useEditorRef,
+	useElement,
+	useReadOnly,
 } from "platejs/react";
-import { useEditorRef, useElement, useReadOnly } from "platejs/react";
+import * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import {
diff --git a/surfsense_web/components/ui/code-node.tsx b/surfsense_web/components/ui/code-node.tsx
index d68cbd4ec..7a26a4416 100644
--- a/surfsense_web/components/ui/code-node.tsx
+++ b/surfsense_web/components/ui/code-node.tsx
@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateLeafProps } from "platejs/react";
-
 import { PlateLeaf } from "platejs/react";
+import * as React from "react";
 
 export function CodeLeaf(props: PlateLeafProps) {
 	return (
diff --git a/surfsense_web/components/ui/dropdown-menu.tsx b/surfsense_web/components/ui/dropdown-menu.tsx
index 723a9466e..0364ab3ba 100644
--- a/surfsense_web/components/ui/dropdown-menu.tsx
+++ b/surfsense_web/components/ui/dropdown-menu.tsx
@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/editor.tsx b/surfsense_web/components/ui/editor.tsx
index 718704f3a..0a9cb5b76 100644
--- a/surfsense_web/components/ui/editor.tsx
+++ b/surfsense_web/components/ui/editor.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import type { VariantProps } from "class-variance-authority";
-import type { PlateContentProps, PlateViewProps } from "platejs/react";
-
 import { cva } from "class-variance-authority";
+import type { PlateContentProps, PlateViewProps } from "platejs/react";
 import { PlateContainer, PlateContent, PlateView } from "platejs/react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/equation-node.tsx b/surfsense_web/components/ui/equation-node.tsx
index 34c3ac329..e8ad8beb6 100644
--- a/surfsense_web/components/ui/equation-node.tsx
+++ b/surfsense_web/components/ui/equation-node.tsx
@@ -1,12 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TEquationElement } from "platejs";
-
 import { useEquationElement, useEquationInput } from "@platejs/math/react";
 import { RadicalIcon } from "lucide-react";
-import { type PlateElementProps, PlateElement, useSelected } from "platejs/react";
+import type { TEquationElement } from "platejs";
+import { PlateElement, type PlateElementProps, useSelected } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/fixed-toolbar-buttons.tsx b/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
index a4b3bf27d..9dcc4ecf6 100644
--- a/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
+++ b/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import {
 	BoldIcon,
 	Code2Icon,
@@ -15,10 +13,11 @@ import {
 } from "lucide-react";
 import { KEYS } from "platejs";
 import { useEditorReadOnly, useEditorRef } from "platejs/react";
+import * as React from "react";
 
 import { useEditorSave } from "@/components/editor/editor-save-context";
-import { usePlatformShortcut } from "@/hooks/use-platform-shortcut";
 import { Spinner } from "@/components/ui/spinner";
+import { usePlatformShortcut } from "@/hooks/use-platform-shortcut";
 
 import { InsertToolbarButton } from "./insert-toolbar-button";
 import { LinkToolbarButton } from "./link-toolbar-button";
diff --git a/surfsense_web/components/ui/fixed-toolbar.tsx b/surfsense_web/components/ui/fixed-toolbar.tsx
index ffe57bd65..128ff308a 100644
--- a/surfsense_web/components/ui/fixed-toolbar.tsx
+++ b/surfsense_web/components/ui/fixed-toolbar.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import * as React from "react";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/floating-toolbar-buttons.tsx b/surfsense_web/components/ui/floating-toolbar-buttons.tsx
index 2d8659065..79930dc9e 100644
--- a/surfsense_web/components/ui/floating-toolbar-buttons.tsx
+++ b/surfsense_web/components/ui/floating-toolbar-buttons.tsx
@@ -1,10 +1,9 @@
 "use client";
 
-import * as React from "react";
-
 import { BoldIcon, Code2Icon, ItalicIcon, StrikethroughIcon, UnderlineIcon } from "lucide-react";
 import { KEYS } from "platejs";
 import { useEditorReadOnly } from "platejs/react";
+import * as React from "react";
 
 import { LinkToolbarButton } from "./link-toolbar-button";
 import { MarkToolbarButton } from "./mark-toolbar-button";
diff --git a/surfsense_web/components/ui/floating-toolbar.tsx b/surfsense_web/components/ui/floating-toolbar.tsx
index f788901d9..0c93ef99c 100644
--- a/surfsense_web/components/ui/floating-toolbar.tsx
+++ b/surfsense_web/components/ui/floating-toolbar.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import {
 	type FloatingToolbarState,
 	flip,
@@ -12,9 +10,9 @@ import {
 import { useComposedRef } from "@udecode/cn";
 import { KEYS } from "platejs";
 import { useEditorId, useEventEditorValue, usePluginOption } from "platejs/react";
-
-import { cn } from "@/lib/utils";
+import type * as React from "react";
 import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
 
 import { Toolbar } from "./toolbar";
 
diff --git a/surfsense_web/components/ui/heading-node.tsx b/surfsense_web/components/ui/heading-node.tsx
index 7e5c92dee..11bdcf0af 100644
--- a/surfsense_web/components/ui/heading-node.tsx
+++ b/surfsense_web/components/ui/heading-node.tsx
@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
+import { cva, type VariantProps } from "class-variance-authority";
 
 import type { PlateElementProps } from "platejs/react";
-
-import { type VariantProps, cva } from "class-variance-authority";
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 const headingVariants = cva("relative mb-1", {
 	variants: {
diff --git a/surfsense_web/components/ui/highlight-node.tsx b/surfsense_web/components/ui/highlight-node.tsx
index f032129ff..6c4f72d08 100644
--- a/surfsense_web/components/ui/highlight-node.tsx
+++ b/surfsense_web/components/ui/highlight-node.tsx
@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateLeafProps } from "platejs/react";
-
 import { PlateLeaf } from "platejs/react";
+import * as React from "react";
 
 export function HighlightLeaf(props: PlateLeafProps) {
 	return (
diff --git a/surfsense_web/components/ui/hr-node.tsx b/surfsense_web/components/ui/hr-node.tsx
index 949e08c7c..00b1fef93 100644
--- a/surfsense_web/components/ui/hr-node.tsx
+++ b/surfsense_web/components/ui/hr-node.tsx
@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateElementProps } from "platejs/react";
-
 import { PlateElement, useFocused, useReadOnly, useSelected } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/inline-combobox.tsx b/surfsense_web/components/ui/inline-combobox.tsx
index a254631ba..941c1c7db 100644
--- a/surfsense_web/components/ui/inline-combobox.tsx
+++ b/surfsense_web/components/ui/inline-combobox.tsx
@@ -1,15 +1,11 @@
 "use client";
 
-import * as React from "react";
-
-import type { Point, TElement } from "platejs";
-
 import {
-	type ComboboxItemProps,
 	Combobox,
 	ComboboxGroup,
 	ComboboxGroupLabel,
 	ComboboxItem,
+	type ComboboxItemProps,
 	ComboboxPopover,
 	ComboboxProvider,
 	ComboboxRow,
@@ -24,7 +20,9 @@ import {
 	useHTMLInputCursorState,
 } from "@platejs/combobox/react";
 import { cva } from "class-variance-authority";
+import type { Point, TElement } from "platejs";
 import { useComposedRef, useEditorRef } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/insert-toolbar-button.tsx b/surfsense_web/components/ui/insert-toolbar-button.tsx
index 437087bc7..4ef975d7a 100644
--- a/surfsense_web/components/ui/insert-toolbar-button.tsx
+++ b/surfsense_web/components/ui/insert-toolbar-button.tsx
@@ -1,9 +1,6 @@
 "use client";
 
-import * as React from "react";
-
 import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
-
 import {
 	ChevronRightIcon,
 	FileCodeIcon,
@@ -25,14 +22,14 @@ import {
 } from "lucide-react";
 import { KEYS } from "platejs";
 import { type PlateEditor, useEditorRef } from "platejs/react";
-
+import * as React from "react";
+import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuItem,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 
 import { ToolbarButton, ToolbarMenuGroup } from "./toolbar";
 
diff --git a/surfsense_web/components/ui/link-node.tsx b/surfsense_web/components/ui/link-node.tsx
index 0692939dd..83b007628 100644
--- a/surfsense_web/components/ui/link-node.tsx
+++ b/surfsense_web/components/ui/link-node.tsx
@@ -1,12 +1,11 @@
 "use client";
 
-import * as React from "react";
+import { getLinkAttributes } from "@platejs/link";
 
 import type { TLinkElement } from "platejs";
 import type { PlateElementProps } from "platejs/react";
-
-import { getLinkAttributes } from "@platejs/link";
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/link-toolbar-button.tsx b/surfsense_web/components/ui/link-toolbar-button.tsx
index 3589de772..58b46dbbd 100644
--- a/surfsense_web/components/ui/link-toolbar-button.tsx
+++ b/surfsense_web/components/ui/link-toolbar-button.tsx
@@ -1,9 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import { useLinkToolbarButton, useLinkToolbarButtonState } from "@platejs/link/react";
 import { Link } from "lucide-react";
+import type * as React from "react";
 
 import { ToolbarButton } from "./toolbar";
 
diff --git a/surfsense_web/components/ui/link-toolbar.tsx b/surfsense_web/components/ui/link-toolbar.tsx
index b73247387..4f5988ded 100644
--- a/surfsense_web/components/ui/link-toolbar.tsx
+++ b/surfsense_web/components/ui/link-toolbar.tsx
@@ -1,14 +1,10 @@
 "use client";
 
-import * as React from "react";
-
-import type { TLinkElement } from "platejs";
-
-import { type UseVirtualFloatingOptions, flip, offset } from "@platejs/floating";
+import { flip, offset, type UseVirtualFloatingOptions } from "@platejs/floating";
 import { getLinkAttributes } from "@platejs/link";
 import {
-	type LinkFloatingToolbarState,
 	FloatingLinkUrlInput,
+	type LinkFloatingToolbarState,
 	useFloatingLinkEdit,
 	useFloatingLinkEditState,
 	useFloatingLinkInsert,
@@ -16,6 +12,7 @@ import {
 } from "@platejs/link/react";
 import { cva } from "class-variance-authority";
 import { ExternalLink, Link, Text, Unlink } from "lucide-react";
+import type { TLinkElement } from "platejs";
 import { KEYS } from "platejs";
 import {
 	useEditorRef,
@@ -23,6 +20,7 @@ import {
 	useFormInputProps,
 	usePluginOption,
 } from "platejs/react";
+import * as React from "react";
 
 import { buttonVariants } from "@/components/ui/button";
 import { Separator } from "@/components/ui/separator";
diff --git a/surfsense_web/components/ui/mark-toolbar-button.tsx b/surfsense_web/components/ui/mark-toolbar-button.tsx
index b616698a8..4ea7bdf4c 100644
--- a/surfsense_web/components/ui/mark-toolbar-button.tsx
+++ b/surfsense_web/components/ui/mark-toolbar-button.tsx
@@ -1,8 +1,7 @@
 "use client";
 
-import * as React from "react";
-
 import { useMarkToolbarButton, useMarkToolbarButtonState } from "platejs/react";
+import type * as React from "react";
 
 import { ToolbarButton } from "./toolbar";
 
diff --git a/surfsense_web/components/ui/paragraph-node.tsx b/surfsense_web/components/ui/paragraph-node.tsx
index bef198dec..2e76ae0a5 100644
--- a/surfsense_web/components/ui/paragraph-node.tsx
+++ b/surfsense_web/components/ui/paragraph-node.tsx
@@ -1,10 +1,8 @@
 "use client";
 
-import * as React from "react";
-
 import type { PlateElementProps } from "platejs/react";
-
 import { PlateElement } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/resize-handle.tsx b/surfsense_web/components/ui/resize-handle.tsx
index 05390a8da..2e5b99989 100644
--- a/surfsense_web/components/ui/resize-handle.tsx
+++ b/surfsense_web/components/ui/resize-handle.tsx
@@ -1,16 +1,15 @@
 "use client";
 
-import * as React from "react";
-
-import type { VariantProps } from "class-variance-authority";
-
 import {
-	type ResizeHandle as ResizeHandlePrimitive,
 	Resizable as ResizablePrimitive,
+	type ResizeHandle as ResizeHandlePrimitive,
 	useResizeHandle,
 	useResizeHandleState,
 } from "@platejs/resizable";
+
+import type { VariantProps } from "class-variance-authority";
 import { cva } from "class-variance-authority";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/separator.tsx b/surfsense_web/components/ui/separator.tsx
index 98f0a73ac..63b8e6a69 100644
--- a/surfsense_web/components/ui/separator.tsx
+++ b/surfsense_web/components/ui/separator.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { Separator as SeparatorPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/slash-node.tsx b/surfsense_web/components/ui/slash-node.tsx
index 07badcd16..8869d8bf5 100644
--- a/surfsense_web/components/ui/slash-node.tsx
+++ b/surfsense_web/components/ui/slash-node.tsx
@@ -1,9 +1,5 @@
 "use client";
 
-import * as React from "react";
-
-import type { PlateElementProps } from "platejs/react";
-
 import { SlashInputPlugin } from "@platejs/slash-command/react";
 import {
 	ChevronRightIcon,
@@ -23,8 +19,10 @@ import {
 	TableIcon,
 } from "lucide-react";
 import { KEYS } from "platejs";
+import type { PlateElementProps } from "platejs/react";
 import { PlateElement, useEditorRef } from "platejs/react";
-
+import type * as React from "react";
+import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 import {
 	InlineCombobox,
 	InlineComboboxContent,
@@ -34,7 +32,6 @@ import {
 	InlineComboboxInput,
 	InlineComboboxItem,
 } from "@/components/ui/inline-combobox";
-import { insertBlock, insertInlineElement } from "@/components/editor/transforms";
 
 interface SlashCommandItem {
 	icon: React.ReactNode;
diff --git a/surfsense_web/components/ui/table-node.tsx b/surfsense_web/components/ui/table-node.tsx
index 3c29dd8e1..c0f1d6ea8 100644
--- a/surfsense_web/components/ui/table-node.tsx
+++ b/surfsense_web/components/ui/table-node.tsx
@@ -1,7 +1,5 @@
 "use client";
 
-import * as React from "react";
-
 import { useDraggable, useDropLine } from "@platejs/dnd";
 import { BlockSelectionPlugin, useBlockSelected } from "@platejs/selection/react";
 import {
@@ -26,21 +24,22 @@ import {
 	XIcon,
 } from "lucide-react";
 import {
+	KEYS,
+	PathApi,
 	type TElement,
 	type TTableCellElement,
 	type TTableElement,
 	type TTableRowElement,
-	KEYS,
-	PathApi,
 } from "platejs";
 import {
-	type PlateElementProps,
 	PlateElement,
+	type PlateElementProps,
 	useComposedRef,
 	useEditorPlugin,
 	useEditorRef,
 	useEditorSelector,
 	useElement,
+	useElementSelector,
 	useFocusedLast,
 	usePluginOption,
 	useReadOnly,
@@ -48,7 +47,7 @@ import {
 	useSelected,
 	withHOC,
 } from "platejs/react";
-import { useElementSelector } from "platejs/react";
+import type * as React from "react";
 
 import { Button } from "@/components/ui/button";
 import { Popover, PopoverContent } from "@/components/ui/popover";
diff --git a/surfsense_web/components/ui/toggle-node.tsx b/surfsense_web/components/ui/toggle-node.tsx
index 167640af2..4d5d61787 100644
--- a/surfsense_web/components/ui/toggle-node.tsx
+++ b/surfsense_web/components/ui/toggle-node.tsx
@@ -1,10 +1,9 @@
 "use client";
 
-import * as React from "react";
-
 import { useToggleButton, useToggleButtonState } from "@platejs/toggle/react";
 import { ChevronRightIcon } from "lucide-react";
-import { type PlateElementProps, PlateElement } from "platejs/react";
+import { PlateElement, type PlateElementProps } from "platejs/react";
+import * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/toolbar.tsx b/surfsense_web/components/ui/toolbar.tsx
index 67e75a892..35a3721ef 100644
--- a/surfsense_web/components/ui/toolbar.tsx
+++ b/surfsense_web/components/ui/toolbar.tsx
@@ -1,11 +1,10 @@
 "use client";
 
-import * as React from "react";
-
 import * as ToolbarPrimitive from "@radix-ui/react-toolbar";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { type VariantProps, cva } from "class-variance-authority";
+import { cva, type VariantProps } from "class-variance-authority";
 import { ChevronDown } from "lucide-react";
+import * as React from "react";
 
 import {
 	DropdownMenuLabel,
diff --git a/surfsense_web/components/ui/tooltip.tsx b/surfsense_web/components/ui/tooltip.tsx
index 09fc23448..de59a21be 100644
--- a/surfsense_web/components/ui/tooltip.tsx
+++ b/surfsense_web/components/ui/tooltip.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { Tooltip as TooltipPrimitive } from "radix-ui";
+import type * as React from "react";
 
 import { cn } from "@/lib/utils";
 
diff --git a/surfsense_web/components/ui/turn-into-toolbar-button.tsx b/surfsense_web/components/ui/turn-into-toolbar-button.tsx
index 3e1b534f9..ef5d28324 100644
--- a/surfsense_web/components/ui/turn-into-toolbar-button.tsx
+++ b/surfsense_web/components/ui/turn-into-toolbar-button.tsx
@@ -1,10 +1,6 @@
 "use client";
 
-import * as React from "react";
-
 import type { DropdownMenuProps } from "@radix-ui/react-dropdown-menu";
-import type { TElement } from "platejs";
-
 import { DropdownMenuItemIndicator } from "@radix-ui/react-dropdown-menu";
 import {
 	CheckIcon,
@@ -23,16 +19,17 @@ import {
 	QuoteIcon,
 	SquareIcon,
 } from "lucide-react";
+import type { TElement } from "platejs";
 import { KEYS } from "platejs";
 import { useEditorRef, useSelectionFragmentProp } from "platejs/react";
-
+import * as React from "react";
+import { getBlockType, setBlockType } from "@/components/editor/transforms";
 import {
 	DropdownMenu,
 	DropdownMenuContent,
 	DropdownMenuRadioItem,
 	DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { getBlockType, setBlockType } from "@/components/editor/transforms";
 
 import { ToolbarButton, ToolbarMenuGroup } from "./toolbar";
 
diff --git a/surfsense_web/hooks/use-announcements.ts b/surfsense_web/hooks/use-announcements.ts
index 8a715b9e1..b046360d3 100644
--- a/surfsense_web/hooks/use-announcements.ts
+++ b/surfsense_web/hooks/use-announcements.ts
@@ -75,7 +75,7 @@ export function useAnnouncements(options: UseAnnouncementsOptions = {}) {
 			(a) => ({
 				...a,
 				isRead: isAnnouncementRead(a.id),
-			}),
+			})
 		);
 
 		if (category) {
diff --git a/surfsense_web/lib/announcements/announcements-utils.ts b/surfsense_web/lib/announcements/announcements-utils.ts
index 7da833334..fde2b2a5c 100644
--- a/surfsense_web/lib/announcements/announcements-utils.ts
+++ b/surfsense_web/lib/announcements/announcements-utils.ts
@@ -23,7 +23,7 @@ export function isAnnouncementActive(announcement: Announcement, now = new Date(
  */
 export function announcementMatchesAudience(
 	announcement: Announcement,
-	isAuthenticated: boolean,
+	isAuthenticated: boolean
 ): boolean {
 	switch (announcement.audience) {
 		case "all":
@@ -44,10 +44,10 @@ export function announcementMatchesAudience(
 export function getActiveAnnouncements(
 	announcements: Announcement[],
 	isAuthenticated: boolean,
-	now = new Date(),
+	now = new Date()
 ): Announcement[] {
 	return announcements.filter(
-		(a) => isAnnouncementActive(a, now) && announcementMatchesAudience(a, isAuthenticated),
+		(a) => isAnnouncementActive(a, now) && announcementMatchesAudience(a, isAuthenticated)
 	);
 }
 
@@ -58,7 +58,7 @@ export function getActiveAnnouncements(
  */
 export function msUntilNextTransition(
 	announcements: Announcement[],
-	now = new Date(),
+	now = new Date()
 ): number | null {
 	const nowMs = now.getTime();
 	let nearest: number | null = null;