apply formatter cleanup to web files

surfsense_web/app/(home)/announcements/page.tsx

@@ -69,11 +69,7 @@ const categoryConfig: Record<
 // Announcement card
 // ---------------------------------------------------------------------------
 
-function AnnouncementCard({
+function AnnouncementCard({ announcement }: { announcement: AnnouncementWithState }) {
-	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
+							<AnnouncementCard key={announcement.id} announcement={announcement} />
-								key={announcement.id}
-								announcement={announcement}
-							/>
 						))}
 					</div>
 				)}

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++) {

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 */

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";

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 = [

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(

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";

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";

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",

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} />;

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";
 

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";
 

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 {

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 (

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";
 

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";
 

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";
 

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";

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";
 

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";

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 type * as React from "react";
-import { cn } from "@/lib/utils";
 import { useIsMobile } from "@/hooks/use-mobile";
+import { cn } from "@/lib/utils";
 
 import { Toolbar } from "./toolbar";
 

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: {

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 (

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";
 

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";
 

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";
 

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";
 

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";
 

surfsense_web/components/ui/link-toolbar.tsx

@@ -1,14 +1,10 @@
 "use client";
 
-import * as React from "react";
+import { flip, offset, type UseVirtualFloatingOptions } from "@platejs/floating";
-
-import type { TLinkElement } from "platejs";
-
-import { type UseVirtualFloatingOptions, flip, offset } 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";

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";
 

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";
 

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";
 

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";
 

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;

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";

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";
 

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,

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";
 

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";
 

surfsense_web/hooks/use-announcements.ts

@@ -75,7 +75,7 @@ export function useAnnouncements(options: UseAnnouncementsOptions = {}) {
 			(a) => ({
 				...a,
 				isRead: isAnnouncementRead(a.id),
-			}),
+			})
 		);
 
 		if (category) {

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;