From 68d76fbda0ee51efdaf1855b14f3a559fe5cbe81 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 12 Feb 2026 11:50:44 +0100
Subject: [PATCH 01/74] nicolium: actually stop displaying repeated repost info
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/features/notifications/components/notification.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/pl-fe/src/features/notifications/components/notification.tsx b/packages/pl-fe/src/features/notifications/components/notification.tsx
index 18b345904..be558c11d 100644
--- a/packages/pl-fe/src/features/notifications/components/notification.tsx
+++ b/packages/pl-fe/src/features/notifications/components/notification.tsx
@@ -452,6 +452,7 @@ const Notification: React.FC<INotification> = (props) => {
               avatarSize={avatarSize}
               contextType='notifications'
               showGroup={false}
+              showInfo={false}
               variant='slim'
             />
           )) : null;

From 6819a8b56c138dba18894ecfd750aa421eaff20f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 22:41:54 +0100
Subject: [PATCH 02/74] nicolium: style migrations
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/columns/notifications.tsx  |  2 +-
 packages/pl-fe/src/columns/search.tsx         |  2 +-
 packages/pl-fe/src/columns/trends.tsx         |  2 +-
 packages/pl-fe/src/components/status-list.tsx | 30 +++++++------------
 .../src/components/statuses/status-info.tsx   | 15 +++-------
 .../components/conversations-list.tsx         |  2 +-
 .../src/modals/compare-history-modal.tsx      |  2 +-
 .../report-modal/steps/other-actions-step.tsx |  2 +-
 .../src/modals/select-drive-file-modal.tsx    |  2 +-
 .../src/pages/dashboard/awaiting-approval.tsx |  2 +-
 .../src/pages/dashboard/moderation-log.tsx    |  2 +-
 .../pl-fe/src/pages/groups/group-members.tsx  |  2 +-
 .../src/pages/status-lists/draft-statuses.tsx |  2 +-
 .../status-lists/interaction-requests.tsx     |  2 +-
 .../pages/status-lists/scheduled-statuses.tsx |  2 +-
 packages/pl-fe/src/styles/new/statuses.scss   |  8 +++++
 packages/pl-fe/src/styles/new/timelines.scss  | 28 +++++++++++++++++
 17 files changed, 64 insertions(+), 43 deletions(-)

diff --git a/packages/pl-fe/src/columns/notifications.tsx b/packages/pl-fe/src/columns/notifications.tsx
index a11ebe939..8550abdbc 100644
--- a/packages/pl-fe/src/columns/notifications.tsx
+++ b/packages/pl-fe/src/columns/notifications.tsx
@@ -260,7 +260,7 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
       onLoadMore={handleLoadOlder}
       onScrollToTop={handleScrollToTop}
       onScroll={handleScroll}
-      listClassName={clsx('divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800', {
+      listClassName={clsx('⁂-status-list', {
         'animate-pulse': displayedNotifications.length === 0,
       })}
       useWindowScroll={!multiColumn}
diff --git a/packages/pl-fe/src/columns/search.tsx b/packages/pl-fe/src/columns/search.tsx
index 589e717c4..53630220f 100644
--- a/packages/pl-fe/src/columns/search.tsx
+++ b/packages/pl-fe/src/columns/search.tsx
@@ -136,7 +136,7 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
       onLoadMore={handleLoadMore}
       placeholderComponent={placeholderComponent}
       placeholderCount={20}
-      listClassName={type === 'statuses' ? 'divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800' : ''}
+      listClassName={type === 'statuses' ? '⁂-status-list' : ''}
       itemClassName={clsx({
         'pb-4': type === 'accounts' || type === 'links',
         'pb-3': type === 'hashtags',
diff --git a/packages/pl-fe/src/columns/trends.tsx b/packages/pl-fe/src/columns/trends.tsx
index 5d461d9ba..1e04d8c16 100644
--- a/packages/pl-fe/src/columns/trends.tsx
+++ b/packages/pl-fe/src/columns/trends.tsx
@@ -71,7 +71,7 @@ const TrendsColumn: React.FC<ITrendsColumn> = ({ type, multiColumn }) => {
       showLoading={isLoading}
       placeholderComponent={placeholderComponent}
       placeholderCount={20}
-      listClassName={type === 'statuses' ? 'divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800' : ''}
+      listClassName={type === 'statuses' ? '⁂-status-list' : ''}
       itemClassName={clsx({
         'pb-4': type === 'accounts' || type === 'links',
         'pb-3': type === 'hashtags',
diff --git a/packages/pl-fe/src/components/status-list.tsx b/packages/pl-fe/src/components/status-list.tsx
index efeb3daa4..200646679 100644
--- a/packages/pl-fe/src/components/status-list.tsx
+++ b/packages/pl-fe/src/components/status-list.tsx
@@ -5,8 +5,6 @@ import { FormattedMessage } from 'react-intl';
 
 import LoadGap from '@/components/load-gap';
 import ScrollableList, { type IScrollableList } from '@/components/scrollable-list';
-import Stack from '@/components/ui/stack';
-import Text from '@/components/ui/text';
 import StatusContainer from '@/containers/status-container';
 import PlaceholderStatus from '@/features/placeholder/components/placeholder-status';
 import PendingStatus from '@/features/ui/components/pending-status';
@@ -18,18 +16,12 @@ import type { VirtuosoHandle } from 'react-virtuoso';
 
 const SkipPinned: React.FC<React.ComponentProps<'button'>> = ({ onClick }) => {
   return (
-    <button
-      className='absolute right-6 z-10 flex w-fit max-w-full items-center gap-2 rounded-full border border-gray-200 bg-gray-100 px-3 py-1 hover:bg-gray-200 black:border-gray-800 black:bg-gray-900 black:hover:bg-gray-800 dark:border-transparent dark:bg-primary-800 dark:hover:bg-primary-700 rtl:space-x-reverse'
-      onClick={onClick}
-    >
-      <Icon
-        className='size-4 text-gray-600 dark:text-gray-400'
-        src={require('@phosphor-icons/core/regular/arrow-line-down.svg')}
-      />
+    <button className='⁂-skip-pinned' onClick={onClick}>
+      <Icon src={require('@phosphor-icons/core/regular/arrow-line-down.svg')} />
 
-      <Text size='xs' theme='muted' weight='medium' truncate>
+      <p>
         <FormattedMessage id='status.skip_pinned' defaultMessage='Skip pinned posts' />
-      </Text>
+      </p>
     </button>
   );
 };
@@ -203,15 +195,15 @@ const StatusList: React.FC<IStatusList> = ({
 
   if (isPartial) {
     return (
-      <Stack className='py-2' space={2}>
-        <Text size='2xl' weight='bold' tag='h2' align='center'>
+      <div className='⁂-status-list__empty'>
+        <h2>
           <FormattedMessage id='regeneration_indicator.label' tagName='strong' defaultMessage='Loading…' />
-        </Text>
+        </h2>
 
-        <Text size='sm' theme='muted' align='center'>
+        <p>
           <FormattedMessage id='regeneration_indicator.sublabel' defaultMessage='Your home feed is being prepared!' />
-        </Text>
-      </Stack>
+        </p>
+      </div>
     );
   }
 
@@ -229,7 +221,7 @@ const StatusList: React.FC<IStatusList> = ({
         placeholderComponent={() => <PlaceholderStatus variant='slim' />}
         placeholderCount={20}
         ref={node}
-        listClassName={clsx('divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800', className)}
+        listClassName={clsx('⁂-status-list', className)}
         {...other}
       >
         {scrollableContent}
diff --git a/packages/pl-fe/src/components/statuses/status-info.tsx b/packages/pl-fe/src/components/statuses/status-info.tsx
index fecf36b52..4199047e4 100644
--- a/packages/pl-fe/src/components/statuses/status-info.tsx
+++ b/packages/pl-fe/src/components/statuses/status-info.tsx
@@ -1,9 +1,6 @@
 import clsx from 'clsx';
 import React from 'react';
 
-import HStack from '@/components/ui/hstack';
-import Text from '@/components/ui/text';
-
 interface IStatusInfo {
   avatarSize: number;
   icon: React.ReactNode;
@@ -20,20 +17,16 @@ const StatusInfo = (props: IStatusInfo) => {
   };
 
   return (
-    <HStack
-      space={2}
-      alignItems='center'
-      className={clsx('w-fit max-w-full cursor-default rounded-full border border-gray-200 bg-gray-100 px-3 py-1 black:border-gray-800 black:bg-gray-900 dark:border-transparent dark:bg-primary-800 rtl:space-x-reverse', className)}
+    <div
+      className={clsx('⁂-status-info', className)}
       onClick={onClick}
       style={{ marginLeft: Math.max(0, avatarSize - 25), maxWidth: `calc(100% - ${Math.max(0, avatarSize - 25)}px)` }}
       title={title}
     >
       {icon}
 
-      <Text size='xs' theme='muted' weight='medium' truncate>
-        {text}
-      </Text>
-    </HStack>
+      <p>{text}</p>
+    </div>
   );
 };
 
diff --git a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
index c9a9ed5d5..acecafccb 100644
--- a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
@@ -46,7 +46,7 @@ const ConversationsList: React.FC = () => {
       isLoading={isLoading}
       showLoading={isLoading && conversations.length === 0}
       emptyMessageText={<FormattedMessage id='empty_column.direct' defaultMessage="You don't have any direct messages yet. When you send or receive one, it will show up here." />}
-      listClassName='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+      listClassName='⁂-status-list'
     >
       {conversations.map((item: any) => (
         <Conversation
diff --git a/packages/pl-fe/src/modals/compare-history-modal.tsx b/packages/pl-fe/src/modals/compare-history-modal.tsx
index a06f6aa3b..e42d0cfcf 100644
--- a/packages/pl-fe/src/modals/compare-history-modal.tsx
+++ b/packages/pl-fe/src/modals/compare-history-modal.tsx
@@ -33,7 +33,7 @@ const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> =
     body = <Spinner />;
   } else {
     body = (
-      <div className='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'>
+      <div className='⁂-status-list'>
         {versions?.map((version) => {
           const content = <ParsedContent html={version.content} mentions={status?.mentions} hasQuote={!!status?.quote_id} emojis={version.emojis} speakAsCat={status.account.speak_as_cat} />;
 
diff --git a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
index fdc491810..c26746068 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
@@ -79,7 +79,7 @@ const OtherActionsStep = ({
         <FormGroup labelText={intl.formatMessage(messages.addAdditionalStatuses)}>
           {showAdditionalStatuses ? (
             <Stack space={2}>
-              <div className='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'>
+              <div className='⁂-status-list'>
                 {statusIds.map((statusId) => (
                   <StatusCheckBox
                     id={statusId}
diff --git a/packages/pl-fe/src/modals/select-drive-file-modal.tsx b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
index d862fdc83..7c7323010 100644
--- a/packages/pl-fe/src/modals/select-drive-file-modal.tsx
+++ b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
@@ -175,7 +175,7 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
         <Breadcrumbs folderId={currentFolder} onClick={(folderId) => setCurrentFolder(folderId)} />
       </div>
       <ScrollableList
-        listClassName='⁂-drive-file-list divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        listClassName='⁂-drive-file-list ⁂-status-list'
         style={{ minHeight: 'calc(80vh - 192px)' }}
         isLoading={!folder}
         showLoading={!folder}
diff --git a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
index c8ff0e4ff..fbb6b850a 100644
--- a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
+++ b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
@@ -31,7 +31,7 @@ const AwaitingApproval: React.FC = () => {
         isLoading={isFetching}
         showLoading={isPending}
         emptyMessageText={<FormattedMessage id='admin.awaiting_approval.empty_message' defaultMessage='There is nobody waiting for approval. When a new user signs up, you can review them here.' />}
-        listClassName='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        listClassName='⁂-status-list'
       >
         {accountIds.map(id => (
           <div key={id} className='px-5 py-4'>
diff --git a/packages/pl-fe/src/pages/dashboard/moderation-log.tsx b/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
index fb5f14b92..10edcf0b8 100644
--- a/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
+++ b/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
@@ -38,7 +38,7 @@ const ModerationLogPage = () => {
         emptyMessageText={<FormattedMessage id='admin.moderation_log.empty_message' defaultMessage='You have not performed any moderation actions yet. When you do, a history will be shown here.' />}
         hasMore={hasNextPage}
         onLoadMore={handleLoadMore}
-        listClassName='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        listClassName='⁂-status-list'
       >
         {data.map(item => item && (
           <LogItem key={item.id} log={item} />
diff --git a/packages/pl-fe/src/pages/groups/group-members.tsx b/packages/pl-fe/src/pages/groups/group-members.tsx
index ccd684d0e..8618ba0e8 100644
--- a/packages/pl-fe/src/pages/groups/group-members.tsx
+++ b/packages/pl-fe/src/pages/groups/group-members.tsx
@@ -38,7 +38,7 @@ const GroupMembers: React.FC = () => {
         showLoading={!group || isFetchingPending || isLoading && members.length === 0}
         placeholderComponent={PlaceholderAccount}
         placeholderCount={3}
-        className='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        className='⁂-status-list'
         itemClassName='py-3 last:pb-0'
         prepend={(pendingCount > 0) && (
           <div className={clsx('py-3', { 'border-b border-gray-200 dark:border-gray-800': members.length })}>
diff --git a/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx b/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
index 231de659e..20f572156 100644
--- a/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
@@ -22,7 +22,7 @@ const DraftStatusesPage = () => {
       <ScrollableList
         scrollKey='draftStatuses'
         emptyMessageText={emptyMessage}
-        listClassName='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        listClassName='⁂-status-list'
       >
         {drafts.toReversed().map((draft) => <DraftStatus key={draft.draft_id} draftStatus={draft} />)}
       </ScrollableList>
diff --git a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
index 68f7a3ce1..7a25d5aea 100644
--- a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
+++ b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
@@ -246,7 +246,7 @@ const InteractionRequestsPage = () => {
           hasMore={hasNextPage}
           emptyMessageText={emptyMessage}
           onLoadMore={() => fetchNextPage()}
-          listClassName={clsx('divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800', {
+          listClassName={clsx('⁂-status-list', {
             'animate-pulse': data?.length === 0,
           })}
         >
diff --git a/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx b/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
index a7ae8592c..e2f7e9529 100644
--- a/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
@@ -25,7 +25,7 @@ const ScheduledStatusesPage = () => {
         isLoading={isLoading}
         onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
         emptyMessageText={emptyMessage}
-        listClassName='divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
+        listClassName='⁂-status-list'
       >
         {scheduledStatuses.map((status) => <ScheduledStatus key={status.id} scheduledStatus={status} />)}
       </ScrollableList>
diff --git a/packages/pl-fe/src/styles/new/statuses.scss b/packages/pl-fe/src/styles/new/statuses.scss
index 5d46451ed..197af6f5f 100644
--- a/packages/pl-fe/src/styles/new/statuses.scss
+++ b/packages/pl-fe/src/styles/new/statuses.scss
@@ -8,6 +8,14 @@
   }
 }
 
+.⁂-status-info {
+  @apply flex gap-2 items-center w-fit max-w-full cursor-default rounded-full border border-gray-200 bg-gray-100 px-3 py-1 black:border-gray-800 black:bg-gray-900 dark:border-transparent dark:bg-primary-800 rtl:space-x-reverse;
+
+  p {
+    @include mixins.text($theme: muted, $size: xs, $weight: medium, $truncate: true);
+  }
+}
+
 .⁂-status-reply-mentions {
   @apply mb-1 block text-sm text-gray-700 dark:text-gray-600;
 }
diff --git a/packages/pl-fe/src/styles/new/timelines.scss b/packages/pl-fe/src/styles/new/timelines.scss
index a19daf712..2797a83e7 100644
--- a/packages/pl-fe/src/styles/new/timelines.scss
+++ b/packages/pl-fe/src/styles/new/timelines.scss
@@ -25,6 +25,34 @@
   }
 }
 
+.⁂-status-list {
+  @apply divide-y divide-solid divide-gray-200 black:divide-gray-800 dark:divide-primary-800;
+
+  &__empty {
+    @apply flex flex-col gap-2 py-2;
+
+    h2 {
+      @include mixins.text($size: 2xl, $weight: bold, $align: center);
+    }
+
+    p {
+      @include mixins.text($size: sm, $theme: muted, $align: center);
+    }
+  }
+}
+
+.⁂-skip-pinned {
+  @apply absolute right-6 z-10 flex w-fit max-w-full items-center gap-2 rounded-full border border-gray-200 bg-gray-100 px-3 py-1 hover:bg-gray-200 black:border-gray-800 black:bg-gray-900 black:hover:bg-gray-800 dark:border-transparent dark:hover:border-primary-800 dark:bg-primary-800 dark:hover:bg-primary-900 rtl:space-x-reverse text-gray-700 dark:text-gray-600;
+
+  svg {
+    @apply size-4;
+  }
+
+  p {
+    @include mixins.text($size: xs, $theme: muted, $weight: medium, $truncate: true);
+  }
+}
+
 .⁂-load-more {
   @include mixins.button($theme: primary, $block: true);
 }
\ No newline at end of file

From 5e8edc767bf2ebf864e63303112cd289d8957c9e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 22:51:54 +0100
Subject: [PATCH 03/74] nicolium: update some deps
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/package.json |   12 +-
 pnpm-lock.yaml              | 1667 ++++++++++++++++++++++-------------
 2 files changed, 1082 insertions(+), 597 deletions(-)

diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index f32707683..5d3b81e87 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -72,7 +72,6 @@
     "@twemoji/svg": "^15.0.0",
     "@uidotdev/usehooks": "^2.4.1",
     "@use-gesture/react": "^10.3.1",
-    "@vitejs/plugin-react": "^4.3.4",
     "@yornaath/batshit": "^0.11.2",
     "abortcontroller-polyfill": "^1.7.8",
     "autoprefixer": "^10.4.23",
@@ -163,6 +162,7 @@
     "@types/redux-mock-store": "^1.5.0",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "@typescript-eslint/parser": "^8.24.0",
+    "@vitejs/plugin-react": "^5.1.3",
     "eslint": "^8.57.1",
     "eslint-import-resolver-typescript": "^4.0.0",
     "eslint-plugin-compat": "^6.0.2",
@@ -177,20 +177,20 @@
     "fake-indexeddb": "^6.0.0",
     "globals": "^15.14.0",
     "jsdom": "^25.0.1",
-    "rollup-plugin-bundle-stats": "^4.17.0",
+    "rollup-plugin-bundle-stats": "^4.21.10",
     "stylelint": "^16.12.0",
     "stylelint-config-standard-scss": "^12.0.0",
     "tailwindcss": "^3.4.17",
     "tslib": "^2.8.1",
     "type-fest": "^4.30.1",
     "typescript": "5.7.3",
-    "vite": "^5.4.21",
-    "vite-plugin-checker": "^0.10.0",
+    "vite": "^7.3.1",
+    "vite-plugin-checker": "^0.12.0",
     "vite-plugin-compile-time": "^0.3.2",
     "vite-plugin-html": "^3.2.2",
-    "vite-plugin-pwa": "^0.21.1",
+    "vite-plugin-pwa": "^1.2.0",
     "vite-plugin-require": "^1.2.14",
-    "vite-plugin-static-copy": "^2.3.2",
+    "vite-plugin-static-copy": "^3.2.0",
     "vitest": "^2.1.9"
   },
   "lint-staged": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b81c114d1..13336d530 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -108,7 +108,7 @@ importers:
         version: 5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@22.17.0)(rollup@4.52.5)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
       ws:
         specifier: ^8.18.3
         version: 8.18.3
@@ -217,9 +217,6 @@ importers:
       '@use-gesture/react':
         specifier: ^10.3.1
         version: 10.3.1(react@19.2.3)
-      '@vitejs/plugin-react':
-        specifier: ^4.3.4
-        version: 4.7.0(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
       '@yornaath/batshit':
         specifier: ^0.11.2
         version: 0.11.2
@@ -485,6 +482,9 @@ importers:
       '@typescript-eslint/parser':
         specifier: ^8.24.0
         version: 8.38.0(eslint@8.57.1)(typescript@5.7.3)
+      '@vitejs/plugin-react':
+        specifier: ^5.1.3
+        version: 5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       eslint:
         specifier: ^8.57.1
         version: 8.57.1
@@ -528,8 +528,8 @@ importers:
         specifier: ^25.0.1
         version: 25.0.1
       rollup-plugin-bundle-stats:
-        specifier: ^4.17.0
-        version: 4.21.1(core-js@3.44.0)(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        specifier: ^4.21.10
+        version: 4.21.10(core-js@3.44.0)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       stylelint:
         specifier: ^16.12.0
         version: 16.23.0(typescript@5.7.3)
@@ -549,26 +549,26 @@ importers:
         specifier: 5.7.3
         version: 5.7.3
       vite:
-        specifier: ^5.4.21
-        version: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+        specifier: ^7.3.1
+        version: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-checker:
-        specifier: ^0.10.0
-        version: 0.10.2(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        specifier: ^0.12.0
+        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
         specifier: ^0.3.2
-        version: 0.3.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 0.3.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-html:
         specifier: ^3.2.2
-        version: 3.2.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-pwa:
-        specifier: ^0.21.1
-        version: 0.21.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
+        specifier: ^1.2.0
+        version: 1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
       vite-plugin-require:
         specifier: ^1.2.14
-        version: 1.2.14(esbuild@0.24.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-static-copy:
-        specifier: ^2.3.2
-        version: 2.3.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        specifier: ^3.2.0
+        version: 3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vitest:
         specifier: ^2.1.9
         version: 2.1.9(@types/node@25.0.3)(jsdom@25.0.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
@@ -629,7 +629,7 @@ importers:
         version: 5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
       vite-plugin-dts:
         specifier: ^4.2.1
-        version: 4.5.4(@types/node@20.19.9)(rollup@4.52.5)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
 
 packages:
 
@@ -643,10 +643,6 @@ packages:
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
 
-  '@ampproject/remapping@2.3.0':
-    resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
-    engines: {node: '>=6.0.0'}
-
   '@apideck/better-ajv-errors@0.3.6':
     resolution: {integrity: sha512-P+ZygBLZtkp0qqOAJJVX4oX/sFo5JR3eBWwwuqHHhK0GIgQOKWrAfiAaWX0aArHkRWHMuggFEgAZNxVPwPZYaA==}
     engines: {node: '>=10'}
@@ -669,46 +665,30 @@ packages:
     resolution: {integrity: sha512-cjQ7ZlQ0Mv3b47hABuTevyTuYN4i+loJKGeV9flcCgIK37cCXRh+L1bd3iBHlynerhQ7BhCkn2BPbQUL+rGqFg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/code-frame@7.28.6':
-    resolution: {integrity: sha512-JYgintcMjRiCvS8mMECzaEn+m3PfoQiyqukOMCCVQtoJGYJw8j/8LBJEiqkHLkfwCcs74E3pbAUFNg7d9VNJ+Q==}
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.28.4':
-    resolution: {integrity: sha512-YsmSKC29MJwf0gF8Rjjrg5LQCmyh+j/nD8/eP7f+BeoQTKYqs9RoWbjGOdy0+1Ekr68RJZMUOPVQaQisnIo4Rw==}
+  '@babel/compat-data@7.29.0':
+    resolution: {integrity: sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.28.6':
-    resolution: {integrity: sha512-2lfu57JtzctfIrcGMz992hyLlByuzgIk58+hhGCxjKZ3rWI82NnVLjXcaTqkI2NvlcvOskZaiZ5kjUALo3Lpxg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.28.0':
-    resolution: {integrity: sha512-UlLAnTPrFdNGoFtbSXwcGFQBtQZJCNjaN6hQNP3UPvuNXT1i82N26KL3dZeIpNalWywr9IuQuncaAfUaS1g6sQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/core@7.28.6':
-    resolution: {integrity: sha512-H3mcG6ZDLTlYfaSNi0iOKkigqMFvkTKlGUYlD8GW7nNOYRrevuA46iTypPyv+06V3fEmvvazfntkBU34L0azAw==}
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/generator@7.28.0':
     resolution: {integrity: sha512-lJjzvrbEeWrhB4P3QBsH7tey117PjLZnDbLiQEKjQ/fNJTjuq4HSqgFA+UNSwZT8D7dxxbnuSBMsa1lrWzKlQg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.28.3':
-    resolution: {integrity: sha512-3lSpxGgvnmZznmBkCRnVREPUFJv2wrv9iAoFDvADJc0ypmdOxdUtcLeBgBJ6zE0PMeTKnxeQzyk0xTBq4Ep7zw==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/generator@7.28.6':
-    resolution: {integrity: sha512-lOoVRwADj8hjf7al89tvQ2a1lf53Z+7tiXMgpZJL3maQPDxh0DgLMN62B2MKUOFcoodBHLMbDM6WAbKgNy5Suw==}
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-annotate-as-pure@7.27.3':
     resolution: {integrity: sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.27.2':
-    resolution: {integrity: sha512-2+1thGUUWWjLTYTHZWK1n8Yga0ijBz1XAhUXcKy81rd5g6yh7hGqMp45v7cadSbEHc9G3OTv45SyneRN3ps4DQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-compilation-targets@7.28.6':
     resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
     engines: {node: '>=6.9.0'}
@@ -725,8 +705,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-define-polyfill-provider@0.6.5':
-    resolution: {integrity: sha512-uJnGFcPsWQK8fvjgGP5LZUZZsYGIoPeRjSF5PGwrelYgq7Q15/Ft9NGFp1zglwgIv//W0uG4BevRuSJRyylZPg==}
+  '@babel/helper-define-polyfill-provider@0.6.6':
+    resolution: {integrity: sha512-mOAsxeeKkUKayvZR3HeTYD/fICpCPLJrU5ZjelT/PA6WHtNDBOE436YiaEUvHN454bRM3CebhDsIpieCc4texA==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
@@ -738,20 +718,10 @@ packages:
     resolution: {integrity: sha512-cwM7SBRZcPCLgl8a7cY0soT1SptSzAlMH39vwiRpOQkJlh53r5hdHwLSCZpQdVLT39sZt+CRpNwYG4Y2v77atg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.27.1':
-    resolution: {integrity: sha512-0gSFWUPNXNopqtIPQvlD5WgXYI5GY2kP2cCvoT8kczjbfcfuIljTbcWrulD1CIPIX2gt1wghbDy08yE1p+/r3w==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-module-imports@7.28.6':
     resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-transforms@7.27.3':
-    resolution: {integrity: sha512-dSOvYwvyLsWBeIRyOeHXp5vPj5l1I011r52FM1+r1jCERv+aFXYk4whgQccYEGYxK2H3ZAIA8nuPkQ0HaUo3qg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0
-
   '@babel/helper-module-transforms@7.28.6':
     resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
     engines: {node: '>=6.9.0'}
@@ -762,10 +732,6 @@ packages:
     resolution: {integrity: sha512-URMGH08NzYFhubNSGJrpUEphGKQwMQYBySzat5cAByY1/YgIRkULnIy3tAMeszlL/so2HbeilYloUmSpd7GdVw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.27.1':
-    resolution: {integrity: sha512-1gn1Up5YXka3YYAHGKpbideQ5Yjf1tDa9qYcgysz+cNCXukyLl6DjPXhD3VRwSb8c0J9tA4b2+rHEZtc6R0tlw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-plugin-utils@7.28.6':
     resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
     engines: {node: '>=6.9.0'}
@@ -806,10 +772,6 @@ packages:
     resolution: {integrity: sha512-z+PwLziMNBeSQJonizz2AGnndLsP2DeGHIxDAn+wdHOGuo4Fo1x1HBPPXeE9TAOPHNNWQKCSlA2VZyYyyibDnQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.28.2':
-    resolution: {integrity: sha512-/V9771t+EgXz62aCcyofnQhGM8DQACbRhvzKFsXKC9QM+5MadF8ZmIm0crDMaz3+o0h0zXfJnd4EhbYbxsrcFw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helpers@7.28.6':
     resolution: {integrity: sha512-xOBvwq86HHdB7WUDTfKfT/Vuxh7gElQ+Sfti2Cy6yIWNW05P8iUslOVcZ4/sKbE+/jQaukQAdz/gf3724kYdqw==}
     engines: {node: '>=6.9.0'}
@@ -824,8 +786,8 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.28.6':
-    resolution: {integrity: sha512-TeR9zWR18BvbfPmGbLampPMW+uW1NZnJlRuuHso8i87QZNq2JRF9i6RgxRqtEq+wQGsS19NNTWr2duhnE49mfQ==}
+  '@babel/parser@7.29.0':
+    resolution: {integrity: sha512-IyDgFV5GeDUVX4YdF/3CPULtVGSXXMLh1xVIgdCgxApktqnQV0r7/8Nqthg+8YLGaAtdyIlo2qIdZrbCv4+7ww==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -889,8 +851,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-async-generator-functions@7.28.6':
-    resolution: {integrity: sha512-9knsChgsMzBV5Yh3kkhrZNxH3oCYAfMBkNNaVN4cP2RVlFPe8wYdwwcnOsAbkdDoV9UjFtOXWrWB52M8W4jNeA==}
+  '@babel/plugin-transform-async-generator-functions@7.29.0':
+    resolution: {integrity: sha512-va0VdWro4zlBr2JsXC+ofCPB2iG12wPtVGTWFx2WLDOM3nYQZZIGP82qku2eW/JR83sD+k2k+CsNtyEbUqhU6w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -955,8 +917,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.28.6':
-    resolution: {integrity: sha512-5suVoXjC14lUN6ZL9OLKIHCNVWCrqGqlmEp/ixdXjvgnEl/kauLvvMO/Xw9NyMc95Joj1AeLVPVMvibBgSoFlA==}
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.0':
+    resolution: {integrity: sha512-zBPcW2lFGxdiD8PUnPwJjag2J9otbcLQzvbiOzDxpYXyCuYX9agOwMPGn1prVH0a4qzhCKu24rlH4c1f7yA8rw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1033,8 +995,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-modules-systemjs@7.28.5':
-    resolution: {integrity: sha512-vn5Jma98LCOeBy/KpeQhXcV2WZgaRUtjwQmjoBuLNlOmkg0fB5pdvYVeWRYI69wWKwK2cD1QbMiUQnoujWvrew==}
+  '@babel/plugin-transform-modules-systemjs@7.29.0':
+    resolution: {integrity: sha512-PrujnVFbOdUpw4UHiVwKvKRLMMic8+eC0CuNlxjsyZUiBjhFdPsewdXCkveh2KqBA9/waD0W1b4hXSOBQJezpQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1045,8 +1007,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.27.1':
-    resolution: {integrity: sha512-SstR5JYy8ddZvD6MhV0tM/j16Qds4mIpJTOd1Yu9J9pJjH93bxHECF7pgtc28XvkzTD6Pxcm/0Z73Hvk7kb3Ng==}
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.0':
+    resolution: {integrity: sha512-1CZQA5KNAD6ZYQLPw7oi5ewtDNxH/2vuCh+6SmvgDfhumForvs8a1o9n0UrEoBD8HU4djO2yWngTQlXl1NDVEQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1129,8 +1091,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-regenerator@7.28.6':
-    resolution: {integrity: sha512-eZhoEZHYQLL5uc1gS5e9/oTknS0sSSAtd5TkKMUp3J+S/CaUjagc0kOUPsEbDmMeva0nC3WWl4SxVY6+OBuxfw==}
+  '@babel/plugin-transform-regenerator@7.29.0':
+    resolution: {integrity: sha512-FijqlqMA7DmRdg/aINBSs04y8XNTYw/lr1gJ2WsmBnnaNw1iS43EPkJW+zK7z65auG3AWRFXWj+NcTQwYptUog==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1201,8 +1163,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/preset-env@7.28.6':
-    resolution: {integrity: sha512-GaTI4nXDrs7l0qaJ6Rg06dtOXTBCG6TMDB44zbqofCIC4PqC7SEvmFFtpxzCDw9W5aJ7RKVshgXTLvLdBFV/qw==}
+  '@babel/preset-env@7.29.0':
+    resolution: {integrity: sha512-fNEdfc0yi16lt6IZo2Qxk3knHVdfMYX33czNb4v8yWhemoBhibCpQK/uYHtSKIiO+p/zd3+8fYVXhQdOVV608w==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -1235,12 +1197,8 @@ packages:
     resolution: {integrity: sha512-mGe7UK5wWyh0bKRfupsUchrQGqvDbZDbKJw+kcRGSmdHVYrv+ltd0pnpDTVpiTqnaBru9iEvA8pz8W46v0Amwg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.28.4':
-    resolution: {integrity: sha512-YEzuboP2qvQavAcjgQNVgsvHIDv6ZpwXvcvjmyySP2DIMuByS/6ioU5G9pYrWHM6T2YDfc7xga9iNzYOs12CFQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.28.6':
-    resolution: {integrity: sha512-fgWX62k02qtjqdSNTAGxmKYY/7FSL9WAS1o2Hu5+I5m9T0yxZzr4cnrfXQ/MX0rIifthCSs6FKTlzYbJcPtMNg==}
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/types@7.28.2':
@@ -1251,32 +1209,32 @@ packages:
     resolution: {integrity: sha512-bkFqkLhh3pMBUQQkpVgWDWq/lqzc2678eUyDlTBhRqhCHFguYYGM0Efga7tYk4TogG/3x0EEl66/OQ+WGbWB/Q==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.28.6':
-    resolution: {integrity: sha512-0ZrskXVEHSWIqZM/sQZ4EV3jZJXRkio/WCxaqKZP1g//CEWEPSfeZFcms4XeKBCHU0ZKnIkdJeU/kF+eRp5lBg==}
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
     engines: {node: '>=6.9.0'}
 
   '@bufbuild/protobuf@2.10.1':
     resolution: {integrity: sha512-ckS3+vyJb5qGpEYv/s1OebUHDi/xSNtfgw1wqKZo7MR9F2z+qXr0q5XagafAG/9O0QPVIUfST0smluYSTpYFkg==}
 
-  '@bundle-stats/cli-utils@4.21.1':
-    resolution: {integrity: sha512-KQpA3v+ffZL1kuGa4jLESWllkki1e8KlBAFD5Ri/jl6wNQWvpxCl1HLCpXxeh1YhgEJE0OsLAt4+HtqjVe9UwQ==}
+  '@bundle-stats/cli-utils@4.21.10':
+    resolution: {integrity: sha512-x+wJvQFLU+82hLyIfzo3IR3oj7Ba+OaBF2Jhkg7i11bUkxR+KjTtdguwKcI5COI1ZT5dnPgngySEiNXd+vTuXA==}
     engines: {node: '>= 14.0'}
 
-  '@bundle-stats/html-templates@4.21.1':
-    resolution: {integrity: sha512-w/ITXyKRUCH45+pVTDIqN9TWw11JpUfcq69pTOhpNrX91Yvj2jrwG/7q2tXbzPx6LBfEF6hqd3s9pPo20P86AA==}
+  '@bundle-stats/html-templates@4.21.10':
+    resolution: {integrity: sha512-PKOlrbsU7pOE2meid8Pudbi+CriH5nO/CQtVjVxtktgw+kDOMt2fZoasWaZ+pP6Zk07r6chX/F9ntBP9FjYVYg==}
 
-  '@bundle-stats/plugin-webpack-filter@4.21.1':
-    resolution: {integrity: sha512-4yg9rgNmML3kM6yBT74JZ4ljYiQo1h0Fj+3MpkHwbv7gmjyL4AgXL26Tf2nadGOelbx5M0xW6l9sVP1XwYC6Rg==}
+  '@bundle-stats/plugin-webpack-filter@4.21.10':
+    resolution: {integrity: sha512-r32p1Y4xNkXPP2vZIJBiKhynog8P2AJDbgw9lxROp3IBe/7M7i+wkxATSGHkuWaYisJDBj7/28acjl7YJYDuzA==}
     engines: {node: '>= 14.0'}
     peerDependencies:
       core-js: ^3.0.0
 
-  '@bundle-stats/plugin-webpack-validate@4.21.1':
-    resolution: {integrity: sha512-2z7eJZ/rXZss2b+8C+xtF5VSTwdFAZPzZdh9tr5KztXYDK2oayF21pX8Z6eefhjbeN5lKG99zE2hvVQnLD+5FQ==}
+  '@bundle-stats/plugin-webpack-validate@4.21.10':
+    resolution: {integrity: sha512-izQrd6Bbjcuh+HzYhvcS2STdPRbtnKYQ1yTj1itxm09piVS9UEtbXqzfRsMkiKZ8lXr9IauKOWK7ZOSCIlcgkg==}
     engines: {node: '>= 14.0'}
 
-  '@bundle-stats/utils@4.21.1':
-    resolution: {integrity: sha512-QqFJs9mfVp67NIyRi34H/e2JrAfhVbHdbAtbQ2gBZfn6d/UGsCwKoxyd9qMYBR98Y95Me9Sj3kkn03CkkAhB3A==}
+  '@bundle-stats/utils@4.21.10':
+    resolution: {integrity: sha512-eKsrvf+/nP4l1NaJXv7dsot0iSDuadsefBE4oL3+fCsir+kaMYVqknN9oh4EEaDb3ycxxWglE/50xDqFXTWEwg==}
     engines: {node: '>= 14.0'}
     peerDependencies:
       core-js: ^3.0.0
@@ -1369,6 +1327,12 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.27.3':
+    resolution: {integrity: sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.21.5':
     resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
@@ -1381,6 +1345,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.27.3':
+    resolution: {integrity: sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.21.5':
     resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
@@ -1393,6 +1363,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.27.3':
+    resolution: {integrity: sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.21.5':
     resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
@@ -1405,6 +1381,12 @@ packages:
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.27.3':
+    resolution: {integrity: sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.21.5':
     resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
@@ -1417,6 +1399,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.27.3':
+    resolution: {integrity: sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.21.5':
     resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
@@ -1429,6 +1417,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.27.3':
+    resolution: {integrity: sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.21.5':
     resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
@@ -1441,6 +1435,12 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.27.3':
+    resolution: {integrity: sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.21.5':
     resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
@@ -1453,6 +1453,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.27.3':
+    resolution: {integrity: sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.21.5':
     resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
@@ -1465,6 +1471,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.27.3':
+    resolution: {integrity: sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.21.5':
     resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
@@ -1477,6 +1489,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.27.3':
+    resolution: {integrity: sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.21.5':
     resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
@@ -1489,6 +1507,12 @@ packages:
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.27.3':
+    resolution: {integrity: sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.21.5':
     resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
@@ -1501,6 +1525,12 @@ packages:
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.27.3':
+    resolution: {integrity: sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.21.5':
     resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
@@ -1513,6 +1543,12 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.27.3':
+    resolution: {integrity: sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.21.5':
     resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
@@ -1525,6 +1561,12 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.27.3':
+    resolution: {integrity: sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.21.5':
     resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
@@ -1537,6 +1579,12 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.27.3':
+    resolution: {integrity: sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.21.5':
     resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
@@ -1549,6 +1597,12 @@ packages:
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.27.3':
+    resolution: {integrity: sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.21.5':
     resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
@@ -1561,12 +1615,24 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.27.3':
+    resolution: {integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.24.2':
     resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.27.3':
+    resolution: {integrity: sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.21.5':
     resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
@@ -1579,12 +1645,24 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.27.3':
+    resolution: {integrity: sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.24.2':
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.27.3':
+    resolution: {integrity: sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.21.5':
     resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
@@ -1597,6 +1675,18 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.27.3':
+    resolution: {integrity: sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.3':
+    resolution: {integrity: sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@esbuild/sunos-x64@0.21.5':
     resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
@@ -1609,6 +1699,12 @@ packages:
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.27.3':
+    resolution: {integrity: sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.21.5':
     resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
@@ -1621,6 +1717,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.27.3':
+    resolution: {integrity: sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.21.5':
     resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
@@ -1633,6 +1735,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.27.3':
+    resolution: {integrity: sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.21.5':
     resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
@@ -1645,6 +1753,12 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.27.3':
+    resolution: {integrity: sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.7.0':
     resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2155,8 +2269,8 @@ packages:
       react-redux:
         optional: true
 
-  '@rolldown/pluginutils@1.0.0-beta.27':
-    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+  '@rolldown/pluginutils@1.0.0-rc.3':
+    resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
 
   '@rollup/plugin-babel@5.3.1':
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
@@ -2225,111 +2339,236 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@rollup/rollup-android-arm-eabi@4.57.1':
+    resolution: {integrity: sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==}
+    cpu: [arm]
+    os: [android]
+
   '@rollup/rollup-android-arm64@4.52.5':
     resolution: {integrity: sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==}
     cpu: [arm64]
     os: [android]
 
+  '@rollup/rollup-android-arm64@4.57.1':
+    resolution: {integrity: sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==}
+    cpu: [arm64]
+    os: [android]
+
   '@rollup/rollup-darwin-arm64@4.52.5':
     resolution: {integrity: sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==}
     cpu: [arm64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-arm64@4.57.1':
+    resolution: {integrity: sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==}
+    cpu: [arm64]
+    os: [darwin]
+
   '@rollup/rollup-darwin-x64@4.52.5':
     resolution: {integrity: sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==}
     cpu: [x64]
     os: [darwin]
 
+  '@rollup/rollup-darwin-x64@4.57.1':
+    resolution: {integrity: sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==}
+    cpu: [x64]
+    os: [darwin]
+
   '@rollup/rollup-freebsd-arm64@4.52.5':
     resolution: {integrity: sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==}
     cpu: [arm64]
     os: [freebsd]
 
+  '@rollup/rollup-freebsd-arm64@4.57.1':
+    resolution: {integrity: sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@rollup/rollup-freebsd-x64@4.52.5':
     resolution: {integrity: sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==}
     cpu: [x64]
     os: [freebsd]
 
+  '@rollup/rollup-freebsd-x64@4.57.1':
+    resolution: {integrity: sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==}
+    cpu: [x64]
+    os: [freebsd]
+
   '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
     resolution: {integrity: sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==}
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
+    resolution: {integrity: sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm-musleabihf@4.52.5':
     resolution: {integrity: sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==}
     cpu: [arm]
     os: [linux]
 
+  '@rollup/rollup-linux-arm-musleabihf@4.57.1':
+    resolution: {integrity: sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==}
+    cpu: [arm]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-gnu@4.52.5':
     resolution: {integrity: sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==}
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-gnu@4.57.1':
+    resolution: {integrity: sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-arm64-musl@4.52.5':
     resolution: {integrity: sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==}
     cpu: [arm64]
     os: [linux]
 
+  '@rollup/rollup-linux-arm64-musl@4.57.1':
+    resolution: {integrity: sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==}
+    cpu: [arm64]
+    os: [linux]
+
   '@rollup/rollup-linux-loong64-gnu@4.52.5':
     resolution: {integrity: sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==}
     cpu: [loong64]
     os: [linux]
 
+  '@rollup/rollup-linux-loong64-gnu@4.57.1':
+    resolution: {integrity: sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.57.1':
+    resolution: {integrity: sha512-xpObYIf+8gprgWaPP32xiN5RVTi/s5FCR+XMXSKmhfoJjrpRAjCuuqQXyxUa/eJTdAE6eJ+KDKaoEqjZQxh3Gw==}
+    cpu: [loong64]
+    os: [linux]
+
   '@rollup/rollup-linux-ppc64-gnu@4.52.5':
     resolution: {integrity: sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==}
     cpu: [ppc64]
     os: [linux]
 
+  '@rollup/rollup-linux-ppc64-gnu@4.57.1':
+    resolution: {integrity: sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.57.1':
+    resolution: {integrity: sha512-NOlUuzesGauESAyEYFSe3QTUguL+lvrN1HtwEEsU2rOwdUDeTMJdO5dUYl/2hKf9jWydJrO9OL/XSSf65R5+Xw==}
+    cpu: [ppc64]
+    os: [linux]
+
   '@rollup/rollup-linux-riscv64-gnu@4.52.5':
     resolution: {integrity: sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==}
     cpu: [riscv64]
     os: [linux]
 
+  '@rollup/rollup-linux-riscv64-gnu@4.57.1':
+    resolution: {integrity: sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rollup/rollup-linux-riscv64-musl@4.52.5':
     resolution: {integrity: sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==}
     cpu: [riscv64]
     os: [linux]
 
+  '@rollup/rollup-linux-riscv64-musl@4.57.1':
+    resolution: {integrity: sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==}
+    cpu: [riscv64]
+    os: [linux]
+
   '@rollup/rollup-linux-s390x-gnu@4.52.5':
     resolution: {integrity: sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==}
     cpu: [s390x]
     os: [linux]
 
+  '@rollup/rollup-linux-s390x-gnu@4.57.1':
+    resolution: {integrity: sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==}
+    cpu: [s390x]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-gnu@4.52.5':
     resolution: {integrity: sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==}
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-gnu@4.57.1':
+    resolution: {integrity: sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==}
+    cpu: [x64]
+    os: [linux]
+
   '@rollup/rollup-linux-x64-musl@4.52.5':
     resolution: {integrity: sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==}
     cpu: [x64]
     os: [linux]
 
+  '@rollup/rollup-linux-x64-musl@4.57.1':
+    resolution: {integrity: sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openbsd-x64@4.57.1':
+    resolution: {integrity: sha512-H+hXEv9gdVQuDTgnqD+SQffoWoc0Of59AStSzTEj/feWTBAnSfSD3+Dql1ZruJQxmykT/JVY0dE8Ka7z0DH1hw==}
+    cpu: [x64]
+    os: [openbsd]
+
   '@rollup/rollup-openharmony-arm64@4.52.5':
     resolution: {integrity: sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==}
     cpu: [arm64]
     os: [openharmony]
 
+  '@rollup/rollup-openharmony-arm64@4.57.1':
+    resolution: {integrity: sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@rollup/rollup-win32-arm64-msvc@4.52.5':
     resolution: {integrity: sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==}
     cpu: [arm64]
     os: [win32]
 
+  '@rollup/rollup-win32-arm64-msvc@4.57.1':
+    resolution: {integrity: sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==}
+    cpu: [arm64]
+    os: [win32]
+
   '@rollup/rollup-win32-ia32-msvc@4.52.5':
     resolution: {integrity: sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==}
     cpu: [ia32]
     os: [win32]
 
+  '@rollup/rollup-win32-ia32-msvc@4.57.1':
+    resolution: {integrity: sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==}
+    cpu: [ia32]
+    os: [win32]
+
   '@rollup/rollup-win32-x64-gnu@4.52.5':
     resolution: {integrity: sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==}
     cpu: [x64]
     os: [win32]
 
+  '@rollup/rollup-win32-x64-gnu@4.57.1':
+    resolution: {integrity: sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==}
+    cpu: [x64]
+    os: [win32]
+
   '@rollup/rollup-win32-x64-msvc@4.52.5':
     resolution: {integrity: sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==}
     cpu: [x64]
     os: [win32]
 
+  '@rollup/rollup-win32-x64-msvc@4.57.1':
+    resolution: {integrity: sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==}
+    cpu: [x64]
+    os: [win32]
+
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
@@ -2932,9 +3171,9 @@ packages:
     peerDependencies:
       react: '>= 16.8.0'
 
-  '@vitejs/plugin-react@4.7.0':
-    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  '@vitejs/plugin-react@5.1.4':
+    resolution: {integrity: sha512-VIcFLdRi/VYRU8OL/puL7QXMYafHmqOnwTZY50U1JPlCNj30PxCMx65c494b1K9be9hX83KVt0+gTEwTWLqToA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
@@ -3123,6 +3362,9 @@ packages:
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
+  ajv@8.18.0:
+    resolution: {integrity: sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A==}
+
   alien-signals@0.4.14:
     resolution: {integrity: sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==}
 
@@ -3260,18 +3502,18 @@ packages:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
 
-  babel-plugin-polyfill-corejs2@0.4.14:
-    resolution: {integrity: sha512-Co2Y9wX854ts6U8gAAPXfn0GmAyctHuK8n0Yhfjd6t30g7yvKjspvvOo9yG+z52PZRgFErt7Ka2pYnXCjLKEpg==}
+  babel-plugin-polyfill-corejs2@0.4.15:
+    resolution: {integrity: sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-corejs3@0.13.0:
-    resolution: {integrity: sha512-U+GNwMdSFgzVmfhNm8GJUX88AadB3uo9KpJqS3FaqNIPKgySuvMb+bHPsOmmuWyIcuqZj/pzt1RUIUZns4y2+A==}
+  babel-plugin-polyfill-corejs3@0.14.0:
+    resolution: {integrity: sha512-AvDcMxJ34W4Wgy4KBIIePQTAOP1Ie2WFwkQp3dB7FQ/f0lI5+nM96zUnYEOE1P9sEg0es5VCP0HxiWu5fUHZAQ==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-polyfill-regenerator@0.6.5:
-    resolution: {integrity: sha512-ISqQ2frbiNU9vIJkzg7dlPpznPZ4jOiUQ1uSmB0fEHeowtN3COYRsXr/xexn64NpU13P06jc/L5TgiJXOgrbEg==}
+  babel-plugin-polyfill-regenerator@0.6.6:
+    resolution: {integrity: sha512-hYm+XLYRMvupxiQzrvXUj7YyvFFVfv5gI0R71AJzudg1g2AI2vyCPPIFEBjk162/wFzti3inBHo7isWFuEVS/A==}
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
@@ -3868,6 +4110,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.27.3:
+    resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -4102,6 +4349,9 @@ packages:
   fast-uri@3.0.6:
     resolution: {integrity: sha512-Atfo14OibSv5wAp4VWNsFYE1AchQRTv9cBGWET4pZWHzYshFSS9NQI6I57rdKn9croWVMbYFbLhJ+yJvmZIIHw==}
 
+  fast-uri@3.1.0:
+    resolution: {integrity: sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA==}
+
   fastest-levenshtein@1.0.16:
     resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
     engines: {node: '>= 4.9.1'}
@@ -4120,6 +4370,15 @@ packages:
       picomatch:
         optional: true
 
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   file-entry-cache@10.1.3:
     resolution: {integrity: sha512-D+w75Ub8T55yor7fPgN06rkCAUbAYw2vpxJmmjv/GDAcvCnv9g7IvHhIZoxzRZThrXPFI2maeY24pPbtyYU7Lg==}
 
@@ -4250,11 +4509,12 @@ packages:
 
   glob@10.4.5:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
     hasBin: true
 
   glob@7.2.3:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
-    deprecated: Glob versions prior to v9 are no longer supported
+    deprecated: Old versions of glob are not supported, and contain widely publicized security vulnerabilities, which have been fixed in the current version. Please update. Support for old versions may be purchased (at exorbitant rates) by contacting i@izs.me
 
   global-modules@2.0.0:
     resolution: {integrity: sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==}
@@ -4884,9 +5144,6 @@ packages:
   lodash.uniq@4.5.0:
     resolution: {integrity: sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==}
 
-  lodash@4.17.21:
-    resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
-
   lodash@4.17.23:
     resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
 
@@ -5167,8 +5424,8 @@ packages:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  p-map@7.0.3:
-    resolution: {integrity: sha512-VkndIv2fIB99swvQoA65bm+fsmt6UNdGeIB0oxBs+WhAhdh08QA04JXpI7rbB9r08/nkbysKoya9rtDERYOYMA==}
+  p-map@7.0.4:
+    resolution: {integrity: sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==}
     engines: {node: '>=18'}
 
   p-try@2.2.0:
@@ -5667,8 +5924,8 @@ packages:
       redux:
         optional: true
 
-  react-refresh@0.17.0:
-    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+  react-refresh@0.18.0:
+    resolution: {integrity: sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==}
     engines: {node: '>=0.10.0'}
 
   react-sparklines@1.7.0:
@@ -5825,37 +6082,46 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
-  rollup-plugin-bundle-stats@4.21.1:
-    resolution: {integrity: sha512-6RS5Riinh1VvycBYCZCDd2YfDd7TJ9Cv/+wdobm2jX8s9xs4Prp0ojA+79p4R6uOXzYdDcMA/sOglk0lYEQNxw==}
+  rollup-plugin-bundle-stats@4.21.10:
+    resolution: {integrity: sha512-vcUqcAZpXHhBf/Gu7OLcRIVU4Rz6ZXISNCsbuFdpfkGcYDOOcB+pYkTXx73ZHHdD4RkT5SlkrQQwdNKfrTPc5g==}
     engines: {node: '>= 16.0'}
     peerDependencies:
+      rolldown: ^1.0.0-beta.0
       rollup: ^3.0.0 || ^4.0.0
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
     peerDependenciesMeta:
+      rolldown:
+        optional: true
       rollup:
         optional: true
       vite:
         optional: true
 
-  rollup-plugin-stats@1.4.0:
-    resolution: {integrity: sha512-qbwuMysGHqNrW0XBO3dU8qM7SdVYmMuaABp6SG1wFDClFVdUo8Umtk/LIDFCocNxDf6Tvtu7tXF/FsMy8NZCew==}
+  rollup-plugin-stats@1.5.6:
+    resolution: {integrity: sha512-uWclISMxZcWfmcnwOJgJ2sLIKsXvDUI7yFfqXFq6g20IeBE+bc+RhXcvMAO2vPN3A66wBvIF6XkGhI7v/KuwGw==}
     engines: {node: '>=18'}
     peerDependencies:
+      rolldown: ^1.0.0-beta.0
       rollup: ^3.0.0 || ^4.0.0
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
     peerDependenciesMeta:
+      rolldown:
+        optional: true
       rollup:
         optional: true
       vite:
         optional: true
 
-  rollup-plugin-webpack-stats@2.1.0:
-    resolution: {integrity: sha512-7cxCelMRPkqZvjQa4NuHSkdJ6nshLDuDYyPAky8YOjcaz+qEocg0DRcJoSd4r2mKSupz0uZpoav5vqpDm7bSxg==}
+  rollup-plugin-webpack-stats@2.1.11:
+    resolution: {integrity: sha512-F4R1Lbg9cmOE/C+UjIQ2EghT/bFpe2eF+ei1g1PBUp2EpQgYeED7So/pwC/ROi+4X1LXfi1sQHR5A0zgwUr/Kw==}
     engines: {node: '>=18'}
     peerDependencies:
+      rolldown: ^1.0.0-beta.0
       rollup: ^3.0.0 || ^4.0.0
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
     peerDependenciesMeta:
+      rolldown:
+        optional: true
       rollup:
         optional: true
       vite:
@@ -5871,6 +6137,11 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
+  rollup@4.57.1:
+    resolution: {integrity: sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
   rrweb-cssom@0.7.1:
     resolution: {integrity: sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==}
 
@@ -6043,8 +6314,8 @@ packages:
   serialize-javascript@6.0.2:
     resolution: {integrity: sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==}
 
-  serialize-query-params@2.0.2:
-    resolution: {integrity: sha512-1chMo1dST4pFA9RDXAtF0Rbjaut4is7bzFbI1Z26IuMub68pNCILku85aYmeFhvnY//BXUPUhoRMjYcsT93J/Q==}
+  serialize-query-params@2.0.4:
+    resolution: {integrity: sha512-y9WzzDj3BsGgKLCh0ugiinufS//YqOfao/yVJjkXA4VLuyNCfHOLU/cbulGPxs3aeCqhvROw7qPL04JSZnCo0w==}
 
   seroval-plugins@1.4.2:
     resolution: {integrity: sha512-X7p4MEDTi+60o2sXZ4bnDBhgsUYDSkQEvzYZuJyFqWg9jcoPsHts5nrg5O956py2wyt28lUrBxk0M0/wU8URpA==}
@@ -6121,8 +6392,9 @@ packages:
     resolution: {integrity: sha512-bSiSngZ/jWeX93BqeIAbImyTbEihizcwNjFoRUIY/T1wWQsfsm2Vw1agPKylXvQTU7iASGdHhyqRlqQzfz+Htg==}
     engines: {node: '>=18'}
 
-  smob@1.5.0:
-    resolution: {integrity: sha512-g6T+p7QO8npa+/hNx9ohv1E5pVCmWrVCUzUXJyLdMmftX6ER0oiWY/w9knEonLpnOp6b6FenKnMfR8gqwWdwig==}
+  smob@1.6.1:
+    resolution: {integrity: sha512-KAkBqZl3c2GvNgNhcoyJae1aKldDW0LO279wF9bk1PnluRTETKBq0WyzRXxEhoQLk56yHaOY4JCBEKDuJIET5g==}
+    engines: {node: '>=20.0.0'}
 
   source-map-js@1.2.1:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
@@ -6447,6 +6719,10 @@ packages:
     resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
     engines: {node: '>=12.0.0'}
 
+  tinyglobby@0.2.15:
+    resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
+    engines: {node: '>=12.0.0'}
+
   tinypool@1.1.1:
     resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -6687,17 +6963,18 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-plugin-checker@0.10.2:
-    resolution: {integrity: sha512-FX9U8TnIS6AGOlqmC6O2YmkJzcZJRrjA03UF7FOhcUJ7it3HmCoxcIPMcoHliBP6EFOuNzle9K4c0JL4suRPow==}
-    engines: {node: '>=14.16'}
+  vite-plugin-checker@0.12.0:
+    resolution: {integrity: sha512-CmdZdDOGss7kdQwv73UyVgLPv0FVYe5czAgnmRX2oKljgEvSrODGuClaV3PDR2+3ou7N/OKGauDDBjy2MB07Rg==}
+    engines: {node: '>=16.11'}
     peerDependencies:
       '@biomejs/biome': '>=1.7'
-      eslint: '>=7'
+      eslint: '>=9.39.1'
       meow: ^13.2.0
       optionator: ^0.9.4
+      oxlint: '>=1'
       stylelint: '>=16'
       typescript: '*'
-      vite: '>=2.0.0'
+      vite: '>=5.4.21'
       vls: '*'
       vti: '*'
       vue-tsc: ~2.2.10 || ^3.0.0
@@ -6710,6 +6987,8 @@ packages:
         optional: true
       optionator:
         optional: true
+      oxlint:
+        optional: true
       stylelint:
         optional: true
       typescript:
@@ -6740,14 +7019,14 @@ packages:
     peerDependencies:
       vite: '>=2.0.0'
 
-  vite-plugin-pwa@0.21.2:
-    resolution: {integrity: sha512-vFhH6Waw8itNu37hWUJxL50q+CBbNcMVzsKaYHQVrfxTt3ihk3PeLO22SbiP1UNWzcEPaTQv+YVxe4G0KOjAkg==}
+  vite-plugin-pwa@1.2.0:
+    resolution: {integrity: sha512-a2xld+SJshT9Lgcv8Ji4+srFJL4k/1bVbd1x06JIkvecpQkwkvCncD1+gSzcdm3s+owWLpMJerG3aN5jupJEVw==}
     engines: {node: '>=16.0.0'}
     peerDependencies:
-      '@vite-pwa/assets-generator': ^0.2.6
-      vite: ^3.1.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
-      workbox-build: ^7.3.0
-      workbox-window: ^7.3.0
+      '@vite-pwa/assets-generator': ^1.0.0
+      vite: ^3.1.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+      workbox-build: ^7.4.0
+      workbox-window: ^7.4.0
     peerDependenciesMeta:
       '@vite-pwa/assets-generator':
         optional: true
@@ -6758,11 +7037,11 @@ packages:
     peerDependencies:
       vite: ^2.0.0 || ^3.0.0 || ^4.0.0 || ^5.0.0
 
-  vite-plugin-static-copy@2.3.2:
-    resolution: {integrity: sha512-iwrrf+JupY4b9stBttRWzGHzZbeMjAHBhkrn67MNACXJVjEMRpCI10Q3AkxdBkl45IHaTfw/CNVevzQhP7yTwg==}
+  vite-plugin-static-copy@3.2.0:
+    resolution: {integrity: sha512-g2k9z8B/1Bx7D4wnFjPLx9dyYGrqWMLTpwTtPHhcU+ElNZP2O4+4OsyaficiDClus0dzVhdGvoGFYMJxoXZ12Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
     peerDependencies:
-      vite: ^5.0.0 || ^6.0.0
+      vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
   vite@5.4.21:
     resolution: {integrity: sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==}
@@ -6795,6 +7074,46 @@ packages:
       terser:
         optional: true
 
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vitest@2.1.9:
     resolution: {integrity: sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -7077,14 +7396,9 @@ snapshots:
 
   '@alloc/quick-lru@5.2.0': {}
 
-  '@ampproject/remapping@2.3.0':
+  '@apideck/better-ajv-errors@0.3.6(ajv@8.18.0)':
     dependencies:
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-
-  '@apideck/better-ajv-errors@0.3.6(ajv@8.17.1)':
-    dependencies:
-      ajv: 8.17.1
+      ajv: 8.18.0
       json-schema: 0.4.0
       jsonpointer: 5.0.1
       leven: 3.1.0
@@ -7121,47 +7435,25 @@ snapshots:
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/code-frame@7.28.6':
+  '@babel/code-frame@7.29.0':
     dependencies:
       '@babel/helper-validator-identifier': 7.28.5
       js-tokens: 4.0.0
       picocolors: 1.1.1
 
-  '@babel/compat-data@7.28.4': {}
+  '@babel/compat-data@7.29.0': {}
 
-  '@babel/compat-data@7.28.6': {}
-
-  '@babel/core@7.28.0':
+  '@babel/core@7.29.0':
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.0
-      '@babel/helper-compilation-targets': 7.27.2
-      '@babel/helper-module-transforms': 7.27.3(@babel/core@7.28.0)
-      '@babel/helpers': 7.28.2
-      '@babel/parser': 7.28.0
-      '@babel/template': 7.27.2
-      '@babel/traverse': 7.28.4
-      '@babel/types': 7.28.4
-      convert-source-map: 2.0.0
-      debug: 4.4.1
-      gensync: 1.0.0-beta.2
-      json5: 2.2.3
-      semver: 6.3.1
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/core@7.28.6':
-    dependencies:
-      '@babel/code-frame': 7.28.6
-      '@babel/generator': 7.28.6
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
       '@babel/helper-compilation-targets': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
       '@babel/helpers': 7.28.6
-      '@babel/parser': 7.28.6
+      '@babel/parser': 7.29.0
       '@babel/template': 7.28.6
-      '@babel/traverse': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
       '@jridgewell/remapping': 2.3.5
       convert-source-map: 2.0.0
       debug: 4.4.3
@@ -7179,65 +7471,49 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.29
       jsesc: 3.1.0
 
-  '@babel/generator@7.28.3':
+  '@babel/generator@7.29.1':
     dependencies:
-      '@babel/parser': 7.28.4
-      '@babel/types': 7.28.4
-      '@jridgewell/gen-mapping': 0.3.13
-      '@jridgewell/trace-mapping': 0.3.31
-      jsesc: 3.1.0
-
-  '@babel/generator@7.28.6':
-    dependencies:
-      '@babel/parser': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       '@jridgewell/gen-mapping': 0.3.13
       '@jridgewell/trace-mapping': 0.3.31
       jsesc: 3.1.0
 
   '@babel/helper-annotate-as-pure@7.27.3':
     dependencies:
-      '@babel/types': 7.28.6
-
-  '@babel/helper-compilation-targets@7.27.2':
-    dependencies:
-      '@babel/compat-data': 7.28.4
-      '@babel/helper-validator-option': 7.27.1
-      browserslist: 4.28.1
-      lru-cache: 5.1.1
-      semver: 6.3.1
+      '@babel/types': 7.29.0
 
   '@babel/helper-compilation-targets@7.28.6':
     dependencies:
-      '@babel/compat-data': 7.28.6
+      '@babel/compat-data': 7.29.0
       '@babel/helper-validator-option': 7.27.1
       browserslist: 4.28.1
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.28.6)':
+  '@babel/helper-create-class-features-plugin@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-member-expression-to-functions': 7.28.5
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-create-regexp-features-plugin@7.28.5(@babel/core@7.28.6)':
+  '@babel/helper-create-regexp-features-plugin@7.28.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       regexpu-core: 6.4.0
       semver: 6.3.1
 
-  '@babel/helper-define-polyfill-provider@0.6.5(@babel/core@7.28.6)':
+  '@babel/helper-define-polyfill-provider@0.6.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
       debug: 4.4.3
@@ -7250,73 +7526,55 @@ snapshots:
 
   '@babel/helper-member-expression-to-functions@7.28.5':
     dependencies:
-      '@babel/traverse': 7.28.6
-      '@babel/types': 7.28.6
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-imports@7.27.1':
-    dependencies:
-      '@babel/traverse': 7.28.4
-      '@babel/types': 7.28.4
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-module-imports@7.28.6':
     dependencies:
-      '@babel/traverse': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.27.3(@babel/core@7.28.0)':
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.0
-      '@babel/helper-module-imports': 7.27.1
-      '@babel/helper-validator-identifier': 7.27.1
-      '@babel/traverse': 7.28.4
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/helper-module-transforms@7.28.6(@babel/core@7.28.6)':
-    dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.28.6
       '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-optimise-call-expression@7.27.1':
     dependencies:
-      '@babel/types': 7.28.6
-
-  '@babel/helper-plugin-utils@7.27.1': {}
+      '@babel/types': 7.29.0
 
   '@babel/helper-plugin-utils@7.28.6': {}
 
-  '@babel/helper-remap-async-to-generator@7.27.1(@babel/core@7.28.6)':
+  '@babel/helper-remap-async-to-generator@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-wrap-function': 7.28.6
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-replace-supers@7.28.6(@babel/core@7.28.6)':
+  '@babel/helper-replace-supers@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-member-expression-to-functions': 7.28.5
       '@babel/helper-optimise-call-expression': 7.27.1
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
   '@babel/helper-skip-transparent-expression-wrappers@7.27.1':
     dependencies:
-      '@babel/traverse': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
@@ -7331,20 +7589,15 @@ snapshots:
   '@babel/helper-wrap-function@7.28.6':
     dependencies:
       '@babel/template': 7.28.6
-      '@babel/traverse': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.28.2':
-    dependencies:
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.4
-
   '@babel/helpers@7.28.6':
     dependencies:
       '@babel/template': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
 
   '@babel/parser@7.28.0':
     dependencies:
@@ -7354,489 +7607,489 @@ snapshots:
     dependencies:
       '@babel/types': 7.28.4
 
-  '@babel/parser@7.28.6':
+  '@babel/parser@7.29.0':
     dependencies:
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
 
-  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.28.5(@babel/core@7.28.6)':
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.28.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
-      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.28.6)
+      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.28.6)':
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
 
-  '@babel/plugin-syntax-import-assertions@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-syntax-import-assertions@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-syntax-import-attributes@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.28.6)':
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-arrow-functions@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-arrow-functions@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-async-generator-functions@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-async-generator-functions@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.28.6)
-      '@babel/traverse': 7.28.6
+      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-async-to-generator@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-async-to-generator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.28.6)
+      '@babel/helper-remap-async-to-generator': 7.27.1(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-block-scoped-functions@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-block-scoped-functions@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-block-scoping@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-block-scoping@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-class-properties@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-class-properties@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-class-static-block@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-class-static-block@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-classes@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-classes@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-globals': 7.28.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.28.6)
-      '@babel/traverse': 7.28.6
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-computed-properties@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-computed-properties@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/template': 7.28.6
 
-  '@babel/plugin-transform-destructuring@7.28.5(@babel/core@7.28.6)':
+  '@babel/plugin-transform-destructuring@7.28.5(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-dotall-regex@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-dotall-regex@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-duplicate-keys@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-duplicate-keys@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-dynamic-import@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-dynamic-import@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-explicit-resource-management@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-explicit-resource-management@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.28.6)
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-exponentiation-operator@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-exponentiation-operator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-export-namespace-from@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-export-namespace-from@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-for-of@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-for-of@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-function-name@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-function-name@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-json-strings@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-json-strings@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-literals@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-logical-assignment-operators@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-logical-assignment-operators@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-member-expression-literals@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-member-expression-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-modules-amd@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-modules-amd@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-modules-commonjs@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.28.5(@babel/core@7.28.6)':
+  '@babel/plugin-transform-modules-systemjs@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-validator-identifier': 7.28.5
-      '@babel/traverse': 7.28.6
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-modules-umd@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-named-capturing-groups-regex@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-new-target@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-new-target@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-nullish-coalescing-operator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-numeric-separator@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-numeric-separator@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-object-rest-spread@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-object-rest-spread@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.28.6)
-      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.28.6)
-      '@babel/traverse': 7.28.6
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.29.0)
+      '@babel/traverse': 7.29.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-object-super@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-object-super@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-replace-supers': 7.28.6(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-optional-catch-binding@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-optional-catch-binding@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-optional-chaining@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-optional-chaining@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-parameters@7.27.7(@babel/core@7.28.6)':
+  '@babel/plugin-transform-parameters@7.27.7(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-private-methods@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-private-methods@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-private-property-in-object@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-private-property-in-object@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-annotate-as-pure': 7.27.3
-      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.28.6)
+      '@babel/helper-create-class-features-plugin': 7.28.6(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-property-literals@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-property-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.28.0)':
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.0
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.28.0)':
-    dependencies:
-      '@babel/core': 7.28.0
-      '@babel/helper-plugin-utils': 7.27.1
-
-  '@babel/plugin-transform-regenerator@7.28.6(@babel/core@7.28.6)':
-    dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-regexp-modifiers@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-reserved-words@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-regenerator@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-shorthand-properties@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-regexp-modifiers@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-spread@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-reserved-words@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-shorthand-properties@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-spread@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-skip-transparent-expression-wrappers': 7.27.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-sticky-regex@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-sticky-regex@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-template-literals@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-template-literals@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-typeof-symbol@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-typeof-symbol@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-unicode-escapes@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-unicode-escapes@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-unicode-property-regex@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-unicode-property-regex@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-unicode-regex@7.27.1(@babel/core@7.28.6)':
+  '@babel/plugin-transform-unicode-regex@7.27.1(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/plugin-transform-unicode-sets-regex@7.28.6(@babel/core@7.28.6)':
+  '@babel/plugin-transform-unicode-sets-regex@7.28.6(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-create-regexp-features-plugin': 7.28.5(@babel/core@7.29.0)
       '@babel/helper-plugin-utils': 7.28.6
 
-  '@babel/preset-env@7.28.6(@babel/core@7.28.6)':
+  '@babel/preset-env@7.29.0(@babel/core@7.29.0)':
     dependencies:
-      '@babel/compat-data': 7.28.6
-      '@babel/core': 7.28.6
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
       '@babel/helper-compilation-targets': 7.28.6
       '@babel/helper-plugin-utils': 7.28.6
       '@babel/helper-validator-option': 7.27.1
-      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.28.5(@babel/core@7.28.6)
-      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.28.6)
-      '@babel/plugin-syntax-import-assertions': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-arrow-functions': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-async-generator-functions': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-async-to-generator': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-block-scoped-functions': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-block-scoping': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-class-properties': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-class-static-block': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-classes': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-computed-properties': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.28.6)
-      '@babel/plugin-transform-dotall-regex': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-duplicate-keys': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-dynamic-import': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-explicit-resource-management': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-exponentiation-operator': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-export-namespace-from': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-for-of': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-function-name': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-json-strings': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-literals': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-logical-assignment-operators': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-member-expression-literals': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-modules-amd': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-modules-systemjs': 7.28.5(@babel/core@7.28.6)
-      '@babel/plugin-transform-modules-umd': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-new-target': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-numeric-separator': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-object-rest-spread': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-object-super': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-optional-catch-binding': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.28.6)
-      '@babel/plugin-transform-private-methods': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-private-property-in-object': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-property-literals': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-regenerator': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-regexp-modifiers': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-reserved-words': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-shorthand-properties': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-spread': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-sticky-regex': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-template-literals': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-typeof-symbol': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-unicode-escapes': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-unicode-property-regex': 7.28.6(@babel/core@7.28.6)
-      '@babel/plugin-transform-unicode-regex': 7.27.1(@babel/core@7.28.6)
-      '@babel/plugin-transform-unicode-sets-regex': 7.28.6(@babel/core@7.28.6)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.28.6)
-      babel-plugin-polyfill-corejs2: 0.4.14(@babel/core@7.28.6)
-      babel-plugin-polyfill-corejs3: 0.13.0(@babel/core@7.28.6)
-      babel-plugin-polyfill-regenerator: 0.6.5(@babel/core@7.28.6)
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-assertions': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-import-attributes': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-arrow-functions': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-async-generator-functions': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-async-to-generator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoped-functions': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-block-scoping': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-class-properties': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-class-static-block': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-classes': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-computed-properties': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-destructuring': 7.28.5(@babel/core@7.29.0)
+      '@babel/plugin-transform-dotall-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-duplicate-keys': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-dynamic-import': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-explicit-resource-management': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-exponentiation-operator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-export-namespace-from': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-for-of': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-function-name': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-json-strings': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-logical-assignment-operators': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-member-expression-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-amd': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-commonjs': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-systemjs': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-modules-umd': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-new-target': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-numeric-separator': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-object-rest-spread': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-object-super': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-optional-catch-binding': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-optional-chaining': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-parameters': 7.27.7(@babel/core@7.29.0)
+      '@babel/plugin-transform-private-methods': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-private-property-in-object': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-property-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-regenerator': 7.29.0(@babel/core@7.29.0)
+      '@babel/plugin-transform-regexp-modifiers': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-reserved-words': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-shorthand-properties': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-spread': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-sticky-regex': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-template-literals': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-typeof-symbol': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-escapes': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-property-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-regex': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-unicode-sets-regex': 7.28.6(@babel/core@7.29.0)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs2: 0.4.15(@babel/core@7.29.0)
+      babel-plugin-polyfill-corejs3: 0.14.0(@babel/core@7.29.0)
+      babel-plugin-polyfill-regenerator: 0.6.6(@babel/core@7.29.0)
       core-js-compat: 3.48.0
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.28.6)':
+  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.29.0)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-plugin-utils': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
       esutils: 2.0.3
 
   '@babel/runtime@7.0.0':
@@ -7855,9 +8108,9 @@ snapshots:
 
   '@babel/template@7.28.6':
     dependencies:
-      '@babel/code-frame': 7.28.6
-      '@babel/parser': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
   '@babel/traverse@7.28.0':
     dependencies:
@@ -7871,26 +8124,14 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.28.4':
+  '@babel/traverse@7.29.0':
     dependencies:
-      '@babel/code-frame': 7.27.1
-      '@babel/generator': 7.28.3
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
       '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.4
-      '@babel/template': 7.27.2
-      '@babel/types': 7.28.4
-      debug: 4.4.3
-    transitivePeerDependencies:
-      - supports-color
-
-  '@babel/traverse@7.28.6':
-    dependencies:
-      '@babel/code-frame': 7.28.6
-      '@babel/generator': 7.28.6
-      '@babel/helper-globals': 7.28.0
-      '@babel/parser': 7.28.6
+      '@babel/parser': 7.29.0
       '@babel/template': 7.28.6
-      '@babel/types': 7.28.6
+      '@babel/types': 7.29.0
       debug: 4.4.3
     transitivePeerDependencies:
       - supports-color
@@ -7905,18 +8146,18 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
 
-  '@babel/types@7.28.6':
+  '@babel/types@7.29.0':
     dependencies:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.28.5
 
   '@bufbuild/protobuf@2.10.1': {}
 
-  '@bundle-stats/cli-utils@4.21.1(core-js@3.44.0)':
+  '@bundle-stats/cli-utils@4.21.10(core-js@3.44.0)':
     dependencies:
-      '@bundle-stats/html-templates': 4.21.1
-      '@bundle-stats/plugin-webpack-filter': 4.21.1(core-js@3.44.0)
-      '@bundle-stats/utils': 4.21.1(core-js@3.44.0)(lodash@4.17.23)
+      '@bundle-stats/html-templates': 4.21.10
+      '@bundle-stats/plugin-webpack-filter': 4.21.10(core-js@3.44.0)
+      '@bundle-stats/utils': 4.21.10(core-js@3.44.0)(lodash@4.17.23)
       find-cache-dir: 3.3.2
       lodash: 4.17.23
       stream-chain: 3.4.0
@@ -7924,26 +8165,26 @@ snapshots:
     transitivePeerDependencies:
       - core-js
 
-  '@bundle-stats/html-templates@4.21.1': {}
+  '@bundle-stats/html-templates@4.21.10': {}
 
-  '@bundle-stats/plugin-webpack-filter@4.21.1(core-js@3.44.0)':
+  '@bundle-stats/plugin-webpack-filter@4.21.10(core-js@3.44.0)':
     dependencies:
       core-js: 3.44.0
       tslib: 2.8.1
 
-  '@bundle-stats/plugin-webpack-validate@4.21.1':
+  '@bundle-stats/plugin-webpack-validate@4.21.10':
     dependencies:
-      lodash: 4.17.21
+      lodash: 4.17.23
       superstruct: 2.0.2
       tslib: 2.8.1
 
-  '@bundle-stats/utils@4.21.1(core-js@3.44.0)(lodash@4.17.23)':
+  '@bundle-stats/utils@4.21.10(core-js@3.44.0)(lodash@4.17.23)':
     dependencies:
-      '@bundle-stats/plugin-webpack-filter': 4.21.1(core-js@3.44.0)
-      '@bundle-stats/plugin-webpack-validate': 4.21.1
+      '@bundle-stats/plugin-webpack-filter': 4.21.10(core-js@3.44.0)
+      '@bundle-stats/plugin-webpack-validate': 4.21.10
       core-js: 3.44.0
       lodash: 4.17.23
-      serialize-query-params: 2.0.2
+      serialize-query-params: 2.0.4
 
   '@csstools/color-helpers@5.0.2': {}
 
@@ -8019,144 +8260,222 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/aix-ppc64@0.27.3':
+    optional: true
+
   '@esbuild/android-arm64@0.21.5':
     optional: true
 
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
+  '@esbuild/android-arm64@0.27.3':
+    optional: true
+
   '@esbuild/android-arm@0.21.5':
     optional: true
 
   '@esbuild/android-arm@0.24.2':
     optional: true
 
+  '@esbuild/android-arm@0.27.3':
+    optional: true
+
   '@esbuild/android-x64@0.21.5':
     optional: true
 
   '@esbuild/android-x64@0.24.2':
     optional: true
 
+  '@esbuild/android-x64@0.27.3':
+    optional: true
+
   '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-arm64@0.27.3':
+    optional: true
+
   '@esbuild/darwin-x64@0.21.5':
     optional: true
 
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-x64@0.27.3':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-x64@0.27.3':
+    optional: true
+
   '@esbuild/linux-arm64@0.21.5':
     optional: true
 
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm64@0.27.3':
+    optional: true
+
   '@esbuild/linux-arm@0.21.5':
     optional: true
 
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm@0.27.3':
+    optional: true
+
   '@esbuild/linux-ia32@0.21.5':
     optional: true
 
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
+  '@esbuild/linux-ia32@0.27.3':
+    optional: true
+
   '@esbuild/linux-loong64@0.21.5':
     optional: true
 
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
+  '@esbuild/linux-loong64@0.27.3':
+    optional: true
+
   '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
+  '@esbuild/linux-mips64el@0.27.3':
+    optional: true
+
   '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/linux-ppc64@0.27.3':
+    optional: true
+
   '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
+  '@esbuild/linux-riscv64@0.27.3':
+    optional: true
+
   '@esbuild/linux-s390x@0.21.5':
     optional: true
 
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
+  '@esbuild/linux-s390x@0.27.3':
+    optional: true
+
   '@esbuild/linux-x64@0.21.5':
     optional: true
 
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
+  '@esbuild/linux-x64@0.27.3':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-x64@0.27.3':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-x64@0.27.3':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.3':
+    optional: true
+
   '@esbuild/sunos-x64@0.21.5':
     optional: true
 
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
+  '@esbuild/sunos-x64@0.27.3':
+    optional: true
+
   '@esbuild/win32-arm64@0.21.5':
     optional: true
 
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
+  '@esbuild/win32-arm64@0.27.3':
+    optional: true
+
   '@esbuild/win32-ia32@0.21.5':
     optional: true
 
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
+  '@esbuild/win32-ia32@0.27.3':
+    optional: true
+
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
+  '@esbuild/win32-x64@0.27.3':
+    optional: true
+
   '@eslint-community/eslint-utils@4.7.0(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
@@ -8804,11 +9123,11 @@ snapshots:
       react: 19.2.3
       react-redux: 9.2.0(@types/react@18.3.27)(react@19.2.3)(redux@5.0.1)
 
-  '@rolldown/pluginutils@1.0.0-beta.27': {}
+  '@rolldown/pluginutils@1.0.0-rc.3': {}
 
-  '@rollup/plugin-babel@5.3.1(@babel/core@7.28.6)(@types/babel__core@7.20.5)(rollup@2.79.2)':
+  '@rollup/plugin-babel@5.3.1(@babel/core@7.29.0)(@types/babel__core@7.20.5)(rollup@2.79.2)':
     dependencies:
-      '@babel/core': 7.28.6
+      '@babel/core': 7.29.0
       '@babel/helper-module-imports': 7.28.6
       '@rollup/pluginutils': 3.1.0(rollup@2.79.2)
       rollup: 2.79.2
@@ -8836,7 +9155,7 @@ snapshots:
   '@rollup/plugin-terser@0.4.4(rollup@2.79.2)':
     dependencies:
       serialize-javascript: 6.0.2
-      smob: 1.5.0
+      smob: 1.6.1
       terser: 5.46.0
     optionalDependencies:
       rollup: 2.79.2
@@ -8853,13 +9172,13 @@ snapshots:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.2.0(rollup@4.52.5)':
+  '@rollup/pluginutils@5.2.0(rollup@4.57.1)':
     dependencies:
       '@types/estree': 1.0.8
       estree-walker: 2.0.2
       picomatch: 4.0.3
     optionalDependencies:
-      rollup: 4.52.5
+      rollup: 4.57.1
 
   '@rollup/pluginutils@5.3.0(rollup@2.79.2)':
     dependencies:
@@ -8872,69 +9191,144 @@ snapshots:
   '@rollup/rollup-android-arm-eabi@4.52.5':
     optional: true
 
+  '@rollup/rollup-android-arm-eabi@4.57.1':
+    optional: true
+
   '@rollup/rollup-android-arm64@4.52.5':
     optional: true
 
+  '@rollup/rollup-android-arm64@4.57.1':
+    optional: true
+
   '@rollup/rollup-darwin-arm64@4.52.5':
     optional: true
 
+  '@rollup/rollup-darwin-arm64@4.57.1':
+    optional: true
+
   '@rollup/rollup-darwin-x64@4.52.5':
     optional: true
 
+  '@rollup/rollup-darwin-x64@4.57.1':
+    optional: true
+
   '@rollup/rollup-freebsd-arm64@4.52.5':
     optional: true
 
+  '@rollup/rollup-freebsd-arm64@4.57.1':
+    optional: true
+
   '@rollup/rollup-freebsd-x64@4.52.5':
     optional: true
 
+  '@rollup/rollup-freebsd-x64@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-arm-musleabihf@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-arm-musleabihf@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-arm64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-arm64-gnu@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-arm64-musl@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-arm64-musl@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-loong64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-loong64-gnu@4.57.1':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-ppc64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-ppc64-gnu@4.57.1':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-riscv64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-riscv64-gnu@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-riscv64-musl@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-riscv64-musl@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-s390x-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-s390x-gnu@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-x64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-x64-gnu@4.57.1':
+    optional: true
+
   '@rollup/rollup-linux-x64-musl@4.52.5':
     optional: true
 
+  '@rollup/rollup-linux-x64-musl@4.57.1':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.57.1':
+    optional: true
+
   '@rollup/rollup-openharmony-arm64@4.52.5':
     optional: true
 
+  '@rollup/rollup-openharmony-arm64@4.57.1':
+    optional: true
+
   '@rollup/rollup-win32-arm64-msvc@4.52.5':
     optional: true
 
+  '@rollup/rollup-win32-arm64-msvc@4.57.1':
+    optional: true
+
   '@rollup/rollup-win32-ia32-msvc@4.52.5':
     optional: true
 
+  '@rollup/rollup-win32-ia32-msvc@4.57.1':
+    optional: true
+
   '@rollup/rollup-win32-x64-gnu@4.52.5':
     optional: true
 
+  '@rollup/rollup-win32-x64-gnu@4.57.1':
+    optional: true
+
   '@rollup/rollup-win32-x64-msvc@4.52.5':
     optional: true
 
+  '@rollup/rollup-win32-x64-msvc@4.57.1':
+    optional: true
+
   '@rtsao/scc@1.1.0': {}
 
   '@rushstack/node-core-library@5.14.0(@types/node@20.19.9)':
@@ -9182,7 +9576,7 @@ snapshots:
 
   '@testing-library/dom@10.4.1':
     dependencies:
-      '@babel/code-frame': 7.28.6
+      '@babel/code-frame': 7.29.0
       '@babel/runtime': 7.28.6
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
@@ -9245,24 +9639,24 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.28.0
-      '@babel/types': 7.28.4
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
       '@types/babel__generator': 7.27.0
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.28.0
 
   '@types/babel__generator@7.27.0':
     dependencies:
-      '@babel/types': 7.28.4
+      '@babel/types': 7.29.0
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.28.4
-      '@babel/types': 7.28.4
+      '@babel/parser': 7.29.0
+      '@babel/types': 7.29.0
 
   '@types/babel__traverse@7.28.0':
     dependencies:
-      '@babel/types': 7.28.4
+      '@babel/types': 7.29.0
 
   '@types/dom-chromium-ai@0.0.11': {}
 
@@ -9723,15 +10117,15 @@ snapshots:
       '@use-gesture/core': 10.3.1
       react: 19.2.3
 
-  '@vitejs/plugin-react@4.7.0(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))':
+  '@vitejs/plugin-react@5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))':
     dependencies:
-      '@babel/core': 7.28.0
-      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.28.0)
-      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.28.0)
-      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-rc.3
       '@types/babel__core': 7.20.5
-      react-refresh: 0.17.0
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      react-refresh: 0.18.0
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -9982,6 +10376,13 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
+  ajv@8.18.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.0
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
   alien-signals@0.4.14: {}
 
   ansi-escapes@7.0.0:
@@ -10127,27 +10528,27 @@ snapshots:
 
   axobject-query@4.1.0: {}
 
-  babel-plugin-polyfill-corejs2@0.4.14(@babel/core@7.28.6):
+  babel-plugin-polyfill-corejs2@0.4.15(@babel/core@7.29.0):
     dependencies:
-      '@babel/compat-data': 7.28.6
-      '@babel/core': 7.28.6
-      '@babel/helper-define-polyfill-provider': 0.6.5(@babel/core@7.28.6)
+      '@babel/compat-data': 7.29.0
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.6(@babel/core@7.29.0)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.13.0(@babel/core@7.28.6):
+  babel-plugin-polyfill-corejs3@0.14.0(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-define-polyfill-provider': 0.6.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.6(@babel/core@7.29.0)
       core-js-compat: 3.48.0
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.6.5(@babel/core@7.28.6):
+  babel-plugin-polyfill-regenerator@0.6.6(@babel/core@7.29.0):
     dependencies:
-      '@babel/core': 7.28.6
-      '@babel/helper-define-polyfill-provider': 0.6.5(@babel/core@7.28.6)
+      '@babel/core': 7.29.0
+      '@babel/helper-define-polyfill-provider': 0.6.6(@babel/core@7.29.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -10832,6 +11233,35 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
+  esbuild@0.27.3:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.3
+      '@esbuild/android-arm': 0.27.3
+      '@esbuild/android-arm64': 0.27.3
+      '@esbuild/android-x64': 0.27.3
+      '@esbuild/darwin-arm64': 0.27.3
+      '@esbuild/darwin-x64': 0.27.3
+      '@esbuild/freebsd-arm64': 0.27.3
+      '@esbuild/freebsd-x64': 0.27.3
+      '@esbuild/linux-arm': 0.27.3
+      '@esbuild/linux-arm64': 0.27.3
+      '@esbuild/linux-ia32': 0.27.3
+      '@esbuild/linux-loong64': 0.27.3
+      '@esbuild/linux-mips64el': 0.27.3
+      '@esbuild/linux-ppc64': 0.27.3
+      '@esbuild/linux-riscv64': 0.27.3
+      '@esbuild/linux-s390x': 0.27.3
+      '@esbuild/linux-x64': 0.27.3
+      '@esbuild/netbsd-arm64': 0.27.3
+      '@esbuild/netbsd-x64': 0.27.3
+      '@esbuild/openbsd-arm64': 0.27.3
+      '@esbuild/openbsd-x64': 0.27.3
+      '@esbuild/openharmony-arm64': 0.27.3
+      '@esbuild/sunos-x64': 0.27.3
+      '@esbuild/win32-arm64': 0.27.3
+      '@esbuild/win32-ia32': 0.27.3
+      '@esbuild/win32-x64': 0.27.3
+
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -11239,6 +11669,8 @@ snapshots:
 
   fast-uri@3.0.6: {}
 
+  fast-uri@3.1.0: {}
+
   fastest-levenshtein@1.0.16: {}
 
   fastq@1.19.1:
@@ -11253,6 +11685,10 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.3
 
+  fdir@6.5.0(picomatch@4.0.3):
+    optionalDependencies:
+      picomatch: 4.0.3
+
   file-entry-cache@10.1.3:
     dependencies:
       flat-cache: 6.1.12
@@ -12068,8 +12504,6 @@ snapshots:
 
   lodash.uniq@4.5.0: {}
 
-  lodash@4.17.21: {}
-
   lodash@4.17.23: {}
 
   log-update@6.1.0:
@@ -12342,7 +12776,7 @@ snapshots:
     dependencies:
       p-limit: 3.1.0
 
-  p-map@7.0.3: {}
+  p-map@7.0.4: {}
 
   p-try@2.2.0: {}
 
@@ -12798,7 +13232,7 @@ snapshots:
       '@types/react': 18.3.27
       redux: 5.0.1
 
-  react-refresh@0.17.0: {}
+  react-refresh@0.18.0: {}
 
   react-sparklines@1.7.0(react-dom@19.2.3(react@19.2.3))(react@19.2.3):
     dependencies:
@@ -12964,28 +13398,28 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup-plugin-bundle-stats@4.21.1(core-js@3.44.0)(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  rollup-plugin-bundle-stats@4.21.10(core-js@3.44.0)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
-      '@bundle-stats/cli-utils': 4.21.1(core-js@3.44.0)
-      rollup-plugin-webpack-stats: 2.1.0(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+      '@bundle-stats/cli-utils': 4.21.10(core-js@3.44.0)
+      rollup-plugin-webpack-stats: 2.1.11(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       tslib: 2.8.1
     optionalDependencies:
       rollup: 2.79.2
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - core-js
 
-  rollup-plugin-stats@1.4.0(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  rollup-plugin-stats@1.5.6(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     optionalDependencies:
       rollup: 2.79.2
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  rollup-plugin-webpack-stats@2.1.0(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  rollup-plugin-webpack-stats@2.1.11(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
-      rollup-plugin-stats: 1.4.0(rollup@2.79.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+      rollup-plugin-stats: 1.5.6(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
     optionalDependencies:
       rollup: 2.79.2
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
   rollup@2.79.2:
     optionalDependencies:
@@ -13019,6 +13453,37 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.52.5
       fsevents: 2.3.3
 
+  rollup@4.57.1:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.57.1
+      '@rollup/rollup-android-arm64': 4.57.1
+      '@rollup/rollup-darwin-arm64': 4.57.1
+      '@rollup/rollup-darwin-x64': 4.57.1
+      '@rollup/rollup-freebsd-arm64': 4.57.1
+      '@rollup/rollup-freebsd-x64': 4.57.1
+      '@rollup/rollup-linux-arm-gnueabihf': 4.57.1
+      '@rollup/rollup-linux-arm-musleabihf': 4.57.1
+      '@rollup/rollup-linux-arm64-gnu': 4.57.1
+      '@rollup/rollup-linux-arm64-musl': 4.57.1
+      '@rollup/rollup-linux-loong64-gnu': 4.57.1
+      '@rollup/rollup-linux-loong64-musl': 4.57.1
+      '@rollup/rollup-linux-ppc64-gnu': 4.57.1
+      '@rollup/rollup-linux-ppc64-musl': 4.57.1
+      '@rollup/rollup-linux-riscv64-gnu': 4.57.1
+      '@rollup/rollup-linux-riscv64-musl': 4.57.1
+      '@rollup/rollup-linux-s390x-gnu': 4.57.1
+      '@rollup/rollup-linux-x64-gnu': 4.57.1
+      '@rollup/rollup-linux-x64-musl': 4.57.1
+      '@rollup/rollup-openbsd-x64': 4.57.1
+      '@rollup/rollup-openharmony-arm64': 4.57.1
+      '@rollup/rollup-win32-arm64-msvc': 4.57.1
+      '@rollup/rollup-win32-ia32-msvc': 4.57.1
+      '@rollup/rollup-win32-x64-gnu': 4.57.1
+      '@rollup/rollup-win32-x64-msvc': 4.57.1
+      fsevents: 2.3.3
+
   rrweb-cssom@0.7.1: {}
 
   rrweb-cssom@0.8.0: {}
@@ -13176,7 +13641,7 @@ snapshots:
     dependencies:
       randombytes: 2.1.0
 
-  serialize-query-params@2.0.2: {}
+  serialize-query-params@2.0.4: {}
 
   seroval-plugins@1.4.2(seroval@1.4.2):
     dependencies:
@@ -13266,7 +13731,7 @@ snapshots:
       ansi-styles: 6.2.1
       is-fullwidth-code-point: 5.0.0
 
-  smob@1.5.0: {}
+  smob@1.6.1: {}
 
   source-map-js@1.2.1: {}
 
@@ -13664,6 +14129,11 @@ snapshots:
       fdir: 6.4.6(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tinyglobby@0.2.15:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+
   tinypool@1.1.1: {}
 
   tinyrainbow@1.2.0: {}
@@ -13927,17 +14397,16 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-checker@0.10.2(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
-      '@babel/code-frame': 7.27.1
+      '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
       npm-run-path: 6.0.0
       picocolors: 1.1.1
       picomatch: 4.0.3
-      strip-ansi: 7.1.0
       tiny-invariant: 1.3.3
-      tinyglobby: 0.2.14
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      tinyglobby: 0.2.15
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       eslint: 8.57.1
@@ -13946,18 +14415,18 @@ snapshots:
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 
-  vite-plugin-compile-time@0.3.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-compile-time@0.3.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       bundle-require: 5.1.0(esbuild@0.24.2)
       devalue: 5.1.1
       esbuild: 0.24.2
       magic-string: 0.30.17
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.52.5)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@20.19.9)
-      '@rollup/pluginutils': 5.2.0(rollup@4.52.5)
+      '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
       '@volar/typescript': 2.4.22
       '@vue/language-core': 2.2.0(typescript@5.9.2)
       compare-versions: 6.1.1
@@ -13973,10 +14442,10 @@ snapshots:
       - rollup
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.52.5)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@22.17.0)
-      '@rollup/pluginutils': 5.2.0(rollup@4.52.5)
+      '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
       '@volar/typescript': 2.4.22
       '@vue/language-core': 2.2.0(typescript@5.9.2)
       compare-versions: 6.1.1
@@ -13992,7 +14461,7 @@ snapshots:
       - rollup
       - supports-color
 
-  vite-plugin-html@3.2.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-html@3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       colorette: 2.0.20
@@ -14006,27 +14475,27 @@ snapshots:
       html-minifier-terser: 6.1.0
       node-html-parser: 5.4.2
       pathe: 0.2.0
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite-plugin-pwa@0.21.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
+  vite-plugin-pwa@1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
     dependencies:
-      debug: 4.4.1
+      debug: 4.4.3
       pretty-bytes: 6.1.1
-      tinyglobby: 0.2.14
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      tinyglobby: 0.2.15
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       workbox-build: 7.3.0(@types/babel__core@7.20.5)
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/generator': 7.28.0
       '@babel/parser': 7.28.0
       '@babel/traverse': 7.28.0
       '@babel/types': 7.28.2
       '@vue/compiler-sfc': 3.5.18
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vue-loader: 17.4.2(@vue/compiler-sfc@3.5.18)(webpack@5.101.0(esbuild@0.24.2))
       webpack: 5.101.0(esbuild@0.24.2)
     transitivePeerDependencies:
@@ -14037,14 +14506,13 @@ snapshots:
       - vue
       - webpack-cli
 
-  vite-plugin-static-copy@2.3.2(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-static-copy@3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       chokidar: 3.6.0
-      fast-glob: 3.3.3
-      fs-extra: 11.3.1
-      p-map: 7.0.3
+      p-map: 7.0.4
       picocolors: 1.1.1
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      tinyglobby: 0.2.15
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
   vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
     dependencies:
@@ -14082,6 +14550,23 @@ snapshots:
       sass-embedded: 1.93.3
       terser: 5.46.0
 
+  vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
+    dependencies:
+      esbuild: 0.27.3
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.57.1
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 25.0.3
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      sass: 1.93.3
+      sass-embedded: 1.93.3
+      terser: 5.46.0
+      yaml: 2.8.0
+
   vitest@2.1.9(@types/node@25.0.3)(jsdom@25.0.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
     dependencies:
       '@vitest/expect': 2.1.9
@@ -14271,16 +14756,16 @@ snapshots:
 
   workbox-build@7.3.0(@types/babel__core@7.20.5):
     dependencies:
-      '@apideck/better-ajv-errors': 0.3.6(ajv@8.17.1)
-      '@babel/core': 7.28.6
-      '@babel/preset-env': 7.28.6(@babel/core@7.28.6)
+      '@apideck/better-ajv-errors': 0.3.6(ajv@8.18.0)
+      '@babel/core': 7.29.0
+      '@babel/preset-env': 7.29.0(@babel/core@7.29.0)
       '@babel/runtime': 7.28.6
-      '@rollup/plugin-babel': 5.3.1(@babel/core@7.28.6)(@types/babel__core@7.20.5)(rollup@2.79.2)
+      '@rollup/plugin-babel': 5.3.1(@babel/core@7.29.0)(@types/babel__core@7.20.5)(rollup@2.79.2)
       '@rollup/plugin-node-resolve': 15.3.1(rollup@2.79.2)
       '@rollup/plugin-replace': 2.4.2(rollup@2.79.2)
       '@rollup/plugin-terser': 0.4.4(rollup@2.79.2)
       '@surma/rollup-plugin-off-main-thread': 2.2.3
-      ajv: 8.17.1
+      ajv: 8.18.0
       common-tags: 1.8.2
       fast-json-stable-stringify: 2.1.0
       fs-extra: 9.1.0

From 5a179f2a3d20b64dafdd6b33cb74757ed3947edb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 22:55:09 +0100
Subject: [PATCH 04/74] nicolium: remove tests for now, remove unused code
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/package.json                   |   18 +-
 .../pl-fe/src/__fixtures__/account-moved.json |   46 -
 .../src/__fixtures__/account-with-emojis.json |  140 -
 packages/pl-fe/src/__fixtures__/accounts.json |  182 -
 .../__fixtures__/accounts_counter_follow.json |    7 -
 .../accounts_counter_initial.json             |    7 -
 .../accounts_counter_unfollow.json            |    7 -
 .../admin_api_frontend_config.json            |   55 -
 .../src/__fixtures__/akkoma-instance.json     |  105 -
 .../pl-fe/src/__fixtures__/announcements.json |   44 -
 packages/pl-fe/src/__fixtures__/app.json      |   15 -
 packages/pl-fe/src/__fixtures__/blocks.json   |    8 -
 .../pl-fe/src/__fixtures__/config_db.json     | 2735 ----------
 .../src/__fixtures__/fedibird-account.json    |   35 -
 .../src/__fixtures__/fedibird-instance.json   |  185 -
 .../fedibird-quote-of-quote-post.json         |  109 -
 .../src/__fixtures__/fedibird-quote-post.json |  108 -
 .../src/__fixtures__/friendica-instance.json  |   46 -
 .../src/__fixtures__/friendica-status.json    |   53 -
 .../src/__fixtures__/gotosocial-account.json  |   27 -
 .../src/__fixtures__/gotosocial-instance.json |   42 -
 .../src/__fixtures__/gotosocial-status.json   |   50 -
 .../src/__fixtures__/group-truthsocial.json   |   19 -
 .../pl-fe/src/__fixtures__/intlMessages.json  |  962 ----
 packages/pl-fe/src/__fixtures__/lain.json     |   57 -
 packages/pl-fe/src/__fixtures__/markers.json  |   18 -
 .../__fixtures__/mastodon-3.0.0-instance.json |   43 -
 .../src/__fixtures__/mastodon-account.json    |   23 -
 .../__fixtures__/mastodon-instance-rc.json    |  123 -
 .../src/__fixtures__/mastodon-instance.json   |  128 -
 .../__fixtures__/mastodon-reply-to-self.json  |   51 -
 .../__fixtures__/mastodon_initial_state.json  |  228 -
 .../pl-fe/src/__fixtures__/mitra-context.json |  107 -
 .../src/__fixtures__/mitra-instance.json      |   13 -
 .../mitra-status-with-attachments.json        |   95 -
 packages/pl-fe/src/__fixtures__/mk.json       |  123 -
 .../__fixtures__/notification-favourite.json  |  290 --
 .../src/__fixtures__/notification-follow.json |   61 -
 .../notification-follow_request.json          |   61 -
 .../__fixtures__/notification-mention.json    |  226 -
 .../src/__fixtures__/notification-move.json   |  119 -
 .../notification-pleroma-chat_mention.json    |   73 -
 .../notification-pleroma-emoji_reaction.json  |  301 --
 .../src/__fixtures__/notification-poll.json   |  202 -
 .../src/__fixtures__/notification-reblog.json |  284 --
 .../pl-fe/src/__fixtures__/notification.json  |  250 -
 .../pl-fe/src/__fixtures__/notifications.json | 4461 -----------------
 .../src/__fixtures__/patron-instance.json     |   17 -
 .../pl-fe/src/__fixtures__/patron-user.json   |    4 -
 .../src/__fixtures__/pixelfed-instance.json   |   66 -
 packages/pl-fe/src/__fixtures__/pl-fe.json    |   40 -
 .../__fixtures__/pleroma-2.2.2-account.json   |   46 -
 .../src/__fixtures__/pleroma-account.json     |  127 -
 .../__fixtures__/pleroma-admin-config.json    | 3120 ------------
 .../src/__fixtures__/pleroma-instance.json    |  131 -
 .../pleroma-notification-move.json            |  119 -
 .../src/__fixtures__/pleroma-quote-post.json  |  364 --
 .../__fixtures__/pleroma-status-deleted.json  |  229 -
 .../pleroma-status-reply-with-mentions.json   |  207 -
 .../pleroma-status-with-attachments.json      |  238 -
 .../__fixtures__/pleroma_initial_results.json |    6 -
 .../pl-fe/src/__fixtures__/relationship.json  |   14 -
 packages/pl-fe/src/__fixtures__/rules.json    |   12 -
 .../src/__fixtures__/status-custom-emoji.json |  126 -
 .../pl-fe/src/__fixtures__/status-cw.json     |   63 -
 .../pl-fe/src/__fixtures__/status-quotes.json |   15 -
 .../status-unordered-mentions.json            |  122 -
 .../src/__fixtures__/status-with-card.json    |  210 -
 .../src/__fixtures__/status-with-poll.json    |  201 -
 packages/pl-fe/src/__fixtures__/user.json     |    8 -
 packages/pl-fe/src/actions/accounts.test.ts   |  466 --
 packages/pl-fe/src/actions/compose.test.ts    |  133 -
 packages/pl-fe/src/actions/importer.ts        |    9 +-
 packages/pl-fe/src/actions/me.test.ts         |  121 -
 .../pl-fe/src/actions/notifications.test.ts   |   42 -
 packages/pl-fe/src/actions/preload.test.ts    |   37 -
 packages/pl-fe/src/actions/preload.ts         |    1 -
 packages/pl-fe/src/actions/statuses.test.ts   |  161 -
 packages/pl-fe/src/api/__mocks__/index.ts     |   29 -
 .../src/api/hooks/groups/use-group.test.ts    |   41 -
 .../src/api/hooks/groups/use-groups.test.ts   |   49 -
 .../pl-fe/src/components/account.test.tsx     |   67 -
 .../src/components/autosuggest-emoji.test.tsx |   33 -
 packages/pl-fe/src/components/badge.test.tsx  |   13 -
 .../src/components/polls/poll-footer.test.tsx |  140 -
 .../src/components/quoted-status.test.tsx     |   31 -
 .../src/components/scroll-top-button.test.tsx |   44 -
 packages/pl-fe/src/components/status.test.tsx |   38 -
 .../sensitive-content-overlay.test.tsx        |   64 -
 .../pl-fe/src/components/ui/avatar.test.tsx   |   21 -
 .../src/components/ui/button/index.test.tsx   |   91 -
 .../pl-fe/src/components/ui/card.test.tsx     |   37 -
 .../pl-fe/src/components/ui/column.test.tsx   |   13 -
 .../pl-fe/src/components/ui/divider.test.tsx  |   20 -
 .../pl-fe/src/components/ui/emoji.test.tsx    |   24 -
 .../src/components/ui/form-actions.test.tsx   |   13 -
 .../src/components/ui/form-group.test.tsx     |   59 -
 .../pl-fe/src/components/ui/form.test.tsx     |   30 -
 .../pl-fe/src/components/ui/modal.test.tsx    |  139 -
 .../pl-fe/src/components/ui/svg-icon.test.tsx |   17 -
 packages/pl-fe/src/entity-store/actions.ts    |   11 -
 .../pl-fe/src/entity-store/reducer.test.ts    |  209 -
 packages/pl-fe/src/entity-store/reducer.ts    |   20 +-
 packages/pl-fe/src/entity-store/utils.ts      |    1 -
 .../auth-login/components/captcha.test.tsx    |   36 -
 .../auth-login/components/captcha.tsx         |    1 -
 .../auth-login/components/login-form.test.tsx |   43 -
 .../components/otp-auth-form.test.tsx         |   14 -
 .../chats/components/chat-list-item.test.tsx  |   65 -
 .../components/chat-message-list.test.tsx     |  144 -
 .../components/chat-pane-header.test.tsx      |   84 -
 .../components/chat-pane/chat-pane.test.tsx   |   60 -
 .../chat-search/chat-search.test.tsx          |   66 -
 .../chats/components/chat-widget.test.tsx     |  100 -
 .../polls/duration-selector.test.tsx          |   78 -
 .../src/features/compose/editor/utils/url.ts  |   11 -
 .../pl-fe/src/features/emoji/index.test.ts    | 1914 -------
 .../pl-fe/src/features/emoji/search.test.ts   |  129 -
 .../components/group-action-button.test.tsx   |  132 -
 .../group/components/group-header.test.tsx    |   47 -
 .../components/group-member-count.test.tsx    |   56 -
 .../group-member-list-item.test.tsx           |  303 --
 .../components/group-options-button.test.tsx  |   87 -
 .../group/components/group-privacy.test.tsx   |   40 -
 .../components/group-relationship.test.tsx    |   67 -
 .../discover/group-list-item.test.tsx         |   21 -
 .../components/notifications.test.tsx         |  130 -
 .../ui/components/compose-button.test.tsx     |   39 -
 .../src/features/ui/components/hotkeys.tsx    |    4 +-
 .../components/panels/sign-up-panel.test.tsx  |   20 -
 .../components/panels/trends-panel.test.tsx   |   74 -
 .../ui/components/subscribe-button.test.tsx   |   26 -
 .../src/hooks/__mocks__/resize-observer.ts    |   25 -
 .../pl-fe/src/hooks/use-dimensions.test.ts    |   62 -
 packages/pl-fe/src/hooks/use-dimensions.ts    |   38 -
 packages/pl-fe/src/jest/factory.ts            |   74 -
 packages/pl-fe/src/jest/fixtures/chats.json   |   54 -
 packages/pl-fe/src/jest/mock-stores.tsx       |    9 -
 packages/pl-fe/src/jest/test-helpers.tsx      |  118 -
 packages/pl-fe/src/jest/test-setup.ts         |   42 -
 .../src/modals/unauthorized-modal.test.tsx    |   25 -
 packages/pl-fe/src/pages/auth/login.test.tsx  |   52 -
 .../pl-fe/src/queries/__mocks__/client.ts     |   13 -
 packages/pl-fe/src/queries/chats.test.ts      |  295 --
 packages/pl-fe/src/queries/trends.test.ts     |   46 -
 packages/pl-fe/src/reducers/admin.test.ts     |   11 -
 packages/pl-fe/src/reducers/auth.test.ts      |  353 --
 packages/pl-fe/src/reducers/compose.test.ts   |  482 --
 packages/pl-fe/src/reducers/contexts.test.ts  |  118 -
 .../pl-fe/src/reducers/conversations.test.ts  |   67 -
 packages/pl-fe/src/reducers/filters.test.ts   |    9 -
 packages/pl-fe/src/reducers/index.test.ts     |   11 -
 packages/pl-fe/src/reducers/instance.test.ts  |   51 -
 packages/pl-fe/src/reducers/me.test.ts        |    7 -
 packages/pl-fe/src/reducers/meta.test.ts      |   12 -
 .../src/reducers/push-notifications.test.ts   |   19 -
 packages/pl-fe/src/reducers/statuses.test.ts  |  243 -
 packages/pl-fe/src/reducers/timelines.test.ts |  123 -
 packages/pl-fe/src/toast.test.tsx             |  166 -
 packages/pl-fe/src/utils/badges.test.ts       |   41 -
 packages/pl-fe/src/utils/base64.test.ts       |   10 -
 packages/pl-fe/src/utils/chats.test.ts        |   64 -
 packages/pl-fe/src/utils/colors.test.ts       |   22 -
 packages/pl-fe/src/utils/comparators.test.ts  |    7 -
 packages/pl-fe/src/utils/config-db.test.ts    |   14 -
 packages/pl-fe/src/utils/emoji-reacts.test.ts |   82 -
 packages/pl-fe/src/utils/emoji.test.ts        |   39 -
 packages/pl-fe/src/utils/html.test.ts         |   10 -
 packages/pl-fe/src/utils/input.test.ts        |    7 -
 packages/pl-fe/src/utils/media.test.ts        |   15 -
 packages/pl-fe/src/utils/numbers.test.tsx     |  108 -
 packages/pl-fe/src/utils/numbers.tsx          |    4 -
 packages/pl-fe/src/utils/queries.test.ts      |  109 -
 packages/pl-fe/src/utils/redirect.ts          |   18 +-
 packages/pl-fe/src/utils/status.test.ts       |   34 -
 packages/pl-fe/src/utils/status.ts            |   15 -
 packages/pl-fe/src/utils/tailwind.test.ts     |  263 -
 packages/pl-fe/src/utils/tailwind.ts          |    2 -
 packages/pl-fe/src/utils/timelines.test.ts    |   73 -
 packages/pl-fe/tailwind/colors.test.ts        |   50 -
 packages/pl-fe/tailwind/colors.ts             |    2 +-
 packages/pl-fe/tsconfig.json                  |    1 -
 packages/pl-fe/vite.config.ts                 |    6 -
 pnpm-lock.yaml                                |  717 ---
 184 files changed, 7 insertions(+), 28073 deletions(-)
 delete mode 100644 packages/pl-fe/src/__fixtures__/account-moved.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/account-with-emojis.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/accounts.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/accounts_counter_follow.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/accounts_counter_initial.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/accounts_counter_unfollow.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/admin_api_frontend_config.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/akkoma-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/announcements.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/app.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/blocks.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/config_db.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/fedibird-account.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/fedibird-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/fedibird-quote-of-quote-post.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/fedibird-quote-post.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/friendica-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/friendica-status.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/gotosocial-account.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/gotosocial-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/gotosocial-status.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/group-truthsocial.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/intlMessages.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/lain.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/markers.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon-3.0.0-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon-account.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon-instance-rc.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon-reply-to-self.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mastodon_initial_state.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mitra-context.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mitra-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mitra-status-with-attachments.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/mk.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-favourite.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-follow.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-follow_request.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-mention.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-move.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-pleroma-chat_mention.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-pleroma-emoji_reaction.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-poll.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification-reblog.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notification.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/notifications.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/patron-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/patron-user.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pixelfed-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pl-fe.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-2.2.2-account.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-account.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-admin-config.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-instance.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-notification-move.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-quote-post.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-status-deleted.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-status-reply-with-mentions.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma-status-with-attachments.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/pleroma_initial_results.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/relationship.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/rules.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-custom-emoji.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-cw.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-quotes.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-unordered-mentions.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-with-card.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/status-with-poll.json
 delete mode 100644 packages/pl-fe/src/__fixtures__/user.json
 delete mode 100644 packages/pl-fe/src/actions/accounts.test.ts
 delete mode 100644 packages/pl-fe/src/actions/compose.test.ts
 delete mode 100644 packages/pl-fe/src/actions/me.test.ts
 delete mode 100644 packages/pl-fe/src/actions/notifications.test.ts
 delete mode 100644 packages/pl-fe/src/actions/preload.test.ts
 delete mode 100644 packages/pl-fe/src/actions/statuses.test.ts
 delete mode 100644 packages/pl-fe/src/api/__mocks__/index.ts
 delete mode 100644 packages/pl-fe/src/api/hooks/groups/use-group.test.ts
 delete mode 100644 packages/pl-fe/src/api/hooks/groups/use-groups.test.ts
 delete mode 100644 packages/pl-fe/src/components/account.test.tsx
 delete mode 100644 packages/pl-fe/src/components/autosuggest-emoji.test.tsx
 delete mode 100644 packages/pl-fe/src/components/badge.test.tsx
 delete mode 100644 packages/pl-fe/src/components/polls/poll-footer.test.tsx
 delete mode 100644 packages/pl-fe/src/components/quoted-status.test.tsx
 delete mode 100644 packages/pl-fe/src/components/scroll-top-button.test.tsx
 delete mode 100644 packages/pl-fe/src/components/status.test.tsx
 delete mode 100644 packages/pl-fe/src/components/statuses/sensitive-content-overlay.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/avatar.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/button/index.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/card.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/column.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/divider.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/emoji.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/form-actions.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/form-group.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/form.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/modal.test.tsx
 delete mode 100644 packages/pl-fe/src/components/ui/svg-icon.test.tsx
 delete mode 100644 packages/pl-fe/src/entity-store/reducer.test.ts
 delete mode 100644 packages/pl-fe/src/features/auth-login/components/captcha.test.tsx
 delete mode 100644 packages/pl-fe/src/features/auth-login/components/login-form.test.tsx
 delete mode 100644 packages/pl-fe/src/features/auth-login/components/otp-auth-form.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-list-item.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-message-list.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-pane-header.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-search/chat-search.test.tsx
 delete mode 100644 packages/pl-fe/src/features/chats/components/chat-widget.test.tsx
 delete mode 100644 packages/pl-fe/src/features/compose/components/polls/duration-selector.test.tsx
 delete mode 100644 packages/pl-fe/src/features/emoji/index.test.ts
 delete mode 100644 packages/pl-fe/src/features/emoji/search.test.ts
 delete mode 100644 packages/pl-fe/src/features/group/components/group-action-button.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-header.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-member-count.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-member-list-item.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-options-button.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-privacy.test.tsx
 delete mode 100644 packages/pl-fe/src/features/group/components/group-relationship.test.tsx
 delete mode 100644 packages/pl-fe/src/features/groups/components/discover/group-list-item.test.tsx
 delete mode 100644 packages/pl-fe/src/features/notifications/components/notifications.test.tsx
 delete mode 100644 packages/pl-fe/src/features/ui/components/compose-button.test.tsx
 delete mode 100644 packages/pl-fe/src/features/ui/components/panels/sign-up-panel.test.tsx
 delete mode 100644 packages/pl-fe/src/features/ui/components/panels/trends-panel.test.tsx
 delete mode 100644 packages/pl-fe/src/features/ui/components/subscribe-button.test.tsx
 delete mode 100644 packages/pl-fe/src/hooks/__mocks__/resize-observer.ts
 delete mode 100644 packages/pl-fe/src/hooks/use-dimensions.test.ts
 delete mode 100644 packages/pl-fe/src/hooks/use-dimensions.ts
 delete mode 100644 packages/pl-fe/src/jest/factory.ts
 delete mode 100644 packages/pl-fe/src/jest/fixtures/chats.json
 delete mode 100644 packages/pl-fe/src/jest/mock-stores.tsx
 delete mode 100644 packages/pl-fe/src/jest/test-helpers.tsx
 delete mode 100644 packages/pl-fe/src/jest/test-setup.ts
 delete mode 100644 packages/pl-fe/src/modals/unauthorized-modal.test.tsx
 delete mode 100644 packages/pl-fe/src/pages/auth/login.test.tsx
 delete mode 100644 packages/pl-fe/src/queries/__mocks__/client.ts
 delete mode 100644 packages/pl-fe/src/queries/chats.test.ts
 delete mode 100644 packages/pl-fe/src/queries/trends.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/admin.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/auth.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/compose.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/contexts.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/conversations.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/filters.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/index.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/instance.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/me.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/meta.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/push-notifications.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/statuses.test.ts
 delete mode 100644 packages/pl-fe/src/reducers/timelines.test.ts
 delete mode 100644 packages/pl-fe/src/toast.test.tsx
 delete mode 100644 packages/pl-fe/src/utils/badges.test.ts
 delete mode 100644 packages/pl-fe/src/utils/base64.test.ts
 delete mode 100644 packages/pl-fe/src/utils/chats.test.ts
 delete mode 100644 packages/pl-fe/src/utils/colors.test.ts
 delete mode 100644 packages/pl-fe/src/utils/comparators.test.ts
 delete mode 100644 packages/pl-fe/src/utils/config-db.test.ts
 delete mode 100644 packages/pl-fe/src/utils/emoji-reacts.test.ts
 delete mode 100644 packages/pl-fe/src/utils/emoji.test.ts
 delete mode 100644 packages/pl-fe/src/utils/html.test.ts
 delete mode 100644 packages/pl-fe/src/utils/input.test.ts
 delete mode 100644 packages/pl-fe/src/utils/media.test.ts
 delete mode 100644 packages/pl-fe/src/utils/numbers.test.tsx
 delete mode 100644 packages/pl-fe/src/utils/queries.test.ts
 delete mode 100644 packages/pl-fe/src/utils/status.test.ts
 delete mode 100644 packages/pl-fe/src/utils/tailwind.test.ts
 delete mode 100644 packages/pl-fe/src/utils/timelines.test.ts
 delete mode 100644 packages/pl-fe/tailwind/colors.test.ts

diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index 5d3b81e87..53242f48c 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -23,9 +23,6 @@
     "preview": "npx vite preview",
     "audit:fix": "npx yarn-audit-fix",
     "i18n": "npx formatjs extract 'src/**/*.{ts,tsx}' --ignore '**/*.d.ts' --out-file build/messages.json && npx formatjs compile build/messages.json --out-file src/locales/en.json",
-    "test": "npx vitest",
-    "test:coverage": "${npm_execpath} run test --coverage",
-    "test:all": "${npm_execpath} run test:coverage && ${npm_execpath} run lint",
     "lint": "${npm_execpath} run lint:js && ${npm_execpath} run lint:sass",
     "lint:js": "npx eslint --ext .js,.jsx,.cjs,.mjs,.ts,.tsx . --cache",
     "lint:sass": "npx stylelint src/styles/**/*.scss",
@@ -93,7 +90,6 @@
     "fuzzysort": "^3.1.0",
     "graphemesplit": "^2.4.4",
     "html-react-parser": "^5.2.11",
-    "immutable": "^5.0.3",
     "intersection-observer": "^0.12.2",
     "intl-messageformat": "^10.7.18",
     "intl-pluralrules": "^2.0.1",
@@ -116,7 +112,6 @@
     "react-color": "^2.19.3",
     "react-datepicker": "^8.3.0",
     "react-dom": "^19.2.3",
-    "react-error-boundary": "^4.1.2",
     "react-helmet-async": "^2.0.5",
     "react-hot-toast": "^2.6.0",
     "react-inlinesvg": "^4.1.8",
@@ -132,8 +127,6 @@
     "resize-observer": "^1.0.4",
     "sass-embedded": "^1.93.3",
     "stringz": "^2.1.0",
-    "tabbable": "^6.4.0",
-    "tiny-queue": "^0.2.1",
     "use-mutative": "^1.3.1",
     "util": "^0.12.5",
     "valibot": "^1.2.0",
@@ -142,13 +135,8 @@
   },
   "devDependencies": {
     "@formatjs/cli": "^6.9.0",
-    "@jedmao/redux-mock-store": "^3.0.5",
     "@sentry/types": "^8.47.0",
     "@stylistic/eslint-plugin": "^3.1.0",
-    "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.5.2",
     "@types/dom-chromium-ai": "^0.0.11",
     "@types/leaflet": "^1.9.15",
     "@types/lodash": "^4.17.13",
@@ -159,7 +147,6 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-sparklines": "^1.7.5",
     "@types/react-swipeable-views": "^0.13.6",
-    "@types/redux-mock-store": "^1.5.0",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "@typescript-eslint/parser": "^8.24.0",
     "@vitejs/plugin-react": "^5.1.3",
@@ -174,9 +161,7 @@
     "eslint-plugin-react": "^7.37.3",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-tailwindcss": "^3.17.5",
-    "fake-indexeddb": "^6.0.0",
     "globals": "^15.14.0",
-    "jsdom": "^25.0.1",
     "rollup-plugin-bundle-stats": "^4.21.10",
     "stylelint": "^16.12.0",
     "stylelint-config-standard-scss": "^12.0.0",
@@ -190,8 +175,7 @@
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-pwa": "^1.2.0",
     "vite-plugin-require": "^1.2.14",
-    "vite-plugin-static-copy": "^3.2.0",
-    "vitest": "^2.1.9"
+    "vite-plugin-static-copy": "^3.2.0"
   },
   "lint-staged": {
     "*.{js,cjs,mjs,ts,tsx}": "eslint --cache",
diff --git a/packages/pl-fe/src/__fixtures__/account-moved.json b/packages/pl-fe/src/__fixtures__/account-moved.json
deleted file mode 100644
index dbb194916..000000000
--- a/packages/pl-fe/src/__fixtures__/account-moved.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "id": "106801667066418367",
-  "username": "benis911",
-  "acct": "benis911",
-  "display_name": "",
-  "locked": false,
-  "bot": false,
-  "discoverable": null,
-  "group": false,
-  "created_at": "2021-08-22T00:00:00.000Z",
-  "note": "",
-  "url": "https://mastodon.social/@benis911",
-  "avatar": "https://mastodon.social/avatars/original/missing.png",
-  "avatar_static": "https://mastodon.social/avatars/original/missing.png",
-  "header": "https://mastodon.social/headers/original/missing.png",
-  "header_static": "https://mastodon.social/headers/original/missing.png",
-  "followers_count": 0,
-  "following_count": 0,
-  "statuses_count": 5,
-  "last_status_at": "2022-02-23",
-  "moved": {
-    "id": "107945464165013501",
-    "username": "alex",
-    "acct": "alex@fedibird.com",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "discoverable": false,
-    "group": false,
-    "created_at": "2020-01-27T00:00:00.000Z",
-    "note": "<p></p>",
-    "url": "https://fedibird.com/@alex",
-    "avatar": "https://mastodon.social/avatars/original/missing.png",
-    "avatar_static": "https://mastodon.social/avatars/original/missing.png",
-    "header": "https://mastodon.social/headers/original/missing.png",
-    "header_static": "https://mastodon.social/headers/original/missing.png",
-    "followers_count": 1,
-    "following_count": 1,
-    "statuses_count": 5,
-    "last_status_at": null,
-    "emojis": [],
-    "fields": []
-  },
-  "emojis": [],
-  "fields": []
-}
diff --git a/packages/pl-fe/src/__fixtures__/account-with-emojis.json b/packages/pl-fe/src/__fixtures__/account-with-emojis.json
deleted file mode 100644
index 19025e150..000000000
--- a/packages/pl-fe/src/__fixtures__/account-with-emojis.json
+++ /dev/null
@@ -1,140 +0,0 @@
-{
-  "acct": "alex",
-  "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-  "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-  "bot": false,
-  "created_at": "2020-01-08T01:25:43.000Z",
-  "display_name": "Alex Gleason 😂 :soapbox: :ablobcatrainbow:",
-  "emojis": [
-    {
-      "shortcode": "ablobcatrainbow",
-      "static_url": "https://gleasonator.com/emoji/blobcat/ablobcatrainbow.png",
-      "url": "https://gleasonator.com/emoji/blobcat/ablobcatrainbow.png",
-      "visible_in_picker": false
-    },
-    {
-      "shortcode": "soapbox",
-      "static_url": "https://gleasonator.com/emoji/Gleasonator/soapbox.png",
-      "url": "https://gleasonator.com/emoji/Gleasonator/soapbox.png",
-      "visible_in_picker": false
-    }
-  ],
-  "fields": [
-    {
-      "name": "Website",
-      "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-    },
-    {
-      "name": "Soapbox :ablobcatrainbow:",
-      "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a> :soapbox:"
-    },
-    {
-      "name": "Email",
-      "value": "alex@alexgleason.me"
-    },
-    {
-      "name": "Gender identity",
-      "value": "Soyboy"
-    },
-    {
-      "name": "Donate (PayPal)",
-      "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-    },
-    {
-      "name": "$BTC",
-      "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-    },
-    {
-      "name": "$ETH",
-      "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-    },
-    {
-      "name": "$DOGE",
-      "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-    },
-    {
-      "name": "$XMR",
-      "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-    }
-  ],
-  "followers_count": 2476,
-  "following_count": 1584,
-  "fqn": "alex@gleasonator.com",
-  "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-  "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-  "id": "9v5bmRalQvjOy0ECcC",
-  "last_status_at": "2022-03-12T16:35:10",
-  "locked": false,
-  "note": "I create Fediverse software that empowers people online. :soapbox:<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-  "pleroma": {
-    "accepts_chat_messages": true,
-    "also_known_as": [
-      "https://mitra.social/users/alex"
-    ],
-    "ap_id": "https://gleasonator.com/users/alex",
-    "background_image": null,
-    "birthday": "1993-07-03",
-    "favicon": "https://gleasonator.com/favicon.png",
-    "hide_favorites": true,
-    "hide_followers": false,
-    "hide_followers_count": false,
-    "hide_follows": false,
-    "hide_follows_count": false,
-    "is_admin": true,
-    "is_confirmed": true,
-    "is_moderator": false,
-    "is_suggested": true,
-    "relationship": {},
-    "skip_thread_containment": false,
-    "tags": []
-  },
-  "source": {
-    "fields": [
-      {
-        "name": "Website",
-        "value": "https://alexgleason.me"
-      },
-      {
-        "name": "Soapbox :ablobcatrainbow:",
-        "value": "https://soapbox.pub :soapbox:"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "https://paypal.me/gleasonator"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "note": "I create Fediverse software that empowers people online. :soapbox:\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "actor_type": "Person",
-      "discoverable": false
-    },
-    "sensitive": false
-  },
-  "statuses_count": 23674,
-  "url": "https://gleasonator.com/users/alex",
-  "username": "alex"
-}
diff --git a/packages/pl-fe/src/__fixtures__/accounts.json b/packages/pl-fe/src/__fixtures__/accounts.json
deleted file mode 100644
index f10880171..000000000
--- a/packages/pl-fe/src/__fixtures__/accounts.json
+++ /dev/null
@@ -1,182 +0,0 @@
-{
-   "9w1HhmenIAKBHJiUs4":{
-      "header_static":"https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "display_name_html":"Alex Gleason",
-      "bot":false,
-      "display_name":"Alex Gleason",
-      "created_at":"2020-06-12T21:47:28.000Z",
-      "locked":false,
-      "emojis":[
-
-      ],
-      "header":"https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "url":"https://gleasonator.com/users/alex",
-      "note":"Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-      "acct":"alex@gleasonator.com",
-      "avatar_static":"https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "username":"alex",
-      "avatar":"https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "fields":[
-         {
-            "name":"Website",
-            "value":"<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>",
-            "name_emojified":"Website",
-            "value_emojified":"<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>",
-            "value_plain":"https://alexgleason.me"
-         },
-         {
-            "name":"Pleroma+Soapbox",
-            "value":"<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>",
-            "name_emojified":"Pleroma+Soapbox",
-            "value_emojified":"<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>",
-            "value_plain":"https://soapbox.pub"
-         },
-         {
-            "name":"Email",
-            "value":"alex@alexgleason.me",
-            "name_emojified":"Email",
-            "value_emojified":"alex@alexgleason.me",
-            "value_plain":"alex@alexgleason.me"
-         },
-         {
-            "name":"Gender identity",
-            "value":"Soyboy",
-            "name_emojified":"Gender identity",
-            "value_emojified":"Soyboy",
-            "value_plain":"Soyboy"
-         }
-      ],
-      "pleroma":{
-         "hide_follows":false,
-         "hide_followers_count":false,
-         "background_image":null,
-         "confirmation_pending":false,
-         "is_moderator":false,
-         "hide_follows_count":false,
-         "hide_followers":false,
-         "relationship":{
-            "showing_reblogs":true,
-            "followed_by":false,
-            "subscribing":false,
-            "blocked_by":false,
-            "requested":false,
-            "domain_blocking":false,
-            "following":false,
-            "endorsed":false,
-            "blocking":false,
-            "muting":false,
-            "id":"9w1HhmenIAKBHJiUs4",
-            "muting_notifications":false
-         },
-         "tags":[
-
-         ],
-         "hide_favorites":true,
-         "is_admin":false,
-         "skip_thread_containment":false
-      },
-      "source":{
-         "fields":[
-
-         ],
-         "note":"Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-         "pleroma":{
-            "actor_type":"Person",
-            "discoverable":false
-         },
-         "sensitive":false
-      },
-      "id":"9w1HhmenIAKBHJiUs4",
-      "note_emojified":"Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements."
-   },
-   "9w1HhmenIAKBHJiUs5":{
-      "header_static":"https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "display_name_html":"Alex Gleason",
-      "bot":false,
-      "display_name":"Alex Gleason",
-      "created_at":"2020-06-12T21:47:28.000Z",
-      "locked":false,
-      "emojis":[
-
-      ],
-      "header":"https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "url":"https://gleasonator.com/users/alex",
-      "note":"Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-      "acct":"alex@gleasonator.com",
-      "avatar_static":"https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "username":"alex",
-      "avatar":"https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "fields":[
-         {
-            "name":"Website",
-            "value":"<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>",
-            "name_emojified":"Website",
-            "value_emojified":"<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>",
-            "value_plain":"https://alexgleason.me"
-         },
-         {
-            "name":"Pleroma+Soapbox",
-            "value":"<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>",
-            "name_emojified":"Pleroma+Soapbox",
-            "value_emojified":"<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>",
-            "value_plain":"https://soapbox.pub"
-         },
-         {
-            "name":"Email",
-            "value":"alex@alexgleason.me",
-            "name_emojified":"Email",
-            "value_emojified":"alex@alexgleason.me",
-            "value_plain":"alex@alexgleason.me"
-         },
-         {
-            "name":"Gender identity",
-            "value":"Soyboy",
-            "name_emojified":"Gender identity",
-            "value_emojified":"Soyboy",
-            "value_plain":"Soyboy"
-         }
-      ],
-      "pleroma":{
-         "hide_follows":false,
-         "hide_followers_count":false,
-         "background_image":null,
-         "confirmation_pending":false,
-         "is_moderator":false,
-         "hide_follows_count":false,
-         "hide_followers":false,
-         "relationship":{
-            "showing_reblogs":true,
-            "followed_by":false,
-            "subscribing":false,
-            "blocked_by":false,
-            "requested":false,
-            "domain_blocking":false,
-            "following":false,
-            "endorsed":false,
-            "blocking":false,
-            "muting":false,
-            "id":"9w1HhmenIAKBHJiUs5",
-            "muting_notifications":false
-         },
-         "tags":[
-
-         ],
-         "hide_favorites":true,
-         "is_admin":false,
-         "skip_thread_containment":false
-      },
-      "source":{
-         "fields":[
-
-         ],
-         "note":"Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-         "pleroma":{
-            "actor_type":"Person",
-            "discoverable":false
-         },
-         "sensitive":false
-      },
-      "id":"9w1HhmenIAKBHJiUs5",
-      "note_emojified":"Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements."
-   }
-}
diff --git a/packages/pl-fe/src/__fixtures__/accounts_counter_follow.json b/packages/pl-fe/src/__fixtures__/accounts_counter_follow.json
deleted file mode 100644
index 52bccc97b..000000000
--- a/packages/pl-fe/src/__fixtures__/accounts_counter_follow.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "9vMAje101ngtjlMj7w": {
-    "followers_count": 2,
-    "following_count": 3,
-    "statuses_count": 2
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/accounts_counter_initial.json b/packages/pl-fe/src/__fixtures__/accounts_counter_initial.json
deleted file mode 100644
index ce9b3279e..000000000
--- a/packages/pl-fe/src/__fixtures__/accounts_counter_initial.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "9vMAje101ngtjlMj7w": {
-    "followers_count": 2,
-    "following_count": 2,
-    "statuses_count": 2
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/accounts_counter_unfollow.json b/packages/pl-fe/src/__fixtures__/accounts_counter_unfollow.json
deleted file mode 100644
index 98bbaaafb..000000000
--- a/packages/pl-fe/src/__fixtures__/accounts_counter_unfollow.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "9vMAje101ngtjlMj7w": {
-    "followers_count": 2,
-    "following_count": 1,
-    "statuses_count": 2
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/admin_api_frontend_config.json b/packages/pl-fe/src/__fixtures__/admin_api_frontend_config.json
deleted file mode 100644
index 311cb3d95..000000000
--- a/packages/pl-fe/src/__fixtures__/admin_api_frontend_config.json
+++ /dev/null
@@ -1,55 +0,0 @@
-{
-  "configs": [
-    {
-      "group": ":pleroma",
-      "key": ":frontend_configurations",
-      "value": [
-        {
-          "tuple": [
-            ":pl_fe",
-            {
-              "logo": "blob:http://localhost:3036/0cdfa863-6889-4199-b870-4942cedd364f",
-              "banner": "blob:http://localhost:3036/a835afed-6078-45bd-92b4-7ffd858c3eca",
-              "brandColor": "#254f92",
-              "customCss": [
-                "/instance/static/custom.css"
-              ],
-              "promoPanel": {
-                "items": [
-                  {
-                    "icon": "globe",
-                    "text": "blog",
-                    "url": "https://teci.world/blog"
-                  },
-                  {
-                    "icon": "globe",
-                    "text": "book",
-                    "url": "https://teci.world/book"
-                  }
-                ]
-              },
-              "extensions": {
-                "patron": false
-              },
-              "defaultSettings": {
-                "autoPlayGif": false
-              },
-              "navlinks": {
-                "homeFooter": [
-                  {
-                    "title": "about",
-                    "url": "/instance/about/index.html"
-                  },
-                  {
-                    "title": "tos",
-                    "url": "/instance/about/tos.html"
-                  }
-                ]
-              }
-            }
-          ]
-        }
-      ]
-    }
-  ]
-}
diff --git a/packages/pl-fe/src/__fixtures__/akkoma-instance.json b/packages/pl-fe/src/__fixtures__/akkoma-instance.json
deleted file mode 100644
index a4da0dc94..000000000
--- a/packages/pl-fe/src/__fixtures__/akkoma-instance.json
+++ /dev/null
@@ -1,105 +0,0 @@
-{
-  "approval_required": false,
-  "avatar_upload_limit": 2000000,
-  "background_image": "https://fe.disroot.org/images/city.jpg",
-  "background_upload_limit": 4000000,
-  "banner_upload_limit": 4000000,
-  "description": "FEDIsroot - Federated social network powered by Pleroma (open beta)",
-  "description_limit": 5000,
-  "email": "admin@example.lan",
-  "languages": [
-    "en"
-  ],
-  "max_toot_chars": 5000,
-  "pleroma": {
-    "metadata": {
-      "account_activation_required": false,
-      "features": [
-        "pleroma_api",
-        "akkoma_api",
-        "mastodon_api",
-        "mastodon_api_streaming",
-        "polls",
-        "v2_suggestions",
-        "pleroma_explicit_addressing",
-        "shareable_emoji_packs",
-        "multifetch",
-        "pleroma:api/v1/notifications:include_types_filter",
-        "editing",
-        "media_proxy",
-        "relay",
-        "pleroma_emoji_reactions",
-        "exposable_reactions",
-        "profile_directory",
-        "custom_emoji_reactions",
-        "pleroma:get:main/ostatus"
-      ],
-      "federation": {
-        "enabled": true,
-        "exclusions": false,
-        "mrf_hashtag": {
-          "federated_timeline_removal": [],
-          "reject": [],
-          "sensitive": [
-            "nsfw"
-          ]
-        },
-        "mrf_object_age": {
-          "actions": [
-            "delist",
-            "strip_followers"
-          ],
-          "threshold": 604800
-        },
-        "mrf_policies": [
-          "ObjectAgePolicy",
-          "TagPolicy",
-          "HashtagPolicy",
-          "InlineQuotePolicy"
-        ],
-        "quarantined_instances": [],
-        "quarantined_instances_info": {
-          "quarantined_instances": {}
-        }
-      },
-      "fields_limits": {
-        "max_fields": 10,
-        "max_remote_fields": 20,
-        "name_length": 512,
-        "value_length": 2048
-      },
-      "post_formats": [
-        "text/plain",
-        "text/html",
-        "text/markdown",
-        "text/bbcode",
-        "text/x.misskeymarkdown"
-      ],
-      "privileged_staff": false
-    },
-    "stats": {
-      "mau": 83
-    },
-    "vapid_public_key": null
-  },
-  "poll_limits": {
-    "max_expiration": 31536000,
-    "max_option_chars": 200,
-    "max_options": 20,
-    "min_expiration": 0
-  },
-  "registrations": false,
-  "stats": {
-    "domain_count": 6972,
-    "status_count": 8081,
-    "user_count": 357
-  },
-  "thumbnail": "https://fe.disroot.org/instance/thumbnail.jpeg",
-  "title": "FEDIsroot",
-  "upload_limit": 16000000,
-  "uri": "https://fe.disroot.org",
-  "urls": {
-    "streaming_api": "wss://fe.disroot.org"
-  },
-  "version": "2.7.2 (compatible; Akkoma 3.3.1-0-gaf90a4e51)"
-}
diff --git a/packages/pl-fe/src/__fixtures__/announcements.json b/packages/pl-fe/src/__fixtures__/announcements.json
deleted file mode 100644
index 20e1960d0..000000000
--- a/packages/pl-fe/src/__fixtures__/announcements.json
+++ /dev/null
@@ -1,44 +0,0 @@
-[
-  {
-    "id": "1",
-    "content": "<p>Updated to Soapbox v3.</p>",
-    "starts_at": null,
-    "ends_at": null,
-    "all_day": false,
-    "published_at": "2022-06-15T18:47:14.190Z",
-    "updated_at": "2022-06-15T18:47:18.339Z",
-    "read": true,
-    "mentions": [],
-    "statuses": [],
-    "tags": [],
-    "emojis": [],
-    "reactions": [
-      {
-        "name": "📈",
-        "count": 476,
-        "me": true
-      }
-    ]
-  },
-  {
-    "id": "2",
-    "content": "<p>Rolled back to Soapbox v2 for now.</p>",
-    "starts_at": null,
-    "ends_at": null,
-    "all_day": false,
-    "published_at": "2022-07-13T11:11:50.628Z",
-    "updated_at": "2022-07-13T11:11:50.628Z",
-    "read": true,
-    "mentions": [],
-    "statuses": [],
-    "tags": [],
-    "emojis": [],
-    "reactions": [
-      {
-        "name": "📉",
-        "count": 420,
-        "me": false
-      }
-    ]
-  }
-]
\ No newline at end of file
diff --git a/packages/pl-fe/src/__fixtures__/app.json b/packages/pl-fe/src/__fixtures__/app.json
deleted file mode 100644
index 18b5ba2b3..000000000
--- a/packages/pl-fe/src/__fixtures__/app.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "vapid_key": "BHczIFh4Wn3Q_7wDgehaB8Ti3Uu8BoyOgXxkOVuEJRuEqxtd9TAno8K9ycz4myiQ1ruiyVfG6xT1JLeXtpxDzUs",
-  "token_type": "Bearer",
-  "client_secret": "cm_8Zip_UYyYq1DPQ-CRFUolrz894MmWYUC0aeVcklM",
-  "redirect_uri": "urn:ietf:wg:oauth:2.0:oob",
-  "created_at": 1594764335,
-  "name": "SoapboxFE_2020-07-14T22:05:17.054Z",
-  "client_id": "bjiy8AxGKXXesfZcyp_iN-uQVE6Cnl03efWoSdOPh9M",
-  "expires_in": 600,
-  "scope": "read write follow push admin",
-  "refresh_token": "IXoCKCsZi3ZCuCjIkeadvEoHRdqOYHklZmv9jvkJ5VA",
-  "website": null,
-  "id": "134",
-  "access_token": "XSkQFSV1R_IvycQmw_uD5z6hQmNyuhh9PtMQbv8TgG8"
-}
diff --git a/packages/pl-fe/src/__fixtures__/blocks.json b/packages/pl-fe/src/__fixtures__/blocks.json
deleted file mode 100644
index 42e8753c5..000000000
--- a/packages/pl-fe/src/__fixtures__/blocks.json
+++ /dev/null
@@ -1,8 +0,0 @@
-[
-  {
-    "id": "22",
-    "username": "twoods",
-    "acct": "twoods",
-    "display_name": "Tiger Woods"
-  }
-]
diff --git a/packages/pl-fe/src/__fixtures__/config_db.json b/packages/pl-fe/src/__fixtures__/config_db.json
deleted file mode 100644
index 10e20a3f5..000000000
--- a/packages/pl-fe/src/__fixtures__/config_db.json
+++ /dev/null
@@ -1,2735 +0,0 @@
-{
-  "configs": [
-    {
-      "group": ":phoenix",
-      "key": ":format_encoders",
-      "value": [
-        {
-          "tuple": [
-            ":json",
-            "Jason"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":phoenix",
-      "key": ":json_library",
-      "value": "Jason"
-    },
-    {
-      "group": ":phoenix",
-      "key": ":filter_parameters",
-      "value": [
-        "password",
-        "confirm"
-      ]
-    },
-    {
-      "group": ":phoenix",
-      "key": ":stacktrace_depth",
-      "value": 20
-    },
-    {
-      "group": ":logger",
-      "key": ":ex_syslogger",
-      "value": [
-        {
-          "tuple": [
-            ":level",
-            ":debug"
-          ]
-        },
-        {
-          "tuple": [
-            ":ident",
-            "pleroma"
-          ]
-        },
-        {
-          "tuple": [
-            ":format",
-            "$metadata[$level] $message"
-          ]
-        },
-        {
-          "tuple": [
-            ":metadata",
-            [
-              ":request_id"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":logger",
-      "key": ":console",
-      "value": [
-        {
-          "tuple": [
-            ":level",
-            ":debug"
-          ]
-        },
-        {
-          "tuple": [
-            ":metadata",
-            [
-              ":request_id"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":format",
-            "[$level] $message\n"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":floki",
-      "key": ":html_parser",
-      "value": "Floki.HTMLParser.FastHtml"
-    },
-    {
-      "group": ":tzdata",
-      "key": ":http_client",
-      "value": "Pleroma.HTTP.Tzdata"
-    },
-    {
-      "group": ":http_signatures",
-      "key": ":adapter",
-      "value": "Pleroma.Signature"
-    },
-    {
-      "group": ":prometheus",
-      "key": "Pleroma.Web.Endpoint.MetricsExporter",
-      "value": [
-        {
-          "tuple": [
-            ":path",
-            "/api/pleroma/app_metrics"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":ueberauth",
-      "key": "Ueberauth",
-      "value": [
-        {
-          "tuple": [
-            ":base_path",
-            "/oauth"
-          ]
-        },
-        {
-          "tuple": [
-            ":providers",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":esshd",
-      "key": ":enabled",
-      "value": false
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":max_age",
-      "value": 86400
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":methods",
-      "value": [
-        "POST",
-        "PUT",
-        "DELETE",
-        "GET",
-        "PATCH",
-        "OPTIONS"
-      ]
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":expose",
-      "value": [
-        "Link",
-        "X-RateLimit-Reset",
-        "X-RateLimit-Limit",
-        "X-RateLimit-Remaining",
-        "X-Request-Id",
-        "Idempotency-Key"
-      ]
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":credentials",
-      "value": true
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":headers",
-      "value": [
-        "Authorization",
-        "Content-Type",
-        "Idempotency-Key"
-      ]
-    },
-    {
-      "group": ":mime",
-      "key": ":types",
-      "value": {
-        "application/activity+json": [
-          "activity+json"
-        ],
-        "application/jrd+json": [
-          "jrd+json"
-        ],
-        "application/ld+json": [
-          "activity+json"
-        ],
-        "application/xml": [
-          "xml"
-        ],
-        "application/xrd+xml": [
-          "xrd+xml"
-        ]
-      }
-    },
-    {
-      "group": ":quack",
-      "key": ":level",
-      "value": ":warn"
-    },
-    {
-      "group": ":quack",
-      "key": ":meta",
-      "value": [
-        ":all"
-      ]
-    },
-    {
-      "group": ":quack",
-      "key": ":webhook_url",
-      "value": "https://hooks.slack.com/services/YOUR-KEY-HERE"
-    },
-    {
-      "db": [
-        ":subject",
-        ":public_key",
-        ":private_key"
-      ],
-      "group": ":web_push_encryption",
-      "key": ":vapid_details",
-      "value": [
-        {
-          "tuple": [
-            ":subject",
-            "mailto:alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":public_key",
-            "BAlKFlwdC-9z36ObeNyiIRdGT0luMx-SDEQzrsIRLWvcspqMU7oIhT9HbgTo2gNt8lhtKoOyiQEH9IQqUxwmBp0"
-          ]
-        },
-        {
-          "tuple": [
-            ":private_key",
-            "o6y0A1DtjJGURKJ2RH4BLAHuqG8RcD1rDqxrUOo8wIw"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":ex_aws",
-      "key": ":http_client",
-      "value": "Pleroma.HTTP.ExAws"
-    },
-    {
-      "db": [
-        ":access_key_id",
-        ":secret_access_key",
-        ":scheme",
-        ":host",
-        ":region"
-      ],
-      "group": ":ex_aws",
-      "key": ":s3",
-      "value": [
-        {
-          "tuple": [
-            ":access_key_id",
-            "3WJHLX5DH6LQT5NKXKU2"
-          ]
-        },
-        {
-          "tuple": [
-            ":secret_access_key",
-            "6Zdlw6XKtmlvvj1to1B25YlEpBAG5ahEs2ExaEqBG4k"
-          ]
-        },
-        {
-          "tuple": [
-            ":scheme",
-            "https://"
-          ]
-        },
-        {
-          "tuple": [
-            ":host",
-            "sfo2.digitaloceanspaces.com"
-          ]
-        },
-        {
-          "tuple": [
-            ":region",
-            "sfo2"
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":default_signer"
-      ],
-      "group": ":joken",
-      "key": ":default_signer",
-      "value": "AvRdJr2XiCKeLDrU33rsKA1nTzu1aHypRDpRDCmN00oSHM8+f7Z9BkilF6nWwwv6"
-    },
-    {
-      "group": ":pleroma",
-      "key": ":ecto_repos",
-      "value": [
-        "Pleroma.Repo"
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Captcha",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":seconds_valid",
-            300
-          ]
-        },
-        {
-          "tuple": [
-            ":method",
-            "Pleroma.Captcha.Native"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Captcha.Kocaptcha",
-      "value": [
-        {
-          "tuple": [
-            ":endpoint",
-            "https://captcha.kotobank.ch"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":emoji",
-      "value": [
-        {
-          "tuple": [
-            ":shortcode_globs",
-            [
-              "/emoji/custom/**/*.png"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":pack_extensions",
-            [
-              ".png",
-              ".gif"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":groups",
-            [
-              {
-                "tuple": [
-                  ":Custom",
-                  [
-                    "/emoji/*.png",
-                    "/emoji/**/*.png"
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default_manifest",
-            "https://git.pleroma.social/pleroma/emoji-index/raw/master/index.json"
-          ]
-        },
-        {
-          "tuple": [
-            ":shared_pack_cache_seconds_per_file",
-            60
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":uri_schemes",
-      "value": [
-        {
-          "tuple": [
-            ":valid_schemes",
-            [
-              "https",
-              "http",
-              "dat",
-              "dweb",
-              "gopher",
-              "hyper",
-              "ipfs",
-              "ipns",
-              "irc",
-              "ircs",
-              "magnet",
-              "mailto",
-              "mumble",
-              "ssb",
-              "xmpp"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":http",
-      "value": [
-        {
-          "tuple": [
-            ":proxy_url",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":send_user_agent",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":user_agent",
-            ":default"
-          ]
-        },
-        {
-          "tuple": [
-            ":adapter",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":welcome",
-      "value": [
-        {
-          "tuple": [
-            ":direct_message",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender_nickname",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":message",
-                  null
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":chat_message",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender_nickname",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":message",
-                  null
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":email",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":subject",
-                  "Welcome to <%= instance_name %>"
-                ]
-              },
-              {
-                "tuple": [
-                  ":html",
-                  "Welcome to <%= instance_name %>"
-                ]
-              },
-              {
-                "tuple": [
-                  ":text",
-                  "Welcome to <%= instance_name %>"
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":feed",
-      "value": [
-        {
-          "tuple": [
-            ":post_title",
-            {
-              ":max_length": 100,
-              ":omission": "..."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":markup",
-      "value": [
-        {
-          "tuple": [
-            ":allow_inline_images",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_headings",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_tables",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_fonts",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":scrub_policy",
-            [
-              "Pleroma.HTML.Scrubber.Default",
-              "Pleroma.HTML.Transform.MediaProxy"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":assets",
-      "value": [
-        {
-          "tuple": [
-            ":mascots",
-            [
-              {
-                "tuple": [
-                  ":pleroma_fox_tan",
-                  {
-                    ":mime_type": "image/png",
-                    ":url": "/images/pleroma-fox-tan-smol.png"
-                  }
-                ]
-              },
-              {
-                "tuple": [
-                  ":pleroma_fox_tan_shy",
-                  {
-                    ":mime_type": "image/png",
-                    ":url": "/images/pleroma-fox-tan-shy.png"
-                  }
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default_mascot",
-            ":pleroma_fox_tan"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":manifest",
-      "value": [
-        {
-          "tuple": [
-            ":icons",
-            [
-              {
-                ":src": "/static/logo.png",
-                ":type": "image/png"
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":theme_color",
-            "#282c37"
-          ]
-        },
-        {
-          "tuple": [
-            ":background_color",
-            "#191b22"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":activitypub",
-      "value": [
-        {
-          "tuple": [
-            ":unfollow_blocked",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":outgoing_blocks",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":follow_handshake_timeout",
-            500
-          ]
-        },
-        {
-          "tuple": [
-            ":note_replies_output_limit",
-            5
-          ]
-        },
-        {
-          "tuple": [
-            ":sign_object_fetches",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":authorized_fetch_mode",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":streamer",
-      "value": [
-        {
-          "tuple": [
-            ":workers",
-            3
-          ]
-        },
-        {
-          "tuple": [
-            ":overflow_workers",
-            2
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":user",
-      "value": [
-        {
-          "tuple": [
-            ":deny_follow_blocked",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_normalize_markup",
-      "value": [
-        {
-          "tuple": [
-            ":scrub_policy",
-            "Pleroma.HTML.Scrubber.Default"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_rejectnonpublic",
-      "value": [
-        {
-          "tuple": [
-            ":allow_followersonly",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_direct",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_hellthread",
-      "value": [
-        {
-          "tuple": [
-            ":delist_threshold",
-            10
-          ]
-        },
-        {
-          "tuple": [
-            ":reject_threshold",
-            20
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_simple",
-      "value": [
-        {
-          "tuple": [
-            ":media_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":media_nsfw",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":federated_timeline_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":report_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":followers_only",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":accept",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":avatar_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":banner_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject_deletes",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_keyword",
-      "value": [
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":federated_timeline_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":replace",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_subchain",
-      "value": [
-        {
-          "tuple": [
-            ":match_actor",
-            {}
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_activity_expiration",
-      "value": [
-        {
-          "tuple": [
-            ":days",
-            365
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_vocabulary",
-      "value": [
-        {
-          "tuple": [
-            ":accept",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_object_age",
-      "value": [
-        {
-          "tuple": [
-            ":threshold",
-            604800
-          ]
-        },
-        {
-          "tuple": [
-            ":actions",
-            [
-              ":delist",
-              ":strip_followers"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.MediaProxy.Invalidation.Http",
-      "value": [
-        {
-          "tuple": [
-            ":method",
-            ":purge"
-          ]
-        },
-        {
-          "tuple": [
-            ":headers",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":options",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.MediaProxy.Invalidation.Script",
-      "value": [
-        {
-          "tuple": [
-            ":script_path",
-            null
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":chat",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":gopher",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":ip",
-            {
-              "tuple": [
-                0,
-                0,
-                0,
-                0
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":port",
-            9999
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Metadata",
-      "value": [
-        {
-          "tuple": [
-            ":providers",
-            [
-              "Pleroma.Web.Metadata.Providers.OpenGraph",
-              "Pleroma.Web.Metadata.Providers.TwitterCard",
-              "Pleroma.Web.Metadata.Providers.RelMe",
-              "Pleroma.Web.Metadata.Providers.Feed"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":unfurl_nsfw",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Preload",
-      "value": [
-        {
-          "tuple": [
-            ":providers",
-            [
-              "Pleroma.Web.Preload.Providers.Instance"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":http_security",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":sts",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":sts_max_age",
-            31536000
-          ]
-        },
-        {
-          "tuple": [
-            ":ct_max_age",
-            2592000
-          ]
-        },
-        {
-          "tuple": [
-            ":referrer_policy",
-            "same-origin"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.User",
-      "value": [
-        {
-          "tuple": [
-            ":restricted_nicknames",
-            [
-              ".well-known",
-              "~",
-              "about",
-              "activities",
-              "api",
-              "auth",
-              "check_password",
-              "dev",
-              "friend-requests",
-              "inbox",
-              "internal",
-              "main",
-              "media",
-              "nodeinfo",
-              "notice",
-              "oauth",
-              "objects",
-              "ostatus_subscribe",
-              "pleroma",
-              "proxy",
-              "push",
-              "registration",
-              "relay",
-              "settings",
-              "status",
-              "tag",
-              "user-search",
-              "user_exists",
-              "users",
-              "web",
-              "verify_credentials",
-              "update_credentials",
-              "relationships",
-              "search",
-              "confirmation_resend",
-              "mfa"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":email_blacklist",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Oban",
-      "value": [
-        {
-          "tuple": [
-            ":repo",
-            "Pleroma.Repo"
-          ]
-        },
-        {
-          "tuple": [
-            ":log",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":queues",
-            [
-              {
-                "tuple": [
-                  ":activity_expiration",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_incoming",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_outgoing",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":web_push",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":mailer",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":transmogrifier",
-                  20
-                ]
-              },
-              {
-                "tuple": [
-                  ":scheduled_activities",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":background",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":remote_fetcher",
-                  2
-                ]
-              },
-              {
-                "tuple": [
-                  ":attachments_cleanup",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":new_users_digest",
-                  1
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":plugins",
-            [
-              "Oban.Plugins.Pruner"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":crontab",
-            [
-              {
-                "tuple": [
-                  "0 0 * * *",
-                  "Pleroma.Workers.Cron.ClearOauthTokenWorker"
-                ]
-              },
-              {
-                "tuple": [
-                  "0 * * * *",
-                  "Pleroma.Workers.Cron.StatsWorker"
-                ]
-              },
-              {
-                "tuple": [
-                  "* * * * *",
-                  "Pleroma.Workers.Cron.PurgeExpiredActivitiesWorker"
-                ]
-              },
-              {
-                "tuple": [
-                  "0 0 * * 0",
-                  "Pleroma.Workers.Cron.DigestEmailsWorker"
-                ]
-              },
-              {
-                "tuple": [
-                  "0 0 * * *",
-                  "Pleroma.Workers.Cron.NewUsersDigestWorker"
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":workers",
-      "value": [
-        {
-          "tuple": [
-            ":retries",
-            [
-              {
-                "tuple": [
-                  ":federator_incoming",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_outgoing",
-                  5
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Formatter",
-      "value": [
-        {
-          "tuple": [
-            ":class",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":rel",
-            "ugc"
-          ]
-        },
-        {
-          "tuple": [
-            ":new_window",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":truncate",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":strip_prefix",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":extra",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":validate_tld",
-            ":no_scheme"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":ldap",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":host",
-            "localhost"
-          ]
-        },
-        {
-          "tuple": [
-            ":port",
-            389
-          ]
-        },
-        {
-          "tuple": [
-            ":ssl",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":sslopts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":tls",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":tlsopts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":base",
-            "dc=example,dc=com"
-          ]
-        },
-        {
-          "tuple": [
-            ":uid",
-            "cn"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":auth",
-      "value": [
-        {
-          "tuple": [
-            ":enforce_oauth_admin_scope_usage",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":oauth_consumer_strategies",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.UserEmail",
-      "value": [
-        {
-          "tuple": [
-            ":logo",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":styling",
-            {
-              ":background_color": "#2C3645",
-              ":content_background_color": "#1B2635",
-              ":header_color": "#d8a070",
-              ":link_color": "#d8a070",
-              ":text_color": "#b9b9ba",
-              ":text_muted_color": "#b9b9ba"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.NewUsersDigestEmail",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.ScheduledActivity",
-      "value": [
-        {
-          "tuple": [
-            ":daily_user_limit",
-            25
-          ]
-        },
-        {
-          "tuple": [
-            ":total_user_limit",
-            300
-          ]
-        },
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":email_notifications",
-      "value": [
-        {
-          "tuple": [
-            ":digest",
-            {
-              ":active": false,
-              ":inactivity_threshold": 7,
-              ":interval": 7
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":oauth2",
-      "value": [
-        {
-          "tuple": [
-            ":token_expires_in",
-            600
-          ]
-        },
-        {
-          "tuple": [
-            ":issue_new_refresh_token",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":clean_expired_tokens",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":rate_limit",
-      "value": [
-        {
-          "tuple": [
-            ":authentication",
-            {
-              "tuple": [
-                60000,
-                15
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":timeline",
-            {
-              "tuple": [
-                500,
-                3
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":search",
-            [
-              {
-                "tuple": [
-                  1000,
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  1000,
-                  30
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":app_account_creation",
-            {
-              "tuple": [
-                1800000,
-                25
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":relations_actions",
-            {
-              "tuple": [
-                10000,
-                10
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":relation_id_action",
-            {
-              "tuple": [
-                60000,
-                2
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":statuses_actions",
-            {
-              "tuple": [
-                10000,
-                15
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":status_id_action",
-            {
-              "tuple": [
-                60000,
-                3
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":password_reset",
-            {
-              "tuple": [
-                1800000,
-                5
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":account_confirmation_resend",
-            {
-              "tuple": [
-                8640000,
-                5
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":ap_routes",
-            {
-              "tuple": [
-                60000,
-                15
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.ActivityExpiration",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Plugs.RemoteIp",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":web_cache_ttl",
-      "value": [
-        {
-          "tuple": [
-            ":activity_pub",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":activity_pub_question",
-            30000
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":modules",
-      "value": [
-        {
-          "tuple": [
-            ":runtime_dir",
-            "instance/modules"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":connections_pool",
-      "value": [
-        {
-          "tuple": [
-            ":reclaim_multiplier",
-            0.1
-          ]
-        },
-        {
-          "tuple": [
-            ":connection_acquisition_wait",
-            250
-          ]
-        },
-        {
-          "tuple": [
-            ":connection_acquisition_retries",
-            5
-          ]
-        },
-        {
-          "tuple": [
-            ":max_connections",
-            250
-          ]
-        },
-        {
-          "tuple": [
-            ":max_idle_time",
-            30000
-          ]
-        },
-        {
-          "tuple": [
-            ":retry",
-            0
-          ]
-        },
-        {
-          "tuple": [
-            ":await_up_timeout",
-            5000
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":pools",
-      "value": [
-        {
-          "tuple": [
-            ":federation",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  10
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":media",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  10
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":upload",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  25
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  5
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  2
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":hackney_pools",
-      "value": [
-        {
-          "tuple": [
-            ":federation",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  150000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":media",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  150000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":upload",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  25
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  300000
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":restrict_unauthenticated",
-      "value": [
-        {
-          "tuple": [
-            ":timelines",
-            {
-              ":federated": ":if_instance_is_private",
-              ":local": ":if_instance_is_private"
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":profiles",
-            {
-              ":local": ":if_instance_is_private",
-              ":remote": ":if_instance_is_private"
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":activities",
-            {
-              ":local": ":if_instance_is_private",
-              ":remote": ":if_instance_is_private"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf",
-      "value": [
-        {
-          "tuple": [
-            ":policies",
-            "Pleroma.Web.ActivityPub.MRF.ObjectAgePolicy"
-          ]
-        },
-        {
-          "tuple": [
-            ":transparency",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":transparency_exclusions",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":instances_favicons",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Auth.Authenticator",
-      "value": "Pleroma.Web.Auth.PleromaAuthenticator"
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.Mailer",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":adapter",
-            "Swoosh.Adapters.Local"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.ApiSpec.CastAndValidate",
-      "value": [
-        {
-          "tuple": [
-            ":strict",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Uploaders.S3",
-      "value": [
-        {
-          "tuple": [
-            ":streaming_enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":public_endpoint",
-            "https://media.gleasonator.com"
-          ]
-        },
-        {
-          "tuple": [
-            ":bucket",
-            "gleasonator-media"
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":enabled"
-      ],
-      "group": ":pleroma",
-      "key": ":static_fe",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":enabled",
-        ":redirect_on_failure"
-      ],
-      "group": ":pleroma",
-      "key": ":media_proxy",
-      "value": [
-        {
-          "tuple": [
-            ":invalidation",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":provider",
-                  "Pleroma.Web.MediaProxy.Invalidation.Script"
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":proxy_opts",
-            [
-              {
-                "tuple": [
-                  ":redirect_on_failure",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_body_length",
-                  26214400
-                ]
-              },
-              {
-                "tuple": [
-                  ":http",
-                  [
-                    {
-                      "tuple": [
-                        ":follow_redirect",
-                        true
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":pool",
-                        ":media"
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":whitelist",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":redirect_on_failure",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":name",
-        ":email",
-        ":notify_email",
-        ":limit",
-        ":registrations_open",
-        ":rewrite_policy",
-        ":max_pinned_statuses",
-        ":federating",
-        ":static_dir"
-      ],
-      "group": ":pleroma",
-      "key": ":instance",
-      "value": [
-        {
-          "tuple": [
-            ":description",
-            "Pleroma: An efficient and flexible fediverse server"
-          ]
-        },
-        {
-          "tuple": [
-            ":background_image",
-            "/images/city.jpg"
-          ]
-        },
-        {
-          "tuple": [
-            ":instance_thumbnail",
-            "/instance/thumbnail.jpeg"
-          ]
-        },
-        {
-          "tuple": [
-            ":description_limit",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":chat_limit",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":remote_limit",
-            100000
-          ]
-        },
-        {
-          "tuple": [
-            ":upload_limit",
-            16000000
-          ]
-        },
-        {
-          "tuple": [
-            ":avatar_upload_limit",
-            2000000
-          ]
-        },
-        {
-          "tuple": [
-            ":background_upload_limit",
-            4000000
-          ]
-        },
-        {
-          "tuple": [
-            ":banner_upload_limit",
-            4000000
-          ]
-        },
-        {
-          "tuple": [
-            ":poll_limits",
-            {
-              ":max_expiration": 31536000,
-              ":max_option_chars": 200,
-              ":max_options": 20,
-              ":min_expiration": 0
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":invites_enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":account_activation_required",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":account_approval_required",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_incoming_replies_max_depth",
-            100
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_reachability_timeout_days",
-            7
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_publisher_modules",
-            [
-              "Pleroma.Web.ActivityPub.Publisher"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_relay",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":public",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":quarantined_instances",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":managed_config",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":allowed_post_formats",
-            [
-              "text/plain",
-              "text/html",
-              "text/markdown",
-              "text/bbcode"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":autofollowed_nicknames",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":attachment_links",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":max_report_comment_size",
-            1000
-          ]
-        },
-        {
-          "tuple": [
-            ":safe_dm_mentions",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":healthcheck",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":remote_post_retention_days",
-            90
-          ]
-        },
-        {
-          "tuple": [
-            ":skip_thread_containment",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":limit_to_local_content",
-            ":unauthenticated"
-          ]
-        },
-        {
-          "tuple": [
-            ":user_bio_length",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":user_name_length",
-            100
-          ]
-        },
-        {
-          "tuple": [
-            ":max_account_fields",
-            10
-          ]
-        },
-        {
-          "tuple": [
-            ":max_remote_account_fields",
-            20
-          ]
-        },
-        {
-          "tuple": [
-            ":account_field_name_length",
-            512
-          ]
-        },
-        {
-          "tuple": [
-            ":account_field_value_length",
-            2048
-          ]
-        },
-        {
-          "tuple": [
-            ":registration_reason_length",
-            500
-          ]
-        },
-        {
-          "tuple": [
-            ":external_user_synchronization",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":extended_nickname_format",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":cleanup_attachments",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":multi_factor_authentication",
-            [
-              {
-                "tuple": [
-                  ":totp",
-                  [
-                    {
-                      "tuple": [
-                        ":digits",
-                        6
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":period",
-                        30
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "tuple": [
-                  ":backup_codes",
-                  [
-                    {
-                      "tuple": [
-                        ":number",
-                        5
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":length",
-                        16
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":show_reactions",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":name",
-            "Soapbox FE Demo"
-          ]
-        },
-        {
-          "tuple": [
-            ":email",
-            "alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":notify_email",
-            "alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":limit",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":registrations_open",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":rewrite_policy",
-            "Pleroma.Web.ActivityPub.MRF.SimplePolicy"
-          ]
-        },
-        {
-          "tuple": [
-            ":max_pinned_statuses",
-            10
-          ]
-        },
-        {
-          "tuple": [
-            ":federating",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":static_dir",
-            "instance/static"
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":uploads"
-      ],
-      "group": ":pleroma",
-      "key": "Pleroma.Uploaders.Local",
-      "value": [
-        {
-          "tuple": [
-            ":uploads",
-            "uploads"
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":parsers"
-      ],
-      "group": ":pleroma",
-      "key": ":rich_media",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":ignore_hosts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":ignore_tld",
-            [
-              "local",
-              "localdomain",
-              "lan"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":ttl_setters",
-            [
-              "Pleroma.Web.RichMedia.Parser.TTL.AwsSignedUrl"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":parsers",
-            [
-              "Pleroma.Web.RichMedia.Parsers.OEmbed",
-              "Pleroma.Web.RichMedia.Parsers.TwitterCard"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":uploader"
-      ],
-      "group": ":pleroma",
-      "key": "Pleroma.Upload",
-      "value": [
-        {
-          "tuple": [
-            ":filters",
-            [
-              "Pleroma.Upload.Filter.Dedupe"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":link_name",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":proxy_remote",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":proxy_opts",
-            [
-              {
-                "tuple": [
-                  ":redirect_on_failure",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_body_length",
-                  26214400
-                ]
-              },
-              {
-                "tuple": [
-                  ":http",
-                  [
-                    {
-                      "tuple": [
-                        ":follow_redirect",
-                        true
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":pool",
-                        ":upload"
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":filename_display_max_length",
-            30
-          ]
-        },
-        {
-          "tuple": [
-            ":uploader",
-            "Pleroma.Uploaders.Local"
-          ]
-        }
-      ]
-    },
-    {
-      "db": [
-        ":pl_fe"
-      ],
-      "group": ":pleroma",
-      "key": ":frontend_configurations",
-      "value": [
-        {
-          "tuple": [
-            ":pleroma_fe",
-            {
-              ":alwaysShowSubjectInput": true,
-              ":background": "/images/city.jpg",
-              ":collapseMessageWithSubject": false,
-              ":disableChat": false,
-              ":greentext": false,
-              ":hideFilteredStatuses": false,
-              ":hideMutedPosts": false,
-              ":hidePostStats": false,
-              ":hideSitename": false,
-              ":hideUserStats": false,
-              ":loginMethod": "password",
-              ":logo": "/static/logo.png",
-              ":logoMargin": ".1em",
-              ":logoMask": true,
-              ":minimalScopesMode": false,
-              ":noAttachmentLinks": false,
-              ":nsfwCensorImage": "",
-              ":postContentType": "text/plain",
-              ":redirectRootLogin": "/main/friends",
-              ":redirectRootNoLogin": "/main/all",
-              ":scopeCopy": true,
-              ":showFeaturesPanel": true,
-              ":showInstanceSpecificPanel": false,
-              ":sidebarRight": false,
-              ":subjectLineBehavior": "email",
-              ":theme": "pleroma-dark",
-              ":webPushNotifications": false
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":masto_fe",
-            {
-              ":showInstanceSpecificPanel": true
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":pl_fe",
-            {
-              "brandColor": "#0e9066",
-              "copyright": "♥2020. Copying is an act of love. Please copy and share.",
-              "customCss": [],
-              "navlinks": {
-                "homeFooter": []
-              },
-              "promoPanel": {
-                "items": []
-              }
-            }
-          ]
-        }
-      ]
-    }
-  ],
-  "need_reboot": false
-}
diff --git a/packages/pl-fe/src/__fixtures__/fedibird-account.json b/packages/pl-fe/src/__fixtures__/fedibird-account.json
deleted file mode 100644
index 07bbd7057..000000000
--- a/packages/pl-fe/src/__fixtures__/fedibird-account.json
+++ /dev/null
@@ -1,35 +0,0 @@
-{
-  "id": "66768",
-  "username": "alex",
-  "acct": "alex",
-  "display_name": "",
-  "locked": false,
-  "bot": false,
-  "cat": false,
-  "discoverable": false,
-  "group": false,
-  "created_at": "2020-01-27T00:00:00.000Z",
-  "note": "<p></p>",
-  "url": "https://fedibird.com/@alex",
-  "avatar": "https://fedibird.com/avatars/original/missing.png",
-  "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-  "header": "https://fedibird.com/headers/original/missing.png",
-  "header_static": "https://fedibird.com/headers/original/missing.png",
-  "followers_count": 1,
-  "following_count": 1,
-  "subscribing_count": 0,
-  "statuses_count": 5,
-  "last_status_at": "2022-02-20",
-  "emojis": [],
-  "fields": [],
-  "other_settings": {
-    "birthday": "1993-07-03",
-    "location": "Texas, USA",
-    "noindex": false,
-    "hide_network": false,
-    "hide_statuses_count": false,
-    "hide_following_count": false,
-    "hide_followers_count": false,
-    "enable_reaction": true
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/fedibird-instance.json b/packages/pl-fe/src/__fixtures__/fedibird-instance.json
deleted file mode 100644
index 31e17e34e..000000000
--- a/packages/pl-fe/src/__fixtures__/fedibird-instance.json
+++ /dev/null
@@ -1,185 +0,0 @@
-{
-  "uri": "fedibird.com",
-  "title": "Fedibird",
-  "short_description": "多くの独自機能を備えた、連合志向の汎用Mastodonサーバです。Fediverseの活動拠点としてご利用ください。",
-  "description": "多くの独自機能を備えた、連合志向の汎用Mastodonサーバです。Fediverseの活動拠点としてご利用ください。",
-  "email": "support@fedibird.com",
-  "version": "3.4.1",
-  "urls": {
-    "streaming_api": "wss://fedibird.com"
-  },
-  "stats": {
-    "user_count": 1964,
-    "status_count": 4590304,
-    "domain_count": 9024
-  },
-  "thumbnail": "https://s3.fedibird.com/site_uploads/files/000/000/001/original/fedibird_hero_image.png",
-  "languages": [
-    "ja"
-  ],
-  "registrations": true,
-  "approval_required": false,
-  "invites_enabled": true,
-  "configuration": {
-    "statuses": {
-      "max_characters": 500,
-      "max_media_attachments": 4,
-      "characters_reserved_per_url": 23,
-      "min_expiration": 60,
-      "max_expiration": 37152000,
-      "supported_expires_actions": [
-        "delete",
-        "mark"
-      ]
-    },
-    "media_attachments": {
-      "supported_mime_types": [
-        "image/jpeg",
-        "image/png",
-        "image/gif",
-        "image/webp",
-        "image/heif",
-        "image/heic",
-        "video/webm",
-        "video/mp4",
-        "video/quicktime",
-        "video/ogg",
-        "audio/wave",
-        "audio/wav",
-        "audio/x-wav",
-        "audio/x-pn-wave",
-        "audio/ogg",
-        "audio/mpeg",
-        "audio/mp3",
-        "audio/webm",
-        "audio/flac",
-        "audio/aac",
-        "audio/m4a",
-        "audio/x-m4a",
-        "audio/mp4",
-        "audio/3gpp",
-        "video/x-ms-asf"
-      ],
-      "image_size_limit": 10485760,
-      "image_matrix_limit": 16777216,
-      "video_size_limit": 41943040,
-      "video_frame_rate_limit": 60,
-      "video_matrix_limit": 2304000
-    },
-    "polls": {
-      "max_options": 4,
-      "max_characters_per_option": 50,
-      "min_expiration": 300,
-      "max_expiration": 2629746
-    },
-    "emoji_reactions": {
-      "max_reactions": 20
-    }
-  },
-  "feature_quote": true,
-  "fedibird_capabilities": [
-    "favourite_hashtag",
-    "favourite_domain",
-    "favourite_list",
-    "status_expire",
-    "follow_no_delivery",
-    "follow_hashtag",
-    "subscribe_account",
-    "subscribe_domain",
-    "subscribe_keyword",
-    "timeline_home_visibility",
-    "timeline_no_local",
-    "timeline_domain",
-    "timeline_group",
-    "timeline_group_directory",
-    "visibility_mutual",
-    "visibility_limited",
-    "emoji_reaction",
-    "misskey_birthday",
-    "misskey_location"
-  ],
-  "contact_account": {
-    "id": "1",
-    "username": "noellabo",
-    "acct": "noellabo",
-    "display_name": "のえる",
-    "locked": false,
-    "bot": false,
-    "cat": false,
-    "discoverable": true,
-    "group": false,
-    "created_at": "2019-08-15T00:00:00.000Z",
-    "note": "<p>主に、Fediverseへの関心に基づいた投稿を行うアカウントです。DTP・印刷に関する話をしたり、同人の話をしたり、カレーをブーストしたりします。</p><p>Mastodonサーバ『Fedibird』の管理者アカウントでもあります。ご連絡は当アカウントへ、サーバインフォメーションについては <a href=\"https://fedibird.com/about/more\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">fedibird.com/about/more</span><span class=\"invisible\"></span></a> と <span class=\"h-card\"><a href=\"https://fedibird.com/@info\" class=\"u-url mention\">@<span>info</span></a></span> を参照してください。</p>",
-    "url": "https://fedibird.com/@noellabo",
-    "avatar": "https://s3.fedibird.com/accounts/avatars/000/000/001/original/6ef3b7f18f726755.png",
-    "avatar_static": "https://s3.fedibird.com/accounts/avatars/000/000/001/original/6ef3b7f18f726755.png",
-    "header": "https://s3.fedibird.com/accounts/headers/000/000/001/original/6a5a51722c094835.jpg",
-    "header_static": "https://s3.fedibird.com/accounts/headers/000/000/001/original/6a5a51722c094835.jpg",
-    "followers_count": 1560,
-    "following_count": 758,
-    "subscribing_count": 121,
-    "statuses_count": 61325,
-    "last_status_at": "2022-02-24",
-    "emojis": [
-      {
-        "shortcode": "liberapay",
-        "url": "https://s3.fedibird.com/custom_emojis/images/000/025/634/original/5b8620742973f844.png",
-        "static_url": "https://s3.fedibird.com/custom_emojis/images/000/025/634/static/5b8620742973f844.png",
-        "visible_in_picker": true
-      },
-      {
-        "shortcode": "mastodon",
-        "url": "https://s3.fedibird.com/custom_emojis/images/000/008/396/original/1317b6f8efcf8318.png",
-        "static_url": "https://s3.fedibird.com/custom_emojis/images/000/008/396/static/1317b6f8efcf8318.png",
-        "visible_in_picker": true
-      }
-    ],
-    "fields": [
-      {
-        "name": ":liberapay: Liberapay",
-        "value": "<a href=\"https://liberapay.com/noellabo\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">liberapay.com/noellabo</span><span class=\"invisible\"></span></a>",
-        "verified_at": "2020-10-22T03:04:43.206+00:00"
-      },
-      {
-        "name": ":mastodon: DTP-Mstdn.jp",
-        "value": "<a class=\"account-url-link\" data-account-acct=\"noellabo@dtp-mstdn.jp\" data-account-actor-type=\"Person\" data-account-id=\"55\" href=\"https://dtp-mstdn.jp/@noellabo\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">dtp-mstdn.jp/@noellabo</span><span class=\"invisible\"></span></a>",
-        "verified_at": "2020-05-23T00:14:02.232+00:00"
-      },
-      {
-        "name": "別宅",
-        "value": "<a class=\"account-url-link\" data-account-acct=\"noellabo@gorone.xyz\" data-account-actor-type=\"Person\" data-account-id=\"14504\" href=\"https://gorone.xyz/@noellabo\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">gorone.xyz/@noellabo</span><span class=\"invisible\"></span></a>",
-        "verified_at": "2021-08-11T07:48:53.479+00:00"
-      },
-      {
-        "name": "bluesky community",
-        "value": "<a class=\"account-url-link\" data-account-acct=\"noellabo@mastodon.blueskycommunity.net\" data-account-actor-type=\"Person\" data-account-id=\"107267866207603606\" href=\"https://mastodon.blueskycommunity.net/@noellabo\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">mastodon.blueskycommunity.net/</span><span class=\"invisible\">@noellabo</span></a>",
-        "verified_at": "2021-11-13T04:28:30.593+00:00"
-      }
-    ],
-    "other_settings": {
-      "birthday": null,
-      "location": "埼玉県",
-      "cat_ears_color": "#d5c5c0",
-      "noindex": false,
-      "hide_network": false,
-      "hide_statuses_count": false,
-      "hide_following_count": false,
-      "hide_followers_count": false,
-      "enable_reaction": true
-    }
-  },
-  "rules": [
-    {
-      "id": "2",
-      "text": "日本の法律と社会規範に従った行動を心がけてください"
-    },
-    {
-      "id": "3",
-      "text": "不快や脅威に対してはブロック・ミュート・フィルターで距離をとってください"
-    },
-    {
-      "id": "1",
-      "text": "投稿する際は、適切な公開範囲・CW・閲覧注意を使用してください"
-    }
-  ]
-}
diff --git a/packages/pl-fe/src/__fixtures__/fedibird-quote-of-quote-post.json b/packages/pl-fe/src/__fixtures__/fedibird-quote-of-quote-post.json
deleted file mode 100644
index c00c81860..000000000
--- a/packages/pl-fe/src/__fixtures__/fedibird-quote-of-quote-post.json
+++ /dev/null
@@ -1,109 +0,0 @@
-{
-  "id": "107673570598783346",
-  "created_at": "2022-01-23T20:05:01.372Z",
-  "in_reply_to_id": null,
-  "in_reply_to_account_id": null,
-  "sensitive": false,
-  "spoiler_text": "",
-  "visibility": "public",
-  "language": "en",
-  "uri": "https://fedibird.com/users/alex/statuses/107673570598783346",
-  "url": "https://fedibird.com/@alex/107673570598783346",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "emoji_reactions_count": 0,
-  "emoji_reactions": [],
-  "content": "<p>test quote of a quote<span class=\"quote-inline\"><br/>QT: <a class=\"status-url-link\" data-status-account-acct=\"alex\" data-status-id=\"107673570082615319\" href=\"https://fedibird.com/@alex/107673570082615319\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">fedibird.com/@alex/10767357008</span><span class=\"invisible\">2615319</span></a></span></p>",
-  "quote_id": "107673570082615319",
-  "reblog": null,
-  "application": {
-    "name": "Web",
-    "website": null
-  },
-  "account": {
-    "id": "66768",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "discoverable": null,
-    "group": false,
-    "created_at": "2020-01-27T00:00:00.000Z",
-    "note": "<p></p>",
-    "url": "https://fedibird.com/@alex",
-    "avatar": "https://fedibird.com/avatars/original/missing.png",
-    "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-    "header": "https://fedibird.com/headers/original/missing.png",
-    "header_static": "https://fedibird.com/headers/original/missing.png",
-    "followers_count": 0,
-    "following_count": 1,
-    "subscribing_count": 0,
-    "statuses_count": 3,
-    "last_status_at": "2022-01-23",
-    "emojis": [],
-    "fields": []
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null,
-  "quote": {
-    "id": "107673570082615319",
-    "created_at": "2022-01-23T20:04:53.494Z",
-    "in_reply_to_id": null,
-    "in_reply_to_account_id": null,
-    "sensitive": false,
-    "spoiler_text": "",
-    "visibility": "public",
-    "language": "en",
-    "uri": "https://fedibird.com/users/alex/statuses/107673570082615319",
-    "url": "https://fedibird.com/@alex/107673570082615319",
-    "replies_count": 0,
-    "reblogs_count": 0,
-    "favourites_count": 0,
-    "emoji_reactions_count": 0,
-    "emoji_reactions": [],
-    "content": "<p>test quote<span class=\"quote-inline\"><br/>QT: <a class=\"status-url-link\" data-status-account-acct=\"alex\" data-status-id=\"107673569214329435\" href=\"https://fedibird.com/@alex/107673569214329435\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">fedibird.com/@alex/10767356921</span><span class=\"invisible\">4329435</span></a></span></p>",
-    "quote_id": "107673569214329435",
-    "quote": null,
-    "reblog": null,
-    "application": {
-      "name": "Web",
-      "website": null
-    },
-    "account": {
-      "id": "66768",
-      "username": "alex",
-      "acct": "alex",
-      "display_name": "",
-      "locked": false,
-      "bot": false,
-      "discoverable": null,
-      "group": false,
-      "created_at": "2020-01-27T00:00:00.000Z",
-      "note": "<p></p>",
-      "url": "https://fedibird.com/@alex",
-      "avatar": "https://fedibird.com/avatars/original/missing.png",
-      "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-      "header": "https://fedibird.com/headers/original/missing.png",
-      "header_static": "https://fedibird.com/headers/original/missing.png",
-      "followers_count": 0,
-      "following_count": 1,
-      "subscribing_count": 0,
-      "statuses_count": 3,
-      "last_status_at": "2022-01-23",
-      "emojis": [],
-      "fields": []
-    },
-    "media_attachments": [],
-    "mentions": [],
-    "tags": [],
-    "emojis": [],
-    "card": null,
-    "poll": null
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/fedibird-quote-post.json b/packages/pl-fe/src/__fixtures__/fedibird-quote-post.json
deleted file mode 100644
index 610ab45c6..000000000
--- a/packages/pl-fe/src/__fixtures__/fedibird-quote-post.json
+++ /dev/null
@@ -1,108 +0,0 @@
-{
-  "id": "107673570082615319",
-  "created_at": "2022-01-23T20:04:53.494Z",
-  "in_reply_to_id": null,
-  "in_reply_to_account_id": null,
-  "sensitive": false,
-  "spoiler_text": "",
-  "visibility": "public",
-  "language": "en",
-  "uri": "https://fedibird.com/users/alex/statuses/107673570082615319",
-  "url": "https://fedibird.com/@alex/107673570082615319",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "emoji_reactions_count": 0,
-  "emoji_reactions": [],
-  "content": "<p>test quote<span class=\"quote-inline\"><br/>QT: <a class=\"status-url-link\" data-status-account-acct=\"alex\" data-status-id=\"107673569214329435\" href=\"https://fedibird.com/@alex/107673569214329435\" rel=\"nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"ellipsis\">fedibird.com/@alex/10767356921</span><span class=\"invisible\">4329435</span></a></span></p>",
-  "quote_id": "107673569214329435",
-  "reblog": null,
-  "application": {
-    "name": "Web",
-    "website": null
-  },
-  "account": {
-    "id": "66768",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "discoverable": null,
-    "group": false,
-    "created_at": "2020-01-27T00:00:00.000Z",
-    "note": "<p></p>",
-    "url": "https://fedibird.com/@alex",
-    "avatar": "https://fedibird.com/avatars/original/missing.png",
-    "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-    "header": "https://fedibird.com/headers/original/missing.png",
-    "header_static": "https://fedibird.com/headers/original/missing.png",
-    "followers_count": 0,
-    "following_count": 1,
-    "subscribing_count": 0,
-    "statuses_count": 3,
-    "last_status_at": "2022-01-23",
-    "emojis": [],
-    "fields": []
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null,
-  "quote": {
-    "id": "107673569214329435",
-    "created_at": "2022-01-23T20:04:40.249Z",
-    "in_reply_to_id": null,
-    "in_reply_to_account_id": null,
-    "sensitive": false,
-    "spoiler_text": "",
-    "visibility": "public",
-    "language": "en",
-    "uri": "https://fedibird.com/users/alex/statuses/107673569214329435",
-    "url": "https://fedibird.com/@alex/107673569214329435",
-    "replies_count": 0,
-    "reblogs_count": 0,
-    "favourites_count": 0,
-    "emoji_reactions_count": 0,
-    "emoji_reactions": [],
-    "content": "<p>test post</p>",
-    "quote": null,
-    "reblog": null,
-    "application": {
-      "name": "Web",
-      "website": null
-    },
-    "account": {
-      "id": "66768",
-      "username": "alex",
-      "acct": "alex",
-      "display_name": "",
-      "locked": false,
-      "bot": false,
-      "discoverable": null,
-      "group": false,
-      "created_at": "2020-01-27T00:00:00.000Z",
-      "note": "<p></p>",
-      "url": "https://fedibird.com/@alex",
-      "avatar": "https://fedibird.com/avatars/original/missing.png",
-      "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-      "header": "https://fedibird.com/headers/original/missing.png",
-      "header_static": "https://fedibird.com/headers/original/missing.png",
-      "followers_count": 0,
-      "following_count": 1,
-      "subscribing_count": 0,
-      "statuses_count": 3,
-      "last_status_at": "2022-01-23",
-      "emojis": [],
-      "fields": []
-    },
-    "media_attachments": [],
-    "mentions": [],
-    "tags": [],
-    "emojis": [],
-    "card": null,
-    "poll": null
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/friendica-instance.json b/packages/pl-fe/src/__fixtures__/friendica-instance.json
deleted file mode 100644
index cb6902d1f..000000000
--- a/packages/pl-fe/src/__fixtures__/friendica-instance.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "uri": "https://ica.mkljczk.pl",
-  "title": "Friendica Social Network",
-  "short_description": "",
-  "description": "",
-  "email": "me@mkljczk.pl",
-  "version": "2022.05-dev",
-  "urls": null,
-  "stats": {
-    "user_count": 0,
-    "status_count": 0,
-    "domain_count": 0
-  },
-  "thumbnail": "https://ica.mkljczk.plimages/friendica-32.png",
-  "languages": [
-    "pl"
-  ],
-  "max_toot_chars": 200000,
-  "registrations": true,
-  "approval_required": false,
-  "invites_enabled": false,
-  "contact_account": {
-    "id": "2",
-    "username": "nofriend",
-    "acct": "nofriend",
-    "display_name": "marcin mikołajczak",
-    "locked": true,
-    "bot": false,
-    "discoverable": true,
-    "group": false,
-    "created_at": "2022-02-19T14:51:00.000Z",
-    "note": "",
-    "url": "https://ica.mkljczk.pl/profile/nofriend",
-    "avatar": "https://ica.mkljczk.pl/photo/contact/300/68a16c11-1262-1103-d40b-806159848009?ts=1645292106",
-    "avatar_static": "https://ica.mkljczk.pl/photo/contact/300/68a16c11-1262-1103-d40b-806159848009?ts=1645292106",
-    "header": "https://ica.mkljczk.pl/photo/header/68a16c11-1262-1103-d40b-806159848009?ts=1645292106",
-    "header_static": "https://ica.mkljczk.pl/photo/header/68a16c11-1262-1103-d40b-806159848009?ts=1645292106",
-    "followers_count": 0,
-    "following_count": 1,
-    "statuses_count": 0,
-    "last_status_at": "2022-02-20",
-    "emojis": [],
-    "fields": []
-  },
-  "rules": []
-}
diff --git a/packages/pl-fe/src/__fixtures__/friendica-status.json b/packages/pl-fe/src/__fixtures__/friendica-status.json
deleted file mode 100644
index fc64e430e..000000000
--- a/packages/pl-fe/src/__fixtures__/friendica-status.json
+++ /dev/null
@@ -1,53 +0,0 @@
-{
-  "id": "106",
-  "created_at": "2022-02-19T18:19:40.000Z",
-  "in_reply_to_id": null,
-  "in_reply_to_account_id": null,
-  "sensitive": false,
-  "spoiler_text": "",
-  "visibility": "public",
-  "language": "fa",
-  "uri": "https://ica.mkljczk.pl/objects/68a16c11-4262-1134-bc4e-0db298374337",
-  "url": "https://ica.mkljczk.pl/display/68a16c11-4262-1134-bc4e-0db298374337",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "favourited": false,
-  "reblogged": false,
-  "muted": false,
-  "bookmarked": true,
-  "content": "Hello to Friendica from fe.soapbox.pub!",
-  "reblog": null,
-  "application": {
-    "name": "Soapbox FE"
-  },
-  "account": {
-    "id": "95",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "Alex Gleason",
-    "locked": true,
-    "bot": false,
-    "discoverable": false,
-    "group": false,
-    "created_at": "2022-02-19T18:17:43.000Z",
-    "note": "",
-    "url": "https://ica.mkljczk.pl/profile/alex",
-    "avatar": "https://ica.mkljczk.pl/photo/contact/300/68a16c11-1862-1134-4779-f98088458845?ts=1645294804",
-    "avatar_static": "https://ica.mkljczk.pl/photo/contact/300/68a16c11-1862-1134-4779-f98088458845?ts=1645294804",
-    "header": "https://ica.mkljczk.pl/photo/header/68a16c11-1862-1134-4779-f98088458845?ts=1645294804",
-    "header_static": "https://ica.mkljczk.pl/photo/header/68a16c11-1862-1134-4779-f98088458845?ts=1645294804",
-    "followers_count": 0,
-    "following_count": 0,
-    "statuses_count": 2,
-    "last_status_at": "2022-02-19",
-    "emojis": [],
-    "fields": []
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null
-}
diff --git a/packages/pl-fe/src/__fixtures__/gotosocial-account.json b/packages/pl-fe/src/__fixtures__/gotosocial-account.json
deleted file mode 100644
index 3700bc473..000000000
--- a/packages/pl-fe/src/__fixtures__/gotosocial-account.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "id": "00YSECR4P7E64BD5MBA639PRVT",
-  "username": "alex",
-  "acct": "alex",
-  "display_name": "Alex Gleason",
-  "locked": false,
-  "bot": false,
-  "created_at": "2022-02-23T22:43:55Z",
-  "note": "<p>My GoToSocial profile</p>",
-  "url": "http://localhost/@alex",
-  "avatar": "",
-  "avatar_static": "",
-  "header": "",
-  "header_static": "",
-  "followers_count": 0,
-  "following_count": 0,
-  "statuses_count": 1,
-  "last_status_at": "2022-02-23T22:54:14Z",
-  "emojis": [],
-  "fields": [],
-  "source": {
-    "privacy": "unlisted",
-    "language": "en",
-    "note": "<p>My GoToSocial profile</p>",
-    "fields": []
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/gotosocial-instance.json b/packages/pl-fe/src/__fixtures__/gotosocial-instance.json
deleted file mode 100644
index fdaf4c96b..000000000
--- a/packages/pl-fe/src/__fixtures__/gotosocial-instance.json
+++ /dev/null
@@ -1,42 +0,0 @@
-{
-  "uri": "http://localhost",
-  "title": "localhost",
-  "description": "",
-  "short_description": "",
-  "email": "",
-  "version": "0.2.0 31935ee",
-  "registrations": true,
-  "approval_required": true,
-  "invites_enabled": false,
-  "urls": {
-    "streaming_api": "wss://localhost"
-  },
-  "stats": {
-    "domain_count": 0,
-    "status_count": 1,
-    "user_count": 1
-  },
-  "thumbnail": "",
-  "contact_account": {
-    "id": "",
-    "username": "",
-    "acct": "",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "created_at": "",
-    "note": "",
-    "url": "",
-    "avatar": "",
-    "avatar_static": "",
-    "header": "",
-    "header_static": "",
-    "followers_count": 0,
-    "following_count": 0,
-    "statuses_count": 0,
-    "last_status_at": "",
-    "emojis": null,
-    "fields": null
-  },
-  "max_toot_chars": 5000
-}
diff --git a/packages/pl-fe/src/__fixtures__/gotosocial-status.json b/packages/pl-fe/src/__fixtures__/gotosocial-status.json
deleted file mode 100644
index 3546482b2..000000000
--- a/packages/pl-fe/src/__fixtures__/gotosocial-status.json
+++ /dev/null
@@ -1,50 +0,0 @@
-{
-  "id": "01FWMCNM07GGDV8HF40NZ9YTGR",
-  "created_at": "2022-02-23T22:54:14Z",
-  "sensitive": false,
-  "spoiler_text": "",
-  "visibility": "public",
-  "language": "en",
-  "uri": "http://localhost/users/alex/statuses/01FWMCNM07GGDV8HF40NZ9YTGR",
-  "url": "http://localhost/@alex/statuses/01FWMCNM07GGDV8HF40NZ9YTGR",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "favourited": false,
-  "reblogged": false,
-  "muted": false,
-  "bookmarked": false,
-  "content": "<p>Hello GoToSocial!</p>",
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "account": {
-    "id": "00YSECR4P7E64BD5MBA639PRVT",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "alex",
-    "locked": false,
-    "bot": false,
-    "created_at": "2022-02-23T22:43:55Z",
-    "note": "",
-    "url": "http://localhost/@alex",
-    "avatar": "",
-    "avatar_static": "",
-    "header": "",
-    "header_static": "",
-    "followers_count": 0,
-    "following_count": 0,
-    "statuses_count": 1,
-    "last_status_at": "2022-02-23T22:54:14Z",
-    "emojis": [],
-    "fields": []
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null,
-  "text": "Hello GoToSocial!"
-}
diff --git a/packages/pl-fe/src/__fixtures__/group-truthsocial.json b/packages/pl-fe/src/__fixtures__/group-truthsocial.json
deleted file mode 100644
index 63d8b14d5..000000000
--- a/packages/pl-fe/src/__fixtures__/group-truthsocial.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "avatar": "https://media.covfefe.social/groups/avatars/109/989/480/368/015/378/original/50b0d899bc5aae13.jpg",
-  "avatar_static": "https://media.covfefe.social/groups/avatars/109/989/480/368/015/378/original/50b0d899bc5aae13.jpg",
-  "created_at": "2023-03-08T00:00:00.000Z",
-  "discoverable": true,
-  "display_name": "PATRIOT PATRIOTS",
-  "domain": null,
-  "group_visibility": "everyone",
-  "header": "https://media.covfefe.social/groups/headers/109/989/480/368/015/378/original/c5063b59f919cd4a.png",
-  "header_static": "https://media.covfefe.social/groups/headers/109/989/480/368/015/378/original/c5063b59f919cd4a.png",
-  "id": "109989480368015378",
-  "members_count": 1,
-  "membership_required": true,
-  "note": "patriots 900000001",
-  "owner": {
-    "id": "424023483294040"
-  },
-  "tags": []
-}
\ No newline at end of file
diff --git a/packages/pl-fe/src/__fixtures__/intlMessages.json b/packages/pl-fe/src/__fixtures__/intlMessages.json
deleted file mode 100644
index e2bd3bd56..000000000
--- a/packages/pl-fe/src/__fixtures__/intlMessages.json
+++ /dev/null
@@ -1,962 +0,0 @@
-{
-  "default": {
-    "account.add_or_remove_from_list": "Add or Remove from lists",
-    "account.badges.bot": "Bot",
-    "account.block": "Block @{name}",
-    "account.block_domain": "Hide everything from {domain}",
-    "account.blocked": "Blocked",
-    "account.direct": "Direct message @{name}",
-    "account.domain_blocked": "Domain hidden",
-    "account.edit_profile": "Edit profile",
-    "account.endorse": "Feature on profile",
-    "account.follow": "Follow",
-    "account.followers": "Followers",
-    "account.followers.empty": "No one follows this user yet.",
-    "account.follows": "Follows",
-    "account.follows.empty": "This user doesn\"t follow anyone yet.",
-    "account.follows_you": "Follows you",
-    "account.hide_reblogs": "Hide reposts from @{name}",
-    "account.link_verified_on": "Ownership of this link was checked on {date}",
-    "account.locked_info": "This account privacy status is set to locked. The owner manually reviews who can follow them.",
-    "account.login": "Log in",
-    "account.media": "Media",
-    "account.member_since": "Joined {date}",
-    "account.mention": "Mention",
-    "account.message": "Message",
-    "account.moved_to": "{name} has moved to:",
-    "account.mute": "Mute @{name}",
-    "account.mute_notifications": "Mute notifications from @{name}",
-    "account.muted": "Muted",
-    "account.posts": "Posts",
-    "account.posts_with_replies": "Posts and replies",
-    "account.profile": "Profile",
-    "account.register": "Sign up",
-    "account.report": "Report @{name}",
-    "account.requested": "Awaiting approval. Click to cancel follow request",
-    "account.share": "Share @{name}\"s profile",
-    "account.show_reblogs": "Show reposts from @{name}",
-    "account.unblock": "Unblock @{name}",
-    "account.unblock_domain": "Unhide {domain}",
-    "account.unendorse": "Don\"t feature on profile",
-    "account.unfollow": "Unfollow",
-    "account.unmute": "Unmute @{name}",
-    "account.unmute_notifications": "Unmute notifications from @{name}",
-    "account_gallery.none": "No media to show.",
-    "alert.unexpected.message": "An unexpected error occurred.",
-    "alert.unexpected.title": "Oops!",
-    "audio.close": "Close audio",
-    "audio.expand": "Expand audio",
-    "audio.hide": "Hide audio",
-    "audio.mute": "Mute",
-    "audio.pause": "Pause",
-    "audio.play": "Play",
-    "audio.unmute": "Unmute",
-    "boost_modal.combo": "You can press {combo} to skip this next time",
-    "bundle_column_error.body": "Something went wrong while loading this page.",
-    "bundle_column_error.retry": "Try again",
-    "bundle_column_error.title": "Network error",
-    "bundle_modal_error.close": "Close",
-    "bundle_modal_error.message": "Something went wrong while loading this page.",
-    "bundle_modal_error.retry": "Try again",
-    "column.blocks": "Blocked users",
-    "column.community": "Local timeline",
-    "column.direct": "Direct messages",
-    "column.domain_blocks": "Hidden domains",
-    "column.edit_profile": "Edit profile",
-    "column.filters": "Muted words",
-    "column.follow_requests": "Follow requests",
-    "column.groups": "Groups",
-    "column.home": "Home",
-    "column.lists": "Lists",
-    "column.mutes": "Muted users",
-    "column.notifications": "Alerts",
-    "column.preferences": "Preferences",
-    "column.public": "Federated timeline",
-    "column.security": "Security",
-    "column_back_button.label": "Back",
-    "column_header.hide_settings": "Hide settings",
-    "column_header.show_settings": "Show settings",
-    "column_subheading.settings": "Settings",
-    "community.column_settings.media_only": "Media Only",
-    "compose_form.direct_message_warning": "This post will only be sent to the mentioned users.",
-    "compose_form.direct_message_warning_learn_more": "Learn more",
-    "compose_form.hashtag_warning": "This post won\"t be listed under any hashtag as it is unlisted. Only public posts can be searched by hashtag.",
-    "compose_form.lock_disclaimer": "Your account is not {locked}. Anyone can follow you to view your follower-only posts.",
-    "compose_form.lock_disclaimer.lock": "locked",
-    "compose_form.placeholder": "What\"s on your mind?",
-    "compose_form.poll.add_option": "Add a choice",
-    "compose_form.poll.duration": "Poll duration",
-    "compose_form.poll.option_placeholder": "Choice {number}",
-    "compose_form.poll.remove_option": "Delete",
-    "compose_form.poll.type.hint": "Click to toggle poll type. Radio button (default) is single. Checkbox is multiple.",
-    "compose_form.publish": "Publish",
-    "compose_form.publish_loud": "{publish}!",
-    "compose_form.sensitive.hide": "Mark media as sensitive",
-    "compose_form.sensitive.marked": "Media is marked as sensitive",
-    "compose_form.sensitive.unmarked": "Media is not marked as sensitive",
-    "compose_form.spoiler.marked": "Text is hidden behind warning",
-    "compose_form.spoiler.unmarked": "Text is not hidden",
-    "compose_form.spoiler_placeholder": "Write your warning here",
-    "confirmation_modal.cancel": "Cancel",
-    "confirmations.block.block_and_report": "Block & Report",
-    "confirmations.block.confirm": "Block",
-    "confirmations.block.message": "Are you sure you want to block {name}?",
-    "confirmations.delete.confirm": "Delete",
-    "confirmations.delete.message": "Are you sure you want to delete this post?",
-    "confirmations.delete_list.confirm": "Delete",
-    "confirmations.delete_list.message": "Are you sure you want to permanently delete this list?",
-    "confirmations.domain_block.confirm": "Hide entire domain",
-    "confirmations.domain_block.message": "Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications.",
-    "confirmations.mute.confirm": "Mute",
-    "confirmations.mute.message": "Are you sure you want to mute {name}?",
-    "confirmations.redraft.confirm": "Delete & redraft",
-    "confirmations.redraft.message": "Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.",
-    "confirmations.reply.confirm": "Reply",
-    "confirmations.reply.message": "Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?",
-    "confirmations.unfollow.confirm": "Unfollow",
-    "confirmations.unfollow.message": "Are you sure you want to unfollow {name}?",
-    "donate": "Donate",
-    "edit_profile.fields.avatar_label": "Avatar",
-    "edit_profile.fields.bio_label": "Bio",
-    "edit_profile.fields.bot_label": "This is a bot account",
-    "edit_profile.fields.display_name_label": "Display name",
-    "edit_profile.fields.header_label": "Header",
-    "edit_profile.fields.locked_label": "Lock account",
-    "edit_profile.fields.meta_fields.content_placeholder": "Content",
-    "edit_profile.fields.meta_fields.label_placeholder": "Label",
-    "edit_profile.fields.meta_fields_label": "Profile metadata",
-    "edit_profile.hints.avatar": "PNG, GIF or JPG. Will be downscaled to {size}",
-    "edit_profile.hints.bot": "This account mainly performs automated actions and might not be monitored",
-    "edit_profile.hints.header": "PNG, GIF or JPG. Will be downscaled to {size}",
-    "edit_profile.hints.locked": "Requires you to manually approve followers",
-    "edit_profile.hints.meta_fields": "You can have up to {count, plural, one {# item} other {# items}} displayed as a table on your profile",
-    "edit_profile.save": "Save",
-    "embed.instructions": "Embed this post on your website by copying the code below.",
-    "embed.preview": "Here is what it will look like:",
-    "emoji_button.activity": "Activity",
-    "emoji_button.custom": "Custom",
-    "emoji_button.flags": "Flags",
-    "emoji_button.food": "Food & Drink",
-    "emoji_button.label": "Insert emoji",
-    "emoji_button.nature": "Nature",
-    "emoji_button.not_found": "No emojos!! (╯°□°）╯︵ ┻━┻",
-    "emoji_button.objects": "Objects",
-    "emoji_button.people": "People",
-    "emoji_button.recent": "Frequently used",
-    "emoji_button.search": "Search...",
-    "emoji_button.search_results": "Search results",
-    "emoji_button.symbols": "Symbols",
-    "emoji_button.travel": "Travel & Places",
-    "empty_column.account_timeline": "No posts here!",
-    "empty_column.account_unavailable": "Profile unavailable",
-    "empty_column.blocks": "You haven\"t blocked any users yet.",
-    "empty_column.community": "The local timeline is empty. Write something publicly to get the ball rolling!",
-    "empty_column.direct": "You don\"t have any direct messages yet. When you send or receive one, it will show up here.",
-    "empty_column.domain_blocks": "There are no hidden domains yet.",
-    "empty_column.favourited_statuses": "You don\"t have any liked posts yet. When you like one, it will show up here.",
-    "empty_column.favourites": "No one has liked this post yet. When someone does, they will show up here.",
-    "empty_column.filters": "You haven\"t created any muted words yet.",
-    "empty_column.follow_requests": "You don\"t have any follow requests yet. When you receive one, it will show up here.",
-    "empty_column.group": "There is nothing in this group yet. When members of this group make new posts, they will appear here.",
-    "empty_column.hashtag": "There is nothing in this hashtag yet.",
-    "empty_column.home": "Or you can visit {public} to get started and meet other users.",
-    "empty_column.home.local_tab": "the {site_title} tab",
-    "empty_column.list": "There is nothing in this list yet. When members of this list create new posts, they will appear here.",
-    "empty_column.lists": "You don\"t have any lists yet. When you create one, it will show up here.",
-    "empty_column.mutes": "You haven\"t muted any users yet.",
-    "empty_column.notifications": "You don\"t have any notifications yet. Interact with others to start the conversation.",
-    "empty_column.public": "There is nothing here! Write something publicly, or manually follow users from other servers to fill it up",
-    "fediverse_tab.explanation_box.explanation": "{site_title} is part of the Fediverse, a social network made up of thousands of independent social media sites (aka 'servers'). The posts you see here are from 3rd-party servers. You have the freedom to engage with them, or to block any server you don\"t like. Pay attention to the full username after the second @ symbol to know which server a post is from. To see only {site_title} posts, visit {local}.",
-    "fediverse_tab.explanation_box.title": "What is the Fediverse?",
-    "follow_request.authorize": "Authorize",
-    "follow_request.reject": "Reject",
-    "getting_started.heading": "Getting started",
-    "getting_started.open_source_notice": "{code_name} is open source software. You can contribute or report issues at {code_link} (v{code_version}).",
-    "group.members.empty": "This group does not has any members.",
-    "group.removed_accounts.empty": "This group does not has any removed accounts.",
-    "groups.card.join": "Join",
-    "groups.card.members": "Members",
-    "groups.card.roles.admin": "You\"re an admin",
-    "groups.card.roles.member": "You\"re a member",
-    "groups.card.view": "View",
-    "groups.create": "Create group",
-    "groups.form.coverImage": "Upload new banner image (optional)",
-    "groups.form.coverImageChange": "Banner image selected",
-    "groups.form.create": "Create group",
-    "groups.form.description": "Description",
-    "groups.form.title": "Title",
-    "groups.form.update": "Update group",
-    "groups.removed_accounts": "Removed Accounts",
-    "groups.tab_admin": "Manage",
-    "groups.tab_featured": "Featured",
-    "groups.tab_member": "Member",
-    "hashtag.column_header.tag_mode.all": "and {additional}",
-    "hashtag.column_header.tag_mode.any": "or {additional}",
-    "hashtag.column_header.tag_mode.none": "without {additional}",
-    "home.column_settings.basic": "Basic",
-    "home.column_settings.show_reblogs": "Show reposts",
-    "home.column_settings.show_replies": "Show replies",
-    "home_column.lists": "Lists",
-    "home_column_header.fediverse": "Fediverse",
-    "home_column_header.home": "Home",
-    "intervals.full.days": "{number, plural, one {# day} other {# days}}",
-    "intervals.full.hours": "{number, plural, one {# hour} other {# hours}}",
-    "intervals.full.minutes": "{number, plural, one {# minute} other {# minutes}}",
-    "keyboard_shortcuts.back": "to navigate back",
-    "keyboard_shortcuts.blocked": "to open blocked users list",
-    "keyboard_shortcuts.boost": "to repost",
-    "keyboard_shortcuts.column": "to focus a post in one of the columns",
-    "keyboard_shortcuts.compose": "to focus the compose textarea",
-    "keyboard_shortcuts.direct": "to open direct messages column",
-    "keyboard_shortcuts.down": "to move down in the list",
-    "keyboard_shortcuts.enter": "to open post",
-    "keyboard_shortcuts.favourite": "to like",
-    "keyboard_shortcuts.favourites": "to open likes list",
-    "keyboard_shortcuts.heading": "Keyboard shortcuts",
-    "keyboard_shortcuts.home": "to open home timeline",
-    "keyboard_shortcuts.hotkey": "Hotkey",
-    "keyboard_shortcuts.legend": "to display this legend",
-    "keyboard_shortcuts.mention": "to mention author",
-    "keyboard_shortcuts.muted": "to open muted users list",
-    "keyboard_shortcuts.my_profile": "to open your profile",
-    "keyboard_shortcuts.notifications": "to open notifications column",
-    "keyboard_shortcuts.pinned": "to open pinned posts list",
-    "keyboard_shortcuts.profile": "to open author\"s profile",
-    "keyboard_shortcuts.reply": "to reply",
-    "keyboard_shortcuts.requests": "to open follow requests list",
-    "keyboard_shortcuts.search": "to focus search",
-    "keyboard_shortcuts.start": "to open 'get started' column",
-    "keyboard_shortcuts.toggle_hidden": "to show/hide text behind CW",
-    "keyboard_shortcuts.toggle_sensitivity": "to show/hide media",
-    "keyboard_shortcuts.toot": "to start a new post",
-    "keyboard_shortcuts.unfocus": "to un-focus compose textarea/search",
-    "keyboard_shortcuts.up": "to move up in the list",
-    "lightbox.close": "Close",
-    "lightbox.next": "Next",
-    "lightbox.previous": "Previous",
-    "lightbox.view_context": "View context",
-    "list.click_to_add": "Click here to add people",
-    "list_adder.header_title": "Add or Remove from Lists",
-    "lists.account.add": "Add to list",
-    "lists.account.remove": "Remove from list",
-    "lists.delete": "Delete list",
-    "lists.edit": "Edit list",
-    "lists.edit.submit": "Change title",
-    "lists.new.create": "Add list",
-    "lists.new.create_title": "Add list",
-    "lists.new.save_title": "Save Title",
-    "lists.new.title_placeholder": "New list title",
-    "lists.search": "Search among people you follow",
-    "lists.subheading": "Your lists",
-    "lists.view_all": "View all lists",
-    "loading_indicator.label": "Loading...",
-    "login.fields.password_placeholder": "Password",
-    "login.fields.username_placeholder": "Username",
-    "login.log_in": "Log in",
-    "login.reset_password_hint": "Trouble logging in?",
-    "media_gallery.toggle_visible": "Hide",
-    "missing_indicator.label": "Not found",
-    "missing_indicator.sublabel": "This resource could not be found",
-    "morefollows.followers_label": "…and {count} more {count, plural, one {follower} other {followers}} on remote sites.",
-    "morefollows.following_label": "…and {count} more {count, plural, one {follow} other {follows}} on remote sites.",
-    "mute_modal.hide_notifications": "Hide notifications from this user?",
-    "navigation_bar.admin_settings": "Admin settings",
-    "navigation_bar.plfe_config": "Soapbox config",
-    "navigation_bar.blocks": "Blocked users",
-    "navigation_bar.community_timeline": "Local timeline",
-    "navigation_bar.compose": "Compose new post",
-    "navigation_bar.direct": "Direct messages",
-    "navigation_bar.discover": "Discover",
-    "navigation_bar.domain_blocks": "Hidden domains",
-    "navigation_bar.edit_profile": "Edit profile",
-    "navigation_bar.favourites": "Likes",
-    "navigation_bar.filters": "Muted words",
-    "navigation_bar.follow_requests": "Follow requests",
-    "navigation_bar.info": "About this server",
-    "navigation_bar.keyboard_shortcuts": "Hotkeys",
-    "navigation_bar.lists": "Lists",
-    "navigation_bar.logout": "Logout",
-    "navigation_bar.messages": "Messages",
-    "navigation_bar.mutes": "Muted users",
-    "navigation_bar.personal": "Personal",
-    "navigation_bar.pins": "Pinned posts",
-    "navigation_bar.preferences": "Preferences",
-    "navigation_bar.public_timeline": "Federated timeline",
-    "navigation_bar.security": "Security",
-    "notification.pleroma:emoji_reaction": "{name} reacted to your post",
-    "notification.favourite": "{name} liked your post",
-    "notification.follow": "{name} followed you",
-    "notification.mention": "{name} mentioned you",
-    "notification.poll": "A poll you have voted in has ended",
-    "notification.reblog": "{name} reposted your post",
-    "notifications.clear": "Clear notifications",
-    "notifications.clear_confirmation": "Are you sure you want to permanently clear all your notifications?",
-    "notifications.column_settings.alert": "Desktop notifications",
-    "notifications.column_settings.favourite": "Likes:",
-    "notifications.column_settings.filter_bar.advanced": "Display all categories",
-    "notifications.column_settings.filter_bar.category": "Quick filter bar",
-    "notifications.column_settings.filter_bar.show": "Show",
-    "notifications.column_settings.follow": "New followers:",
-    "notifications.column_settings.mention": "Mentions:",
-    "notifications.column_settings.poll": "Poll results:",
-    "notifications.column_settings.push": "Push notifications",
-    "notifications.column_settings.reblog": "Reposts:",
-    "notifications.column_settings.show": "Show in column",
-    "notifications.column_settings.sound": "Play sound",
-    "notifications.filter.all": "All",
-    "notifications.filter.boosts": "Reposts",
-    "notifications.filter.favourites": "Likes",
-    "notifications.filter.follows": "Follows",
-    "notifications.filter.mentions": "Mentions",
-    "notifications.filter.polls": "Poll results",
-    "notifications.group": "{count} notifications",
-    "notifications.queue_label": "Click to see {count} new {count, plural, one {notification} other {notifications}}",
-    "pinned_statuses.none": "No pins to show.",
-    "poll.closed": "Closed",
-    "poll.refresh": "Refresh",
-    "poll.total_votes": "{count, plural, one {# vote} other {# votes}}",
-    "poll.vote": "Vote",
-    "poll_button.add_poll": "Add a poll",
-    "poll_button.remove_poll": "Remove poll",
-    "preferences.fields.auto_play_gif_label": "Auto-play animated GIFs",
-    "preferences.fields.auto_play_video_label": "Auto-play videos",
-    "preferences.fields.boost_modal_label": "Show confirmation dialog before reposting",
-    "preferences.fields.delete_modal_label": "Show confirmation dialog before deleting a post",
-    "preferences.fields.demetricator_label": "Use Demetricator",
-    "preferences.fields.dyslexic_font_label": "Dyslexic mode",
-    "preferences.fields.expand_spoilers_label": "Always expand posts marked with content warnings",
-    "preferences.fields.language_label": "Language",
-    "preferences.fields.privacy_label": "Post privacy",
-    "preferences.fields.reduce_motion_label": "Reduce motion in animations",
-    "preferences.fields.system_font_label": "Use system\"s default font",
-    "preferences.fields.theme_label": "Theme",
-    "preferences.fields.unfollow_modal_label": "Show confirmation dialog before unfollowing someone",
-    "preferences.hints.demetricator": "Decrease social media anxiety by hiding all numbers from the site.",
-    "preferences.hints.privacy_followers_only": "Only show to followers",
-    "preferences.hints.privacy_public": "Everyone can see",
-    "preferences.hints.privacy_unlisted": "Everyone can see, but not listed on public timelines",
-    "preferences.options.privacy_followers_only": "Followers-only",
-    "preferences.options.privacy_public": "Public",
-    "preferences.options.privacy_unlisted": "Unlisted",
-    "preferences.options.theme_dark": "Dark",
-    "preferences.options.theme_light": "Light",
-    "privacy.change": "Adjust post privacy",
-    "privacy.direct.long": "Post to mentioned users only",
-    "privacy.direct.short": "Direct",
-    "privacy.private.long": "Post to followers only",
-    "privacy.private.short": "Followers-only",
-    "privacy.public.long": "Post to public timelines",
-    "privacy.public.short": "Public",
-    "privacy.unlisted.long": "Do not post to public timelines",
-    "privacy.unlisted.short": "Unlisted",
-    "regeneration_indicator.label": "Loading…",
-    "regeneration_indicator.sublabel": "Your home feed is being prepared!",
-    "registration.agreement": "I agree to the {tos}.",
-    "registration.fields.confirm_placeholder": "Password (again)",
-    "registration.fields.email_placeholder": "E-Mail address",
-    "registration.fields.password_placeholder": "Password",
-    "registration.fields.username_placeholder": "Username",
-    "registration.lead": "With an account on {instance} you\"ll be able to follow people on any server in the fediverse.",
-    "registration.sign_up": "Sign up",
-    "registration.tos": "Terms of Service",
-    "relative_time.days": "{number}d",
-    "relative_time.hours": "{number}h",
-    "relative_time.just_now": "now",
-    "relative_time.minutes": "{number}m",
-    "relative_time.seconds": "{number}s",
-    "reply_indicator.cancel": "Cancel",
-    "report.block": "Block {target}",
-    "report.block_hint": "Do you also want to block this account?",
-    "report.forward": "Forward to {target}",
-    "report.forward_hint": "The account is from another server. Send a copy of the report there as well?",
-    "report.hint": "The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:",
-    "report.placeholder": "Additional comments",
-    "report.submit": "Submit",
-    "report.target": "Reporting {target}",
-    "search.placeholder": "Search",
-    "search_popout.search_format": "Advanced search format",
-    "search_popout.tips.full_text": "Simple text returns posts you have written, favorited, reposted, or have been mentioned in, as well as matching usernames, display names, and hashtags.",
-    "search_popout.tips.hashtag": "hashtag",
-    "search_popout.tips.status": "post",
-    "search_popout.tips.user": "user",
-    "search_results.accounts": "People",
-    "search_results.hashtags": "Hashtags",
-    "search_results.statuses": "Posts",
-    "search_results.top": "Top",
-    "search_results.total": "{count, number} {count, plural, one {result} other {results}}",
-    "security.fields.email.label": "Email address",
-    "security.fields.new_password.label": "New password",
-    "security.fields.old_password.label": "Current password",
-    "security.fields.password.label": "Password",
-    "security.fields.password_confirmation.label": "New password (again)",
-    "security.headers.tokens": "Sessions",
-    "security.headers.update_email": "Change Email",
-    "security.headers.update_password": "Change Password",
-    "security.submit": "Save changes",
-    "security.tokens.revoke": "Revoke",
-    "security.update_email.fail": "Update email failed.",
-    "security.update_email.success": "Email successfully updated.",
-    "security.update_password.fail": "Update password failed.",
-    "security.update_password.success": "Password successfully updated.",
-    "signup_panel.subtitle": "Sign up now to discuss what's happening.",
-    "signup_panel.title": "New to {site_title}?",
-    "status.admin_account": "Open moderation interface for @{name}",
-    "status.admin_status": "Open this post in the moderation interface",
-    "status.block": "Block @{name}",
-    "status.cancel_reblog_private": "Un-repost",
-    "status.cannot_reblog": "This post cannot be reposted",
-    "status.copy": "Copy link to post",
-    "status.delete": "Delete",
-    "status.detailed_status": "Detailed conversation view",
-    "status.direct": "Direct message @{name}",
-    "status.embed": "Embed",
-    "status.favourite": "Like",
-    "status.filtered": "Filtered",
-    "status.load_more": "Load more",
-    "status.media_hidden": "Media hidden",
-    "status.mention": "Mention @{name}",
-    "status.more": "More",
-    "status.mute": "Mute @{name}",
-    "status.mute_conversation": "Mute conversation",
-    "status.open": "Expand this post",
-    "status.pin": "Pin on profile",
-    "status.pinned": "Pinned post",
-    "status.read_more": "Read more",
-    "status.reblog": "Repost",
-    "status.reblog_private": "Repost to original audience",
-    "status.reblogged_by": "{name} reposted",
-    "status.reblogs.empty": "No one has reposted this post yet. When someone does, they will show up here.",
-    "status.redraft": "Delete & re-draft",
-    "status.remove_account_from_group": "Remove account from group",
-    "status.remove_post_from_group": "Remove post from group",
-    "status.reply": "Reply",
-    "status.replyAll": "Reply to thread",
-    "status.report": "Report @{name}",
-    "status.sensitive_warning": "Sensitive content",
-    "status.share": "Share",
-    "status.show_less": "Show less",
-    "status.show_less_all": "Show less for all",
-    "status.show_more": "Show more",
-    "status.show_more_all": "Show more for all",
-    "status.show_thread": "Show thread",
-    "status.unmute_conversation": "Unmute conversation",
-    "status.unpin": "Unpin from profile",
-    "status_list.queue_label": "Click to see {count} new {count, plural, one {post} other {posts}}",
-    "suggestions.dismiss": "Dismiss suggestion",
-    "tabs_bar.apps": "Apps",
-    "tabs_bar.home": "Home",
-    "tabs_bar.news": "News",
-    "tabs_bar.notifications": "Alerts",
-    "tabs_bar.post": "Post",
-    "tabs_bar.search": "Search",
-    "time_remaining.days": "{number, plural, one {# day} other {# days}} left",
-    "time_remaining.hours": "{number, plural, one {# hour} other {# hours}} left",
-    "time_remaining.minutes": "{number, plural, one {# minute} other {# minutes}} left",
-    "time_remaining.moments": "Moments remaining",
-    "time_remaining.seconds": "{number, plural, one {# second} other {# seconds}} left",
-    "trends.count_by_accounts": "{count} {rawCount, plural, one {person} other {people}} talking",
-    "trends.title": "Trends",
-    "ui.beforeunload": "Your draft will be lost if you leave.",
-    "unauthorized_modal.footer": "Already have an account? {login}.",
-    "unauthorized_modal.text": "You need to be logged in to do that.",
-    "unauthorized_modal.title": "Sign up for {site_title}",
-    "upload_area.title": "Drag & drop to upload",
-    "upload_button.label": "Add media attachment",
-    "upload_error.limit": "File upload limit exceeded.",
-    "upload_error.poll": "File upload not allowed with polls.",
-    "upload_form.description": "Describe for the visually impaired",
-    "upload_form.focus": "Change preview",
-    "upload_form.undo": "Delete",
-    "upload_progress.label": "Uploading...",
-    "video.close": "Close video",
-    "video.exit_fullscreen": "Exit full screen",
-    "video.expand": "Expand video",
-    "video.fullscreen": "Full screen",
-    "video.hide": "Hide video",
-    "video.mute": "Mute sound",
-    "video.pause": "Pause",
-    "video.play": "Play",
-    "video.unmute": "Unmute sound",
-    "who_to_follow.title": "Who To Follow"
-  },
-  "account.add_or_remove_from_list": "Add or Remove from lists",
-  "account.badges.bot": "Bot",
-  "account.block": "Block @{name}",
-  "account.block_domain": "Hide everything from {domain}",
-  "account.blocked": "Blocked",
-  "account.direct": "Direct message @{name}",
-  "account.domain_blocked": "Domain hidden",
-  "account.edit_profile": "Edit profile",
-  "account.endorse": "Feature on profile",
-  "account.follow": "Follow",
-  "account.followers": "Followers",
-  "account.followers.empty": "No one follows this user yet.",
-  "account.follows": "Follows",
-  "account.follows.empty": "This user doesn\"t follow anyone yet.",
-  "account.follows_you": "Follows you",
-  "account.hide_reblogs": "Hide reposts from @{name}",
-  "account.link_verified_on": "Ownership of this link was checked on {date}",
-  "account.locked_info": "This account privacy status is set to locked. The owner manually reviews who can follow them.",
-  "account.login": "Log in",
-  "account.media": "Media",
-  "account.member_since": "Joined {date}",
-  "account.mention": "Mention",
-  "account.message": "Message",
-  "account.moved_to": "{name} has moved to:",
-  "account.mute": "Mute @{name}",
-  "account.mute_notifications": "Mute notifications from @{name}",
-  "account.muted": "Muted",
-  "account.posts": "Posts",
-  "account.posts_with_replies": "Posts and replies",
-  "account.profile": "Profile",
-  "account.register": "Sign up",
-  "account.report": "Report @{name}",
-  "account.requested": "Awaiting approval. Click to cancel follow request",
-  "account.share": "Share @{name}\"s profile",
-  "account.show_reblogs": "Show reposts from @{name}",
-  "account.unblock": "Unblock @{name}",
-  "account.unblock_domain": "Unhide {domain}",
-  "account.unendorse": "Don\"t feature on profile",
-  "account.unfollow": "Unfollow",
-  "account.unmute": "Unmute @{name}",
-  "account.unmute_notifications": "Unmute notifications from @{name}",
-  "account_gallery.none": "No media to show.",
-  "alert.unexpected.message": "An unexpected error occurred.",
-  "alert.unexpected.title": "Oops!",
-  "audio.close": "Close audio",
-  "audio.expand": "Expand audio",
-  "audio.hide": "Hide audio",
-  "audio.mute": "Mute",
-  "audio.pause": "Pause",
-  "audio.play": "Play",
-  "audio.unmute": "Unmute",
-  "boost_modal.combo": "You can press {combo} to skip this next time",
-  "bundle_column_error.body": "Something went wrong while loading this page.",
-  "bundle_column_error.retry": "Try again",
-  "bundle_column_error.title": "Network error",
-  "bundle_modal_error.close": "Close",
-  "bundle_modal_error.message": "Something went wrong while loading this page.",
-  "bundle_modal_error.retry": "Try again",
-  "column.blocks": "Blocked users",
-  "column.community": "Local timeline",
-  "column.direct": "Direct messages",
-  "column.domain_blocks": "Hidden domains",
-  "column.edit_profile": "Edit profile",
-  "column.filters": "Muted words",
-  "column.follow_requests": "Follow requests",
-  "column.groups": "Groups",
-  "column.home": "Home",
-  "column.lists": "Lists",
-  "column.mutes": "Muted users",
-  "column.notifications": "Alerts",
-  "column.preferences": "Preferences",
-  "column.public": "Federated timeline",
-  "column.security": "Security",
-  "column_back_button.label": "Back",
-  "column_header.hide_settings": "Hide settings",
-  "column_header.show_settings": "Show settings",
-  "column_subheading.settings": "Settings",
-  "community.column_settings.media_only": "Media Only",
-  "compose_form.direct_message_warning": "This post will only be sent to the mentioned users.",
-  "compose_form.direct_message_warning_learn_more": "Learn more",
-  "compose_form.hashtag_warning": "This post won\"t be listed under any hashtag as it is unlisted. Only public posts can be searched by hashtag.",
-  "compose_form.lock_disclaimer": "Your account is not {locked}. Anyone can follow you to view your follower-only posts.",
-  "compose_form.lock_disclaimer.lock": "locked",
-  "compose_form.placeholder": "What\"s on your mind?",
-  "compose_form.poll.add_option": "Add a choice",
-  "compose_form.poll.duration": "Poll duration",
-  "compose_form.poll.option_placeholder": "Choice {number}",
-  "compose_form.poll.remove_option": "Delete",
-  "compose_form.poll.type.hint": "Click to toggle poll type. Radio button (default) is single. Checkbox is multiple.",
-  "compose_form.publish": "Publish",
-  "compose_form.publish_loud": "{publish}!",
-  "compose_form.sensitive.hide": "Mark media as sensitive",
-  "compose_form.sensitive.marked": "Media is marked as sensitive",
-  "compose_form.sensitive.unmarked": "Media is not marked as sensitive",
-  "compose_form.spoiler.marked": "Text is hidden behind warning",
-  "compose_form.spoiler.unmarked": "Text is not hidden",
-  "compose_form.spoiler_placeholder": "Write your warning here",
-  "confirmation_modal.cancel": "Cancel",
-  "confirmations.block.block_and_report": "Block & Report",
-  "confirmations.block.confirm": "Block",
-  "confirmations.block.message": "Are you sure you want to block {name}?",
-  "confirmations.delete.confirm": "Delete",
-  "confirmations.delete.message": "Are you sure you want to delete this post?",
-  "confirmations.delete_list.confirm": "Delete",
-  "confirmations.delete_list.message": "Are you sure you want to permanently delete this list?",
-  "confirmations.domain_block.confirm": "Hide entire domain",
-  "confirmations.domain_block.message": "Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications.",
-  "confirmations.mute.confirm": "Mute",
-  "confirmations.mute.message": "Are you sure you want to mute {name}?",
-  "confirmations.redraft.confirm": "Delete & redraft",
-  "confirmations.redraft.message": "Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.",
-  "confirmations.reply.confirm": "Reply",
-  "confirmations.reply.message": "Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?",
-  "confirmations.unfollow.confirm": "Unfollow",
-  "confirmations.unfollow.message": "Are you sure you want to unfollow {name}?",
-  "donate": "Donate",
-  "edit_profile.fields.avatar_label": "Avatar",
-  "edit_profile.fields.bio_label": "Bio",
-  "edit_profile.fields.bot_label": "This is a bot account",
-  "edit_profile.fields.display_name_label": "Display name",
-  "edit_profile.fields.header_label": "Header",
-  "edit_profile.fields.locked_label": "Lock account",
-  "edit_profile.fields.meta_fields.content_placeholder": "Content",
-  "edit_profile.fields.meta_fields.label_placeholder": "Label",
-  "edit_profile.fields.meta_fields_label": "Profile metadata",
-  "edit_profile.hints.avatar": "PNG, GIF or JPG. Will be downscaled to {size}",
-  "edit_profile.hints.bot": "This account mainly performs automated actions and might not be monitored",
-  "edit_profile.hints.header": "PNG, GIF or JPG. Will be downscaled to {size}",
-  "edit_profile.hints.locked": "Requires you to manually approve followers",
-  "edit_profile.hints.meta_fields": "You can have up to {count, plural, one {# item} other {# items}} displayed as a table on your profile",
-  "edit_profile.save": "Save",
-  "embed.instructions": "Embed this post on your website by copying the code below.",
-  "embed.preview": "Here is what it will look like:",
-  "emoji_button.activity": "Activity",
-  "emoji_button.custom": "Custom",
-  "emoji_button.flags": "Flags",
-  "emoji_button.food": "Food & Drink",
-  "emoji_button.label": "Insert emoji",
-  "emoji_button.nature": "Nature",
-  "emoji_button.not_found": "No emojos!! (╯°□°）╯︵ ┻━┻",
-  "emoji_button.objects": "Objects",
-  "emoji_button.people": "People",
-  "emoji_button.recent": "Frequently used",
-  "emoji_button.search": "Search...",
-  "emoji_button.search_results": "Search results",
-  "emoji_button.symbols": "Symbols",
-  "emoji_button.travel": "Travel & Places",
-  "empty_column.account_timeline": "No posts here!",
-  "empty_column.account_unavailable": "Profile unavailable",
-  "empty_column.blocks": "You haven\"t blocked any users yet.",
-  "empty_column.community": "The local timeline is empty. Write something publicly to get the ball rolling!",
-  "empty_column.direct": "You don\"t have any direct messages yet. When you send or receive one, it will show up here.",
-  "empty_column.domain_blocks": "There are no hidden domains yet.",
-  "empty_column.favourited_statuses": "You don\"t have any liked posts yet. When you like one, it will show up here.",
-  "empty_column.favourites": "No one has liked this post yet. When someone does, they will show up here.",
-  "empty_column.filters": "You haven\"t created any muted words yet.",
-  "empty_column.follow_requests": "You don\"t have any follow requests yet. When you receive one, it will show up here.",
-  "empty_column.group": "There is nothing in this group yet. When members of this group make new posts, they will appear here.",
-  "empty_column.hashtag": "There is nothing in this hashtag yet.",
-  "empty_column.home": "Or you can visit {public} to get started and meet other users.",
-  "empty_column.home.local_tab": "the {site_title} tab",
-  "empty_column.list": "There is nothing in this list yet. When members of this list create new posts, they will appear here.",
-  "empty_column.lists": "You don\"t have any lists yet. When you create one, it will show up here.",
-  "empty_column.mutes": "You haven\"t muted any users yet.",
-  "empty_column.notifications": "You don\"t have any notifications yet. Interact with others to start the conversation.",
-  "empty_column.public": "There is nothing here! Write something publicly, or manually follow users from other servers to fill it up",
-  "fediverse_tab.explanation_box.explanation": "{site_title} is part of the Fediverse, a social network made up of thousands of independent social media sites (aka 'servers'). The posts you see here are from 3rd-party servers. You have the freedom to engage with them, or to block any server you don\"t like. Pay attention to the full username after the second @ symbol to know which server a post is from. To see only {site_title} posts, visit {local}.",
-  "fediverse_tab.explanation_box.title": "What is the Fediverse?",
-  "follow_request.authorize": "Authorize",
-  "follow_request.reject": "Reject",
-  "getting_started.heading": "Getting started",
-  "getting_started.open_source_notice": "{code_name} is open source software. You can contribute or report issues at {code_link} (v{code_version}).",
-  "group.members.empty": "This group does not has any members.",
-  "group.removed_accounts.empty": "This group does not has any removed accounts.",
-  "groups.card.join": "Join",
-  "groups.card.members": "Members",
-  "groups.card.roles.admin": "You\"re an admin",
-  "groups.card.roles.member": "You\"re a member",
-  "groups.card.view": "View",
-  "groups.create": "Create group",
-  "groups.form.coverImage": "Upload new banner image (optional)",
-  "groups.form.coverImageChange": "Banner image selected",
-  "groups.form.create": "Create group",
-  "groups.form.description": "Description",
-  "groups.form.title": "Title",
-  "groups.form.update": "Update group",
-  "groups.removed_accounts": "Removed Accounts",
-  "groups.tab_admin": "Manage",
-  "groups.tab_featured": "Featured",
-  "groups.tab_member": "Member",
-  "hashtag.column_header.tag_mode.all": "and {additional}",
-  "hashtag.column_header.tag_mode.any": "or {additional}",
-  "hashtag.column_header.tag_mode.none": "without {additional}",
-  "home.column_settings.basic": "Basic",
-  "home.column_settings.show_reblogs": "Show reposts",
-  "home.column_settings.show_replies": "Show replies",
-  "home_column.lists": "Lists",
-  "home_column_header.fediverse": "Fediverse",
-  "home_column_header.home": "Home",
-  "intervals.full.days": "{number, plural, one {# day} other {# days}}",
-  "intervals.full.hours": "{number, plural, one {# hour} other {# hours}}",
-  "intervals.full.minutes": "{number, plural, one {# minute} other {# minutes}}",
-  "keyboard_shortcuts.back": "to navigate back",
-  "keyboard_shortcuts.blocked": "to open blocked users list",
-  "keyboard_shortcuts.boost": "to repost",
-  "keyboard_shortcuts.column": "to focus a post in one of the columns",
-  "keyboard_shortcuts.compose": "to focus the compose textarea",
-  "keyboard_shortcuts.direct": "to open direct messages column",
-  "keyboard_shortcuts.down": "to move down in the list",
-  "keyboard_shortcuts.enter": "to open post",
-  "keyboard_shortcuts.favourite": "to like",
-  "keyboard_shortcuts.favourites": "to open likes list",
-  "keyboard_shortcuts.heading": "Keyboard shortcuts",
-  "keyboard_shortcuts.home": "to open home timeline",
-  "keyboard_shortcuts.hotkey": "Hotkey",
-  "keyboard_shortcuts.legend": "to display this legend",
-  "keyboard_shortcuts.mention": "to mention author",
-  "keyboard_shortcuts.muted": "to open muted users list",
-  "keyboard_shortcuts.my_profile": "to open your profile",
-  "keyboard_shortcuts.notifications": "to open notifications column",
-  "keyboard_shortcuts.pinned": "to open pinned posts list",
-  "keyboard_shortcuts.profile": "to open author\"s profile",
-  "keyboard_shortcuts.reply": "to reply",
-  "keyboard_shortcuts.requests": "to open follow requests list",
-  "keyboard_shortcuts.search": "to focus search",
-  "keyboard_shortcuts.start": "to open 'get started' column",
-  "keyboard_shortcuts.toggle_hidden": "to show/hide text behind CW",
-  "keyboard_shortcuts.toggle_sensitivity": "to show/hide media",
-  "keyboard_shortcuts.toot": "to start a new post",
-  "keyboard_shortcuts.unfocus": "to un-focus compose textarea/search",
-  "keyboard_shortcuts.up": "to move up in the list",
-  "lightbox.close": "Close",
-  "lightbox.next": "Next",
-  "lightbox.previous": "Previous",
-  "lightbox.view_context": "View context",
-  "list.click_to_add": "Click here to add people",
-  "list_adder.header_title": "Add or Remove from Lists",
-  "lists.account.add": "Add to list",
-  "lists.account.remove": "Remove from list",
-  "lists.delete": "Delete list",
-  "lists.edit": "Edit list",
-  "lists.edit.submit": "Change title",
-  "lists.new.create": "Add list",
-  "lists.new.create_title": "Add list",
-  "lists.new.save_title": "Save Title",
-  "lists.new.title_placeholder": "New list title",
-  "lists.search": "Search among people you follow",
-  "lists.subheading": "Your lists",
-  "lists.view_all": "View all lists",
-  "loading_indicator.label": "Loading...",
-  "login.fields.password_placeholder": "Password",
-  "login.fields.username_placeholder": "Username",
-  "login.log_in": "Log in",
-  "login.reset_password_hint": "Trouble logging in?",
-  "media_gallery.toggle_visible": "Hide",
-  "missing_indicator.label": "Not found",
-  "missing_indicator.sublabel": "This resource could not be found",
-  "morefollows.followers_label": "…and {count} more {count, plural, one {follower} other {followers}} on remote sites.",
-  "morefollows.following_label": "…and {count} more {count, plural, one {follow} other {follows}} on remote sites.",
-  "mute_modal.hide_notifications": "Hide notifications from this user?",
-  "navigation_bar.admin_settings": "Admin settings",
-  "navigation_bar.plfe_config": "Soapbox config",
-  "navigation_bar.blocks": "Blocked users",
-  "navigation_bar.community_timeline": "Local timeline",
-  "navigation_bar.compose": "Compose new post",
-  "navigation_bar.direct": "Direct messages",
-  "navigation_bar.discover": "Discover",
-  "navigation_bar.domain_blocks": "Hidden domains",
-  "navigation_bar.edit_profile": "Edit profile",
-  "navigation_bar.favourites": "Likes",
-  "navigation_bar.filters": "Muted words",
-  "navigation_bar.follow_requests": "Follow requests",
-  "navigation_bar.info": "About this server",
-  "navigation_bar.keyboard_shortcuts": "Hotkeys",
-  "navigation_bar.lists": "Lists",
-  "navigation_bar.logout": "Logout",
-  "navigation_bar.messages": "Messages",
-  "navigation_bar.mutes": "Muted users",
-  "navigation_bar.personal": "Personal",
-  "navigation_bar.pins": "Pinned posts",
-  "navigation_bar.preferences": "Preferences",
-  "navigation_bar.public_timeline": "Federated timeline",
-  "navigation_bar.security": "Security",
-  "notification.pleroma:emoji_reaction": "{name} reacted to your post",
-  "notification.favourite": "{name} liked your post",
-  "notification.follow": "{name} followed you",
-  "notification.mention": "{name} mentioned you",
-  "notification.poll": "A poll you have voted in has ended",
-  "notification.reblog": "{name} reposted your post",
-  "notifications.clear": "Clear notifications",
-  "notifications.clear_confirmation": "Are you sure you want to permanently clear all your notifications?",
-  "notifications.column_settings.alert": "Desktop notifications",
-  "notifications.column_settings.favourite": "Likes:",
-  "notifications.column_settings.filter_bar.advanced": "Display all categories",
-  "notifications.column_settings.filter_bar.category": "Quick filter bar",
-  "notifications.column_settings.filter_bar.show": "Show",
-  "notifications.column_settings.follow": "New followers:",
-  "notifications.column_settings.mention": "Mentions:",
-  "notifications.column_settings.poll": "Poll results:",
-  "notifications.column_settings.push": "Push notifications",
-  "notifications.column_settings.reblog": "Reposts:",
-  "notifications.column_settings.show": "Show in column",
-  "notifications.column_settings.sound": "Play sound",
-  "notifications.filter.all": "All",
-  "notifications.filter.boosts": "Reposts",
-  "notifications.filter.favourites": "Likes",
-  "notifications.filter.follows": "Follows",
-  "notifications.filter.mentions": "Mentions",
-  "notifications.filter.polls": "Poll results",
-  "notifications.group": "{count} notifications",
-  "notifications.queue_label": "Click to see {count} new {count, plural, one {notification} other {notifications}}",
-  "pinned_statuses.none": "No pins to show.",
-  "poll.closed": "Closed",
-  "poll.refresh": "Refresh",
-  "poll.total_votes": "{count, plural, one {# vote} other {# votes}}",
-  "poll.vote": "Vote",
-  "poll_button.add_poll": "Add a poll",
-  "poll_button.remove_poll": "Remove poll",
-  "preferences.fields.auto_play_gif_label": "Auto-play animated GIFs",
-  "preferences.fields.boost_modal_label": "Show confirmation dialog before reposting",
-  "preferences.fields.delete_modal_label": "Show confirmation dialog before deleting a post",
-  "preferences.fields.demetricator_label": "Use Demetricator",
-  "preferences.fields.dyslexic_font_label": "Dyslexic mode",
-  "preferences.fields.expand_spoilers_label": "Always expand posts marked with content warnings",
-  "preferences.fields.language_label": "Language",
-  "preferences.fields.privacy_label": "Post privacy",
-  "preferences.fields.reduce_motion_label": "Reduce motion in animations",
-  "preferences.fields.system_font_label": "Use system\"s default font",
-  "preferences.fields.theme_label": "Theme",
-  "preferences.fields.unfollow_modal_label": "Show confirmation dialog before unfollowing someone",
-  "preferences.hints.demetricator": "Decrease social media anxiety by hiding all numbers from the site.",
-  "preferences.hints.privacy_followers_only": "Only show to followers",
-  "preferences.hints.privacy_public": "Everyone can see",
-  "preferences.hints.privacy_unlisted": "Everyone can see, but not listed on public timelines",
-  "preferences.options.privacy_followers_only": "Followers-only",
-  "preferences.options.privacy_public": "Public",
-  "preferences.options.privacy_unlisted": "Unlisted",
-  "preferences.options.theme_dark": "Dark",
-  "preferences.options.theme_light": "Light",
-  "privacy.change": "Adjust post privacy",
-  "privacy.direct.long": "Post to mentioned users only",
-  "privacy.direct.short": "Direct",
-  "privacy.private.long": "Post to followers only",
-  "privacy.private.short": "Followers-only",
-  "privacy.public.long": "Post to public timelines",
-  "privacy.public.short": "Public",
-  "privacy.unlisted.long": "Do not post to public timelines",
-  "privacy.unlisted.short": "Unlisted",
-  "regeneration_indicator.label": "Loading…",
-  "regeneration_indicator.sublabel": "Your home feed is being prepared!",
-  "registration.agreement": "I agree to the {tos}.",
-  "registration.fields.confirm_placeholder": "Password (again)",
-  "registration.fields.email_placeholder": "E-Mail address",
-  "registration.fields.password_placeholder": "Password",
-  "registration.fields.username_placeholder": "Username",
-  "registration.lead": "With an account on {instance} you\"ll be able to follow people on any server in the fediverse.",
-  "registration.sign_up": "Sign up",
-  "registration.tos": "Terms of Service",
-  "registration.privacy": "Privacy Policy",
-  "registration.acceptance": "By registering, you agree to the {terms} and {privacy}.",
-  "registration.reason": "Reason for Joining",
-  "relative_time.days": "{number}d",
-  "relative_time.hours": "{number}h",
-  "relative_time.just_now": "now",
-  "relative_time.minutes": "{number}m",
-  "relative_time.seconds": "{number}s",
-  "reply_indicator.cancel": "Cancel",
-  "report.block": "Block {target}",
-  "report.block_hint": "Do you also want to block this account?",
-  "report.forward": "Forward to {target}",
-  "report.forward_hint": "The account is from another server. Send a copy of the report there as well?",
-  "report.hint": "The report will be sent to your server moderators. You can provide an explanation of why you are reporting this account below:",
-  "report.placeholder": "Additional comments",
-  "report.submit": "Submit",
-  "report.target": "Reporting {target}",
-  "search.placeholder": "Search",
-  "search_popout.search_format": "Advanced search format",
-  "search_popout.tips.full_text": "Simple text returns posts you have written, favorited, reposted, or have been mentioned in, as well as matching usernames, display names, and hashtags.",
-  "search_popout.tips.hashtag": "hashtag",
-  "search_popout.tips.status": "post",
-  "search_popout.tips.user": "user",
-  "search_results.accounts": "People",
-  "search_results.hashtags": "Hashtags",
-  "search_results.statuses": "Posts",
-  "search_results.top": "Top",
-  "search_results.total": "{count, number} {count, plural, one {result} other {results}}",
-  "security.fields.email.label": "Email address",
-  "security.fields.new_password.label": "New password",
-  "security.fields.old_password.label": "Current password",
-  "security.fields.password.label": "Password",
-  "security.fields.password_confirmation.label": "New password (again)",
-  "security.headers.tokens": "Sessions",
-  "security.headers.update_email": "Change Email",
-  "security.headers.update_password": "Change Password",
-  "security.submit": "Save changes",
-  "security.tokens.revoke": "Revoke",
-  "security.update_email.fail": "Update email failed.",
-  "security.update_email.success": "Email successfully updated.",
-  "security.update_password.fail": "Update password failed.",
-  "security.update_password.success": "Password successfully updated.",
-  "signup_panel.subtitle": "Sign up now to discuss what's happening.",
-  "signup_panel.title": "New to {site_title}?",
-  "status.admin_account": "Open moderation interface for @{name}",
-  "status.admin_status": "Open this post in the moderation interface",
-  "status.block": "Block @{name}",
-  "status.cancel_reblog_private": "Un-repost",
-  "status.cannot_reblog": "This post cannot be reposted",
-  "status.copy": "Copy link to post",
-  "status.delete": "Delete",
-  "status.detailed_status": "Detailed conversation view",
-  "status.direct": "Direct message @{name}",
-  "status.embed": "Embed",
-  "status.favourite": "Like",
-  "status.filtered": "Filtered",
-  "status.load_more": "Load more",
-  "status.media_hidden": "Media hidden",
-  "status.mention": "Mention @{name}",
-  "status.more": "More",
-  "status.mute": "Mute @{name}",
-  "status.mute_conversation": "Mute conversation",
-  "status.open": "Expand this post",
-  "status.pin": "Pin on profile",
-  "status.pinned": "Pinned post",
-  "status.read_more": "Read more",
-  "status.reblog": "Repost",
-  "status.reblog_private": "Repost to original audience",
-  "status.reblogged_by": "{name} reposted",
-  "status.reblogs.empty": "No one has reposted this post yet. When someone does, they will show up here.",
-  "status.redraft": "Delete & re-draft",
-  "status.remove_account_from_group": "Remove account from group",
-  "status.remove_post_from_group": "Remove post from group",
-  "status.reply": "Reply",
-  "status.replyAll": "Reply to thread",
-  "status.report": "Report @{name}",
-  "status.sensitive_warning": "Sensitive content",
-  "status.share": "Share",
-  "status.show_less": "Show less",
-  "status.show_less_all": "Show less for all",
-  "status.show_more": "Show more",
-  "status.show_more_all": "Show more for all",
-  "status.show_thread": "Show thread",
-  "status.unmute_conversation": "Unmute conversation",
-  "status.unpin": "Unpin from profile",
-  "status_list.queue_label": "Click to see {count} new {count, plural, one {post} other {posts}}",
-  "suggestions.dismiss": "Dismiss suggestion",
-  "tabs_bar.apps": "Apps",
-  "tabs_bar.home": "Home",
-  "tabs_bar.news": "News",
-  "tabs_bar.notifications": "Alerts",
-  "tabs_bar.post": "Post",
-  "tabs_bar.search": "Search",
-  "time_remaining.days": "{number, plural, one {# day} other {# days}} left",
-  "time_remaining.hours": "{number, plural, one {# hour} other {# hours}} left",
-  "time_remaining.minutes": "{number, plural, one {# minute} other {# minutes}} left",
-  "time_remaining.moments": "Moments remaining",
-  "time_remaining.seconds": "{number, plural, one {# second} other {# seconds}} left",
-  "trends.count_by_accounts": "{count} {rawCount, plural, one {person} other {people}} talking",
-  "trends.title": "Trends",
-  "ui.beforeunload": "Your draft will be lost if you leave.",
-  "unauthorized_modal.footer": "Already have an account? {login}.",
-  "unauthorized_modal.text": "You need to be logged in to do that.",
-  "unauthorized_modal.title": "Sign up for {site_title}",
-  "upload_area.title": "Drag & drop to upload",
-  "upload_button.label": "Add media attachment",
-  "upload_error.limit": "File upload limit exceeded.",
-  "upload_error.poll": "File upload not allowed with polls.",
-  "upload_form.description": "Describe for the visually impaired",
-  "upload_form.focus": "Change preview",
-  "upload_form.undo": "Delete",
-  "upload_progress.label": "Uploading...",
-  "video.close": "Close video",
-  "video.exit_fullscreen": "Exit full screen",
-  "video.expand": "Expand video",
-  "video.fullscreen": "Full screen",
-  "video.hide": "Hide video",
-  "video.mute": "Mute sound",
-  "video.pause": "Pause",
-  "video.play": "Play",
-  "video.unmute": "Unmute sound",
-  "who_to_follow.title": "Who To Follow"
-}
diff --git a/packages/pl-fe/src/__fixtures__/lain.json b/packages/pl-fe/src/__fixtures__/lain.json
deleted file mode 100644
index ab27af48e..000000000
--- a/packages/pl-fe/src/__fixtures__/lain.json
+++ /dev/null
@@ -1,57 +0,0 @@
-{
-    "acct": "lain@lain.com",
-    "avatar": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-    "avatar_static": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-    "bot": false,
-    "created_at": "2020-01-10T17:30:10.000Z",
-    "display_name": "Avalokiteshvara",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 807,
-    "following_count": 223,
-    "header": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-    "header_static": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-    "id": "9v5bqYwY2jfmvPNhTM",
-    "locked": false,
-    "note": "No more hiding",
-    "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5bqYwY2jfmvPNhTM",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-    },
-    "source": {
-        "fields": [],
-        "note": "No more hiding",
-        "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-        },
-        "sensitive": false
-    },
-    "statuses_count": 21107,
-    "url": "https://lain.com/users/lain",
-    "username": "lain"
-}
diff --git a/packages/pl-fe/src/__fixtures__/markers.json b/packages/pl-fe/src/__fixtures__/markers.json
deleted file mode 100644
index ba3f5f882..000000000
--- a/packages/pl-fe/src/__fixtures__/markers.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "notifications": {
-    "last_read_id": "35098814",
-    "version": 361,
-    "updated_at": "2019-11-26T22:37:25.239Z",
-    "pleroma": {
-      "unread_count": 3
-    }
-  },
-  "home": {
-    "last_read_id": "103206604258487607",
-    "version": 468,
-    "updated_at": "2019-11-26T22:37:25.235Z",
-    "pleroma": {
-      "unread_count": 32
-    }
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon-3.0.0-instance.json b/packages/pl-fe/src/__fixtures__/mastodon-3.0.0-instance.json
deleted file mode 100644
index f1d0a5e6d..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon-3.0.0-instance.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "uri": "animalliberation.social",
-  "title": "Animal Liberation Network",
-  "short_description": "",
-  "description": "Animal Liberation Network is a community for <b>animal activists</b> on the Fediverse. You can connect with other activists through the <b>local timeline</b>, as well as spread your activism to the outside world with the <b>federated timeline</b>.",
-  "email": "alex@alexgleason.me",
-  "version": "3.0.0",
-  "urls": {
-    "streaming_api": "wss://animalliberation.social"
-  },
-  "stats": {
-    "user_count": 662,
-    "status_count": 2904,
-    "domain_count": 4003
-  },
-  "thumbnail": "https://animalliberation.social/packs/media/images/preview-9a17d32fc48369e8ccd910a75260e67d.jpg",
-  "languages": [
-    "en"
-  ],
-  "registrations": true,
-  "approval_required": false,
-  "contact_account": {
-    "id": "1",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "Alex Gleason",
-    "locked": false,
-    "bot": false,
-    "created_at": "2016-11-30T22:19:42.956Z",
-    "note": "<p>Animal liberation free software Communist</p>",
-    "url": "https://animalliberation.social/@alex",
-    "avatar": "https://media.animalliberation.social/accounts/avatars/000/000/001/original/media.jpg",
-    "avatar_static": "https://media.animalliberation.social/accounts/avatars/000/000/001/original/media.jpg",
-    "header": "https://media.animalliberation.social/accounts/headers/000/000/001/original/09887023017e02c9.jpg",
-    "header_static": "https://media.animalliberation.social/accounts/headers/000/000/001/original/09887023017e02c9.jpg",
-    "followers_count": 236,
-    "following_count": 83,
-    "statuses_count": 357,
-    "last_status_at": "2021-02-20T19:28:24.353Z",
-    "emojis": [],
-    "fields": []
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon-account.json b/packages/pl-fe/src/__fixtures__/mastodon-account.json
deleted file mode 100644
index 7a00340bf..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon-account.json
+++ /dev/null
@@ -1,23 +0,0 @@
-{
-  "id": "106801667066418367",
-  "username": "benis911",
-  "acct": "benis911",
-  "display_name": "",
-  "locked": false,
-  "bot": false,
-  "discoverable": null,
-  "group": false,
-  "created_at": "2021-08-22T00:00:00.000Z",
-  "note": "",
-  "url": "https://mastodon.social/@benis911",
-  "avatar": "https://mastodon.social/avatars/original/missing.png",
-  "avatar_static": "https://mastodon.social/avatars/original/missing.png",
-  "header": "https://mastodon.social/headers/original/missing.png",
-  "header_static": "https://mastodon.social/headers/original/missing.png",
-  "followers_count": 1,
-  "following_count": 0,
-  "statuses_count": 5,
-  "last_status_at": "2022-02-23",
-  "emojis": [],
-  "fields": []
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon-instance-rc.json b/packages/pl-fe/src/__fixtures__/mastodon-instance-rc.json
deleted file mode 100644
index 277839d14..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon-instance-rc.json
+++ /dev/null
@@ -1,123 +0,0 @@
-{
-  "uri": "mastodon.social",
-  "title": "Mastodon",
-  "short_description": "Server run by the main developers of the project <img draggable=\"false\" alt=\"🐘\" class=\"emojione\" src=\"https://mastodon.social/emoji/1f418.svg\" /> It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!",
-  "description": "Server run by the main developers of the project <img draggable=\"false\" alt=\"🐘\" class=\"emojione\" src=\"https://mastodon.social/emoji/1f418.svg\" /> It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!",
-  "email": "staff@mastodon.social",
-  "version": "3.5.0rc1",
-  "urls": {
-    "streaming_api": "wss://mastodon.social"
-  },
-  "stats": {
-    "user_count": 635078,
-    "status_count": 34700866,
-    "domain_count": 21989
-  },
-  "thumbnail": "https://files.mastodon.social/site_uploads/files/000/000/001/original/vlcsnap-2018-08-27-16h43m11s127.png",
-  "languages": [
-    "en"
-  ],
-  "registrations": true,
-  "approval_required": false,
-  "invites_enabled": true,
-  "configuration": {
-    "statuses": {
-      "max_characters": 500,
-      "max_media_attachments": 4,
-      "characters_reserved_per_url": 23
-    },
-    "media_attachments": {
-      "supported_mime_types": [
-        "image/jpeg",
-        "image/png",
-        "image/gif",
-        "video/webm",
-        "video/mp4",
-        "video/quicktime",
-        "video/ogg",
-        "audio/wave",
-        "audio/wav",
-        "audio/x-wav",
-        "audio/x-pn-wave",
-        "audio/ogg",
-        "audio/vorbis",
-        "audio/mpeg",
-        "audio/mp3",
-        "audio/webm",
-        "audio/flac",
-        "audio/aac",
-        "audio/m4a",
-        "audio/x-m4a",
-        "audio/mp4",
-        "audio/3gpp",
-        "video/x-ms-asf"
-      ],
-      "image_size_limit": 10485760,
-      "image_matrix_limit": 16777216,
-      "video_size_limit": 41943040,
-      "video_frame_rate_limit": 60,
-      "video_matrix_limit": 2304000
-    },
-    "polls": {
-      "max_options": 4,
-      "max_characters_per_option": 50,
-      "min_expiration": 300,
-      "max_expiration": 2629746
-    }
-  },
-  "contact_account": {
-    "id": "1",
-    "username": "Gargron",
-    "acct": "Gargron",
-    "display_name": "Eugen",
-    "locked": false,
-    "bot": false,
-    "discoverable": true,
-    "group": false,
-    "created_at": "2016-03-16T00:00:00.000Z",
-    "note": "<p>Founder, CEO and lead developer <span class=\"h-card\"><a href=\"https://mastodon.social/@Mastodon\" class=\"u-url mention\">@<span>Mastodon</span></a></span>, Germany.</p>",
-    "url": "https://mastodon.social/@Gargron",
-    "avatar": "https://files.mastodon.social/accounts/avatars/000/000/001/original/ccb05a778962e171.png",
-    "avatar_static": "https://files.mastodon.social/accounts/avatars/000/000/001/original/ccb05a778962e171.png",
-    "header": "https://files.mastodon.social/accounts/headers/000/000/001/original/3b91c9965d00888b.jpeg",
-    "header_static": "https://files.mastodon.social/accounts/headers/000/000/001/original/3b91c9965d00888b.jpeg",
-    "followers_count": 99760,
-    "following_count": 274,
-    "statuses_count": 71657,
-    "last_status_at": "2022-03-17",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Patreon",
-        "value": "<a href=\"https://www.patreon.com/mastodon\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://www.</span><span class=\"\">patreon.com/mastodon</span><span class=\"invisible\"></span></a>",
-        "verified_at": null
-      }
-    ]
-  },
-  "rules": [
-    {
-      "id": "1",
-      "text": "Sexually explicit or violent media must be marked as sensitive when posting"
-    },
-    {
-      "id": "2",
-      "text": "No racism, sexism, homophobia, transphobia, xenophobia, or casteism"
-    },
-    {
-      "id": "3",
-      "text": "No incitement of violence or promotion of violent ideologies"
-    },
-    {
-      "id": "4",
-      "text": "No harassment, dogpiling or doxxing of other users"
-    },
-    {
-      "id": "5",
-      "text": "No content illegal in Germany"
-    },
-    {
-      "id": "7",
-      "text": "Do not share intentionally false or misleading information"
-    }
-  ]
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon-instance.json b/packages/pl-fe/src/__fixtures__/mastodon-instance.json
deleted file mode 100644
index 3c8a2f9d3..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon-instance.json
+++ /dev/null
@@ -1,128 +0,0 @@
-{
-  "uri": "mastodon.social",
-  "title": "Mastodon",
-  "short_description": "Server run by the main developers of the project <img draggable=\"false\" alt=\"🐘\" class=\"emojione\" src=\"https://mastodon.social/emoji/1f418.svg\" /> It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!",
-  "description": "Server run by the main developers of the project <img draggable=\"false\" alt=\"🐘\" class=\"emojione\" src=\"https://mastodon.social/emoji/1f418.svg\" /> It is not focused on any particular niche interest - everyone is welcome as long as you follow our code of conduct!",
-  "email": "staff@mastodon.social",
-  "version": "3.4.3",
-  "urls": {
-    "streaming_api": "wss://mastodon.social"
-  },
-  "stats": {
-    "user_count": 619022,
-    "status_count": 33914684,
-    "domain_count": 21524
-  },
-  "thumbnail": "https://files.mastodon.social/site_uploads/files/000/000/001/original/vlcsnap-2018-08-27-16h43m11s127.png",
-  "languages": [
-    "en"
-  ],
-  "registrations": true,
-  "approval_required": false,
-  "invites_enabled": true,
-  "configuration": {
-    "statuses": {
-      "max_characters": 500,
-      "max_media_attachments": 4,
-      "characters_reserved_per_url": 23
-    },
-    "media_attachments": {
-      "supported_mime_types": [
-        "image/jpeg",
-        "image/png",
-        "image/gif",
-        "video/webm",
-        "video/mp4",
-        "video/quicktime",
-        "video/ogg",
-        "audio/wave",
-        "audio/wav",
-        "audio/x-wav",
-        "audio/x-pn-wave",
-        "audio/ogg",
-        "audio/vorbis",
-        "audio/mpeg",
-        "audio/mp3",
-        "audio/webm",
-        "audio/flac",
-        "audio/aac",
-        "audio/m4a",
-        "audio/x-m4a",
-        "audio/mp4",
-        "audio/3gpp",
-        "video/x-ms-asf"
-      ],
-      "image_size_limit": 10485760,
-      "image_matrix_limit": 16777216,
-      "video_size_limit": 41943040,
-      "video_frame_rate_limit": 60,
-      "video_matrix_limit": 2304000
-    },
-    "polls": {
-      "max_options": 4,
-      "max_characters_per_option": 50,
-      "min_expiration": 300,
-      "max_expiration": 2629746
-    }
-  },
-  "contact_account": {
-    "id": "1",
-    "username": "Gargron",
-    "acct": "Gargron",
-    "display_name": "Eugen 🎄",
-    "locked": false,
-    "bot": false,
-    "discoverable": true,
-    "group": false,
-    "created_at": "2016-03-16T00:00:00.000Z",
-    "note": "<p>Founder, CEO and lead developer <span class=\"h-card\"><a href=\"https://mastodon.social/@Mastodon\" class=\"u-url mention\">@<span>Mastodon</span></a></span>, Germany.</p>",
-    "url": "https://mastodon.social/@Gargron",
-    "avatar": "https://files.mastodon.social/accounts/avatars/000/000/001/original/ccb05a778962e171.png",
-    "avatar_static": "https://files.mastodon.social/accounts/avatars/000/000/001/original/ccb05a778962e171.png",
-    "header": "https://files.mastodon.social/accounts/headers/000/000/001/original/3b91c9965d00888b.jpeg",
-    "header_static": "https://files.mastodon.social/accounts/headers/000/000/001/original/3b91c9965d00888b.jpeg",
-    "followers_count": 98343,
-    "following_count": 271,
-    "statuses_count": 71288,
-    "last_status_at": "2022-01-31",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Patreon",
-        "value": "<a href=\"https://www.patreon.com/mastodon\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://www.</span><span class=\"\">patreon.com/mastodon</span><span class=\"invisible\"></span></a>",
-        "verified_at": null
-      },
-      {
-        "name": "Homepage",
-        "value": "<a href=\"https://zeonfederated.com\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"><span class=\"invisible\">https://</span><span class=\"\">zeonfederated.com</span><span class=\"invisible\"></span></a>",
-        "verified_at": "2019-07-15T18:29:57.191+00:00"
-      }
-    ]
-  },
-  "rules": [
-    {
-      "id": "1",
-      "text": "Sexually explicit or violent media must be marked as sensitive when posting"
-    },
-    {
-      "id": "2",
-      "text": "No racism, sexism, homophobia, transphobia, xenophobia, or casteism"
-    },
-    {
-      "id": "3",
-      "text": "No incitement of violence or promotion of violent ideologies"
-    },
-    {
-      "id": "4",
-      "text": "No harassment, dogpiling or doxxing of other users"
-    },
-    {
-      "id": "5",
-      "text": "No content illegal in Germany"
-    },
-    {
-      "id": "6",
-      "text": "No spam, advertising or bot accounts"
-    }
-  ]
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon-reply-to-self.json b/packages/pl-fe/src/__fixtures__/mastodon-reply-to-self.json
deleted file mode 100644
index 7cfc756f3..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon-reply-to-self.json
+++ /dev/null
@@ -1,51 +0,0 @@
-{
-  "id": "107828148293766288",
-  "created_at": "2022-02-20T03:16:09.812Z",
-  "in_reply_to_id": "107828147870368566",
-  "in_reply_to_account_id": "106801667066418367",
-  "sensitive": false,
-  "spoiler_text": "",
-  "visibility": "public",
-  "language": "en",
-  "uri": "https://mastodon.social/users/benis911/statuses/107828148293766288",
-  "url": "https://mastodon.social/@benis911/107828148293766288",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "edited_at": null,
-  "content": "<p>test reply to self</p>",
-  "reblog": null,
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "account": {
-    "id": "106801667066418367",
-    "username": "benis911",
-    "acct": "benis911",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "discoverable": null,
-    "group": false,
-    "created_at": "2021-08-22T00:00:00.000Z",
-    "note": "<p></p>",
-    "url": "https://mastodon.social/@benis911",
-    "avatar": "https://mastodon.social/avatars/original/missing.png",
-    "avatar_static": "https://mastodon.social/avatars/original/missing.png",
-    "header": "https://mastodon.social/headers/original/missing.png",
-    "header_static": "https://mastodon.social/headers/original/missing.png",
-    "followers_count": 0,
-    "following_count": 0,
-    "statuses_count": 3,
-    "last_status_at": "2022-02-20",
-    "emojis": [],
-    "fields": []
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null
-}
diff --git a/packages/pl-fe/src/__fixtures__/mastodon_initial_state.json b/packages/pl-fe/src/__fixtures__/mastodon_initial_state.json
deleted file mode 100644
index 521285683..000000000
--- a/packages/pl-fe/src/__fixtures__/mastodon_initial_state.json
+++ /dev/null
@@ -1,228 +0,0 @@
-{
-  "meta": {
-    "streaming_api_base_url": "wss://mastodon.social",
-    "access_token": "Nh15V9JWyY5Fshf2OJ_feNvOIkTV7YGVfEJFr0Y0D6Q",
-    "locale": "en",
-    "domain": "mastodon.social",
-    "title": "Mastodon",
-    "admin": "1",
-    "search_enabled": true,
-    "repository": "mastodon/mastodon",
-    "source_url": "https://github.com/mastodon/mastodon",
-    "version": "3.4.1",
-    "invites_enabled": true,
-    "limited_federation_mode": false,
-    "mascot": null,
-    "profile_directory": true,
-    "trends": true,
-    "me": "106801667066418367",
-    "unfollow_modal": false,
-    "boost_modal": false,
-    "delete_modal": true,
-    "auto_play_gif": false,
-    "display_media": "default",
-    "expand_spoilers": false,
-    "reduce_motion": false,
-    "disable_swiping": false,
-    "advanced_layout": false,
-    "use_blurhash": true,
-    "use_pending_items": false,
-    "is_staff": false,
-    "crop_images": true
-  },
-  "compose": {
-    "me": "106801667066418367",
-    "default_privacy": "public",
-    "default_sensitive": false,
-    "text": ""
-  },
-  "accounts": {
-    "1": {
-      "id": "1",
-      "username": "Gargron",
-      "acct": "Gargron",
-      "display_name": "Eugen",
-      "locked": false,
-      "bot": false,
-      "discoverable": true,
-      "group": false,
-      "created_at": "2016-03-16T00:00:00.000Z",
-      "note": "\\u003cp\\u003eDeveloper of Mastodon and administrator of mastodon.social. I post service announcements, development updates, and personal stuff.\\u003c/p\\u003e",
-      "url": "https://mastodon.social/@Gargron",
-      "avatar": "https://files.mastodon.social/accounts/avatars/000/000/001/original/d96d39a0abb45b92.jpg",
-      "avatar_static": "https://files.mastodon.social/accounts/avatars/000/000/001/original/d96d39a0abb45b92.jpg",
-      "header": "https://files.mastodon.social/accounts/headers/000/000/001/original/c91b871f294ea63e.png",
-      "header_static": "https://files.mastodon.social/accounts/headers/000/000/001/original/c91b871f294ea63e.png",
-      "followers_count": 469426,
-      "following_count": 459,
-      "statuses_count": 70336,
-      "last_status_at": "2021-09-15",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Patreon",
-          "value": "\\u003ca href=\"https://www.patreon.com/mastodon\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"\\u003e\\u003cspan class=\"invisible\"\\u003ehttps://www.\\u003c/span\\u003e\\u003cspan class=\"\"\\u003epatreon.com/mastodon\\u003c/span\\u003e\\u003cspan class=\"invisible\"\\u003e\\u003c/span\\u003e\\u003c/a\\u003e",
-          "verified_at": null
-        },
-        {
-          "name": "Homepage",
-          "value": "\\u003ca href=\"https://zeonfederated.com\" rel=\"me nofollow noopener noreferrer\" target=\"_blank\"\\u003e\\u003cspan class=\"invisible\"\\u003ehttps://\\u003c/span\\u003e\\u003cspan class=\"\"\\u003ezeonfederated.com\\u003c/span\\u003e\\u003cspan class=\"invisible\"\\u003e\\u003c/span\\u003e\\u003c/a\\u003e",
-          "verified_at": "2019-07-15T18:29:57.191+00:00"
-        }
-      ]
-    },
-    "106801667066418367": {
-      "id": "106801667066418367",
-      "username": "benis911",
-      "acct": "benis911",
-      "display_name": "",
-      "locked": false,
-      "bot": false,
-      "discoverable": null,
-      "group": false,
-      "created_at": "2021-08-22T00:00:00.000Z",
-      "note": "\\u003cp\\u003e\\u003c/p\\u003e",
-      "url": "https://mastodon.social/@benis911",
-      "avatar": "https://mastodon.social/avatars/original/missing.png",
-      "avatar_static": "https://mastodon.social/avatars/original/missing.png",
-      "header": "https://mastodon.social/headers/original/missing.png",
-      "header_static": "https://mastodon.social/headers/original/missing.png",
-      "followers_count": 0,
-      "following_count": 0,
-      "statuses_count": 0,
-      "last_status_at": null,
-      "emojis": [],
-      "fields": []
-    }
-  },
-  "media_attachments": {
-    "accept_content_types": [
-      ".jpg",
-      ".jpeg",
-      ".png",
-      ".gif",
-      ".webm",
-      ".mp4",
-      ".m4v",
-      ".mov",
-      ".ogg",
-      ".oga",
-      ".mp3",
-      ".wav",
-      ".flac",
-      ".opus",
-      ".aac",
-      ".m4a",
-      ".3gp",
-      ".wma",
-      "image/jpeg",
-      "image/png",
-      "image/gif",
-      "video/webm",
-      "video/mp4",
-      "video/quicktime",
-      "video/ogg",
-      "audio/wave",
-      "audio/wav",
-      "audio/x-wav",
-      "audio/x-pn-wave",
-      "audio/ogg",
-      "audio/mpeg",
-      "audio/mp3",
-      "audio/webm",
-      "audio/flac",
-      "audio/aac",
-      "audio/m4a",
-      "audio/x-m4a",
-      "audio/mp4",
-      "audio/3gpp",
-      "video/x-ms-asf"
-    ]
-  },
-  "settings": {
-    "known_fediverse": false,
-    "notifications": {
-      "alerts": {
-        "follow": false,
-        "follow_request": false,
-        "favourite": false,
-        "reblog": false,
-        "mention": false,
-        "poll": false,
-        "status": false
-      },
-      "quickFilter": {
-        "active": "all",
-        "show": true,
-        "advanced": false
-      },
-      "dismissPermissionBanner": false,
-      "showUnread": true,
-      "shows": {
-        "follow": true,
-        "follow_request": false,
-        "favourite": true,
-        "reblog": true,
-        "mention": true,
-        "poll": true,
-        "status": true
-      },
-      "sounds": {
-        "follow": true,
-        "follow_request": false,
-        "favourite": true,
-        "reblog": true,
-        "mention": true,
-        "poll": true,
-        "status": true
-      }
-    },
-    "public": {
-      "regex": {
-        "body": ""
-      }
-    },
-    "direct": {
-      "regex": {
-        "body": ""
-      }
-    },
-    "community": {
-      "regex": {
-        "body": ""
-      }
-    },
-    "skinTone": 1,
-    "trends": {
-      "show": true
-    },
-    "columns": [
-      {
-        "id": "COMPOSE",
-        "uuid": "b6dce3ed-c6cc-4446-8981-f08f8461ae8d",
-        "params": {}
-      },
-      {
-        "id": "HOME",
-        "uuid": "e89b270b-6e79-4956-98fb-e8bf0aff098c",
-        "params": {}
-      },
-      {
-        "id": "NOTIFICATIONS",
-        "uuid": "d359cdfa-e074-44ba-bde5-f46867a3bca6",
-        "params": {}
-      }
-    ],
-    "introductionVersion": 20181216044202,
-    "home": {
-      "shows": {
-        "reblog": true,
-        "reply": true
-      },
-      "regex": {
-        "body": ""
-      }
-    }
-  },
-  "push_subscription": null
-}
diff --git a/packages/pl-fe/src/__fixtures__/mitra-context.json b/packages/pl-fe/src/__fixtures__/mitra-context.json
deleted file mode 100644
index 91b48420c..000000000
--- a/packages/pl-fe/src/__fixtures__/mitra-context.json
+++ /dev/null
@@ -1,107 +0,0 @@
-[
-  {
-    "id": "017ed503-bc96-301a-e871-2c23b30ddd05",
-    "uri": "https://mitra.social/objects/017ed503-bc96-301a-e871-2c23b30ddd05",
-    "created_at": "2022-02-07T16:28:18.966874Z",
-    "account": {
-      "id": "017ed4f9-c121-2ae6-0805-15516cce02c3",
-      "username": "alex",
-      "acct": "alex",
-      "url": "https://mitra.social/users/alex",
-      "display_name": null,
-      "created_at": "2022-02-07T16:17:24.769229Z",
-      "note": null,
-      "avatar": null,
-      "header": null,
-      "fields": [],
-      "followers_count": 1,
-      "following_count": 1,
-      "statuses_count": 3,
-      "source": null,
-      "wallet_address": null
-    },
-    "content": "<span class=\"h-card\"><a class=\"u-url mention\" href=\"https://mitra.social/users/silverpill\">@silverpill</a></span> sup!",
-    "in_reply_to_id": null,
-    "reblog": null,
-    "visibility": "public",
-    "replies_count": 1,
-    "favourites_count": 0,
-    "reblogs_count": 0,
-    "media_attachments": [],
-    "mentions": [
-      {
-        "id": "dd4ebc18-269d-4c7b-a310-03d29c6ab551",
-        "username": "silverpill",
-        "acct": "silverpill",
-        "url": "https://mitra.social/users/silverpill"
-      }
-    ],
-    "tags": [],
-    "favourited": false,
-    "reblogged": false,
-    "ipfs_cid": null,
-    "token_id": null,
-    "token_tx_id": null
-  },
-  {
-    "id": "017ed505-5926-392f-256a-f86d5075df70",
-    "uri": "https://mitra.social/objects/017ed505-5926-392f-256a-f86d5075df70",
-    "created_at": "2022-02-07T16:30:04.582771Z",
-    "account": {
-      "id": "dd4ebc18-269d-4c7b-a310-03d29c6ab551",
-      "username": "silverpill",
-      "acct": "silverpill",
-      "url": "https://mitra.social/users/silverpill",
-      "display_name": "silverpill",
-      "created_at": "2021-11-06T21:08:57.441927Z",
-      "note": "Admin of <a href=\"https://mitra.social/\" rel=\"noopener noreferrer\">mitra.social</a> instance. It is running experimental ActivityPub server <a href=\"https://codeberg.org/silverpill/mitra\" rel=\"noopener noreferrer\">Mitra</a>.",
-      "avatar": "https://mitra.social/media/6a785bf7dd05f61c3590e8935aa49156a499ac30fd1e402f79e7e164adb36e2c.png",
-      "header": null,
-      "fields": [
-        {
-          "name": "Matrix",
-          "value": "@silverpill:poa.st"
-        },
-        {
-          "name": "Alt",
-          "value": "@silverpill@poa.st"
-        },
-        {
-          "name": "Code",
-          "value": "<a href=\"https://codeberg.org/silverpill/\" rel=\"noopener noreferrer\">https://codeberg.org/silverpill/</a>"
-        },
-        {
-          "name": "$XMR",
-          "value": "884y9LmsWY7PQNsyR7bJy1dvj91tuF5spVabyCnPk4KfQtSuzFbQobTFC7xSemJgVW1FWAwnJbjTZX5zZWbBrfkv62DB62d"
-        }
-      ],
-      "followers_count": 27,
-      "following_count": 15,
-      "statuses_count": 110,
-      "source": null,
-      "wallet_address": null
-    },
-    "content": "<span class=\"h-card\"><a class=\"u-url mention\" href=\"https://mitra.social/users/alex\">@alex</a></span> welcome",
-    "in_reply_to_id": "017ed503-bc96-301a-e871-2c23b30ddd05",
-    "reblog": null,
-    "visibility": "public",
-    "replies_count": 0,
-    "favourites_count": 1,
-    "reblogs_count": 0,
-    "media_attachments": [],
-    "mentions": [
-      {
-        "id": "017ed4f9-c121-2ae6-0805-15516cce02c3",
-        "username": "alex",
-        "acct": "alex",
-        "url": "https://mitra.social/users/alex"
-      }
-    ],
-    "tags": [],
-    "favourited": true,
-    "reblogged": false,
-    "ipfs_cid": null,
-    "token_id": null,
-    "token_tx_id": null
-  }
-]
diff --git a/packages/pl-fe/src/__fixtures__/mitra-instance.json b/packages/pl-fe/src/__fixtures__/mitra-instance.json
deleted file mode 100644
index 2c476ba30..000000000
--- a/packages/pl-fe/src/__fixtures__/mitra-instance.json
+++ /dev/null
@@ -1,13 +0,0 @@
-{
-  "uri": "mitra.social",
-  "title": "Mitra",
-  "short_description": "Federated social network with smart contracts",
-  "description": "This is an instance of [Mitra](https://codeberg.org/silverpill/mitra), federated social network built on [ActivityPub](https://activitypub.rocks/) protocol.\nRegistration is invitation-only.\nAdmin:\n  - [@silverpill@mitra.social](https://mitra.social/profile/dd4ebc18-269d-4c7b-a310-03d29c6ab551)\n  - Matrix: @silverpill:poa.st\n",
-  "version": "3.0.0 (compatible; Mitra 0.4.0)",
-  "registrations": false,
-  "login_message": "Sign this message to log in to https://mitra.social. Do not sign this message on other sites!",
-  "post_character_limit": 5000,
-  "blockchain_explorer_url": null,
-  "blockchain_contract_address": null,
-  "ipfs_gateway_url": "https://ipfs.mitra.social"
-}
diff --git a/packages/pl-fe/src/__fixtures__/mitra-status-with-attachments.json b/packages/pl-fe/src/__fixtures__/mitra-status-with-attachments.json
deleted file mode 100644
index 689e4d3bb..000000000
--- a/packages/pl-fe/src/__fixtures__/mitra-status-with-attachments.json
+++ /dev/null
@@ -1,95 +0,0 @@
-{
-  "id": "017eeb0e-e5e7-98fe-6b2b-ad02349251fb",
-  "uri": "https://gleasonator.com/objects/aa5e66c9-0a10-4167-9c80-f40d9574aaec",
-  "created_at": "2022-02-11T23:11:59.891770Z",
-  "account": {
-    "id": "8fe4d6ed-3a99-43e1-a7d4-66b4e635f756",
-    "username": "alex",
-    "acct": "alex@gleasonator.com",
-    "url": "https://gleasonator.com/users/alex",
-    "display_name": "Alex Gleason",
-    "created_at": "2021-11-14T17:01:17.446307Z",
-    "note": "I create Fediverse software that empowers people online.<br><br>I'm vegan btw<br><br>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "avatar": "https://mitra.social/media/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "header": "https://mitra.social/media/bdfb009adac0e31257e9fe527d3844a7234cc71f6e06dff2bec94354639555dd.png",
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"noopener noreferrer\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Pleroma+Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"noopener noreferrer\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"noopener noreferrer\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2,
-    "following_count": 2,
-    "statuses_count": 970,
-    "source": null,
-    "wallet_address": null
-  },
-  "content": "<p>Test</p>",
-  "in_reply_to_id": null,
-  "reblog": null,
-  "visibility": "public",
-  "replies_count": 0,
-  "favourites_count": 0,
-  "reblogs_count": 0,
-  "media_attachments": [
-    {
-      "id": "017eeb0e-e5df-30a4-77a7-a929145cb836",
-      "type": "image",
-      "url": "https://mitra.social/media/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png"
-    },
-    {
-      "id": "017eeb0e-e5e4-2a48-2889-afdebf368a54",
-      "type": "unknown",
-      "url": "https://mitra.social/media/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac"
-    },
-    {
-      "id": "017eeb0e-e5e5-79fd-6054-8b6869b1db49",
-      "type": "unknown",
-      "url": "https://mitra.social/media/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.oga"
-    },
-    {
-      "id": "017eeb0e-e5e6-c416-a444-21e560c47839",
-      "type": "unknown",
-      "url": "https://mitra.social/media/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0"
-    }
-  ],
-  "mentions": [],
-  "tags": [],
-  "favourited": false,
-  "reblogged": false,
-  "ipfs_cid": null,
-  "token_id": null,
-  "token_tx_id": null
-}
diff --git a/packages/pl-fe/src/__fixtures__/mk.json b/packages/pl-fe/src/__fixtures__/mk.json
deleted file mode 100644
index a7c841f1e..000000000
--- a/packages/pl-fe/src/__fixtures__/mk.json
+++ /dev/null
@@ -1,123 +0,0 @@
-{
-  "acct": "mk",
-  "avatar": "https://media.spinster.xyz/4043b9fb3f9d468aa48a8d68294f338914d9d54b2816aa1c789f548efe6c6239.jpg",
-  "avatar_static": "https://media.spinster.xyz/4043b9fb3f9d468aa48a8d68294f338914d9d54b2816aa1c789f548efe6c6239.jpg",
-  "bot": false,
-  "created_at": "2019-08-01T22:06:30.000Z",
-  "display_name": "M. K. Fain",
-  "emojis": [
-    {
-      "shortcode": "4w",
-      "static_url": "https://spinster.xyz/emoji/custom/4w.png",
-      "url": "https://spinster.xyz/emoji/custom/4w.png",
-      "visible_in_picker": false
-    },
-    {
-      "shortcode": "spinster",
-      "static_url": "https://spinster.xyz/emoji/custom/spinster.png",
-      "url": "https://spinster.xyz/emoji/custom/spinster.png",
-      "visible_in_picker": false
-    }
-  ],
-  "fields": [
-    {
-      "name": "Website",
-      "value": "<a href=\"https://marykatefain.com\" rel=\"ugc\">https://marykatefain.com</a>"
-    },
-    {
-      "name": "Twitter",
-      "value": "<a href=\"https://twitter.com/mkay_fain\" rel=\"ugc\">https://twitter.com/mkay_fain</a>"
-    },
-    {
-      "name": "Patreon",
-      "value": "<a href=\"https://www.patreon.com/mkfain\" rel=\"ugc\">https://www.patreon.com/mkfain</a>"
-    },
-    {
-      "name": "Paypal",
-      "value": "<a href=\"https://www.paypal.com/donate?hosted_button_id=NYXHYFQ6CRWJJ\" rel=\"ugc\">https://www.paypal.com/donate?hosted_button_id=NYXHYFQ6CRWJJ</a>"
-    },
-    {
-      "name": "Facebook",
-      "value": "<a href=\"https://www.facebook.com/M-K-Fain-102559968375112\" rel=\"ugc\">https://www.facebook.com/M-K-Fain-102559968375112</a>"
-    },
-    {
-      "name": "Dog Pics",
-      "value": "<a href=\"https://www.instagram.com/mmkaayyy92\" rel=\"ugc\">https://www.instagram.com/mmkaayyy92</a>"
-    },
-    {
-      "name": "$BTC",
-      "value": "bc1q7fp347muhnuxrtu0pft6eswn0e7pldhssdg8py"
-    }
-  ],
-  "followers_count": 5687,
-  "following_count": 18017,
-  "fqn": "mk@spinster.xyz",
-  "header": "https://media.spinster.xyz/3a5f9d5ef06940d0c319f8f0135b1153a8a42cefd10eace97378875c0347da71.png",
-  "header_static": "https://media.spinster.xyz/3a5f9d5ef06940d0c319f8f0135b1153a8a42cefd10eace97378875c0347da71.png",
-  "id": "9y4BZYXEDuQ6K1zW9g",
-  "last_status_at": "2022-02-27T01:58:21",
-  "locked": false,
-  "note": ":spinster: Admin of <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9y4BZYU2PlrsA8UyBM\" href=\"https://spinster.xyz/users/spinster\" rel=\"ugc\">@<span>spinster</span></a></span><br/>:4w: Editor of <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9y4BxBsU76tt0CCgBE\" href=\"https://spinster.xyz/users/4WPub\" rel=\"ugc\">@<span>4WPub</span></a></span><br/><br/>Sorry I didn&#39;t reply to you.<br/><br/>Boost ≠ agree. All opinions my own.",
-  "pleroma": {
-    "accepts_chat_messages": true,
-    "also_known_as": [],
-    "ap_id": "https://spinster.xyz/users/mk",
-    "background_image": null,
-    "favicon": "https://spinster.xyz/favicon.png",
-    "hide_favorites": true,
-    "hide_followers": false,
-    "hide_followers_count": false,
-    "hide_follows": false,
-    "hide_follows_count": false,
-    "is_admin": true,
-    "is_confirmed": true,
-    "is_moderator": false,
-    "is_suggested": true,
-    "relationship": {},
-    "skip_thread_containment": false,
-    "tags": [
-      "verified"
-    ]
-  },
-  "source": {
-    "fields": [
-      {
-        "name": "Website",
-        "value": "https://marykatefain.com"
-      },
-      {
-        "name": "Twitter",
-        "value": "https://twitter.com/mkay_fain"
-      },
-      {
-        "name": "Patreon",
-        "value": "https://www.patreon.com/mkfain"
-      },
-      {
-        "name": "Paypal",
-        "value": "https://www.paypal.com/donate?hosted_button_id=NYXHYFQ6CRWJJ"
-      },
-      {
-        "name": "Facebook",
-        "value": "https://www.facebook.com/M-K-Fain-102559968375112"
-      },
-      {
-        "name": "Dog Pics",
-        "value": "https://www.instagram.com/mmkaayyy92"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q7fp347muhnuxrtu0pft6eswn0e7pldhssdg8py"
-      }
-    ],
-    "note": ":spinster: Admin of @spinster\r\n:4w: Editor of @4WPub\r\n\r\nSorry I didn't reply to you.\r\n\r\nBoost ≠ agree. All opinions my own.",
-    "pleroma": {
-      "actor_type": "Person",
-      "discoverable": false
-    },
-    "sensitive": false
-  },
-  "statuses_count": 9580,
-  "url": "https://spinster.xyz/users/mk",
-  "username": "mk"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-favourite.json b/packages/pl-fe/src/__fixtures__/notification-favourite.json
deleted file mode 100644
index 00da9c8f9..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-favourite.json
+++ /dev/null
@@ -1,290 +0,0 @@
-{
-  "account": {
-    "acct": "Hollahollara@spinster.xyz",
-    "avatar": "https://gleasonator.com/proxy/LArKQiIrW265rGIJGwdgX7rRsao/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvYXZhdGFycy8wMDAvMTQxLzI5NC9vcmlnaW5hbC9lNjA1NjljMjBjNGY3ODNjLnBuZw/e60569c20c4f783c.png",
-    "avatar_static": "https://gleasonator.com/proxy/LArKQiIrW265rGIJGwdgX7rRsao/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvYXZhdGFycy8wMDAvMTQxLzI5NC9vcmlnaW5hbC9lNjA1NjljMjBjNGY3ODNjLnBuZw/e60569c20c4f783c.png",
-    "bot": false,
-    "created_at": "2020-05-29T03:15:59.000Z",
-    "display_name": "Hollahollara",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "Hollahollara@spinster.xyz",
-    "header": "https://gleasonator.com/proxy/XSANC57uDBL3tM0LBLEer7yMyaA/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvaGVhZGVycy8wMDAvMTQxLzI5NC9vcmlnaW5hbC84NTMzMWEzMjJkMTIyN2Q0LnBuZw/85331a322d1227d4.png",
-    "header_static": "https://gleasonator.com/proxy/XSANC57uDBL3tM0LBLEer7yMyaA/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvaGVhZGVycy8wMDAvMTQxLzI5NC9vcmlnaW5hbC84NTMzMWEzMjJkMTIyN2Q0LnBuZw/85331a322d1227d4.png",
-    "id": "9vWfJdLwuJSyJXqCeG",
-    "last_status_at": "2022-04-16T20:33:32",
-    "locked": true,
-    "note": "Adult human female. Artist.  Evil terv.  Millennial, killing all the things. Public Universal Friend.<br/><br/><a href=\"http://www.jenniferaldridge.com\">www.jenniferaldridge.com</a><br/><br/><br/>",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://spinster.xyz/users/Hollahollara",
-      "background_image": null,
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/owo6QgsHm_0ogz5enHyvD68wDUA/aHR0cHM6Ly9zcGluc3Rlci54eXovZmF2aWNvbi5wbmc/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": false,
-      "hide_follows": true,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 7191,
-    "url": "https://spinster.xyz/users/Hollahollara",
-    "username": "Hollahollara"
-  },
-  "created_at": "2022-04-14T20:36:52.000Z",
-  "id": "427825",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "alex",
-      "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "bot": false,
-      "created_at": "2020-01-08T01:25:43.000Z",
-      "display_name": "Alex Gleason",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Website",
-          "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-        },
-        {
-          "name": "Soapbox",
-          "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "follow_requests_count": 0,
-      "followers_count": 2602,
-      "following_count": 1603,
-      "fqn": "alex@gleasonator.com",
-      "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "last_status_at": "2022-04-16T19:23:50",
-      "locked": false,
-      "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "accepts_chat_messages": true,
-        "accepts_email_list": true,
-        "allow_following_move": true,
-        "also_known_as": [
-          "https://mitra.social/users/alex"
-        ],
-        "ap_id": "https://gleasonator.com/users/alex",
-        "background_image": null,
-        "birthday": "1993-07-03",
-        "deactivated": false,
-        "email": "alex@alexgleason.me",
-        "favicon": "https://gleasonator.com/favicon.png",
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": true,
-        "is_confirmed": true,
-        "is_moderator": false,
-        "is_suggested": true,
-        "location": "Texas",
-        "notification_settings": {
-          "block_from_strangers": false,
-          "hide_notification_contents": false
-        },
-        "relationship": {},
-        "skip_thread_containment": false,
-        "tags": [],
-        "unread_conversation_count": 392,
-        "unread_notifications_count": 2
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Website",
-            "value": "https://alexgleason.me"
-          },
-          {
-            "name": "Soapbox",
-            "value": "https://soapbox.pub"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          },
-          {
-            "name": "Donate (PayPal)",
-            "value": "https://paypal.me/gleasonator"
-          },
-          {
-            "name": "$BTC",
-            "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-          },
-          {
-            "name": "$ETH",
-            "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-          },
-          {
-            "name": "$DOGE",
-            "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-          },
-          {
-            "name": "$XMR",
-            "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-          }
-        ],
-        "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false,
-          "no_rich_text": false,
-          "show_birthday": true,
-          "show_role": true
-        },
-        "privacy": "public",
-        "sensitive": false
-      },
-      "statuses_count": 24050,
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    },
-    "application": {
-      "name": "Soapbox FE",
-      "website": "https://soapbox.pub/"
-    },
-    "bookmarked": false,
-    "card": null,
-    "content": "",
-    "created_at": "2022-04-12T01:31:00.000Z",
-    "emojis": [],
-    "favourited": false,
-    "favourites_count": 11,
-    "id": "AIMEslRcKrcu02D3HU",
-    "in_reply_to_account_id": null,
-    "in_reply_to_id": null,
-    "language": null,
-    "media_attachments": [
-      {
-        "blurhash": "etMZzVWq%1%1o#_NayWCofae_Ns:R*kDjYS5a{jYoJj]V@a}WBbGof",
-        "description": "",
-        "id": "AIMEqtBeZtvpQvqfIG",
-        "meta": {
-          "original": {
-            "aspect": 0.9726443768996961,
-            "height": 658,
-            "width": 640
-          }
-        },
-        "pleroma": {
-          "mime_type": "image/jpeg"
-        },
-        "preview_url": "https://media.gleasonator.com/6c0a1d878b7c9d1d737f415645cf34cdacdf6438c468348f4fa7534a15798023.jpg",
-        "remote_url": "https://media.gleasonator.com/6c0a1d878b7c9d1d737f415645cf34cdacdf6438c468348f4fa7534a15798023.jpg",
-        "text_url": "https://media.gleasonator.com/6c0a1d878b7c9d1d737f415645cf34cdacdf6438c468348f4fa7534a15798023.jpg",
-        "type": "image",
-        "url": "https://media.gleasonator.com/6c0a1d878b7c9d1d737f415645cf34cdacdf6438c468348f4fa7534a15798023.jpg"
-      }
-    ],
-    "mentions": [],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text/plain": ""
-      },
-      "content_type": null,
-      "conversation_id": "AIMEslPqRSCzuXNdWC",
-      "direct_conversation_id": null,
-      "emoji_reactions": [
-        {
-          "count": 4,
-          "me": false,
-          "name": "😆"
-        },
-        {
-          "count": 1,
-          "me": false,
-          "name": "🤢"
-        }
-      ],
-      "expires_at": null,
-      "in_reply_to_account_acct": null,
-      "local": true,
-      "parent_visible": false,
-      "pinned_at": null,
-      "quote": null,
-      "quote_url": null,
-      "quote_visible": false,
-      "spoiler_text": {
-        "text/plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": null,
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 4,
-    "replies_count": 0,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "text": null,
-    "uri": "https://gleasonator.com/objects/7953f9fb-d3d7-4f50-b9d8-27e311ac1f5e",
-    "url": "https://gleasonator.com/notice/AIMEslRcKrcu02D3HU",
-    "visibility": "public"
-  },
-  "type": "favourite"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-follow.json b/packages/pl-fe/src/__fixtures__/notification-follow.json
deleted file mode 100644
index f563646ad..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-follow.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "account": {
-    "acct": "neko@rdrama.cc",
-    "avatar": "https://gleasonator.com/proxy/QJ3einzsXdobgWPsyZowxnor1zY/aHR0cHM6Ly9yZHJhbWEuY2MvbWVkaWEvODcyNDhjYjctZWYwNC00ZThjLWEwYzEtNTYxNWMyNWM0MTk1L2Jsb2I/blob",
-    "avatar_static": "https://gleasonator.com/proxy/QJ3einzsXdobgWPsyZowxnor1zY/aHR0cHM6Ly9yZHJhbWEuY2MvbWVkaWEvODcyNDhjYjctZWYwNC00ZThjLWEwYzEtNTYxNWMyNWM0MTk1L2Jsb2I/blob",
-    "bot": false,
-    "created_at": "2022-04-16T20:23:16.000Z",
-    "display_name": "Nekobit",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 19,
-    "following_count": 357,
-    "fqn": "neko@rdrama.cc",
-    "header": "https://gleasonator.com/proxy/ojpBSVKfePvLnb7pwqepQspzIko/aHR0cHM6Ly9yZHJhbWEuY2MvbWVkaWEvNjBkMTJjOWYtOTNkNi00ODBmLThhMGUtMTE3M2ZkNjg5MzhmL3dhbGxwYXBlcmZsYXJlLmNvbV93YWxscGFwZXItd2ViLmpwZw/wallpaperflare.com_wallpaper-web.jpg",
-    "header_static": "https://gleasonator.com/proxy/ojpBSVKfePvLnb7pwqepQspzIko/aHR0cHM6Ly9yZHJhbWEuY2MvbWVkaWEvNjBkMTJjOWYtOTNkNi00ODBmLThhMGUtMTE3M2ZkNjg5MzhmL3dhbGxwYXBlcmZsYXJlLmNvbV93YWxscGFwZXItd2ViLmpwZw/wallpaperflare.com_wallpaper-web.jpg",
-    "id": "AIW9zGESDwdT27vk0W",
-    "last_status_at": "2022-04-16T21:49:29",
-    "locked": false,
-    "note": "New instance, hello!<br/><br/>Please follow if you followed my <a href=\"http://desuposter.club\">desuposter.club</a> alt",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://rdrama.cc/users/neko",
-      "background_image": null,
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/dbCdmChqVRi0vjYTCpRj5lDLtNM/aHR0cHM6Ly9yZHJhbWEuY2MvZmF2aWNvbi5wbmc/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 6,
-    "url": "https://rdrama.cc/users/neko",
-    "username": "neko"
-  },
-  "created_at": "2022-04-16T20:24:03.000Z",
-  "id": "429280",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "type": "follow"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-follow_request.json b/packages/pl-fe/src/__fixtures__/notification-follow_request.json
deleted file mode 100644
index 391dfec50..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-follow_request.json
+++ /dev/null
@@ -1,61 +0,0 @@
-{
-  "account": {
-    "acct": "alex@spinster.xyz",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2020-01-08T03:08:22.000Z",
-    "display_name": "**MOVED**",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 1005,
-    "following_count": 724,
-    "fqn": "alex@spinster.xyz",
-    "header": "https://gleasonator.com/proxy/yxa7ucolLFAsmBHYJzksSh_zoao/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvaGVhZGVycy8wMDAvMDAwLzAwMS9vcmlnaW5hbC83ZmE4MWY5ZmZiYWVjZDk3LnBuZw/7fa81f9ffbaecd97.png",
-    "header_static": "https://gleasonator.com/proxy/yxa7ucolLFAsmBHYJzksSh_zoao/aHR0cHM6Ly9tZWRpYS5zcGluc3Rlci54eXovYWNjb3VudHMvaGVhZGVycy8wMDAvMDAwLzAwMS9vcmlnaW5hbC83ZmE4MWY5ZmZiYWVjZDk3LnBuZw/7fa81f9ffbaecd97.png",
-    "id": "9v5bmXkCYkqU30gp9s",
-    "last_status_at": null,
-    "locked": true,
-    "note": "Moved to <a href=\"https://spinster.xyz/@alex@gleasonator.com\">https://spinster.xyz/@alex@gleasonator.com</a>",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://spinster.xyz/users/alex",
-      "background_image": null,
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/owo6QgsHm_0ogz5enHyvD68wDUA/aHR0cHM6Ly9zcGluc3Rlci54eXovZmF2aWNvbi5wbmc/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": false,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 2687,
-    "url": "https://spinster.xyz/users/alex",
-    "username": "alex"
-  },
-  "created_at": "2020-12-30T02:23:35.000Z",
-  "id": "87967",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "type": "follow_request"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-mention.json b/packages/pl-fe/src/__fixtures__/notification-mention.json
deleted file mode 100644
index d2ad0a265..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-mention.json
+++ /dev/null
@@ -1,226 +0,0 @@
-{
-  "account": {
-    "acct": "silverpill@mitra.social",
-    "avatar": "https://gleasonator.com/proxy/ZbLqy9s8Hxn9I5K23y2mffsL6iY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvbWVkaWEvNmE3ODViZjdkZDA1ZjYxYzM1OTBlODkzNWFhNDkxNTZhNDk5YWMzMGZkMWU0MDJmNzllN2UxNjRhZGIzNmUyYy5wbmc/6a785bf7dd05f61c3590e8935aa49156a499ac30fd1e402f79e7e164adb36e2c.png",
-    "avatar_static": "https://gleasonator.com/proxy/ZbLqy9s8Hxn9I5K23y2mffsL6iY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvbWVkaWEvNmE3ODViZjdkZDA1ZjYxYzM1OTBlODkzNWFhNDkxNTZhNDk5YWMzMGZkMWU0MDJmNzllN2UxNjRhZGIzNmUyYy5wbmc/6a785bf7dd05f61c3590e8935aa49156a499ac30fd1e402f79e7e164adb36e2c.png",
-    "bot": false,
-    "created_at": "2021-11-11T22:31:51.000Z",
-    "display_name": "silverpill",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Matrix",
-        "value": "@silverpill:poa.st"
-      },
-      {
-        "name": "Alt",
-        "value": "@silverpill@poa.st"
-      },
-      {
-        "name": "Code",
-        "value": "<a href=\"https://codeberg.org/silverpill/\">https://codeberg.org/silverpill/</a>"
-      },
-      {
-        "name": "$XMR",
-        "value": "884y9LmsWY7PQNsyR7bJy1dvj91tuF5spVabyCnPk4KfQtSuzFbQobTFC7xSemJgVW1FWAwnJbjTZX5zZWbBrfkv62DB62d"
-      }
-    ],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "silverpill@mitra.social",
-    "header": "https://gleasonator.com/images/banner.png",
-    "header_static": "https://gleasonator.com/images/banner.png",
-    "id": "ADIzJ7q9gExPvDKBCS",
-    "last_status_at": "2022-04-15T11:27:33",
-    "locked": false,
-    "note": "",
-    "pleroma": {
-      "accepts_chat_messages": false,
-      "also_known_as": [],
-      "ap_id": "https://mitra.social/users/silverpill",
-      "background_image": null,
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/XSE9_kQbQyYcSFWszWx2GgCbBuY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvZmF2aWNvbi5pY28/favicon.ico",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": false,
-      "hide_follows": true,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 135,
-    "url": "https://mitra.social/users/silverpill",
-    "username": "silverpill"
-  },
-  "created_at": "2022-04-15T11:27:33.000Z",
-  "id": "428172",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "silverpill@mitra.social",
-      "avatar": "https://gleasonator.com/proxy/ZbLqy9s8Hxn9I5K23y2mffsL6iY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvbWVkaWEvNmE3ODViZjdkZDA1ZjYxYzM1OTBlODkzNWFhNDkxNTZhNDk5YWMzMGZkMWU0MDJmNzllN2UxNjRhZGIzNmUyYy5wbmc/6a785bf7dd05f61c3590e8935aa49156a499ac30fd1e402f79e7e164adb36e2c.png",
-      "avatar_static": "https://gleasonator.com/proxy/ZbLqy9s8Hxn9I5K23y2mffsL6iY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvbWVkaWEvNmE3ODViZjdkZDA1ZjYxYzM1OTBlODkzNWFhNDkxNTZhNDk5YWMzMGZkMWU0MDJmNzllN2UxNjRhZGIzNmUyYy5wbmc/6a785bf7dd05f61c3590e8935aa49156a499ac30fd1e402f79e7e164adb36e2c.png",
-      "bot": false,
-      "created_at": "2021-11-11T22:31:51.000Z",
-      "display_name": "silverpill",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Matrix",
-          "value": "@silverpill:poa.st"
-        },
-        {
-          "name": "Alt",
-          "value": "@silverpill@poa.st"
-        },
-        {
-          "name": "Code",
-          "value": "<a href=\"https://codeberg.org/silverpill/\">https://codeberg.org/silverpill/</a>"
-        },
-        {
-          "name": "$XMR",
-          "value": "884y9LmsWY7PQNsyR7bJy1dvj91tuF5spVabyCnPk4KfQtSuzFbQobTFC7xSemJgVW1FWAwnJbjTZX5zZWbBrfkv62DB62d"
-        }
-      ],
-      "followers_count": 0,
-      "following_count": 0,
-      "fqn": "silverpill@mitra.social",
-      "header": "https://gleasonator.com/images/banner.png",
-      "header_static": "https://gleasonator.com/images/banner.png",
-      "id": "ADIzJ7q9gExPvDKBCS",
-      "last_status_at": "2022-04-15T11:27:33",
-      "locked": false,
-      "note": "",
-      "pleroma": {
-        "accepts_chat_messages": false,
-        "also_known_as": [],
-        "ap_id": "https://mitra.social/users/silverpill",
-        "background_image": null,
-        "deactivated": false,
-        "favicon": "https://gleasonator.com/proxy/XSE9_kQbQyYcSFWszWx2GgCbBuY/aHR0cHM6Ly9taXRyYS5zb2NpYWwvZmF2aWNvbi5pY28/favicon.ico",
-        "hide_favorites": true,
-        "hide_followers": true,
-        "hide_followers_count": false,
-        "hide_follows": true,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_confirmed": true,
-        "is_moderator": false,
-        "is_suggested": false,
-        "location": null,
-        "relationship": {},
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 135,
-      "url": "https://mitra.social/users/silverpill",
-      "username": "silverpill"
-    },
-    "application": null,
-    "bookmarked": true,
-    "card": {
-      "author_name": "",
-      "author_url": "",
-      "blurhash": null,
-      "description": "The ActivityPub protocol is a decentralized social networking protocol\n        based upon the [ActivityStreams] 2.0 data format.\n        It provides a client to server API for creating, updating and deleting\n        content, as well as a federated server to server API for delivering\n        notifications and content.",
-      "embed_url": "",
-      "height": 0,
-      "html": "",
-      "image": null,
-      "provider_name": "www.w3.org",
-      "provider_url": "https://www.w3.org",
-      "title": "ActivityPub",
-      "type": "link",
-      "url": "https://www.w3.org/TR/activitypub/#retrieving-objects",
-      "width": 0
-    },
-    "content": "<span class=\"h-card\"><a class=\"u-url mention\" href=\"https://gleasonator.com/users/alex\">@alex</a></span> <span class=\"h-card\"><a class=\"u-url mention\" href=\"https://lain.com/users/lain\">@lain</a></span> The second one is suggested by ActivityPub spec: <a href=\"https://www.w3.org/TR/activitypub/#retrieving-objects\">https://www.w3.org/TR/activitypub/#retrieving-objects</a><br/>\nThe first one is likely a legacy of earlier ActivityStreams standards, I&#39;m not sure",
-    "created_at": "2022-04-15T11:27:28.000Z",
-    "emojis": [],
-    "favourited": true,
-    "favourites_count": 2,
-    "id": "AITJf9Wpr0msWChNBI",
-    "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-    "in_reply_to_id": "AISPFI5nnPaS7J94rI",
-    "language": null,
-    "media_attachments": [],
-    "mentions": [
-      {
-        "acct": "alex",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      {
-        "acct": "lain@lain.com",
-        "id": "9v5bqYwY2jfmvPNhTM",
-        "url": "https://lain.com/users/lain",
-        "username": "lain"
-      }
-    ],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text/plain": "@alex @lain The second one is suggested by ActivityPub spec: https://www.w3.org/TR/activitypub/#retrieving-objects\nThe first one is likely a legacy of earlier ActivityStreams standards, I'm not sure"
-      },
-      "content_type": null,
-      "conversation_id": "AISPFI2bzH2DxPeWsy",
-      "direct_conversation_id": null,
-      "emoji_reactions": [],
-      "expires_at": null,
-      "in_reply_to_account_acct": "alex",
-      "local": false,
-      "parent_visible": true,
-      "pinned_at": null,
-      "quote": null,
-      "quote_url": null,
-      "quote_visible": false,
-      "spoiler_text": {
-        "text/plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": null,
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 0,
-    "replies_count": 0,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "text": null,
-    "uri": "https://mitra.social/objects/01802cfa-633c-1c2c-e9cf-e6e0ffef0afe",
-    "url": "https://mitra.social/objects/01802cfa-633c-1c2c-e9cf-e6e0ffef0afe",
-    "visibility": "public"
-  },
-  "type": "mention"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-move.json b/packages/pl-fe/src/__fixtures__/notification-move.json
deleted file mode 100644
index 4bffd1906..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-move.json
+++ /dev/null
@@ -1,119 +0,0 @@
-{
-  "account": {
-    "acct": "alex@fedibird.com",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2022-01-24T21:25:37.000Z",
-    "display_name": "alex@fedibird.com",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 0,
-    "following_count": 2,
-    "fqn": "alex@fedibird.com",
-    "header": "https://gleasonator.com/images/banner.png",
-    "header_static": "https://gleasonator.com/images/banner.png",
-    "id": "AFmHQ18XZ7Lco68MW8",
-    "last_status_at": "2022-03-16T22:07:53",
-    "locked": false,
-    "note": "<p></p>",
-    "pleroma": {
-      "accepts_chat_messages": null,
-      "also_known_as": [],
-      "ap_id": "https://fedibird.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/HzfsidHss3CuA7aM2zxXN-tAjF8/aHR0cHM6Ly9mZWRpYmlyZC5jb20vZmF2aWNvbi5pY28/favicon.ico",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": "Texas",
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 5,
-    "url": "https://fedibird.com/@alex",
-    "username": "alex"
-  },
-  "created_at": "2022-03-17T00:08:48.000Z",
-  "id": "406814",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "target": {
-    "acct": "benis911",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2021-03-26T20:42:11.000Z",
-    "display_name": "benis911",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "benis911@gleasonator.com",
-    "header": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "header_static": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "id": "A5c5LK7EJTFR0u26Pg",
-    "last_status_at": "2022-03-19T22:33:38",
-    "locked": false,
-    "note": "hello world 2",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://gleasonator.com/users/alex",
-        "https://poa.st/users/alex",
-        "https://fedibird.com/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/benis911",
-      "background_image": null,
-      "birthday": "2000-01-25",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": true,
-      "hide_follows": true,
-      "hide_follows_count": true,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "hello world 2",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 174,
-    "url": "https://gleasonator.com/users/benis911",
-    "username": "benis911"
-  },
-  "type": "move"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-pleroma-chat_mention.json b/packages/pl-fe/src/__fixtures__/notification-pleroma-chat_mention.json
deleted file mode 100644
index c90cc7bb9..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-pleroma-chat_mention.json
+++ /dev/null
@@ -1,73 +0,0 @@
-{
-  "account": {
-    "acct": "dave",
-    "avatar": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "avatar_static": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "bot": false,
-    "created_at": "2020-02-01T07:28:46.000Z",
-    "display_name": "Elden Beedle 🇺🇦 🇫🇷",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 490,
-    "following_count": 367,
-    "fqn": "dave@gleasonator.com",
-    "header": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "header_static": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "id": "9v5c0Pkz3MT5KTfam8",
-    "last_status_at": "2022-04-16T19:57:10",
-    "locked": false,
-    "note": "Beedle is back, baby!<br/><br/>Mostly just crosspost memes and stuff I find on the internet",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://gleasonator.com/users/dave",
-      "background_image": null,
-      "birthday": "1990-01-01",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "Beedle is back, baby!\r\n\r\nMostly just crosspost memes and stuff I find on the internet",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 16758,
-    "url": "https://gleasonator.com/users/dave",
-    "username": "dave"
-  },
-  "chat_message": {
-    "account_id": "9v5c0Pkz3MT5KTfam8",
-    "attachment": null,
-    "card": null,
-    "chat_id": "9yX4Q9DiC2te6lvk5g",
-    "content": "Cool, it works, I&#39;ll keep letting you know when I find broken stuff",
-    "created_at": "2022-04-16T19:22:54.000Z",
-    "emojis": [],
-    "id": "AIW4bHoICoZ9CsRTW4",
-    "unread": false
-  },
-  "created_at": "2022-04-16T19:22:55.000Z",
-  "id": "429247",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "type": "pleroma:chat_mention"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-pleroma-emoji_reaction.json b/packages/pl-fe/src/__fixtures__/notification-pleroma-emoji_reaction.json
deleted file mode 100644
index cc988d3a3..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-pleroma-emoji_reaction.json
+++ /dev/null
@@ -1,301 +0,0 @@
-{
-  "account": {
-    "acct": "dave",
-    "avatar": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "avatar_static": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "bot": false,
-    "created_at": "2020-02-01T07:28:46.000Z",
-    "display_name": "Elden Beedle 🇺🇦 🇫🇷",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 490,
-    "following_count": 367,
-    "fqn": "dave@gleasonator.com",
-    "header": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "header_static": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "id": "9v5c0Pkz3MT5KTfam8",
-    "last_status_at": "2022-04-16T19:57:10",
-    "locked": false,
-    "note": "Beedle is back, baby!<br/><br/>Mostly just crosspost memes and stuff I find on the internet",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://gleasonator.com/users/dave",
-      "background_image": null,
-      "birthday": "1990-01-01",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "Beedle is back, baby!\r\n\r\nMostly just crosspost memes and stuff I find on the internet",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 16758,
-    "url": "https://gleasonator.com/users/dave",
-    "username": "dave"
-  },
-  "created_at": "2022-04-16T16:52:15.000Z",
-  "emoji": "😮",
-  "id": "429071",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "alex",
-      "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "bot": false,
-      "created_at": "2020-01-08T01:25:43.000Z",
-      "display_name": "Alex Gleason",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Website",
-          "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-        },
-        {
-          "name": "Soapbox",
-          "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "follow_requests_count": 0,
-      "followers_count": 2602,
-      "following_count": 1603,
-      "fqn": "alex@gleasonator.com",
-      "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "last_status_at": "2022-04-16T19:23:50",
-      "locked": false,
-      "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "accepts_chat_messages": true,
-        "accepts_email_list": true,
-        "allow_following_move": true,
-        "also_known_as": [
-          "https://mitra.social/users/alex"
-        ],
-        "ap_id": "https://gleasonator.com/users/alex",
-        "background_image": null,
-        "birthday": "1993-07-03",
-        "deactivated": false,
-        "email": "alex@alexgleason.me",
-        "favicon": "https://gleasonator.com/favicon.png",
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": true,
-        "is_confirmed": true,
-        "is_moderator": false,
-        "is_suggested": true,
-        "location": "Texas",
-        "notification_settings": {
-          "block_from_strangers": false,
-          "hide_notification_contents": false
-        },
-        "relationship": {},
-        "skip_thread_containment": false,
-        "tags": [],
-        "unread_conversation_count": 392,
-        "unread_notifications_count": 0
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Website",
-            "value": "https://alexgleason.me"
-          },
-          {
-            "name": "Soapbox",
-            "value": "https://soapbox.pub"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          },
-          {
-            "name": "Donate (PayPal)",
-            "value": "https://paypal.me/gleasonator"
-          },
-          {
-            "name": "$BTC",
-            "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-          },
-          {
-            "name": "$ETH",
-            "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-          },
-          {
-            "name": "$DOGE",
-            "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-          },
-          {
-            "name": "$XMR",
-            "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-          }
-        ],
-        "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false,
-          "no_rich_text": false,
-          "show_birthday": true,
-          "show_role": true
-        },
-        "privacy": "public",
-        "sensitive": false
-      },
-      "statuses_count": 24050,
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    },
-    "application": {
-      "name": "Soapbox FE",
-      "website": "https://soapbox.pub/"
-    },
-    "bookmarked": false,
-    "card": {
-      "author_name": "Kaze Emanuar",
-      "author_url": "https://www.youtube.com/c/KazeEmanuar",
-      "blurhash": null,
-      "description": "",
-      "embed_url": null,
-      "height": 113,
-      "html": "<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/t_rzYnXEQlE?feature=oembed\" allowfullscreen=\"\"></iframe>",
-      "image": "https://gleasonator.com/proxy/mI004Vq00johZtAUmMp0fC_XAuM/aHR0cHM6Ly9pLnl0aW1nLmNvbS92aS90X3J6WW5YRVFsRS9ocWRlZmF1bHQuanBn/hqdefault.jpg",
-      "provider_name": "YouTube",
-      "provider_url": "https://www.youtube.com/",
-      "title": "FIXING the ENTIRE SM64 Source Code (INSANE N64 performance)",
-      "type": "video",
-      "url": "https://youtu.be/t_rzYnXEQlE",
-      "width": 200
-    },
-    "content": "<p>Bruh. This guy rewrote the reversed engineered Super Mario 64 code for 10x performance. Games need to be open source. <a href=\"https://youtu.be/t_rzYnXEQlE\">https://youtu.be/t_rzYnXEQlE</a></p>",
-    "created_at": "2022-04-16T16:40:28.000Z",
-    "emojis": [],
-    "favourited": false,
-    "favourites_count": 11,
-    "id": "AIVq6SrJg5yb8eGVsm",
-    "in_reply_to_account_id": null,
-    "in_reply_to_id": null,
-    "language": null,
-    "media_attachments": [],
-    "mentions": [],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text/plain": "Bruh. This guy rewrote the reversed engineered Super Mario 64 code for 10x performance. Games need to be open source. https://youtu.be/t_rzYnXEQlE"
-      },
-      "content_type": null,
-      "conversation_id": "AIVq6SqFk37r5LlfE0",
-      "direct_conversation_id": null,
-      "emoji_reactions": [
-        {
-          "count": 1,
-          "me": false,
-          "name": "❤️"
-        },
-        {
-          "count": 2,
-          "me": false,
-          "name": "😮"
-        },
-        {
-          "count": 1,
-          "me": false,
-          "name": "😆"
-        },
-        {
-          "count": 1,
-          "me": false,
-          "name": "👍🏻"
-        },
-        {
-          "count": 1,
-          "me": false,
-          "name": "🔥"
-        }
-      ],
-      "expires_at": null,
-      "in_reply_to_account_acct": null,
-      "local": true,
-      "parent_visible": false,
-      "pinned_at": null,
-      "quote": null,
-      "quote_url": null,
-      "quote_visible": false,
-      "spoiler_text": {
-        "text/plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": null,
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 7,
-    "replies_count": 2,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "text": null,
-    "uri": "https://gleasonator.com/objects/160dcbb2-73bc-4cd2-971e-e7f6a38602a0",
-    "url": "https://gleasonator.com/notice/AIVq6SrJg5yb8eGVsm",
-    "visibility": "public"
-  },
-  "type": "pleroma:emoji_reaction"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-poll.json b/packages/pl-fe/src/__fixtures__/notification-poll.json
deleted file mode 100644
index fe582f249..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-poll.json
+++ /dev/null
@@ -1,202 +0,0 @@
-{
-  "account": {
-    "acct": "dave",
-    "avatar": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "avatar_static": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-    "bot": false,
-    "created_at": "2020-02-01T07:28:46.000Z",
-    "display_name": "Elden Beedle 🇺🇦 🇫🇷",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 490,
-    "following_count": 367,
-    "fqn": "dave@gleasonator.com",
-    "header": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "header_static": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-    "id": "9v5c0Pkz3MT5KTfam8",
-    "last_status_at": "2022-04-16T19:57:10",
-    "locked": false,
-    "note": "Beedle is back, baby!<br/><br/>Mostly just crosspost memes and stuff I find on the internet",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://gleasonator.com/users/dave",
-      "background_image": null,
-      "birthday": "1990-01-01",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "Beedle is back, baby!\r\n\r\nMostly just crosspost memes and stuff I find on the internet",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 16758,
-    "url": "https://gleasonator.com/users/dave",
-    "username": "dave"
-  },
-  "created_at": "2022-04-14T01:12:27.000Z",
-  "id": "427339",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "dave",
-      "avatar": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-      "avatar_static": "https://media.gleasonator.com/68c29c30c18f30dd2898f85466bf1670312dda816617e6d31421c7e4c30a8265.png",
-      "bot": false,
-      "created_at": "2020-02-01T07:28:46.000Z",
-      "display_name": "Elden Beedle 🇺🇦 🇫🇷",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 490,
-      "following_count": 367,
-      "fqn": "dave@gleasonator.com",
-      "header": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-      "header_static": "https://media.gleasonator.com/47e8907c322a0e55d12b211846aa27c6b386e947326fe14bb09c89ef7317901d.jpg",
-      "id": "9v5c0Pkz3MT5KTfam8",
-      "last_status_at": "2022-04-16T19:57:10",
-      "locked": false,
-      "note": "Beedle is back, baby!<br/><br/>Mostly just crosspost memes and stuff I find on the internet",
-      "pleroma": {
-        "accepts_chat_messages": true,
-        "also_known_as": [],
-        "ap_id": "https://gleasonator.com/users/dave",
-        "background_image": null,
-        "birthday": "1990-01-01",
-        "deactivated": false,
-        "favicon": "https://gleasonator.com/favicon.png",
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_confirmed": true,
-        "is_moderator": false,
-        "is_suggested": true,
-        "location": null,
-        "relationship": {},
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Beedle is back, baby!\r\n\r\nMostly just crosspost memes and stuff I find on the internet",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 16758,
-      "url": "https://gleasonator.com/users/dave",
-      "username": "dave"
-    },
-    "application": {
-      "name": "Soapbox FE",
-      "website": "https://soapbox.pub/"
-    },
-    "bookmarked": false,
-    "card": null,
-    "content": "<p>Focusing on just the look, what do you guys think?</p>",
-    "created_at": "2022-04-13T01:12:26.000Z",
-    "emojis": [],
-    "favourited": false,
-    "favourites_count": 1,
-    "id": "AIOHjtGEaqUHoXGVf6",
-    "in_reply_to_account_id": "9v5c0Pkz3MT5KTfam8",
-    "in_reply_to_id": "AIOFTLqQrljhdNBNHE",
-    "language": null,
-    "media_attachments": [],
-    "mentions": [
-      {
-        "acct": "dave",
-        "id": "9v5c0Pkz3MT5KTfam8",
-        "url": "https://gleasonator.com/users/dave",
-        "username": "dave"
-      }
-    ],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text/plain": "Focusing on just the look, what do you guys think?"
-      },
-      "content_type": null,
-      "conversation_id": "AIOFTLp0x2bNYyWF4C",
-      "direct_conversation_id": null,
-      "emoji_reactions": [],
-      "expires_at": null,
-      "in_reply_to_account_acct": "dave",
-      "local": true,
-      "parent_visible": true,
-      "pinned_at": null,
-      "quote": null,
-      "quote_url": null,
-      "quote_visible": false,
-      "spoiler_text": {
-        "text/plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": {
-      "emojis": [],
-      "expired": true,
-      "expires_at": "2022-04-14T01:12:26.000Z",
-      "id": "AIOHjtAuucEZY2mGNE",
-      "multiple": false,
-      "options": [
-        {
-          "title": "Looks good, looking forward to wider deployment",
-          "votes_count": 10
-        },
-        {
-          "title": "Not a fan, l'll stick to the current UI thanks",
-          "votes_count": 1
-        },
-        {
-          "title": "Hard to say, need to actually try to decide honestly",
-          "votes_count": 1
-        }
-      ],
-      "own_votes": [
-        0
-      ],
-      "voted": true,
-      "voters_count": 12,
-      "votes_count": 12
-    },
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 1,
-    "replies_count": 1,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "text": null,
-    "uri": "https://gleasonator.com/objects/a8465271-a48d-4c39-a0a9-d3eda3ab2735",
-    "url": "https://gleasonator.com/notice/AIOHjtGEaqUHoXGVf6",
-    "visibility": "public"
-  },
-  "type": "poll"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification-reblog.json b/packages/pl-fe/src/__fixtures__/notification-reblog.json
deleted file mode 100644
index 94638b8cd..000000000
--- a/packages/pl-fe/src/__fixtures__/notification-reblog.json
+++ /dev/null
@@ -1,284 +0,0 @@
-{
-  "account": {
-    "acct": "rob@nicecrew.digital",
-    "avatar": "https://gleasonator.com/proxy/RcEgR4-0InIpw_sCpDWV-XrAbmY/aHR0cHM6Ly9uaWNlY3Jldy5kaWdpdGFsL21lZGlhL2M0MTllMTk1Nzg0MmEzMTY5M2MzNDExNTZlMTBhNmQwMTY2ZTM5YzQzM2ExZTczMmVmYWNlYmJkYjAyMDYzZjEucG5n/c419e1957842a31693c341156e10a6d0166e39c433a1e732efacebbdb02063f1.png",
-    "avatar_static": "https://gleasonator.com/proxy/RcEgR4-0InIpw_sCpDWV-XrAbmY/aHR0cHM6Ly9uaWNlY3Jldy5kaWdpdGFsL21lZGlhL2M0MTllMTk1Nzg0MmEzMTY5M2MzNDExNTZlMTBhNmQwMTY2ZTM5YzQzM2ExZTczMmVmYWNlYmJkYjAyMDYzZjEucG5n/c419e1957842a31693c341156e10a6d0166e39c433a1e732efacebbdb02063f1.png",
-    "bot": false,
-    "created_at": "2022-03-10T12:30:41.000Z",
-    "display_name": "Rob Colbert",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Shing.tv",
-        "value": "<a href=\"https://shing.tv\" rel=\"ugc\">https://shing.tv</a>"
-      },
-      {
-        "name": "LibertyLinks",
-        "value": "<a href=\"https://libertylinks.io\" rel=\"ugc\">https://libertylinks.io</a>"
-      },
-      {
-        "name": "GiveSendGo",
-        "value": "<a href=\"https://givesendgo.com/dtp\" rel=\"ugc\">https://givesendgo.com/dtp</a>"
-      }
-    ],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "rob@nicecrew.digital",
-    "header": "https://gleasonator.com/proxy/t4--aro68-XZlasaR2bYiuiZMcA/aHR0cHM6Ly9uaWNlY3Jldy5kaWdpdGFsL21lZGlhL2E5ODYzYWE4YjEzM2QwMzkxNmU1N2MzNDgzMzBhZmE5MTM5MDFlNGZiMDEwYjk1Y2FiZjlmYmZiZTA4N2QxODMucG5n/a9863aa8b133d03916e57c348330afa913901e4fb010b95cabf9fbfbe087d183.png",
-    "header_static": "https://gleasonator.com/proxy/t4--aro68-XZlasaR2bYiuiZMcA/aHR0cHM6Ly9uaWNlY3Jldy5kaWdpdGFsL21lZGlhL2E5ODYzYWE4YjEzM2QwMzkxNmU1N2MzNDgzMzBhZmE5MTM5MDFlNGZiMDEwYjk1Y2FiZjlmYmZiZTA4N2QxODMucG5n/a9863aa8b133d03916e57c348330afa913901e4fb010b95cabf9fbfbe087d183.png",
-    "id": "AHGmnebARD1aa1IiBc",
-    "last_status_at": "2022-04-16T21:08:35",
-    "locked": false,
-    "note": "Creator and CTO of the Digital Telepresence Platform and DTP Technologies, LLC.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://nicecrew.digital/users/rob",
-      "background_image": null,
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/gb2NPo0Kv_svADN1_J9_9iSwlrY/aHR0cHM6Ly9uaWNlY3Jldy5kaWdpdGFsL2Zhdmljb24ucG5n/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": false,
-      "hide_follows": true,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 761,
-    "url": "https://nicecrew.digital/users/rob",
-    "username": "rob"
-  },
-  "created_at": "2022-04-16T03:43:24.000Z",
-  "id": "428608",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "alex",
-      "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-      "bot": false,
-      "created_at": "2020-01-08T01:25:43.000Z",
-      "display_name": "Alex Gleason",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Website",
-          "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-        },
-        {
-          "name": "Soapbox",
-          "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "follow_requests_count": 0,
-      "followers_count": 2602,
-      "following_count": 1603,
-      "fqn": "alex@gleasonator.com",
-      "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "last_status_at": "2022-04-16T19:23:50",
-      "locked": false,
-      "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "accepts_chat_messages": true,
-        "accepts_email_list": true,
-        "allow_following_move": true,
-        "also_known_as": [
-          "https://mitra.social/users/alex"
-        ],
-        "ap_id": "https://gleasonator.com/users/alex",
-        "background_image": null,
-        "birthday": "1993-07-03",
-        "deactivated": false,
-        "email": "alex@alexgleason.me",
-        "favicon": "https://gleasonator.com/favicon.png",
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": true,
-        "is_confirmed": true,
-        "is_moderator": false,
-        "is_suggested": true,
-        "location": "Texas",
-        "notification_settings": {
-          "block_from_strangers": false,
-          "hide_notification_contents": false
-        },
-        "relationship": {},
-        "skip_thread_containment": false,
-        "tags": [],
-        "unread_conversation_count": 392,
-        "unread_notifications_count": 0
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Website",
-            "value": "https://alexgleason.me"
-          },
-          {
-            "name": "Soapbox",
-            "value": "https://soapbox.pub"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          },
-          {
-            "name": "Donate (PayPal)",
-            "value": "https://paypal.me/gleasonator"
-          },
-          {
-            "name": "$BTC",
-            "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-          },
-          {
-            "name": "$ETH",
-            "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-          },
-          {
-            "name": "$DOGE",
-            "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-          },
-          {
-            "name": "$XMR",
-            "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-          }
-        ],
-        "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false,
-          "no_rich_text": false,
-          "show_birthday": true,
-          "show_role": true
-        },
-        "privacy": "public",
-        "sensitive": false
-      },
-      "statuses_count": 24050,
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    },
-    "application": {
-      "name": "Soapbox FE",
-      "website": "https://soapbox.pub/"
-    },
-    "bookmarked": false,
-    "card": null,
-    "content": "<p>The <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9v5boQSsaxVc3AU8u0\" href=\"https://status.fsf.org/fsf\" rel=\"ugc\">@<span>fsf</span></a></span> needs to give out an award to every American who has never downloaded TikTok.</p>",
-    "created_at": "2022-04-16T03:42:50.000Z",
-    "emojis": [],
-    "favourited": false,
-    "favourites_count": 15,
-    "id": "AIUihbqUEe5Uvv7P9s",
-    "in_reply_to_account_id": null,
-    "in_reply_to_id": null,
-    "language": null,
-    "media_attachments": [],
-    "mentions": [
-      {
-        "acct": "fsf@status.fsf.org",
-        "id": "9v5boQSsaxVc3AU8u0",
-        "url": "https://status.fsf.org/fsf",
-        "username": "fsf"
-      }
-    ],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text/plain": "The @fsf needs to give out an award to every American who has never downloaded TikTok."
-      },
-      "content_type": null,
-      "conversation_id": "AIUihbp4JuxArWSGwq",
-      "direct_conversation_id": null,
-      "emoji_reactions": [
-        {
-          "count": 2,
-          "me": false,
-          "name": "🔥"
-        }
-      ],
-      "expires_at": null,
-      "in_reply_to_account_acct": null,
-      "local": true,
-      "parent_visible": false,
-      "pinned_at": null,
-      "quote": null,
-      "quote_url": null,
-      "quote_visible": false,
-      "spoiler_text": {
-        "text/plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": null,
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 8,
-    "replies_count": 4,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "text": null,
-    "uri": "https://gleasonator.com/objects/6be95787-fb9c-41cd-96cf-9652b2680863",
-    "url": "https://gleasonator.com/notice/AIUihbqUEe5Uvv7P9s",
-    "visibility": "public"
-  },
-  "type": "reblog"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notification.json b/packages/pl-fe/src/__fixtures__/notification.json
deleted file mode 100644
index 65f522bb8..000000000
--- a/packages/pl-fe/src/__fixtures__/notification.json
+++ /dev/null
@@ -1,250 +0,0 @@
-{
-  "account": {
-    "acct": "crockwave",
-    "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-    "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-    "bot": false,
-    "created_at": "2020-02-26T16:31:25.000Z",
-    "display_name": "Curtis Rock",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Web Site/Book",
-        "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-      },
-      {
-        "name": "Gab",
-        "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-      },
-      {
-        "name": "Twitter",
-        "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-      },
-      {
-        "name": "MeWe",
-        "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-      }
-    ],
-    "followers_count": 13,
-    "following_count": 11,
-    "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-    "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-    "id": "9v5c6xSEgAi3Zu1Lv6",
-    "locked": false,
-    "note": "soapbox development team test test2",
-    "pleroma": {
-      "background_image": null,
-      "confirmation_pending": false,
-      "deactivated": false,
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_moderator": false,
-      "relationship": {
-        "blocked_by": false,
-        "blocking": false,
-        "domain_blocking": false,
-        "endorsed": false,
-        "followed_by": true,
-        "following": true,
-        "id": "9v5c6xSEgAi3Zu1Lv6",
-        "muting": false,
-        "muting_notifications": false,
-        "requested": false,
-        "showing_reblogs": true,
-        "subscribing": false
-      },
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-        },
-        {
-          "name": "Gab",
-          "value": "https://gab.com/crockwave"
-        },
-        {
-          "name": "Twitter",
-          "value": "https://twitter.com/GAP_Great"
-        },
-        {
-          "name": "MeWe",
-          "value": "https://mewe.com/i/curtisrock"
-        }
-      ],
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 212,
-    "url": "https://gleasonator.com/users/crockwave",
-    "username": "crockwave"
-  },
-  "created_at": "2020-06-10T02:51:05.000Z",
-  "id": "10743",
-  "pleroma": {
-    "is_seen": true
-  },
-  "status": {
-    "account": {
-      "acct": "alex",
-      "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-      "bot": false,
-      "created_at": "2020-01-08T01:25:43.000Z",
-      "display_name": "Alex Gleason",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Website",
-          "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-        },
-        {
-          "name": "Pleroma+Soapbox",
-          "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        }
-      ],
-      "follow_requests_count": 0,
-      "followers_count": 474,
-      "following_count": 1083,
-      "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "locked": false,
-      "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-      "pleroma": {
-        "allow_following_move": true,
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": true,
-        "is_moderator": false,
-        "notification_settings": {
-          "followers": true,
-          "follows": true,
-          "non_followers": true,
-          "non_follows": true,
-          "privacy_option": false
-        },
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": false,
-          "following": false,
-          "id": "9v5bmRalQvjOy0ECcC",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": [],
-        "unread_conversation_count": 25
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Website",
-            "value": "https://alexgleason.me"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "https://soapbox.pub"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false,
-          "no_rich_text": false,
-          "show_role": true
-        },
-        "privacy": "public",
-        "sensitive": false
-      },
-      "statuses_count": 4857,
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    },
-    "application": {
-      "name": "Web",
-      "website": null
-    },
-    "bookmarked": false,
-    "card": null,
-    "content": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.<br/><br/>Pleroma FE doesn&#39;t seem to report coverage, but I suspect it&#39;s better than both of these combined.<br/><br/>I don&#39;t know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus.",
-    "created_at": "2020-06-10T01:29:20.000Z",
-    "emojis": [],
-    "favourited": false,
-    "favourites_count": 4,
-    "id": "9vvNxoo5EFbbnfdXQu",
-    "in_reply_to_account_id": null,
-    "in_reply_to_id": null,
-    "language": null,
-    "media_attachments": [],
-    "mentions": [],
-    "muted": false,
-    "pinned": false,
-    "pleroma": {
-      "content": {
-        "text_plain": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.Pleroma FE doesn't seem to report coverage, but I suspect it's better than both of these combined.I don't know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus."
-      },
-      "conversation_id": 1168229,
-      "direct_conversation_id": null,
-      "emoji_reactions": [],
-      "expires_at": null,
-      "in_reply_to_account_acct": null,
-      "local": true,
-      "spoiler_text": {
-        "text_plain": ""
-      },
-      "thread_muted": false
-    },
-    "poll": null,
-    "reblog": null,
-    "reblogged": false,
-    "reblogs_count": 0,
-    "replies_count": 0,
-    "sensitive": false,
-    "spoiler_text": "",
-    "tags": [],
-    "uri": "https://gleasonator.com/objects/aa294f83-5a6c-4d2b-ba20-2b8bf69a82ba",
-    "url": "https://gleasonator.com/notice/9vvNxoo5EFbbnfdXQu",
-    "visibility": "public"
-  },
-  "type": "favourite"
-}
diff --git a/packages/pl-fe/src/__fixtures__/notifications.json b/packages/pl-fe/src/__fixtures__/notifications.json
deleted file mode 100644
index fd99490c8..000000000
--- a/packages/pl-fe/src/__fixtures__/notifications.json
+++ /dev/null
@@ -1,4461 +0,0 @@
-[
-  {
-    "account": {
-      "acct": "seanking",
-      "avatar": "https://gleasonator.com/images/avi.png",
-      "avatar_static": "https://gleasonator.com/images/avi.png",
-      "bot": false,
-      "created_at": "2020-05-24T01:46:12.000Z",
-      "display_name": "Sean King",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 8,
-      "following_count": 4,
-      "header": "https://gleasonator.com/images/banner.png",
-      "header_static": "https://gleasonator.com/images/banner.png",
-      "id": "9vMAje101ngtjlMj7w",
-      "locked": false,
-      "note": "Hi, I&#39;m Sean King, Founder and President of Sandia Mesa. I&#39;ll be here to try out new features and help test out some with Soapbox FE.",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9vMAje101ngtjlMj7w",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Hi, I&#39;m Sean King, Founder and President of Sandia Mesa. I&#39;ll be here to try out new features and help test out some with Soapbox FE.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 15,
-      "url": "https://gleasonator.com/users/seanking",
-      "username": "seanking"
-    },
-    "created_at": "2020-06-10T02:54:39.000Z",
-    "emoji": "😢",
-    "id": "10744",
-    "pleroma": {
-      "is_seen": false
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.<br/><br/>Pleroma FE doesn&#39;t seem to report coverage, but I suspect it&#39;s better than both of these combined.<br/><br/>I don&#39;t know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus.",
-      "created_at": "2020-06-10T01:29:20.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 4,
-      "id": "9vvNxoo5EFbbnfdXQu",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.Pleroma FE doesn't seem to report coverage, but I suspect it's better than both of these combined.I don't know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus."
-        },
-        "conversation_id": 1168229,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/aa294f83-5a6c-4d2b-ba20-2b8bf69a82ba",
-      "url": "https://gleasonator.com/notice/9vvNxoo5EFbbnfdXQu",
-      "visibility": "public"
-    },
-    "type": "pleroma:emoji_reaction"
-  },
-  {
-    "account": {
-      "acct": "crockwave",
-      "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "bot": false,
-      "created_at": "2020-02-26T16:31:25.000Z",
-      "display_name": "Curtis Rock",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-        },
-        {
-          "name": "Gab",
-          "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-        },
-        {
-          "name": "Twitter",
-          "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-        },
-        {
-          "name": "MeWe",
-          "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-        }
-      ],
-      "followers_count": 13,
-      "following_count": 11,
-      "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "id": "9v5c6xSEgAi3Zu1Lv6",
-      "locked": false,
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-          },
-          {
-            "name": "Gab",
-            "value": "https://gab.com/crockwave"
-          },
-          {
-            "name": "Twitter",
-            "value": "https://twitter.com/GAP_Great"
-          },
-          {
-            "name": "MeWe",
-            "value": "https://mewe.com/i/curtisrock"
-          }
-        ],
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 212,
-      "url": "https://gleasonator.com/users/crockwave",
-      "username": "crockwave"
-    },
-    "created_at": "2020-06-10T02:51:05.000Z",
-    "id": "10743",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.<br/><br/>Pleroma FE doesn&#39;t seem to report coverage, but I suspect it&#39;s better than both of these combined.<br/><br/>I don&#39;t know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus.",
-      "created_at": "2020-06-10T01:29:20.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 4,
-      "id": "9vvNxoo5EFbbnfdXQu",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.Pleroma FE doesn't seem to report coverage, but I suspect it's better than both of these combined.I don't know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus."
-        },
-        "conversation_id": 1168229,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/aa294f83-5a6c-4d2b-ba20-2b8bf69a82ba",
-      "url": "https://gleasonator.com/notice/9vvNxoo5EFbbnfdXQu",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "niggaflamebuttholeaids@husk.site",
-      "avatar": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "avatar_static": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "bot": false,
-      "created_at": "2020-05-03T01:39:47.000Z",
-      "display_name": ":brain3: Steven :alexjonesflexing:",
-      "emojis": [
-        {
-          "shortcode": "alexjonesflexing",
-          "static_url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "brain3",
-          "static_url": "https://husk.site/emoji/custom/brain3.png",
-          "url": "https://husk.site/emoji/custom/brain3.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 90,
-      "following_count": 67,
-      "header": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "header_static": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "id": "9v5cKMOPGqPcgfcWp6",
-      "locked": false,
-      "note": "Professional Liar",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5cKMOPGqPcgfcWp6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Professional Liar",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 5350,
-      "url": "https://husk.site/users/niggaflamebuttholeaids",
-      "username": "niggaflamebuttholeaids"
-    },
-    "created_at": "2020-06-10T02:05:06.000Z",
-    "id": "10741",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.<br/><br/>Pleroma FE doesn&#39;t seem to report coverage, but I suspect it&#39;s better than both of these combined.<br/><br/>I don&#39;t know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus.",
-      "created_at": "2020-06-10T01:29:20.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 4,
-      "id": "9vvNxoo5EFbbnfdXQu",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.Pleroma FE doesn't seem to report coverage, but I suspect it's better than both of these combined.I don't know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus."
-        },
-        "conversation_id": 1168229,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/aa294f83-5a6c-4d2b-ba20-2b8bf69a82ba",
-      "url": "https://gleasonator.com/notice/9vvNxoo5EFbbnfdXQu",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "dielan@shitposter.club",
-      "avatar": "https://shitposter.club/media/99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif?name=99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif",
-      "avatar_static": "https://shitposter.club/media/99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif?name=99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif",
-      "bot": false,
-      "created_at": "2020-01-09T13:21:37.000Z",
-      "display_name": ":8b_d:‍:8b_i:‍:8b_e:‍:8b_l:‍:8b_a:‍:8b_n:",
-      "emojis": [
-        {
-          "shortcode": "8b_a",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_a.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_a.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "8b_d",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_d.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_d.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "8b_e",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_e.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_e.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "8b_i",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_i.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_i.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "8b_l",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_l.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_l.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "8b_n",
-          "static_url": "https://shitposter.club/emoji/stolen/8b_n.png",
-          "url": "https://shitposter.club/emoji/stolen/8b_n.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 855,
-      "following_count": 962,
-      "header": "https://shitposter.club/media/8c063a5c6625df7fca6b2c201b4473c524ac8dd29b227a86e1ad93ead4abc5f5.png?name=MQFDMQIO15X8.png",
-      "header_static": "https://shitposter.club/media/8c063a5c6625df7fca6b2c201b4473c524ac8dd29b227a86e1ad93ead4abc5f5.png?name=MQFDMQIO15X8.png",
-      "id": "9v5bpF8QCmRpCUJ1ay",
-      "locked": false,
-      "note": "The Botfather<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>Podcast: <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9mTDm17YjwziRNSBbk\" href=\"https://melonmancy.net/api/collections/podcast\" rel=\"ugc\">@<span>podcast@melonmancy.net</span></a></span> <br/>Waifu: <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9m5t0kZut6U7Z78WKO\" href=\"https://shitposter.club/users/ironee212\" rel=\"ugc\">@<span>ironee212@shitposter.club</span></a></span>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bpF8QCmRpCUJ1ay",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "The Botfather\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nPodcast: @podcast@melonmancy.net \nWaifu: @ironee212@shitposter.club",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 5474,
-      "url": "https://shitposter.club/users/dielan",
-      "username": "dielan"
-    },
-    "created_at": "2020-06-10T01:32:59.000Z",
-    "id": "10740",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "dielan@shitposter.club",
-        "avatar": "https://shitposter.club/media/99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif?name=99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif",
-        "avatar_static": "https://shitposter.club/media/99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif?name=99884dfe7d89658f00c7454cfd9d3cc932a650384a69963b8499fc89284464b5.gif",
-        "bot": false,
-        "created_at": "2020-01-09T13:21:37.000Z",
-        "display_name": ":8b_d:‍:8b_i:‍:8b_e:‍:8b_l:‍:8b_a:‍:8b_n:",
-        "emojis": [
-          {
-            "shortcode": "8b_a",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_a.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_a.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "8b_d",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_d.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_d.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "8b_e",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_e.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_e.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "8b_i",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_i.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_i.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "8b_l",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_l.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_l.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "8b_n",
-            "static_url": "https://shitposter.club/emoji/stolen/8b_n.png",
-            "url": "https://shitposter.club/emoji/stolen/8b_n.png",
-            "visible_in_picker": false
-          }
-        ],
-        "fields": [],
-        "followers_count": 855,
-        "following_count": 962,
-        "header": "https://shitposter.club/media/8c063a5c6625df7fca6b2c201b4473c524ac8dd29b227a86e1ad93ead4abc5f5.png?name=MQFDMQIO15X8.png",
-        "header_static": "https://shitposter.club/media/8c063a5c6625df7fca6b2c201b4473c524ac8dd29b227a86e1ad93ead4abc5f5.png?name=MQFDMQIO15X8.png",
-        "id": "9v5bpF8QCmRpCUJ1ay",
-        "locked": false,
-        "note": "The Botfather<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>Podcast: <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9mTDm17YjwziRNSBbk\" href=\"https://melonmancy.net/api/collections/podcast\" rel=\"ugc\">@<span>podcast@melonmancy.net</span></a></span> <br/>Waifu: <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9m5t0kZut6U7Z78WKO\" href=\"https://shitposter.club/users/ironee212\" rel=\"ugc\">@<span>ironee212@shitposter.club</span></a></span>",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5bpF8QCmRpCUJ1ay",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "The Botfather\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nPodcast: @podcast@melonmancy.net \nWaifu: @ironee212@shitposter.club",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 5474,
-        "url": "https://shitposter.club/users/dielan",
-        "username": "dielan"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9qoNAKLh5tUw1YByG8\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> you dont need to write tests when your community builds a social framework that flags people not using your software as bad people. They have no choice but to eat it up bugs in all",
-      "created_at": "2020-06-10T01:32:58.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 1,
-      "id": "9vvOI4du3rkuhoX8wS",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vvNxoo5EFbbnfdXQu",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex you dont need to write tests when your community builds a social framework that flags people not using your software as bad people. They have no choice but to eat it up bugs in all"
-        },
-        "conversation_id": 1168229,
-        "direct_conversation_id": null,
-        "emoji_reactions": [
-          {
-            "count": 1,
-            "me": true,
-            "name": "😆"
-          }
-        ],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://shitposter.club/objects/3e7565f6-13f2-432c-a316-7d4034f91d79",
-      "url": "https://shitposter.club/objects/3e7565f6-13f2-432c-a316-7d4034f91d79",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "tk@bbs.kawa-kun.com",
-      "avatar": "https://bbs.kawa-kun.com/media/66c8ef028f985b01c41f173f868a84a49f8ab60b4e919b4231366963953ad75e.png?name=noface_avatar.png",
-      "avatar_static": "https://bbs.kawa-kun.com/media/66c8ef028f985b01c41f173f868a84a49f8ab60b4e919b4231366963953ad75e.png?name=noface_avatar.png",
-      "bot": false,
-      "created_at": "2020-01-28T22:21:12.000Z",
-      "display_name": "竹下憲二✔️",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 204,
-      "following_count": 205,
-      "header": "https://gleasonator.com/images/banner.png",
-      "header_static": "https://gleasonator.com/images/banner.png",
-      "id": "9v5bzD24sOZtZm5gVU",
-      "locked": false,
-      "note": "The monotony is bad enough on its own, but the scarcity of groceries makes the roll of this situation even worse.<br/><br/>The Great Wall of Mastodon is ever-expanding.<br/><br/>XMPP: tk@msg.kawa-kun.com<br/>Telegram: Ask<br/><br/>Flickr: <a href=\"https://www.flickr.com/photos/105592384@N07/\">https://www.flickr.com/photos/105592384@N07/</a><br/><br/><a class=\"hashtag\" data-tag=\"cycling\" href=\"https://bbs.kawa-kun.com/tag/cycling\">#cycling</a> <a class=\"hashtag\" data-tag=\"linux\" href=\"https://bbs.kawa-kun.com/tag/linux\">#linux</a> <a class=\"hashtag\" data-tag=\"pchardware\" href=\"https://bbs.kawa-kun.com/tag/pchardware\">#pchardware</a>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bzD24sOZtZm5gVU",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "The monotony is bad enough on its own, but the scarcity of groceries makes the roll of this situation even worse.\n\nThe Great Wall of Mastodon is ever-expanding.\n\nXMPP: tk@msg.kawa-kun.com\nTelegram: Ask\n\nFlickr: https://www.flickr.com/photos/105592384@N07/\n\n#cycling #linux #pchardware",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 10393,
-      "url": "https://bbs.kawa-kun.com/users/tk",
-      "username": "tk"
-    },
-    "created_at": "2020-06-10T01:30:44.000Z",
-    "id": "10739",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.<br/><br/>Pleroma FE doesn&#39;t seem to report coverage, but I suspect it&#39;s better than both of these combined.<br/><br/>I don&#39;t know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus.",
-      "created_at": "2020-06-10T01:29:20.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 4,
-      "id": "9vvNxoo5EFbbnfdXQu",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "At 10.72% test coverage, Soapbox FE now has 2x more than MastoFE, which only has 4.21%.Pleroma FE doesn't seem to report coverage, but I suspect it's better than both of these combined.I don't know how Mastodon got away with not writing tests for so long, but I feel like there could be an entire release dedicated only to going back and writing missing tests... jesus."
-        },
-        "conversation_id": 1168229,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/aa294f83-5a6c-4d2b-ba20-2b8bf69a82ba",
-      "url": "https://gleasonator.com/notice/9vvNxoo5EFbbnfdXQu",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "cy@verge.info.tm",
-      "avatar": "https://verge.info.tm/media/906c5ecab609712291859dfd56c4c8df746d5f71737745fcb70e7e8d8a93fae0.jpg",
-      "avatar_static": "https://verge.info.tm/media/906c5ecab609712291859dfd56c4c8df746d5f71737745fcb70e7e8d8a93fae0.jpg",
-      "bot": false,
-      "created_at": "2020-05-31T02:52:45.000Z",
-      "display_name": "cy",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 0,
-      "following_count": 0,
-      "header": "https://verge.info.tm/media/58d7a0358697dd90e76b55f068341d6d314c4954081b67a8a78355d2912f15bf.jpg",
-      "header_static": "https://verge.info.tm/media/58d7a0358697dd90e76b55f068341d6d314c4954081b67a8a78355d2912f15bf.jpg",
-      "id": "9vamGqGoKW9uQAWG7k",
-      "locked": false,
-      "note": "Just someone near <a class=\"hashtag\" data-tag=\"portland\" href=\"https://verge.info.tm/tag/portland\">#Portland</a>, <a class=\"hashtag\" data-tag=\"oregon\" href=\"https://verge.info.tm/tag/oregon\">#Oregon</a>, living in west <a class=\"hashtag\" data-tag=\"hillsboro\" href=\"https://verge.info.tm/tag/hillsboro\">#Hillsboro</a>. The sidewalks are empty. I know not who lives down the street. I&#39;m all alone. Plz send hugs<br/>PGP: dsa3072/E4F606A10AC7DA56<br/>Tox: 2F22EF2948934B65812827248FB6B2142F4AA9725C8599D02AFC7D3103B94B191A43C2E6DCF6",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": false,
-          "following": false,
-          "id": "9vamGqGoKW9uQAWG7k",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Just someone near #Portland, #Oregon, living in west #Hillsboro. The sidewalks are empty. I know not who lives down the street. I&#39;m all alone. Plz send hugs\nPGP: dsa3072/E4F606A10AC7DA56\nTox: 2F22EF2948934B65812827248FB6B2142F4AA9725C8599D02AFC7D3103B94B191A43C2E6DCF6",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 77,
-      "url": "https://verge.info.tm/users/cy",
-      "username": "cy"
-    },
-    "created_at": "2020-06-09T20:36:39.000Z",
-    "id": "10731",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "cy@verge.info.tm",
-        "avatar": "https://verge.info.tm/media/906c5ecab609712291859dfd56c4c8df746d5f71737745fcb70e7e8d8a93fae0.jpg",
-        "avatar_static": "https://verge.info.tm/media/906c5ecab609712291859dfd56c4c8df746d5f71737745fcb70e7e8d8a93fae0.jpg",
-        "bot": false,
-        "created_at": "2020-05-31T02:52:45.000Z",
-        "display_name": "cy",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 0,
-        "following_count": 0,
-        "header": "https://verge.info.tm/media/58d7a0358697dd90e76b55f068341d6d314c4954081b67a8a78355d2912f15bf.jpg",
-        "header_static": "https://verge.info.tm/media/58d7a0358697dd90e76b55f068341d6d314c4954081b67a8a78355d2912f15bf.jpg",
-        "id": "9vamGqGoKW9uQAWG7k",
-        "locked": false,
-        "note": "Just someone near <a class=\"hashtag\" data-tag=\"portland\" href=\"https://verge.info.tm/tag/portland\">#Portland</a>, <a class=\"hashtag\" data-tag=\"oregon\" href=\"https://verge.info.tm/tag/oregon\">#Oregon</a>, living in west <a class=\"hashtag\" data-tag=\"hillsboro\" href=\"https://verge.info.tm/tag/hillsboro\">#Hillsboro</a>. The sidewalks are empty. I know not who lives down the street. I&#39;m all alone. Plz send hugs<br/>PGP: dsa3072/E4F606A10AC7DA56<br/>Tox: 2F22EF2948934B65812827248FB6B2142F4AA9725C8599D02AFC7D3103B94B191A43C2E6DCF6",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9vamGqGoKW9uQAWG7k",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "Just someone near #Portland, #Oregon, living in west #Hillsboro. The sidewalks are empty. I know not who lives down the street. I&#39;m all alone. Plz send hugs\nPGP: dsa3072/E4F606A10AC7DA56\nTox: 2F22EF2948934B65812827248FB6B2142F4AA9725C8599D02AFC7D3103B94B191A43C2E6DCF6",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": true
-          },
-          "sensitive": false
-        },
-        "statuses_count": 77,
-        "url": "https://verge.info.tm/users/cy",
-        "username": "cy"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<p><span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9vcS5HAytVmZKKyoyG\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> The first step to getting people to commit inhumane acts is to convince them that they are incapable of doing so.</p>",
-      "created_at": "2020-06-09T20:36:38.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 2,
-      "id": "9vuxqLdmfiHiVXb2tU",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vtSW9UapzWfImEAPw",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex The first step to getting people to commit inhumane acts is to convince them that they are incapable of doing so."
-        },
-        "conversation_id": 1117237,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://verge.info.tm/objects/3901aa21-5e89-447b-842e-1721e2e7309f",
-      "url": "https://verge.info.tm/objects/3901aa21-5e89-447b-842e-1721e2e7309f",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "seanking",
-      "avatar": "https://gleasonator.com/images/avi.png",
-      "avatar_static": "https://gleasonator.com/images/avi.png",
-      "bot": false,
-      "created_at": "2020-05-24T01:46:12.000Z",
-      "display_name": "Sean King",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 8,
-      "following_count": 4,
-      "header": "https://gleasonator.com/images/banner.png",
-      "header_static": "https://gleasonator.com/images/banner.png",
-      "id": "9vMAje101ngtjlMj7w",
-      "locked": false,
-      "note": "Hi, I&#39;m Sean King, Founder and President of Sandia Mesa. I&#39;ll be here to try out new features and help test out some with Soapbox FE.",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9vMAje101ngtjlMj7w",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Hi, I&#39;m Sean King, Founder and President of Sandia Mesa. I&#39;ll be here to try out new features and help test out some with Soapbox FE.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 15,
-      "url": "https://gleasonator.com/users/seanking",
-      "username": "seanking"
-    },
-    "created_at": "2020-06-09T18:53:51.000Z",
-    "id": "10729",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: <a href=\"https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881\" rel=\"ugc\">https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881</a>",
-      "created_at": "2020-06-09T18:08:42.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 3,
-      "id": "9vukdh0qbKoPch1GVM",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881"
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 1,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/945e75ad-e6ce-4f07-be69-23027e153100",
-      "url": "https://gleasonator.com/notice/9vukdh0qbKoPch1GVM",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "lain@lain.com",
-      "avatar": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-      "avatar_static": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-      "bot": false,
-      "created_at": "2020-01-10T17:30:10.000Z",
-      "display_name": "Avalokiteshvara",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 807,
-      "following_count": 223,
-      "header": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-      "header_static": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-      "id": "9v5bqYwY2jfmvPNhTM",
-      "locked": false,
-      "note": "No more hiding",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bqYwY2jfmvPNhTM",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "No more hiding",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 20907,
-      "url": "https://lain.com/users/lain",
-      "username": "lain"
-    },
-    "created_at": "2020-06-09T18:47:58.000Z",
-    "id": "10728",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "lain@lain.com",
-        "avatar": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-        "avatar_static": "https://lain.com/media/0b7eb9eee68845f94dd1c7bd10d9bae90a2420cf6704de5485179c441eb0e6e0.jpg",
-        "bot": false,
-        "created_at": "2020-01-10T17:30:10.000Z",
-        "display_name": "Avalokiteshvara",
-        "emojis": [],
-        "fields": [],
-        "followers_count": 807,
-        "following_count": 223,
-        "header": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-        "header_static": "https://lain.com/media/fb0768dfa331ad730de32189d2e89b99fe51eebe1782a16cf076d7693394e4f9.png",
-        "id": "9v5bqYwY2jfmvPNhTM",
-        "locked": false,
-        "note": "No more hiding",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5bqYwY2jfmvPNhTM",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "No more hiding",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 20907,
-        "url": "https://lain.com/users/lain",
-        "username": "lain"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9qyWr0Q7aegP20ijJI\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9sVLlPTho2HPwhGZW4\" href=\"https://gleasonator.com/users/crockwave\" rel=\"ugc\">@<span>crockwave</span></a></span> well, the preliminary state of the issue is not &quot;no it&#39;s not happening&quot;, but rather &quot; let&#39;s find a way to make this possible in the generic case&quot;, so we&#39;ll see what can be done. I think a wrapper is definitely possible but also probably expensive to maintain.",
-      "created_at": "2020-06-09T18:47:56.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 3,
-      "id": "9vuo8zWu6ZHTtNd5qy",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vun9P6euZhNGLzDsG",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        },
-        {
-          "acct": "crockwave",
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "url": "https://gleasonator.com/users/crockwave",
-          "username": "crockwave"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex @crockwave well, the preliminary state of the issue is not \"no it's not happening\", but rather \" let's find a way to make this possible in the generic case\", so we'll see what can be done. I think a wrapper is definitely possible but also probably expensive to maintain."
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://lain.com/objects/d4f12540-1988-4609-8830-923da784cbbc",
-      "url": "https://lain.com/objects/d4f12540-1988-4609-8830-923da784cbbc",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "crockwave",
-      "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "bot": false,
-      "created_at": "2020-02-26T16:31:25.000Z",
-      "display_name": "Curtis Rock",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-        },
-        {
-          "name": "Gab",
-          "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-        },
-        {
-          "name": "Twitter",
-          "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-        },
-        {
-          "name": "MeWe",
-          "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-        }
-      ],
-      "followers_count": 13,
-      "following_count": 11,
-      "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "id": "9v5c6xSEgAi3Zu1Lv6",
-      "locked": false,
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-          },
-          {
-            "name": "Gab",
-            "value": "https://gab.com/crockwave"
-          },
-          {
-            "name": "Twitter",
-            "value": "https://twitter.com/GAP_Great"
-          },
-          {
-            "name": "MeWe",
-            "value": "https://mewe.com/i/curtisrock"
-          }
-        ],
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 212,
-      "url": "https://gleasonator.com/users/crockwave",
-      "username": "crockwave"
-    },
-    "created_at": "2020-06-09T18:38:07.000Z",
-    "id": "10724",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9v5c6xSEgAi3Zu1Lv6\" class=\"u-url mention\" href=\"https://gleasonator.com/users/crockwave\" rel=\"ugc\">@<span>crockwave</span></a></span> I think we can achieve both those things (funding goal on homepage, Patron badge) by exposing API endpoints from fosspay.<br/><br/>I agree a wrapper service could provide many future benefits, but I&#39;ve done that exact thing before (see: Mastodon Engine: <a href=\"https://gitlab.com/soapbox-pub/mastodon-engine\" rel=\"ugc\">https://gitlab.com/soapbox-pub/mastodon-engine</a> ) and it was experimental, back-breaking, and required a DEEP understanding of the underlying tech. I just don&#39;t have the time or energy to dive that deep into Phoenix right now, especially not having a strong grasp of Elixir.",
-      "created_at": "2020-06-09T18:36:50.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 1,
-      "id": "9vun9P6euZhNGLzDsG",
-      "in_reply_to_account_id": "9v5c6xSEgAi3Zu1Lv6",
-      "in_reply_to_id": "9vumx07RzIPCI7RUqO",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "crockwave",
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "url": "https://gleasonator.com/users/crockwave",
-          "username": "crockwave"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@crockwave I think we can achieve both those things (funding goal on homepage, Patron badge) by exposing API endpoints from fosspay.I agree a wrapper service could provide many future benefits, but I've done that exact thing before (see: Mastodon Engine: https://gitlab.com/soapbox-pub/mastodon-engine ) and it was experimental, back-breaking, and required a DEEP understanding of the underlying tech. I just don't have the time or energy to dive that deep into Phoenix right now, especially not having a strong grasp of Elixir."
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "crockwave",
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 2,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/0260c269-09ba-46b8-a59d-710c00bbb674",
-      "url": "https://gleasonator.com/notice/9vun9P6euZhNGLzDsG",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "realcaseyrollins",
-      "avatar": "https://media.gleasonator.com/accounts/avatars/000/023/720/original/1dbd625cbe9113c4.png",
-      "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/023/720/original/1dbd625cbe9113c4.png",
-      "bot": false,
-      "created_at": "2020-01-31T05:03:54.000Z",
-      "display_name": "Queso",
-      "emojis": [],
-      "fields": [],
-      "followers_count": 49,
-      "following_count": 81,
-      "header": "https://media.gleasonator.com/accounts/headers/000/023/720/original/9dfdc7a027af0e9e.jpg",
-      "header_static": "https://media.gleasonator.com/accounts/headers/000/023/720/original/9dfdc7a027af0e9e.jpg",
-      "id": "9v5bzlc4J5ZMpFBuKG",
-      "locked": false,
-      "note": "<p>Hey I&#39;m just tryin&#39; out Soapbox</p>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bzlc4J5ZMpFBuKG",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Hey I&#39;m just tryin&#39; out Soapbox",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 72,
-      "url": "https://gleasonator.com/users/realcaseyrollins",
-      "username": "realcaseyrollins"
-    },
-    "created_at": "2020-06-09T18:37:27.000Z",
-    "emoji": "😢",
-    "id": "10722",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "Been feeling like I&#39;m losing my mind a bit the past few days. I feel like I&#39;m pushing heavy weights up a steep hill and it&#39;s never-ending. Can&#39;t wait to get to the top so I can sail down.<br/><br/>Working on automated tests today.",
-      "created_at": "2020-06-09T18:34:26.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 1,
-      "id": "9vumw53EAK9vIW1oqe",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "Been feeling like I'm losing my mind a bit the past few days. I feel like I'm pushing heavy weights up a steep hill and it's never-ending. Can't wait to get to the top so I can sail down.Working on automated tests today."
-        },
-        "conversation_id": 1150963,
-        "direct_conversation_id": null,
-        "emoji_reactions": [
-          {
-            "count": 1,
-            "me": false,
-            "name": "😢"
-          }
-        ],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/30bde29e-c456-41ce-b767-bf562513285b",
-      "url": "https://gleasonator.com/notice/9vumw53EAK9vIW1oqe",
-      "visibility": "public"
-    },
-    "type": "pleroma:emoji_reaction"
-  },
-  {
-    "account": {
-      "acct": "crockwave",
-      "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "bot": false,
-      "created_at": "2020-02-26T16:31:25.000Z",
-      "display_name": "Curtis Rock",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-        },
-        {
-          "name": "Gab",
-          "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-        },
-        {
-          "name": "Twitter",
-          "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-        },
-        {
-          "name": "MeWe",
-          "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-        }
-      ],
-      "followers_count": 13,
-      "following_count": 11,
-      "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "id": "9v5c6xSEgAi3Zu1Lv6",
-      "locked": false,
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-          },
-          {
-            "name": "Gab",
-            "value": "https://gab.com/crockwave"
-          },
-          {
-            "name": "Twitter",
-            "value": "https://twitter.com/GAP_Great"
-          },
-          {
-            "name": "MeWe",
-            "value": "https://mewe.com/i/curtisrock"
-          }
-        ],
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 212,
-      "url": "https://gleasonator.com/users/crockwave",
-      "username": "crockwave"
-    },
-    "created_at": "2020-06-09T18:37:26.000Z",
-    "id": "10721",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "crockwave",
-        "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-        "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-        "bot": false,
-        "created_at": "2020-02-26T16:31:25.000Z",
-        "display_name": "Curtis Rock",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-          },
-          {
-            "name": "Gab",
-            "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-          },
-          {
-            "name": "Twitter",
-            "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-          },
-          {
-            "name": "MeWe",
-            "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-          }
-        ],
-        "followers_count": 13,
-        "following_count": 11,
-        "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-        "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-        "id": "9v5c6xSEgAi3Zu1Lv6",
-        "locked": false,
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5c6xSEgAi3Zu1Lv6",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Web Site/Book",
-              "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-            },
-            {
-              "name": "Gab",
-              "value": "https://gab.com/crockwave"
-            },
-            {
-              "name": "Twitter",
-              "value": "https://twitter.com/GAP_Great"
-            },
-            {
-              "name": "MeWe",
-              "value": "https://mewe.com/i/curtisrock"
-            }
-          ],
-          "note": "soapbox development team test test2",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 212,
-        "url": "https://gleasonator.com/users/crockwave",
-        "username": "crockwave"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9v5bmRalQvjOy0ECcC\" class=\"u-url mention\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> Can you create some automated test templates, then outsource the drudgerous portion of the effort to your support team?",
-      "created_at": "2020-06-09T18:37:26.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 1,
-      "id": "9vunChQZFapwxAs0EC",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vumw53EAK9vIW1oqe",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex Can you create some automated test templates, then outsource the drudgerous portion of the effort to your support team?"
-        },
-        "conversation_id": 1150963,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 1,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/c3b656ca-616d-4241-9c30-bc1ac92848bd",
-      "url": "https://gleasonator.com/notice/9vunChQZFapwxAs0EC",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "PFreak@panthermodern.net",
-      "avatar": "https://pool.jortage.com/panthermodernnet/accounts/avatars/000/129/877/original/8250b48cca8b4980.jpg",
-      "avatar_static": "https://pool.jortage.com/panthermodernnet/accounts/avatars/000/129/877/original/8250b48cca8b4980.jpg",
-      "bot": false,
-      "created_at": "2020-02-27T17:25:04.000Z",
-      "display_name": "PFreak@panthermodern.net",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "pgp",
-          "value": "just ask :)"
-        },
-        {
-          "name": "pronouns",
-          "value": "she/her || they/them"
-        },
-        {
-          "name": "groks?",
-          "value": "groks"
-        }
-      ],
-      "followers_count": 2,
-      "following_count": 15,
-      "header": "https://pool.jortage.com/panthermodernnet/accounts/headers/000/129/877/original/f509a4a560064193.png",
-      "header_static": "https://pool.jortage.com/panthermodernnet/accounts/headers/000/129/877/original/f509a4a560064193.png",
-      "id": "9v5c7DOvOFZH2Gavyq",
-      "locked": true,
-      "note": "<p>Some creature with an internet connection...<br/>Computers were my first friends in life.</p><p><a href=\"https://social.panthermodern.net/tags/NoBot\" rel=\"tag\">#<span>NoBot</span></a></p>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c7DOvOFZH2Gavyq",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Some creature with an internet connection...\nComputers were my first friends in life.#NoBot",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 253,
-      "url": "https://social.panthermodern.net/@PFreak",
-      "username": "PFreak"
-    },
-    "created_at": "2020-06-09T18:36:20.000Z",
-    "id": "10718",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "PFreak@panthermodern.net",
-        "avatar": "https://pool.jortage.com/panthermodernnet/accounts/avatars/000/129/877/original/8250b48cca8b4980.jpg",
-        "avatar_static": "https://pool.jortage.com/panthermodernnet/accounts/avatars/000/129/877/original/8250b48cca8b4980.jpg",
-        "bot": false,
-        "created_at": "2020-02-27T17:25:04.000Z",
-        "display_name": "PFreak@panthermodern.net",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "pgp",
-            "value": "just ask :)"
-          },
-          {
-            "name": "pronouns",
-            "value": "she/her || they/them"
-          },
-          {
-            "name": "groks?",
-            "value": "groks"
-          }
-        ],
-        "followers_count": 2,
-        "following_count": 15,
-        "header": "https://pool.jortage.com/panthermodernnet/accounts/headers/000/129/877/original/f509a4a560064193.png",
-        "header_static": "https://pool.jortage.com/panthermodernnet/accounts/headers/000/129/877/original/f509a4a560064193.png",
-        "id": "9v5c7DOvOFZH2Gavyq",
-        "locked": true,
-        "note": "<p>Some creature with an internet connection...<br/>Computers were my first friends in life.</p><p><a href=\"https://social.panthermodern.net/tags/NoBot\" rel=\"tag\">#<span>NoBot</span></a></p>",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5c7DOvOFZH2Gavyq",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "Some creature with an internet connection...\nComputers were my first friends in life.#NoBot",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": true
-          },
-          "sensitive": false
-        },
-        "statuses_count": 253,
-        "url": "https://social.panthermodern.net/@PFreak",
-        "username": "PFreak"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<p><span class=\"h-card\"><a href=\"https://gleasonator.com/users/alex\" class=\"u-url mention\">@<span>alex</span></a></span> it&#39;s good to be thorough, and is useful if that code ever changes down the line.</p>",
-      "created_at": "2020-06-09T18:36:19.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 1,
-      "id": "9vun6Z45Qh45HPQgQi",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vufIbN3slCeH1X984",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex it's good to be thorough, and is useful if that code ever changes down the line."
-        },
-        "conversation_id": 1147390,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://social.panthermodern.net/users/PFreak/statuses/104315471735910922",
-      "url": "https://social.panthermodern.net/@PFreak/104315471735910922",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "hackerjunkie@quey.org",
-      "avatar": "https://media.quey.org/quey-media/accounts/avatars/000/215/311/original/5339ce3b70ea8c04.png",
-      "avatar_static": "https://media.quey.org/quey-media/accounts/avatars/000/215/311/original/5339ce3b70ea8c04.png",
-      "bot": false,
-      "created_at": "2020-02-11T19:13:34.000Z",
-      "display_name": "Thaha Jemni",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Country",
-          "value": "The Netherlands"
-        },
-        {
-          "name": "Fav. OS",
-          "value": "Linux"
-        }
-      ],
-      "followers_count": 38,
-      "following_count": 48,
-      "header": "https://media.quey.org/quey-media/accounts/headers/000/215/311/original/f9dcebd451487a6c.png",
-      "header_static": "https://media.quey.org/quey-media/accounts/headers/000/215/311/original/f9dcebd451487a6c.png",
-      "id": "9v5c3Y0cpOFdnATp5c",
-      "locked": false,
-      "note": "<p>Lover of tech. Supporter of freedom.</p><p>Be nice, I will be nice back.</p><p>Boosts ≠ endorsement.</p>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c3Y0cpOFdnATp5c",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Lover of tech. Supporter of freedom.Be nice, I will be nice back.Boosts ≠ endorsement.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 642,
-      "url": "https://quey.org/@hackerjunkie",
-      "username": "hackerjunkie"
-    },
-    "created_at": "2020-06-09T18:36:14.000Z",
-    "id": "10717",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "hackerjunkie@quey.org",
-        "avatar": "https://media.quey.org/quey-media/accounts/avatars/000/215/311/original/5339ce3b70ea8c04.png",
-        "avatar_static": "https://media.quey.org/quey-media/accounts/avatars/000/215/311/original/5339ce3b70ea8c04.png",
-        "bot": false,
-        "created_at": "2020-02-11T19:13:34.000Z",
-        "display_name": "Thaha Jemni",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Country",
-            "value": "The Netherlands"
-          },
-          {
-            "name": "Fav. OS",
-            "value": "Linux"
-          }
-        ],
-        "followers_count": 38,
-        "following_count": 48,
-        "header": "https://media.quey.org/quey-media/accounts/headers/000/215/311/original/f9dcebd451487a6c.png",
-        "header_static": "https://media.quey.org/quey-media/accounts/headers/000/215/311/original/f9dcebd451487a6c.png",
-        "id": "9v5c3Y0cpOFdnATp5c",
-        "locked": false,
-        "note": "<p>Lover of tech. Supporter of freedom.</p><p>Be nice, I will be nice back.</p><p>Boosts ≠ endorsement.</p>",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5c3Y0cpOFdnATp5c",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "Lover of tech. Supporter of freedom.Be nice, I will be nice back.Boosts ≠ endorsement.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 642,
-        "url": "https://quey.org/@hackerjunkie",
-        "username": "hackerjunkie"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<p><span class=\"h-card\"><a href=\"https://gleasonator.com/users/alex\" class=\"u-url mention\">@<span>alex</span></a></span> whatever you do: KEEP GOING ALMOST THERE YOU CAN DO IT!</p>",
-      "created_at": "2020-06-09T18:36:14.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 1,
-      "id": "9vun65zpVRQd7oDNGi",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vumw53EAK9vIW1oqe",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex whatever you do: KEEP GOING ALMOST THERE YOU CAN DO IT!"
-        },
-        "conversation_id": 1150963,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 3,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://quey.org/users/hackerjunkie/statuses/104315471432969831",
-      "url": "https://quey.org/@hackerjunkie/104315471432969831",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "niggaflamebuttholeaids@husk.site",
-      "avatar": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "avatar_static": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "bot": false,
-      "created_at": "2020-05-03T01:39:47.000Z",
-      "display_name": ":brain3: Steven :alexjonesflexing:",
-      "emojis": [
-        {
-          "shortcode": "alexjonesflexing",
-          "static_url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "brain3",
-          "static_url": "https://husk.site/emoji/custom/brain3.png",
-          "url": "https://husk.site/emoji/custom/brain3.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 90,
-      "following_count": 67,
-      "header": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "header_static": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "id": "9v5cKMOPGqPcgfcWp6",
-      "locked": false,
-      "note": "Professional Liar",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5cKMOPGqPcgfcWp6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Professional Liar",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 5350,
-      "url": "https://husk.site/users/niggaflamebuttholeaids",
-      "username": "niggaflamebuttholeaids"
-    },
-    "created_at": "2020-06-09T18:35:23.000Z",
-    "id": "10716",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "Been feeling like I&#39;m losing my mind a bit the past few days. I feel like I&#39;m pushing heavy weights up a steep hill and it&#39;s never-ending. Can&#39;t wait to get to the top so I can sail down.<br/><br/>Working on automated tests today.",
-      "created_at": "2020-06-09T18:34:26.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 1,
-      "id": "9vumw53EAK9vIW1oqe",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "Been feeling like I'm losing my mind a bit the past few days. I feel like I'm pushing heavy weights up a steep hill and it's never-ending. Can't wait to get to the top so I can sail down.Working on automated tests today."
-        },
-        "conversation_id": 1150963,
-        "direct_conversation_id": null,
-        "emoji_reactions": [
-          {
-            "count": 1,
-            "me": false,
-            "name": "😢"
-          }
-        ],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/30bde29e-c456-41ce-b767-bf562513285b",
-      "url": "https://gleasonator.com/notice/9vumw53EAK9vIW1oqe",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "niggaflamebuttholeaids@husk.site",
-      "avatar": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "avatar_static": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-      "bot": false,
-      "created_at": "2020-05-03T01:39:47.000Z",
-      "display_name": ":brain3: Steven :alexjonesflexing:",
-      "emojis": [
-        {
-          "shortcode": "alexjonesflexing",
-          "static_url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-          "visible_in_picker": false
-        },
-        {
-          "shortcode": "brain3",
-          "static_url": "https://husk.site/emoji/custom/brain3.png",
-          "url": "https://husk.site/emoji/custom/brain3.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 90,
-      "following_count": 67,
-      "header": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "header_static": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-      "id": "9v5cKMOPGqPcgfcWp6",
-      "locked": false,
-      "note": "Professional Liar",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5cKMOPGqPcgfcWp6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "Professional Liar",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 5350,
-      "url": "https://husk.site/users/niggaflamebuttholeaids",
-      "username": "niggaflamebuttholeaids"
-    },
-    "created_at": "2020-06-09T18:35:09.000Z",
-    "id": "10715",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "niggaflamebuttholeaids@husk.site",
-        "avatar": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-        "avatar_static": "https://husk.site/media/063a8f97e9b5d2f04e01e8ce98f71a201f82e86e53b78e66b121b774a3ca565d.png",
-        "bot": false,
-        "created_at": "2020-05-03T01:39:47.000Z",
-        "display_name": ":brain3: Steven :alexjonesflexing:",
-        "emojis": [
-          {
-            "shortcode": "alexjonesflexing",
-            "static_url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-            "url": "https://husk.site/emoji/custom/alexjonesflexing.png",
-            "visible_in_picker": false
-          },
-          {
-            "shortcode": "brain3",
-            "static_url": "https://husk.site/emoji/custom/brain3.png",
-            "url": "https://husk.site/emoji/custom/brain3.png",
-            "visible_in_picker": false
-          }
-        ],
-        "fields": [],
-        "followers_count": 90,
-        "following_count": 67,
-        "header": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-        "header_static": "https://husk.site/media/8af4afad13e7940333df2680b1ade653bb6e63b76d58d583ed8cffe85292dc16.png",
-        "id": "9v5cKMOPGqPcgfcWp6",
-        "locked": false,
-        "note": "Professional Liar",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5cKMOPGqPcgfcWp6",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "Professional Liar",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": true
-          },
-          "sensitive": false
-        },
-        "statuses_count": 5350,
-        "url": "https://husk.site/users/niggaflamebuttholeaids",
-        "username": "niggaflamebuttholeaids"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9sj4Ao79vZLUSwimAK\" class=\"u-url mention\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> You&#39;re close to a finish line 🌈",
-      "created_at": "2020-06-09T18:35:08.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 1,
-      "id": "9vun03Vlpd9xgHH5UW",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vumw53EAK9vIW1oqe",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex You're close to a finish line 🌈"
-        },
-        "conversation_id": 1150963,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://husk.site/objects/9d3eb87b-978c-4ff2-8fb7-22fe22adcbd7",
-      "url": "https://husk.site/objects/9d3eb87b-978c-4ff2-8fb7-22fe22adcbd7",
-      "visibility": "unlisted"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "crockwave",
-      "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "bot": false,
-      "created_at": "2020-02-26T16:31:25.000Z",
-      "display_name": "Curtis Rock",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-        },
-        {
-          "name": "Gab",
-          "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-        },
-        {
-          "name": "Twitter",
-          "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-        },
-        {
-          "name": "MeWe",
-          "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-        }
-      ],
-      "followers_count": 13,
-      "following_count": 11,
-      "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "id": "9v5c6xSEgAi3Zu1Lv6",
-      "locked": false,
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-          },
-          {
-            "name": "Gab",
-            "value": "https://gab.com/crockwave"
-          },
-          {
-            "name": "Twitter",
-            "value": "https://twitter.com/GAP_Great"
-          },
-          {
-            "name": "MeWe",
-            "value": "https://mewe.com/i/curtisrock"
-          }
-        ],
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 212,
-      "url": "https://gleasonator.com/users/crockwave",
-      "username": "crockwave"
-    },
-    "created_at": "2020-06-09T18:34:36.000Z",
-    "id": "10713",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "crockwave",
-        "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-        "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-        "bot": false,
-        "created_at": "2020-02-26T16:31:25.000Z",
-        "display_name": "Curtis Rock",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-          },
-          {
-            "name": "Gab",
-            "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-          },
-          {
-            "name": "Twitter",
-            "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-          },
-          {
-            "name": "MeWe",
-            "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-          }
-        ],
-        "followers_count": 13,
-        "following_count": 11,
-        "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-        "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-        "id": "9v5c6xSEgAi3Zu1Lv6",
-        "locked": false,
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5c6xSEgAi3Zu1Lv6",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Web Site/Book",
-              "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-            },
-            {
-              "name": "Gab",
-              "value": "https://gab.com/crockwave"
-            },
-            {
-              "name": "Twitter",
-              "value": "https://twitter.com/GAP_Great"
-            },
-            {
-              "name": "MeWe",
-              "value": "https://mewe.com/i/curtisrock"
-            }
-          ],
-          "note": "soapbox development team test test2",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 212,
-        "url": "https://gleasonator.com/users/crockwave",
-        "username": "crockwave"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9v5bmRalQvjOy0ECcC\" class=\"u-url mention\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> I think a wrapper service can provide many future benefits, if the complications are manageable.  It would allow you to stay well ahead of the features development curve.  There is also great value in displaying funding goals status on the home page.  The Patron tag is also highly valuable from a social community standpoint.",
-      "created_at": "2020-06-09T18:34:36.000Z",
-      "emojis": [],
-      "favourited": true,
-      "favourites_count": 2,
-      "id": "9vumx07RzIPCI7RUqO",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vukdh0qbKoPch1GVM",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex I think a wrapper service can provide many future benefits, if the complications are manageable.  It would allow you to stay well ahead of the features development curve.  There is also great value in displaying funding goals status on the home page.  The Patron tag is also highly valuable from a social community standpoint."
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/33384000-c19e-4df3-a5ea-b1d5a8dc4c3c",
-      "url": "https://gleasonator.com/notice/9vumx07RzIPCI7RUqO",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "crockwave",
-      "avatar": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "avatar_static": "https://media.gleasonator.com/d6dcd2779bdb63ef8b8a5f127743f5ad757046943c4b4a8867215c15a72c5e55.png",
-      "bot": false,
-      "created_at": "2020-02-26T16:31:25.000Z",
-      "display_name": "Curtis Rock",
-      "emojis": [],
-      "fields": [
-        {
-          "name": "Web Site/Book",
-          "value": "<a href=\"https://teci.world/a-users-guide-to-the-great-awakening\" rel=\"ugc\">https://teci.world/a-users-guide-to-the-great-awakening</a>"
-        },
-        {
-          "name": "Gab",
-          "value": "<a href=\"https://gab.com/crockwave\" rel=\"ugc\">https://gab.com/crockwave</a>"
-        },
-        {
-          "name": "Twitter",
-          "value": "<a href=\"https://twitter.com/GAP_Great\" rel=\"ugc\">https://twitter.com/GAP_Great</a>"
-        },
-        {
-          "name": "MeWe",
-          "value": "<a href=\"https://mewe.com/i/curtisrock\" rel=\"ugc\">https://mewe.com/i/curtisrock</a>"
-        }
-      ],
-      "followers_count": 13,
-      "following_count": 11,
-      "header": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "header_static": "https://media.gleasonator.com/82720af49afb0daa2a700f4371db9848cd7efb38eaca09d47898e8e7b527e0b4.png",
-      "id": "9v5c6xSEgAi3Zu1Lv6",
-      "locked": false,
-      "note": "soapbox development team test test2",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c6xSEgAi3Zu1Lv6",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [
-          {
-            "name": "Web Site/Book",
-            "value": "https://teci.world/a-users-guide-to-the-great-awakening"
-          },
-          {
-            "name": "Gab",
-            "value": "https://gab.com/crockwave"
-          },
-          {
-            "name": "Twitter",
-            "value": "https://twitter.com/GAP_Great"
-          },
-          {
-            "name": "MeWe",
-            "value": "https://mewe.com/i/curtisrock"
-          }
-        ],
-        "note": "soapbox development team test test2",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": false
-        },
-        "sensitive": false
-      },
-      "statuses_count": 212,
-      "url": "https://gleasonator.com/users/crockwave",
-      "username": "crockwave"
-    },
-    "created_at": "2020-06-09T18:31:42.000Z",
-    "id": "10712",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: <a href=\"https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881\" rel=\"ugc\">https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881</a>",
-      "created_at": "2020-06-09T18:08:42.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 3,
-      "id": "9vukdh0qbKoPch1GVM",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881"
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 1,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/945e75ad-e6ce-4f07-be69-23027e153100",
-      "url": "https://gleasonator.com/notice/9vukdh0qbKoPch1GVM",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "judgedread@freespeechextremist.com",
-      "avatar": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-      "avatar_static": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-      "bot": false,
-      "created_at": "2020-01-08T09:47:11.000Z",
-      "display_name": "Dread :verified:",
-      "emojis": [
-        {
-          "shortcode": "verified",
-          "static_url": "https://freespeechextremist.com/emoji/custom/verified.png",
-          "url": "https://freespeechextremist.com/emoji/custom/verified.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 463,
-      "following_count": 52,
-      "header": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-      "header_static": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-      "id": "9v5bn9xIUVtqYd6oqW",
-      "locked": false,
-      "note": "IN MAGA CITY ONE I AM THE LAW",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": true,
-        "hide_followers_count": false,
-        "hide_follows": true,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bn9xIUVtqYd6oqW",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "IN MAGA CITY ONE I AM THE LAW",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 2967,
-      "url": "https://freespeechextremist.com/users/judgedread",
-      "username": "judgedread"
-    },
-    "created_at": "2020-06-09T18:25:58.000Z",
-    "id": "10711",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9v5bqYwY2jfmvPNhTM\" class=\"u-url mention\" href=\"https://lain.com/users/lain\" rel=\"ugc\">@<span>lain</span></a></span> Yeah I have no clue what the reasoning was for that one. 😆 It&#39;s crazy how &quot;words&quot; are such an ongoing issue in FOSS.<br/><br/>A seasoned programmer once told me she&#39;s had the deepest programming debates about &quot;naming things.&quot; It&#39;s true that names are important in programming, but at the end of the day it&#39;s just code.",
-      "created_at": "2020-06-09T06:12:44.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 2,
-      "id": "9vtik6wOifKqi1uXFA",
-      "in_reply_to_account_id": "9v5bqYwY2jfmvPNhTM",
-      "in_reply_to_id": "9vtiLkS2gRq20c5yHw",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "lain@lain.com",
-          "id": "9v5bqYwY2jfmvPNhTM",
-          "url": "https://lain.com/users/lain",
-          "username": "lain"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@lain Yeah I have no clue what the reasoning was for that one. 😆 It's crazy how \"words\" are such an ongoing issue in FOSS.A seasoned programmer once told me she's had the deepest programming debates about \"naming things.\" It's true that names are important in programming, but at the end of the day it's just code."
-        },
-        "conversation_id": 1122858,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "lain@lain.com",
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/e26ed039-136a-4d48-a599-7e4dc4960147",
-      "url": "https://gleasonator.com/notice/9vtik6wOifKqi1uXFA",
-      "visibility": "public"
-    },
-    "type": "favourite"
-  },
-  {
-    "account": {
-      "acct": "judgedread@freespeechextremist.com",
-      "avatar": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-      "avatar_static": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-      "bot": false,
-      "created_at": "2020-01-08T09:47:11.000Z",
-      "display_name": "Dread :verified:",
-      "emojis": [
-        {
-          "shortcode": "verified",
-          "static_url": "https://freespeechextremist.com/emoji/custom/verified.png",
-          "url": "https://freespeechextremist.com/emoji/custom/verified.png",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [],
-      "followers_count": 463,
-      "following_count": 52,
-      "header": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-      "header_static": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-      "id": "9v5bn9xIUVtqYd6oqW",
-      "locked": false,
-      "note": "IN MAGA CITY ONE I AM THE LAW",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": true,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": true,
-        "hide_followers_count": false,
-        "hide_follows": true,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5bn9xIUVtqYd6oqW",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "IN MAGA CITY ONE I AM THE LAW",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 2967,
-      "url": "https://freespeechextremist.com/users/judgedread",
-      "username": "judgedread"
-    },
-    "created_at": "2020-06-09T18:25:51.000Z",
-    "id": "10710",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "judgedread@freespeechextremist.com",
-        "avatar": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-        "avatar_static": "https://freespeechextremist.com/media/208ebb008b0c4e1ba3eb1ac42523883cd0eaf00b37d329051e5ed36ab709ffbc.png?name=dreddavi2019.png",
-        "bot": false,
-        "created_at": "2020-01-08T09:47:11.000Z",
-        "display_name": "Dread :verified:",
-        "emojis": [
-          {
-            "shortcode": "verified",
-            "static_url": "https://freespeechextremist.com/emoji/custom/verified.png",
-            "url": "https://freespeechextremist.com/emoji/custom/verified.png",
-            "visible_in_picker": false
-          }
-        ],
-        "fields": [],
-        "followers_count": 463,
-        "following_count": 52,
-        "header": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-        "header_static": "https://freespeechextremist.com/media/4f58807e934a28d718052cb47c38c4af955dbd4d0e1c15b26a47bb7e32f5efba.png?name=magasanta.png",
-        "id": "9v5bn9xIUVtqYd6oqW",
-        "locked": false,
-        "note": "IN MAGA CITY ONE I AM THE LAW",
-        "pleroma": {
-          "background_image": null,
-          "confirmation_pending": true,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": true,
-          "hide_followers_count": false,
-          "hide_follows": true,
-          "hide_follows_count": false,
-          "is_admin": false,
-          "is_moderator": false,
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": true,
-            "following": true,
-            "id": "9v5bn9xIUVtqYd6oqW",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [],
-          "note": "IN MAGA CITY ONE I AM THE LAW",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": true
-          },
-          "sensitive": false
-        },
-        "statuses_count": 2967,
-        "url": "https://freespeechextremist.com/users/judgedread",
-        "username": "judgedread"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<span class=\"h-card\"><a data-user=\"9qoN7ZXtt7bllprZtw\" class=\"u-url mention\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> <span class=\"h-card\"><a data-user=\"9qrXdrhWHXVBvRVJOC\" class=\"u-url mention\" href=\"https://lain.com/users/lain\" rel=\"ugc\">@<span>lain</span></a></span> The Peter Principle has a chapter on this.<br/><br/>The less significant the decision the more people feel qualified to have an opinion on it.",
-      "created_at": "2020-06-09T18:25:50.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 0,
-      "id": "9vumAbQUUZUho8GpNY",
-      "in_reply_to_account_id": "9v5bmRalQvjOy0ECcC",
-      "in_reply_to_id": "9vtik6wOifKqi1uXFA",
-      "language": null,
-      "media_attachments": [],
-      "mentions": [
-        {
-          "acct": "alex",
-          "id": "9v5bmRalQvjOy0ECcC",
-          "url": "https://gleasonator.com/users/alex",
-          "username": "alex"
-        },
-        {
-          "acct": "lain@lain.com",
-          "id": "9v5bqYwY2jfmvPNhTM",
-          "url": "https://lain.com/users/lain",
-          "username": "lain"
-        }
-      ],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "@alex @lain The Peter Principle has a chapter on this.The less significant the decision the more people feel qualified to have an opinion on it."
-        },
-        "conversation_id": 1122858,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": "alex",
-        "local": false,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://freespeechextremist.com/objects/f66b52ad-733d-4f39-b1e0-5894620da68f",
-      "url": "https://freespeechextremist.com/objects/f66b52ad-733d-4f39-b1e0-5894620da68f",
-      "visibility": "public"
-    },
-    "type": "mention"
-  },
-  {
-    "account": {
-      "acct": "realcaseyrollins@gameliberty.club",
-      "avatar": "https://gameliberty.club/system/accounts/avatars/000/152/185/original/5ebd1445396f1cfc.png?1587331139",
-      "avatar_static": "https://gameliberty.club/system/accounts/avatars/000/152/185/original/5ebd1445396f1cfc.png?1587331139",
-      "bot": false,
-      "created_at": "2020-06-09T05:19:42.000Z",
-      "display_name": "DON'T RIOT 🔵 :verified:",
-      "emojis": [
-        {
-          "shortcode": "verified",
-          "static_url": "https://gameliberty.club/system/custom_emojis/images/000/013/521/original/759328de266b47aa.png?1552490515",
-          "url": "https://gameliberty.club/system/custom_emojis/images/000/013/521/original/759328de266b47aa.png?1552490515",
-          "visible_in_picker": false
-        }
-      ],
-      "fields": [
-        {
-          "name": "Gender Identity",
-          "value": "Cisgender Heterosexual Male Human"
-        },
-        {
-          "name": "Counter Points Media",
-          "value": "<a href=\"https://www.bitchute.com/channel/M4vBArMe72x0/\">https://www.bitchute.com/channel/M4vBArMe72x0/</a>"
-        },
-        {
-          "name": "SFW Account",
-          "value": "<a href=\"https://gameliberty.club/@realcaseyrollins\">@realcaseyrollins</a>"
-        },
-        {
-          "name": "My clone",
-          "value": "@notcaseyrollins"
-        }
-      ],
-      "followers_count": 0,
-      "following_count": 0,
-      "header": "https://gameliberty.club/system/accounts/headers/000/152/185/original/41ff3762439e7b4a.png?1582765040",
-      "header_static": "https://gameliberty.club/system/accounts/headers/000/152/185/original/41ff3762439e7b4a.png?1582765040",
-      "id": "9v5c73UwD2R6K1Kaxs",
-      "locked": false,
-      "note": "<p>&quot;Ugly homophobe!&quot; - @HernanHenry<br/>&quot;Morally defunct&quot; - @freemo<br/>&quot;Racist! I look down on you.&quot; - @pennyzhangsan<br/>&quot;Confirmed Nazi.&quot; - @p</p><p>This used to be way longer. TL;DR, I&#39;m Christian, have a grudge against Gab but like some of the users, am on the <a href=\"https://gameliberty.club/tags/ADHD\" rel=\"tag\">#<span>ADHD</span></a> spectrum, don&#39;t like racism, hate groupthink and tribalism, and oh yeah, I have a podcast right here:</p><p><a href=\"https://bitbucket.org/caseyrollins/countercast/raw/master/rss2.xml\"><span>https://</span><span>bitbucket.org/caseyrollins/cou</span><span>ntercast/raw/master/rss2.xml</span></a></p><p>Two favorite Bible verses:</p><p>Jesus replied: “‘Love the Lord your God with all your heart and with all your soul and with all your mind.’ This is the first and greatest commandment. And the second is like it: ‘Love your neighbor as yourself.’ (Matthew 22:37-39)</p><p>Rejoice in the Lord always. I will say it again: Rejoice! (Phillipians 4:4)</p><p>Headspace indicators (inspired by pizza@goblin.camp):<br/>🔵 = I&#39;m in a good headspace.<br/>⚪ = Not doing great, but still ok.<br/>🔴 = Terrible headspace, feel free to ask me how I&#39;m doing. May react angrier than usual to insults.</p>",
-      "pleroma": {
-        "background_image": null,
-        "confirmation_pending": false,
-        "deactivated": false,
-        "hide_favorites": true,
-        "hide_followers": false,
-        "hide_followers_count": false,
-        "hide_follows": false,
-        "hide_follows_count": false,
-        "is_admin": false,
-        "is_moderator": false,
-        "relationship": {
-          "blocked_by": false,
-          "blocking": false,
-          "domain_blocking": false,
-          "endorsed": false,
-          "followed_by": true,
-          "following": true,
-          "id": "9v5c73UwD2R6K1Kaxs",
-          "muting": false,
-          "muting_notifications": false,
-          "requested": false,
-          "showing_reblogs": true,
-          "subscribing": false
-        },
-        "skip_thread_containment": false,
-        "tags": []
-      },
-      "source": {
-        "fields": [],
-        "note": "&quot;Ugly homophobe!&quot; - @HernanHenry\n&quot;Morally defunct&quot; - @freemo\n&quot;Racist! I look down on you.&quot; - @pennyzhangsan\n&quot;Confirmed Nazi.&quot; - @pThis used to be way longer. TL;DR, I&#39;m Christian, have a grudge against Gab but like some of the users, am on the #ADHD spectrum, don&#39;t like racism, hate groupthink and tribalism, and oh yeah, I have a podcast right here:https://bitbucket.org/caseyrollins/countercast/raw/master/rss2.xmlTwo favorite Bible verses:Jesus replied: “‘Love the Lord your God with all your heart and with all your soul and with all your mind.’ This is the first and greatest commandment. And the second is like it: ‘Love your neighbor as yourself.’ (Matthew 22:37-39)Rejoice in the Lord always. I will say it again: Rejoice! (Phillipians 4:4)Headspace indicators (inspired by pizza@goblin.camp):\n🔵 = I&#39;m in a good headspace.\n⚪ = Not doing great, but still ok.\n🔴 = Terrible headspace, feel free to ask me how I&#39;m doing. May react angrier than usual to insults.",
-        "pleroma": {
-          "actor_type": "Person",
-          "discoverable": true
-        },
-        "sensitive": false
-      },
-      "statuses_count": 49,
-      "url": "https://gameliberty.club/@realcaseyrollins",
-      "username": "realcaseyrollins"
-    },
-    "created_at": "2020-06-09T18:09:39.000Z",
-    "id": "10709",
-    "pleroma": {
-      "is_seen": true
-    },
-    "status": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "avatar_static": "https://media.gleasonator.com/accounts/avatars/000/000/001/original/1a630e4c4c64c948.jpg",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          }
-        ],
-        "follow_requests_count": 0,
-        "followers_count": 474,
-        "following_count": 1083,
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "locked": false,
-        "note": "Fediverse developer. I come in peace. <a class=\"hashtag\" data-tag=\"vegan\" href=\"https://gleasonator.com/tag/vegan\">#vegan</a> <a class=\"hashtag\" data-tag=\"freeculture\" href=\"https://gleasonator.com/tag/freeculture\">#freeculture</a> <a class=\"hashtag\" data-tag=\"atheist\" href=\"https://gleasonator.com/tag/atheist\">#atheist</a> <a class=\"hashtag\" data-tag=\"antiporn\" href=\"https://gleasonator.com/tag/antiporn\">#antiporn</a> <a class=\"hashtag\" data-tag=\"gendercritical\" href=\"https://gleasonator.com/tag/gendercritical\">#gendercritical</a>. Boosts ≠ endorsements.",
-        "pleroma": {
-          "allow_following_move": true,
-          "background_image": null,
-          "confirmation_pending": false,
-          "deactivated": false,
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_moderator": false,
-          "notification_settings": {
-            "followers": true,
-            "follows": true,
-            "non_followers": true,
-            "non_follows": true,
-            "privacy_option": false
-          },
-          "relationship": {
-            "blocked_by": false,
-            "blocking": false,
-            "domain_blocking": false,
-            "endorsed": false,
-            "followed_by": false,
-            "following": false,
-            "id": "9v5bmRalQvjOy0ECcC",
-            "muting": false,
-            "muting_notifications": false,
-            "requested": false,
-            "showing_reblogs": true,
-            "subscribing": false
-          },
-          "skip_thread_containment": false,
-          "tags": [],
-          "unread_conversation_count": 25
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            }
-          ],
-          "note": "Fediverse developer. I come in peace. #vegan #freeculture #atheist #antiporn #gendercritical. Boosts ≠ endorsements.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false,
-            "no_rich_text": false,
-            "show_role": true
-          },
-          "privacy": "public",
-          "sensitive": false
-        },
-        "statuses_count": 4857,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Web",
-        "website": null
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: <a href=\"https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881\" rel=\"ugc\">https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881</a>",
-      "created_at": "2020-06-09T18:08:42.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 3,
-      "id": "9vukdh0qbKoPch1GVM",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text_plain": "Pleroma Recurring Donations update: looking into other solutions, possibly working from fosspay instead: https://git.pleroma.social/pleroma/pleroma/-/issues/1853#note_62881"
-        },
-        "conversation_id": 1149840,
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "spoiler_text": {
-          "text_plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 1,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "uri": "https://gleasonator.com/objects/945e75ad-e6ce-4f07-be69-23027e153100",
-      "url": "https://gleasonator.com/notice/9vukdh0qbKoPch1GVM",
-      "visibility": "public"
-    },
-    "type": "reblog"
-  }
-]
diff --git a/packages/pl-fe/src/__fixtures__/patron-instance.json b/packages/pl-fe/src/__fixtures__/patron-instance.json
deleted file mode 100644
index e8b82196c..000000000
--- a/packages/pl-fe/src/__fixtures__/patron-instance.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "funding": {
-    "amount": 3500,
-    "patrons": 3,
-    "currency": "usd",
-    "interval": "monthly"
-  },
-  "goals": [
-    {
-      "amount": 20000,
-      "currency": "usd",
-      "interval": "monthly",
-      "text": "I'll be able to afford an avocado."
-    }
-  ],
-  "url": "https://patron.gleasonator.com"
-}
diff --git a/packages/pl-fe/src/__fixtures__/patron-user.json b/packages/pl-fe/src/__fixtures__/patron-user.json
deleted file mode 100644
index 95d36674c..000000000
--- a/packages/pl-fe/src/__fixtures__/patron-user.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "is_patron": true,
-  "url": "https://gleasonator.com/users/dave"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pixelfed-instance.json b/packages/pl-fe/src/__fixtures__/pixelfed-instance.json
deleted file mode 100644
index 41830e0e4..000000000
--- a/packages/pl-fe/src/__fixtures__/pixelfed-instance.json
+++ /dev/null
@@ -1,66 +0,0 @@
-{
-  "uri": "pixelfed.social",
-  "title": "pixelfed",
-  "short_description": "Pixelfed is an image sharing platform, an ethical alternative to centralized platforms",
-  "description": "Pixelfed is an image sharing platform, an ethical alternative to centralized platforms",
-  "email": "hello@pixelfed.org",
-  "version": "2.7.2 (compatible; Pixelfed 0.11.2)",
-  "urls": {
-    "streaming_api": "wss://pixelfed.social"
-  },
-  "stats": {
-    "user_count": 45061,
-    "status_count": 301357,
-    "domain_count": 5028
-  },
-  "thumbnail": "https://pixelfed.social/img/pixelfed-icon-color.png",
-  "languages": [
-    "en"
-  ],
-  "registrations": true,
-  "approval_required": false,
-  "contact_account": {
-    "id": "1",
-    "username": "admin",
-    "acct": "admin",
-    "display_name": "Admin",
-    "discoverable": true,
-    "locked": false,
-    "followers_count": 419,
-    "following_count": 2,
-    "statuses_count": 6,
-    "note": "pixelfed.social Admin. Managed by @dansup",
-    "url": "https://pixelfed.social/admin",
-    "avatar": "https://pixelfed.social/storage/avatars/000/000/000/001/LSHNCgwbby7wu3iCYV6H_avatar.png?v=4",
-    "created_at": "2018-06-01T03:54:08.000000Z",
-    "avatar_static": "https://pixelfed.social/storage/avatars/000/000/000/001/LSHNCgwbby7wu3iCYV6H_avatar.png?v=4",
-    "bot": false,
-    "emojis": [],
-    "fields": [],
-    "header": "https://pixelfed.social/storage/headers/missing.png",
-    "header_static": "https://pixelfed.social/storage/headers/missing.png",
-    "last_status_at": null
-  },
-  "rules": [
-    {
-      "id": "1",
-      "text": "Sexually explicit or violent media must be marked as sensitive when posting"
-    },
-    {
-      "id": "2",
-      "text": "No racism, sexism, homophobia, transphobia, xenophobia, or casteism"
-    },
-    {
-      "id": "3",
-      "text": "No incitement of violence or promotion of violent ideologies"
-    },
-    {
-      "id": "4",
-      "text": "No harassment, dogpiling or doxxing of other users"
-    },
-    {
-      "id": "5",
-      "text": "No content illegal in United States"
-    }
-  ]
-}
diff --git a/packages/pl-fe/src/__fixtures__/pl-fe.json b/packages/pl-fe/src/__fixtures__/pl-fe.json
deleted file mode 100644
index 6208b855b..000000000
--- a/packages/pl-fe/src/__fixtures__/pl-fe.json
+++ /dev/null
@@ -1,40 +0,0 @@
-{
-  "logo": "blob:http://localhost:3036/0cdfa863-6889-4199-b870-4942cedd364f",
-  "banner": "blob:http://localhost:3036/a835afed-6078-45bd-92b4-7ffd858c3eca",
-  "brandColor": "#254f92",
-  "customCss": [
-    "/instance/static/custom.css"
-  ],
-  "promoPanel": {
-    "items": [
-      {
-        "icon": "globe",
-        "text": "blog",
-        "url": "https://teci.world/blog"
-      },
-      {
-        "icon": "globe",
-        "text": "book",
-        "url": "https://teci.world/book"
-      }
-    ]
-  },
-  "extensions": {
-    "patron": false
-  },
-  "defaultSettings": {
-    "autoPlayGif": false
-  },
-  "navlinks": {
-    "homeFooter": [
-      {
-        "title": "about",
-        "url": "/instance/about/index.html"
-      },
-      {
-        "title": "tos",
-        "url": "/instance/about/tos.html"
-      }
-    ]
-  }
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-2.2.2-account.json b/packages/pl-fe/src/__fixtures__/pleroma-2.2.2-account.json
deleted file mode 100644
index 7df005d65..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-2.2.2-account.json
+++ /dev/null
@@ -1,46 +0,0 @@
-{
-  "acct": "alex",
-  "avatar": "https://freespeechextremist.com/images/avi.png",
-  "avatar_static": "https://freespeechextremist.com/images/avi.png",
-  "bot": false,
-  "created_at": "2022-02-28T01:55:05.000Z",
-  "display_name": "Alex Gleason",
-  "emojis": [],
-  "fields": [],
-  "followers_count": 0,
-  "following_count": 0,
-  "header": "https://freespeechextremist.com/images/banner.png",
-  "header_static": "https://freespeechextremist.com/images/banner.png",
-  "id": "AGv8wCadU7DqWgMqNk",
-  "locked": false,
-  "note": "I&#39;m testing out compatibility with an older Pleroma version",
-  "pleroma": {
-    "accepts_chat_messages": true,
-    "ap_id": "https://freespeechextremist.com/users/alex",
-    "background_image": null,
-    "confirmation_pending": false,
-    "favicon": null,
-    "hide_favorites": true,
-    "hide_followers": false,
-    "hide_followers_count": false,
-    "hide_follows": false,
-    "hide_follows_count": false,
-    "is_admin": false,
-    "is_moderator": false,
-    "relationship": {},
-    "skip_thread_containment": false,
-    "tags": []
-  },
-  "source": {
-    "fields": [],
-    "note": "I'm testing out compatibility with an older Pleroma version",
-    "pleroma": {
-      "actor_type": "Person",
-      "discoverable": true
-    },
-    "sensitive": false
-  },
-  "statuses_count": 0,
-  "url": "https://freespeechextremist.com/users/alex",
-  "username": "alex"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-account.json b/packages/pl-fe/src/__fixtures__/pleroma-account.json
deleted file mode 100644
index 022978fde..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-account.json
+++ /dev/null
@@ -1,127 +0,0 @@
-{
-  "acct": "alex",
-  "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-  "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-  "bot": false,
-  "created_at": "2020-01-08T01:25:43.000Z",
-  "display_name": "Alex Gleason",
-  "emojis": [],
-  "fields": [
-    {
-      "name": "Website",
-      "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-    },
-    {
-      "name": "Soapbox",
-      "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-    },
-    {
-      "name": "Email",
-      "value": "alex@alexgleason.me"
-    },
-    {
-      "name": "Gender identity",
-      "value": "Soyboy"
-    },
-    {
-      "name": "Donate (PayPal)",
-      "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-    },
-    {
-      "name": "$BTC",
-      "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-    },
-    {
-      "name": "$ETH",
-      "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-    },
-    {
-      "name": "$DOGE",
-      "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-    },
-    {
-      "name": "$XMR",
-      "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-    }
-  ],
-  "followers_count": 2378,
-  "following_count": 1571,
-  "fqn": "alex@gleasonator.com",
-  "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-  "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-  "id": "9v5bmRalQvjOy0ECcC",
-  "last_status_at": "2022-02-20T04:14:49",
-  "locked": false,
-  "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-  "pleroma": {
-    "accepts_chat_messages": true,
-    "also_known_as": [
-      "https://mitra.social/users/alex"
-    ],
-    "ap_id": "https://gleasonator.com/users/alex",
-    "background_image": null,
-    "birthday": "1993-07-03",
-    "favicon": "https://gleasonator.com/favicon.png",
-    "hide_favorites": true,
-    "hide_followers": false,
-    "hide_followers_count": false,
-    "hide_follows": false,
-    "hide_follows_count": false,
-    "is_admin": true,
-    "is_confirmed": true,
-    "is_moderator": false,
-    "is_suggested": true,
-    "relationship": {},
-    "skip_thread_containment": false,
-    "tags": []
-  },
-  "source": {
-    "fields": [
-      {
-        "name": "Website",
-        "value": "https://alexgleason.me"
-      },
-      {
-        "name": "Soapbox",
-        "value": "https://soapbox.pub"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "https://paypal.me/gleasonator"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "actor_type": "Person",
-      "discoverable": false
-    },
-    "sensitive": false
-  },
-  "statuses_count": 23477,
-  "url": "https://gleasonator.com/users/alex",
-  "username": "alex"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-admin-config.json b/packages/pl-fe/src/__fixtures__/pleroma-admin-config.json
deleted file mode 100644
index 8e17d1e7b..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-admin-config.json
+++ /dev/null
@@ -1,3120 +0,0 @@
-{
-  "configs": [
-    {
-      "group": ":pleroma",
-      "key": ":ecto_repos",
-      "value": [
-        "Pleroma.Repo"
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Captcha",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":seconds_valid",
-            300
-          ]
-        },
-        {
-          "tuple": [
-            ":method",
-            "Pleroma.Captcha.Native"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Captcha.Kocaptcha",
-      "value": [
-        {
-          "tuple": [
-            ":endpoint",
-            "https://captcha.kotobank.ch"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Uploaders.S3",
-      "value": [
-        {
-          "tuple": [
-            ":bucket",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":bucket_namespace",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":truncated_namespace",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":streaming_enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":emoji",
-      "value": [
-        {
-          "tuple": [
-            ":shortcode_globs",
-            [
-              "/emoji/custom/**/*.png"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":pack_extensions",
-            [
-              ".png",
-              ".gif"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":groups",
-            [
-              {
-                "tuple": [
-                  ":Custom",
-                  [
-                    "/emoji/*.png",
-                    "/emoji/**/*.png"
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default_manifest",
-            "https://git.pleroma.social/pleroma/emoji-index/raw/master/index.json"
-          ]
-        },
-        {
-          "tuple": [
-            ":shared_pack_cache_seconds_per_file",
-            60
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":uri_schemes",
-      "value": [
-        {
-          "tuple": [
-            ":valid_schemes",
-            [
-              "https",
-              "http",
-              "dat",
-              "dweb",
-              "gopher",
-              "hyper",
-              "ipfs",
-              "ipns",
-              "irc",
-              "ircs",
-              "magnet",
-              "mailto",
-              "mumble",
-              "ssb",
-              "xmpp"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":http",
-      "value": [
-        {
-          "tuple": [
-            ":proxy_url",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":send_user_agent",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":user_agent",
-            ":default"
-          ]
-        },
-        {
-          "tuple": [
-            ":adapter",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":welcome",
-      "value": [
-        {
-          "tuple": [
-            ":direct_message",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender_nickname",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":message",
-                  null
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":chat_message",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender_nickname",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":message",
-                  null
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":email",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":sender",
-                  null
-                ]
-              },
-              {
-                "tuple": [
-                  ":subject",
-                  "Welcome to <%= instance_name %>"
-                ]
-              },
-              {
-                "tuple": [
-                  ":html",
-                  "Welcome to <%= instance_name %>"
-                ]
-              },
-              {
-                "tuple": [
-                  ":text",
-                  "Welcome to <%= instance_name %>"
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":feed",
-      "value": [
-        {
-          "tuple": [
-            ":post_title",
-            {
-              ":max_length": 100,
-              ":omission": "..."
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":markup",
-      "value": [
-        {
-          "tuple": [
-            ":allow_inline_images",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_headings",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_tables",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_fonts",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":scrub_policy",
-            [
-              "Pleroma.HTML.Scrubber.Default",
-              "Pleroma.HTML.Transform.MediaProxy"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":frontend_configurations",
-      "value": [
-        {
-          "tuple": [
-            ":pleroma_fe",
-            {
-              ":alwaysShowSubjectInput": true,
-              ":background": "/images/city.jpg",
-              ":collapseMessageWithSubject": false,
-              ":disableChat": false,
-              ":greentext": false,
-              ":hideFilteredStatuses": false,
-              ":hideMutedPosts": false,
-              ":hidePostStats": false,
-              ":hideSitename": false,
-              ":hideUserStats": false,
-              ":loginMethod": "password",
-              ":logo": "/static/logo.svg",
-              ":logoMargin": ".1em",
-              ":logoMask": true,
-              ":minimalScopesMode": false,
-              ":noAttachmentLinks": false,
-              ":nsfwCensorImage": "",
-              ":postContentType": "text/plain",
-              ":redirectRootLogin": "/main/friends",
-              ":redirectRootNoLogin": "/main/all",
-              ":scopeCopy": true,
-              ":showFeaturesPanel": true,
-              ":showInstanceSpecificPanel": false,
-              ":sidebarRight": false,
-              ":subjectLineBehavior": "email",
-              ":theme": "pleroma-dark",
-              ":webPushNotifications": false
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":assets",
-      "value": [
-        {
-          "tuple": [
-            ":mascots",
-            [
-              {
-                "tuple": [
-                  ":pleroma_fox_tan",
-                  {
-                    ":mime_type": "image/png",
-                    ":url": "/images/pleroma-fox-tan-smol.png"
-                  }
-                ]
-              },
-              {
-                "tuple": [
-                  ":pleroma_fox_tan_shy",
-                  {
-                    ":mime_type": "image/png",
-                    ":url": "/images/pleroma-fox-tan-shy.png"
-                  }
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default_mascot",
-            ":pleroma_fox_tan"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":manifest",
-      "value": [
-        {
-          "tuple": [
-            ":icons",
-            [
-              {
-                ":src": "/static/logo.svg",
-                ":type": "image/svg+xml"
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":theme_color",
-            "#282c37"
-          ]
-        },
-        {
-          "tuple": [
-            ":background_color",
-            "#191b22"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":streamer",
-      "value": [
-        {
-          "tuple": [
-            ":workers",
-            3
-          ]
-        },
-        {
-          "tuple": [
-            ":overflow_workers",
-            2
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":user",
-      "value": [
-        {
-          "tuple": [
-            ":deny_follow_blocked",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_normalize_markup",
-      "value": [
-        {
-          "tuple": [
-            ":scrub_policy",
-            "Pleroma.HTML.Scrubber.Default"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_rejectnonpublic",
-      "value": [
-        {
-          "tuple": [
-            ":allow_followersonly",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_direct",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_simple",
-      "value": [
-        {
-          "tuple": [
-            ":media_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":media_nsfw",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":federated_timeline_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":report_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":followers_only",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":accept",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":avatar_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":banner_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject_deletes",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_keyword",
-      "value": [
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":federated_timeline_removal",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":replace",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_hashtag",
-      "value": [
-        {
-          "tuple": [
-            ":sensitive",
-            [
-              "nsfw"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":federated_timeline_removal",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_subchain",
-      "value": [
-        {
-          "tuple": [
-            ":match_actor",
-            {}
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_activity_expiration",
-      "value": [
-        {
-          "tuple": [
-            ":days",
-            365
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_vocabulary",
-      "value": [
-        {
-          "tuple": [
-            ":accept",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_object_age",
-      "value": [
-        {
-          "tuple": [
-            ":threshold",
-            604800
-          ]
-        },
-        {
-          "tuple": [
-            ":actions",
-            [
-              ":delist",
-              ":strip_followers"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_nsfw_api",
-      "value": [
-        {
-          "tuple": [
-            ":url",
-            "http://127.0.0.1:5000/"
-          ]
-        },
-        {
-          "tuple": [
-            ":threshold",
-            0.7
-          ]
-        },
-        {
-          "tuple": [
-            ":mark_sensitive",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":unlist",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":reject",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_follow_bot",
-      "value": [
-        {
-          "tuple": [
-            ":follower_nickname",
-            null
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_inline_quote",
-      "value": [
-        {
-          "tuple": [
-            ":prefix",
-            "RT"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":rich_media",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":ignore_hosts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":ignore_tld",
-            [
-              "local",
-              "localdomain",
-              "lan"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":parsers",
-            [
-              "Pleroma.Web.RichMedia.Parsers.OEmbed",
-              "Pleroma.Web.RichMedia.Parsers.TwitterCard"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":oembed_providers_enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":failure_backoff",
-            60000
-          ]
-        },
-        {
-          "tuple": [
-            ":ttl_setters",
-            [
-              "Pleroma.Web.RichMedia.Parser.TTL.AwsSignedUrl"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.MediaProxy.Invalidation.Http",
-      "value": [
-        {
-          "tuple": [
-            ":method",
-            ":purge"
-          ]
-        },
-        {
-          "tuple": [
-            ":headers",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":options",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.MediaProxy.Invalidation.Script",
-      "value": [
-        {
-          "tuple": [
-            ":script_path",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":url_format",
-            null
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":media_preview_proxy",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":thumbnail_max_width",
-            600
-          ]
-        },
-        {
-          "tuple": [
-            ":thumbnail_max_height",
-            600
-          ]
-        },
-        {
-          "tuple": [
-            ":image_quality",
-            85
-          ]
-        },
-        {
-          "tuple": [
-            ":min_content_length",
-            102400
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":shout",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":limit",
-            5000
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":gopher",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":ip",
-            {
-              "tuple": [
-                0,
-                0,
-                0,
-                0
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":port",
-            9999
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Metadata",
-      "value": [
-        {
-          "tuple": [
-            ":providers",
-            [
-              "Pleroma.Web.Metadata.Providers.OpenGraph",
-              "Pleroma.Web.Metadata.Providers.TwitterCard"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":unfurl_nsfw",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Preload",
-      "value": [
-        {
-          "tuple": [
-            ":providers",
-            [
-              "Pleroma.Web.Preload.Providers.Instance"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":http_security",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":sts",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":sts_max_age",
-            31536000
-          ]
-        },
-        {
-          "tuple": [
-            ":ct_max_age",
-            2592000
-          ]
-        },
-        {
-          "tuple": [
-            ":referrer_policy",
-            "same-origin"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.User",
-      "value": [
-        {
-          "tuple": [
-            ":restricted_nicknames",
-            [
-              ".well-known",
-              "~",
-              "about",
-              "activities",
-              "api",
-              "auth",
-              "check_password",
-              "dev",
-              "friend-requests",
-              "inbox",
-              "internal",
-              "main",
-              "media",
-              "nodeinfo",
-              "notice",
-              "oauth",
-              "objects",
-              "ostatus_subscribe",
-              "pleroma",
-              "proxy",
-              "push",
-              "registration",
-              "relay",
-              "settings",
-              "status",
-              "tag",
-              "user-search",
-              "user_exists",
-              "users",
-              "web",
-              "verify_credentials",
-              "update_credentials",
-              "relationships",
-              "search",
-              "confirmation_resend",
-              "mfa"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":email_blacklist",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Oban",
-      "value": [
-        {
-          "tuple": [
-            ":repo",
-            "Pleroma.Repo"
-          ]
-        },
-        {
-          "tuple": [
-            ":log",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":queues",
-            [
-              {
-                "tuple": [
-                  ":activity_expiration",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":token_expiration",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":filter_expiration",
-                  1
-                ]
-              },
-              {
-                "tuple": [
-                  ":backup",
-                  1
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_incoming",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_outgoing",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":ingestion_queue",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":web_push",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":mailer",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":transmogrifier",
-                  20
-                ]
-              },
-              {
-                "tuple": [
-                  ":scheduled_activities",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":poll_notifications",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":background",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":remote_fetcher",
-                  2
-                ]
-              },
-              {
-                "tuple": [
-                  ":attachments_cleanup",
-                  1
-                ]
-              },
-              {
-                "tuple": [
-                  ":new_users_digest",
-                  1
-                ]
-              },
-              {
-                "tuple": [
-                  ":mute_expire",
-                  5
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":plugins",
-            [
-              "Oban.Plugins.Pruner"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":crontab",
-            [
-              {
-                "tuple": [
-                  "0 0 * * 0",
-                  "Pleroma.Workers.Cron.DigestEmailsWorker"
-                ]
-              },
-              {
-                "tuple": [
-                  "0 0 * * *",
-                  "Pleroma.Workers.Cron.NewUsersDigestWorker"
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":workers",
-      "value": [
-        {
-          "tuple": [
-            ":retries",
-            [
-              {
-                "tuple": [
-                  ":federator_incoming",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":federator_outgoing",
-                  5
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Formatter",
-      "value": [
-        {
-          "tuple": [
-            ":class",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":rel",
-            "ugc"
-          ]
-        },
-        {
-          "tuple": [
-            ":new_window",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":truncate",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":strip_prefix",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":extra",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":validate_tld",
-            ":no_scheme"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":ldap",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":host",
-            "localhost"
-          ]
-        },
-        {
-          "tuple": [
-            ":port",
-            389
-          ]
-        },
-        {
-          "tuple": [
-            ":ssl",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":sslopts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":tls",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":tlsopts",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":base",
-            "dc=example,dc=com"
-          ]
-        },
-        {
-          "tuple": [
-            ":uid",
-            "cn"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":auth",
-      "value": [
-        {
-          "tuple": [
-            ":oauth_consumer_strategies",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.UserEmail",
-      "value": [
-        {
-          "tuple": [
-            ":logo",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":styling",
-            {
-              ":background_color": "#2C3645",
-              ":content_background_color": "#1B2635",
-              ":header_color": "#d8a070",
-              ":link_color": "#d8a070",
-              ":text_color": "#b9b9ba",
-              ":text_muted_color": "#b9b9ba"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.NewUsersDigestEmail",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.ScheduledActivity",
-      "value": [
-        {
-          "tuple": [
-            ":daily_user_limit",
-            25
-          ]
-        },
-        {
-          "tuple": [
-            ":total_user_limit",
-            300
-          ]
-        },
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":email_notifications",
-      "value": [
-        {
-          "tuple": [
-            ":digest",
-            {
-              ":active": false,
-              ":inactivity_threshold": 7,
-              ":interval": 7
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":oauth2",
-      "value": [
-        {
-          "tuple": [
-            ":token_expires_in",
-            3153600000
-          ]
-        },
-        {
-          "tuple": [
-            ":issue_new_refresh_token",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":clean_expired_tokens",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":features",
-      "value": [
-        {
-          "tuple": [
-            ":improved_hashtag_timeline",
-            ":auto"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":populate_hashtags_table",
-      "value": [
-        {
-          "tuple": [
-            ":fault_rate_allowance",
-            0.01
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":rate_limit",
-      "value": [
-        {
-          "tuple": [
-            ":authentication",
-            {
-              "tuple": [
-                60000,
-                15
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":timeline",
-            {
-              "tuple": [
-                500,
-                3
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":search",
-            [
-              {
-                "tuple": [
-                  1000,
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  1000,
-                  30
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":app_account_creation",
-            {
-              "tuple": [
-                1800000,
-                25
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":relations_actions",
-            {
-              "tuple": [
-                10000,
-                10
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":relation_id_action",
-            {
-              "tuple": [
-                60000,
-                2
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":statuses_actions",
-            {
-              "tuple": [
-                10000,
-                15
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":status_id_action",
-            {
-              "tuple": [
-                60000,
-                3
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":password_reset",
-            {
-              "tuple": [
-                1800000,
-                5
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":account_confirmation_resend",
-            {
-              "tuple": [
-                8640000,
-                5
-              ]
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":ap_routes",
-            {
-              "tuple": [
-                60000,
-                15
-              ]
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Workers.PurgeExpiredActivity",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":min_lifetime",
-            600
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Plugs.RemoteIp",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":headers",
-            [
-              "x-forwarded-for"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":proxies",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":reserved",
-            [
-              "127.0.0.0/8",
-              "::1/128",
-              "fc00::/7",
-              "10.0.0.0/8",
-              "172.16.0.0/12",
-              "192.168.0.0/16"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":static_fe",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":web_cache_ttl",
-      "value": [
-        {
-          "tuple": [
-            ":activity_pub",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":activity_pub_question",
-            30000
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":modules",
-      "value": [
-        {
-          "tuple": [
-            ":runtime_dir",
-            "instance/modules"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":connections_pool",
-      "value": [
-        {
-          "tuple": [
-            ":reclaim_multiplier",
-            0.1
-          ]
-        },
-        {
-          "tuple": [
-            ":connection_acquisition_wait",
-            250
-          ]
-        },
-        {
-          "tuple": [
-            ":connection_acquisition_retries",
-            5
-          ]
-        },
-        {
-          "tuple": [
-            ":max_connections",
-            250
-          ]
-        },
-        {
-          "tuple": [
-            ":max_idle_time",
-            30000
-          ]
-        },
-        {
-          "tuple": [
-            ":retry",
-            0
-          ]
-        },
-        {
-          "tuple": [
-            ":connect_timeout",
-            5000
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":pools",
-      "value": [
-        {
-          "tuple": [
-            ":federation",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":recv_timeout",
-                  10000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":media",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  20
-                ]
-              },
-              {
-                "tuple": [
-                  ":recv_timeout",
-                  15000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":upload",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  25
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":recv_timeout",
-                  15000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":default",
-            [
-              {
-                "tuple": [
-                  ":size",
-                  10
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  2
-                ]
-              },
-              {
-                "tuple": [
-                  ":recv_timeout",
-                  5000
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":hackney_pools",
-      "value": [
-        {
-          "tuple": [
-            ":federation",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  150000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":media",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  50
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  150000
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":upload",
-            [
-              {
-                "tuple": [
-                  ":max_connections",
-                  25
-                ]
-              },
-              {
-                "tuple": [
-                  ":timeout",
-                  300000
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":majic_pool",
-      "value": [
-        {
-          "tuple": [
-            ":size",
-            2
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":restrict_unauthenticated",
-      "value": [
-        {
-          "tuple": [
-            ":timelines",
-            {
-              ":federated": ":if_instance_is_private",
-              ":local": ":if_instance_is_private"
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":profiles",
-            {
-              ":local": ":if_instance_is_private",
-              ":remote": ":if_instance_is_private"
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":activities",
-            {
-              ":local": ":if_instance_is_private",
-              ":remote": ":if_instance_is_private"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":instances_favicons",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.Auth.Authenticator",
-      "value": "Pleroma.Web.Auth.PleromaAuthenticator"
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.User.Backup",
-      "value": [
-        {
-          "tuple": [
-            ":purge_after_days",
-            30
-          ]
-        },
-        {
-          "tuple": [
-            ":limit_days",
-            7
-          ]
-        },
-        {
-          "tuple": [
-            ":dir",
-            null
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "ConcurrentLimiter",
-      "value": [
-        {
-          "tuple": [
-            "Pleroma.Web.RichMedia.Helpers",
-            [
-              {
-                "tuple": [
-                  ":max_running",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  5
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            "Pleroma.Web.ActivityPub.MRF.MediaProxyWarmingPolicy",
-            [
-              {
-                "tuple": [
-                  ":max_running",
-                  5
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_waiting",
-                  5
-                ]
-              }
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":activitypub",
-      "value": [
-        {
-          "tuple": [
-            ":unfollow_blocked",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":outgoing_blocks",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":follow_handshake_timeout",
-            500
-          ]
-        },
-        {
-          "tuple": [
-            ":note_replies_output_limit",
-            5
-          ]
-        },
-        {
-          "tuple": [
-            ":sign_object_fetches",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":authorized_fetch_mode",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":blockers_visible",
-            false
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":frontends",
-      "value": [
-        {
-          "tuple": [
-            ":available",
-            {
-              "admin-fe": {
-                "build_url": "https://git.pleroma.social/pleroma/admin-fe/-/jobs/artifacts/${ref}/download?job=build",
-                "git": "https://git.pleroma.social/pleroma/admin-fe",
-                "name": "admin-fe",
-                "ref": "develop"
-              },
-              "fedi-fe": {
-                "build_url": "https://git.pleroma.social/pleroma/fedi-fe/-/jobs/artifacts/${ref}/download?job=build",
-                "custom-http-headers": [
-                  {
-                    "tuple": [
-                      "service-worker-allowed",
-                      "/"
-                    ]
-                  }
-                ],
-                "git": "https://git.pleroma.social/pleroma/fedi-fe",
-                "name": "fedi-fe",
-                "ref": "master"
-              },
-              "kenoma": {
-                "build_url": "https://git.pleroma.social/lambadalambda/kenoma/-/jobs/artifacts/${ref}/download?job=build",
-                "git": "https://git.pleroma.social/lambadalambda/kenoma",
-                "name": "kenoma",
-                "ref": "master"
-              },
-              "pleroma-fe": {
-                "build_url": "https://git.pleroma.social/pleroma/pleroma-fe/-/jobs/artifacts/${ref}/download?job=build",
-                "git": "https://git.pleroma.social/pleroma/pleroma-fe",
-                "name": "pleroma-fe",
-                "ref": "develop"
-              },
-              "soapbox-fe": {
-                "build_dir": "static",
-                "build_url": "https://gitlab.com/soapbox-pub/soapbox-fe/-/jobs/artifacts/${ref}/download?job=build-production",
-                "git": "https://gitlab.com/soapbox-pub/soapbox-fe",
-                "name": "soapbox-fe",
-                "ref": "develop"
-              }
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":primary",
-            {
-              "name": "landing-fe",
-              "ref": "vendor"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Upload",
-      "value": [
-        {
-          "tuple": [
-            ":uploader",
-            "Pleroma.Uploaders.Local"
-          ]
-        },
-        {
-          "tuple": [
-            ":link_name",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":proxy_remote",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":filename_display_max_length",
-            30
-          ]
-        },
-        {
-          "tuple": [
-            ":default_description",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":base_url",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":filters",
-            [
-              "Pleroma.Upload.Filter.AnalyzeMetadata",
-              "Pleroma.Upload.Filter.Dedupe",
-              "Pleroma.Upload.Filter.Exiftool"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf",
-      "value": [
-        {
-          "tuple": [
-            ":transparency",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":transparency_exclusions",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":policies",
-            [
-              "Pleroma.Web.ActivityPub.MRF.SimplePolicy",
-              "Pleroma.Web.ActivityPub.MRF.HellthreadPolicy",
-              "Pleroma.Web.ActivityPub.MRF.ObjectAgePolicy",
-              "Pleroma.Web.ActivityPub.MRF.TagPolicy",
-              "Pleroma.Web.ActivityPub.MRF.InlineQuotePolicy"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":dangerzone",
-      "value": [
-        {
-          "tuple": [
-            ":override_repo_pool_size",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":mrf_hellthread",
-      "value": [
-        {
-          "tuple": [
-            ":delist_threshold",
-            15
-          ]
-        },
-        {
-          "tuple": [
-            ":reject_threshold",
-            100
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Emails.Mailer",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":adapter",
-            "Swoosh.Adapters.Local"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Web.ApiSpec.CastAndValidate",
-      "value": [
-        {
-          "tuple": [
-            ":strict",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":media_proxy",
-      "value": [
-        {
-          "tuple": [
-            ":invalidation",
-            [
-              {
-                "tuple": [
-                  ":enabled",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":provider",
-                  "Pleroma.Web.MediaProxy.Invalidation.Script"
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":proxy_opts",
-            [
-              {
-                "tuple": [
-                  ":redirect_on_failure",
-                  false
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_body_length",
-                  26214400
-                ]
-              },
-              {
-                "tuple": [
-                  ":max_read_duration",
-                  30000
-                ]
-              },
-              {
-                "tuple": [
-                  ":http",
-                  [
-                    {
-                      "tuple": [
-                        ":follow_redirect",
-                        true
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":pool",
-                        ":media"
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":whitelist",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":redirect_on_failure",
-            true
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": ":instance",
-      "value": [
-        {
-          "tuple": [
-            ":background_image",
-            "/images/city.jpg"
-          ]
-        },
-        {
-          "tuple": [
-            ":description_limit",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":remote_limit",
-            100000
-          ]
-        },
-        {
-          "tuple": [
-            ":upload_limit",
-            16000000
-          ]
-        },
-        {
-          "tuple": [
-            ":avatar_upload_limit",
-            2000000
-          ]
-        },
-        {
-          "tuple": [
-            ":background_upload_limit",
-            4000000
-          ]
-        },
-        {
-          "tuple": [
-            ":banner_upload_limit",
-            4000000
-          ]
-        },
-        {
-          "tuple": [
-            ":poll_limits",
-            {
-              ":max_expiration": 31536000,
-              ":max_option_chars": 200,
-              ":max_options": 20,
-              ":min_expiration": 0
-            }
-          ]
-        },
-        {
-          "tuple": [
-            ":invites_enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":account_activation_required",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":account_approval_required",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":federating",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_incoming_replies_max_depth",
-            100
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_reachability_timeout_days",
-            7
-          ]
-        },
-        {
-          "tuple": [
-            ":federation_publisher_modules",
-            [
-              "Pleroma.Web.ActivityPub.Publisher"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":allow_relay",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":public",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":quarantined_instances",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":allowed_post_formats",
-            [
-              "text/plain",
-              "text/html",
-              "text/markdown",
-              "text/bbcode"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":autofollowed_nicknames",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":autofollowing_nicknames",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":max_pinned_statuses",
-            1
-          ]
-        },
-        {
-          "tuple": [
-            ":attachment_links",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":max_report_comment_size",
-            1000
-          ]
-        },
-        {
-          "tuple": [
-            ":safe_dm_mentions",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":healthcheck",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":remote_post_retention_days",
-            90
-          ]
-        },
-        {
-          "tuple": [
-            ":skip_thread_containment",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":limit_to_local_content",
-            ":unauthenticated"
-          ]
-        },
-        {
-          "tuple": [
-            ":user_bio_length",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":user_name_length",
-            100
-          ]
-        },
-        {
-          "tuple": [
-            ":user_location_length",
-            50
-          ]
-        },
-        {
-          "tuple": [
-            ":max_account_fields",
-            10
-          ]
-        },
-        {
-          "tuple": [
-            ":max_remote_account_fields",
-            20
-          ]
-        },
-        {
-          "tuple": [
-            ":account_field_name_length",
-            512
-          ]
-        },
-        {
-          "tuple": [
-            ":account_field_value_length",
-            2048
-          ]
-        },
-        {
-          "tuple": [
-            ":registration_reason_length",
-            500
-          ]
-        },
-        {
-          "tuple": [
-            ":external_user_synchronization",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":extended_nickname_format",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":cleanup_attachments",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":multi_factor_authentication",
-            [
-              {
-                "tuple": [
-                  ":totp",
-                  [
-                    {
-                      "tuple": [
-                        ":digits",
-                        6
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":period",
-                        30
-                      ]
-                    }
-                  ]
-                ]
-              },
-              {
-                "tuple": [
-                  ":backup_codes",
-                  [
-                    {
-                      "tuple": [
-                        ":number",
-                        5
-                      ]
-                    },
-                    {
-                      "tuple": [
-                        ":length",
-                        16
-                      ]
-                    }
-                  ]
-                ]
-              }
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":show_reactions",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":password_reset_token_validity",
-            86400
-          ]
-        },
-        {
-          "tuple": [
-            ":profile_directory",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":max_endorsed_users",
-            20
-          ]
-        },
-        {
-          "tuple": [
-            ":birthday_required",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":birthday_min_age",
-            0
-          ]
-        },
-        {
-          "tuple": [
-            ":privileged_staff",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":max_media_attachments",
-            20
-          ]
-        },
-        {
-          "tuple": [
-            ":description",
-            "Social media owned by you"
-          ]
-        },
-        {
-          "tuple": [
-            ":instance_thumbnail",
-            "/instance/thumbnail.png"
-          ]
-        },
-        {
-          "tuple": [
-            ":name",
-            "localhost"
-          ]
-        },
-        {
-          "tuple": [
-            ":email",
-            "alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":notify_email",
-            "alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":limit",
-            5000
-          ]
-        },
-        {
-          "tuple": [
-            ":registrations_open",
-            true
-          ]
-        },
-        {
-          "tuple": [
-            ":static_dir",
-            "/home/alex/Projects/soapbox-be/instance/static"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":pleroma",
-      "key": "Pleroma.Uploaders.Local",
-      "value": [
-        {
-          "tuple": [
-            ":uploads",
-            "/home/alex/Projects/soapbox-be/uploads"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":joken",
-      "key": ":default_signer",
-      "value": "KaehAYXaKzxCdcqSD35I6R9KRUMvgqb0DBMV6PIiqjoHbg0eppqH6nSpNp4fbbLT"
-    },
-    {
-      "group": ":web_push_encryption",
-      "key": ":http_client",
-      "value": "Pleroma.HTTP.WebPush"
-    },
-    {
-      "group": ":web_push_encryption",
-      "key": ":vapid_details",
-      "value": [
-        {
-          "tuple": [
-            ":subject",
-            "mailto:alex@alexgleason.me"
-          ]
-        },
-        {
-          "tuple": [
-            ":public_key",
-            "BCUFu4_-77t6dQ2XfZIyEE7k8H4r11s-a5doq7hZHDv9RqTUek-8yrE9nUN-rZYTxkjxuXF7IMcDdRgZ1fOCUy8"
-          ]
-        },
-        {
-          "tuple": [
-            ":private_key",
-            "KN3JU4Ug0e7_lsxhqOW_jQuQNeQTrr7QtOmdNIpUUbY"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":phoenix",
-      "key": ":format_encoders",
-      "value": [
-        {
-          "tuple": [
-            ":json",
-            "Jason"
-          ]
-        },
-        {
-          "tuple": [
-            ":\"activity+json\"",
-            "Jason"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":phoenix",
-      "key": ":json_library",
-      "value": "Jason"
-    },
-    {
-      "group": ":phoenix",
-      "key": ":filter_parameters",
-      "value": [
-        "password",
-        "confirm"
-      ]
-    },
-    {
-      "group": ":phoenix",
-      "key": ":stacktrace_depth",
-      "value": 20
-    },
-    {
-      "group": ":phoenix",
-      "key": ":plug_init_mode",
-      "value": ":runtime"
-    },
-    {
-      "group": ":logger",
-      "key": ":ex_syslogger",
-      "value": [
-        {
-          "tuple": [
-            ":level",
-            ":debug"
-          ]
-        },
-        {
-          "tuple": [
-            ":ident",
-            "pleroma"
-          ]
-        },
-        {
-          "tuple": [
-            ":format",
-            "$metadata[$level] $message"
-          ]
-        },
-        {
-          "tuple": [
-            ":metadata",
-            [
-              ":request_id"
-            ]
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":logger",
-      "key": ":console",
-      "value": [
-        {
-          "tuple": [
-            ":level",
-            ":debug"
-          ]
-        },
-        {
-          "tuple": [
-            ":metadata",
-            [
-              ":request_id"
-            ]
-          ]
-        },
-        {
-          "tuple": [
-            ":format",
-            "[$level] $message\n"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":floki",
-      "key": ":html_parser",
-      "value": "Floki.HTMLParser.FastHtml"
-    },
-    {
-      "group": ":ex_aws",
-      "key": ":s3",
-      "value": [
-        {
-          "tuple": [
-            ":access_key_id",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":secret_access_key",
-            null
-          ]
-        },
-        {
-          "tuple": [
-            ":scheme",
-            "https://"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":ex_aws",
-      "key": ":http_client",
-      "value": "Pleroma.HTTP.ExAws"
-    },
-    {
-      "group": ":tzdata",
-      "key": ":http_client",
-      "value": "Pleroma.HTTP.Tzdata"
-    },
-    {
-      "group": ":http_signatures",
-      "key": ":adapter",
-      "value": "Pleroma.Signature"
-    },
-    {
-      "group": ":prometheus",
-      "key": "Pleroma.Web.Endpoint.MetricsExporter",
-      "value": [
-        {
-          "tuple": [
-            ":enabled",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":auth",
-            false
-          ]
-        },
-        {
-          "tuple": [
-            ":ip_whitelist",
-            []
-          ]
-        },
-        {
-          "tuple": [
-            ":path",
-            "/api/pleroma/app_metrics"
-          ]
-        },
-        {
-          "tuple": [
-            ":format",
-            ":text"
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":ueberauth",
-      "key": "Ueberauth",
-      "value": [
-        {
-          "tuple": [
-            ":base_path",
-            "/oauth"
-          ]
-        },
-        {
-          "tuple": [
-            ":providers",
-            []
-          ]
-        }
-      ]
-    },
-    {
-      "group": ":esshd",
-      "key": ":enabled",
-      "value": false
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":max_age",
-      "value": 86400
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":methods",
-      "value": [
-        "POST",
-        "PUT",
-        "DELETE",
-        "GET",
-        "PATCH",
-        "OPTIONS"
-      ]
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":expose",
-      "value": [
-        "Link",
-        "X-RateLimit-Reset",
-        "X-RateLimit-Limit",
-        "X-RateLimit-Remaining",
-        "X-Request-Id",
-        "Idempotency-Key"
-      ]
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":credentials",
-      "value": true
-    },
-    {
-      "group": ":cors_plug",
-      "key": ":headers",
-      "value": [
-        "Authorization",
-        "Content-Type",
-        "Idempotency-Key"
-      ]
-    },
-    {
-      "group": ":mime",
-      "key": ":types",
-      "value": {
-        "application/activity+json": [
-          "activity+json"
-        ],
-        "application/jrd+json": [
-          "jrd+json"
-        ],
-        "application/ld+json": [
-          "activity+json"
-        ],
-        "application/xml": [
-          "xml"
-        ],
-        "application/xrd+xml": [
-          "xrd+xml"
-        ]
-      }
-    },
-    {
-      "group": ":quack",
-      "key": ":level",
-      "value": ":warn"
-    },
-    {
-      "group": ":quack",
-      "key": ":meta",
-      "value": [
-        ":all"
-      ]
-    },
-    {
-      "group": ":quack",
-      "key": ":webhook_url",
-      "value": "https://hooks.slack.com/services/YOUR-KEY-HERE"
-    }
-  ],
-  "need_reboot": false
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-instance.json b/packages/pl-fe/src/__fixtures__/pleroma-instance.json
deleted file mode 100644
index b91376302..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-instance.json
+++ /dev/null
@@ -1,131 +0,0 @@
-{
-  "approval_required": true,
-  "avatar_upload_limit": 2000000,
-  "background_image": "https://gleasonator.com/images/city.jpg",
-  "background_upload_limit": 4000000,
-  "banner_upload_limit": 4000000,
-  "description": "Building the next generation of the Fediverse. Speak freely.",
-  "description_limit": 5000,
-  "email": "alex@alexgleason.me",
-  "languages": [
-    "en"
-  ],
-  "max_toot_chars": 5000,
-  "pleroma": {
-    "metadata": {
-      "account_activation_required": false,
-      "birthday_min_age": 0,
-      "birthday_required": false,
-      "features": [
-        "pleroma_api",
-        "mastodon_api",
-        "mastodon_api_streaming",
-        "polls",
-        "v2_suggestions",
-        "pleroma_explicit_addressing",
-        "shareable_emoji_packs",
-        "multifetch",
-        "pleroma:api/v1/notifications:include_types_filter",
-        "quote_posting",
-        "media_proxy",
-        "relay",
-        "pleroma_emoji_reactions",
-        "pleroma_chat_messages",
-        "email_list",
-        "profile_directory"
-      ],
-      "federation": {
-        "enabled": true,
-        "exclusions": false,
-        "mrf_hashtag": {
-          "federated_timeline_removal": [],
-          "reject": [],
-          "sensitive": [
-            "nsfw"
-          ]
-        },
-        "mrf_policies": [
-          "TagPolicy",
-          "SimplePolicy",
-          "InlineQuotePolicy",
-          "HashtagPolicy"
-        ],
-        "mrf_simple": {
-          "accept": [],
-          "avatar_removal": [
-            "pawoo.net",
-            "sinblr.com",
-            "dajiaweibo.com",
-            "baraag.net"
-          ],
-          "banner_removal": [
-            "pawoo.net",
-            "sinblr.com",
-            "dajiaweibo.com",
-            "baraag.net"
-          ],
-          "federated_timeline_removal": [],
-          "followers_only": [],
-          "media_nsfw": [],
-          "media_removal": [
-            "pawoo.net",
-            "sinblr.com",
-            "dajiaweibo.com",
-            "baraag.net"
-          ],
-          "reject": [
-            "solagg.com"
-          ],
-          "reject_deletes": [],
-          "report_removal": []
-        },
-        "mrf_simple_info": {},
-        "quarantined_instances": [],
-        "quarantined_instances_info": {
-          "quarantined_instances": {}
-        }
-      },
-      "fields_limits": {
-        "max_fields": 15,
-        "max_remote_fields": 20,
-        "name_length": 512,
-        "value_length": 2048
-      },
-      "post_formats": [
-        "text/plain",
-        "text/html",
-        "text/markdown",
-        "text/bbcode"
-      ],
-      "privileged_staff": true
-    },
-    "stats": {
-      "mau": 71
-    },
-    "vapid_public_key": "BLElLQVJVmY_e4F5JoYxI5jXiVOYNsJ9p-amkykc9NcI-jwa9T1Y2GIbDqbY-HqC6ayPkfW4K4o9vgBFKYmkuS4"
-  },
-  "poll_limits": {
-    "max_expiration": 31536000,
-    "max_option_chars": 200,
-    "max_options": 20,
-    "min_expiration": 0
-  },
-  "registrations": true,
-  "shout_limit": 5000,
-  "soapbox": {
-    "version": "1.1.1"
-  },
-  "stats": {
-    "domain_count": 8140,
-    "status_count": 101956,
-    "user_count": 421
-  },
-  "thumbnail": "https://media.gleasonator.com/c0d38bde6ef0b3baa483f574797662ebd83ef9e1a1162e8e4fcd930bb4b3c068.png",
-  "title": "Gleasonator",
-  "upload_limit": 100000000,
-  "uri": "https://gleasonator.com",
-  "urls": {
-    "streaming_api": "wss://gleasonator.com"
-  },
-  "version": "2.7.2 (compatible; Pleroma 2.4.51-1129-gf2cfef09-gleasonator)"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-notification-move.json b/packages/pl-fe/src/__fixtures__/pleroma-notification-move.json
deleted file mode 100644
index d7a763457..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-notification-move.json
+++ /dev/null
@@ -1,119 +0,0 @@
-{
-  "account": {
-    "acct": "alex@fedibird.com",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2022-01-24T21:25:37.000Z",
-    "display_name": "alex@fedibird.com",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 2,
-    "following_count": 1,
-    "fqn": "alex@fedibird.com",
-    "header": "https://gleasonator.com/images/banner.png",
-    "header_static": "https://gleasonator.com/images/banner.png",
-    "id": "AFmHQ18XZ7Lco68MW8",
-    "last_status_at": "2022-03-16T22:07:53",
-    "locked": false,
-    "note": "<p></p>",
-    "pleroma": {
-      "accepts_chat_messages": null,
-      "also_known_as": [],
-      "ap_id": "https://fedibird.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/proxy/HzfsidHss3CuA7aM2zxXN-tAjF8/aHR0cHM6Ly9mZWRpYmlyZC5jb20vZmF2aWNvbi5pY28/favicon.ico",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": "Texas, USA",
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 5,
-    "url": "https://fedibird.com/@alex",
-    "username": "alex"
-  },
-  "created_at": "2022-03-17T00:08:48.000Z",
-  "id": "406814",
-  "pleroma": {
-    "is_muted": false,
-    "is_seen": true
-  },
-  "target": {
-    "acct": "benis911",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2021-03-26T20:42:11.000Z",
-    "display_name": "benis911",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "benis911@gleasonator.com",
-    "header": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "header_static": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "id": "A5c5LK7EJTFR0u26Pg",
-    "last_status_at": "2022-03-16T22:01:57",
-    "locked": false,
-    "note": "hello world 2",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://gleasonator.com/users/alex",
-        "https://poa.st/users/alex",
-        "https://fedibird.com/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/benis911",
-      "background_image": null,
-      "birthday": "2000-01-25",
-      "deactivated": false,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": true,
-      "hide_follows": true,
-      "hide_follows_count": true,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "hello world 2",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 172,
-    "url": "https://gleasonator.com/users/benis911",
-    "username": "benis911"
-  },
-  "type": "move"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-quote-post.json b/packages/pl-fe/src/__fixtures__/pleroma-quote-post.json
deleted file mode 100644
index 994671ce4..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-quote-post.json
+++ /dev/null
@@ -1,364 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Pleroma+Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2220,
-    "following_count": 1544,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-01-24T21:02:44",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Pleroma+Soapbox",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 23004,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "bookmarked": false,
-  "card": null,
-  "content": "<p>Quote post</p>",
-  "created_at": "2022-01-24T21:02:34.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 0,
-  "id": "AFmFMSpITT9xcOJKcK",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [],
-  "mentions": [
-    {
-      "acct": "alex",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    }
-  ],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "Quote post"
-    },
-    "conversation_id": "AFmFMSnWa3k3WtTur2",
-    "direct_conversation_id": null,
-    "emoji_reactions": [
-      {
-        "count": 1,
-        "me": false,
-        "name": "👍"
-      }
-    ],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": null,
-    "quote": {
-      "account": {
-        "acct": "alex",
-        "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-        "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-        "bot": false,
-        "created_at": "2020-01-08T01:25:43.000Z",
-        "display_name": "Alex Gleason",
-        "emojis": [],
-        "fields": [
-          {
-            "name": "Website",
-            "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-          },
-          {
-            "name": "Pleroma+Soapbox",
-            "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-          },
-          {
-            "name": "Email",
-            "value": "alex@alexgleason.me"
-          },
-          {
-            "name": "Gender identity",
-            "value": "Soyboy"
-          },
-          {
-            "name": "Donate (PayPal)",
-            "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-          },
-          {
-            "name": "$BTC",
-            "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-          },
-          {
-            "name": "$ETH",
-            "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-          },
-          {
-            "name": "$DOGE",
-            "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-          },
-          {
-            "name": "$XMR",
-            "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-          }
-        ],
-        "followers_count": 2220,
-        "following_count": 1544,
-        "fqn": "alex@gleasonator.com",
-        "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-        "id": "9v5bmRalQvjOy0ECcC",
-        "last_status_at": "2022-01-24T21:02:44",
-        "locked": false,
-        "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-        "pleroma": {
-          "accepts_chat_messages": true,
-          "also_known_as": [],
-          "ap_id": "https://gleasonator.com/users/alex",
-          "background_image": null,
-          "favicon": "https://gleasonator.com/favicon.png",
-          "hide_favorites": true,
-          "hide_followers": false,
-          "hide_followers_count": false,
-          "hide_follows": false,
-          "hide_follows_count": false,
-          "is_admin": true,
-          "is_confirmed": true,
-          "is_moderator": false,
-          "is_suggested": true,
-          "relationship": {},
-          "skip_thread_containment": false,
-          "tags": []
-        },
-        "source": {
-          "fields": [
-            {
-              "name": "Website",
-              "value": "https://alexgleason.me"
-            },
-            {
-              "name": "Pleroma+Soapbox",
-              "value": "https://soapbox.pub"
-            },
-            {
-              "name": "Email",
-              "value": "alex@alexgleason.me"
-            },
-            {
-              "name": "Gender identity",
-              "value": "Soyboy"
-            },
-            {
-              "name": "Donate (PayPal)",
-              "value": "https://paypal.me/gleasonator"
-            },
-            {
-              "name": "$BTC",
-              "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-            },
-            {
-              "name": "$ETH",
-              "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-            },
-            {
-              "name": "$DOGE",
-              "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-            },
-            {
-              "name": "$XMR",
-              "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-            }
-          ],
-          "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-          "pleroma": {
-            "actor_type": "Person",
-            "discoverable": false
-          },
-          "sensitive": false
-        },
-        "statuses_count": 23004,
-        "url": "https://gleasonator.com/users/alex",
-        "username": "alex"
-      },
-      "application": {
-        "name": "Soapbox FE",
-        "website": "https://soapbox.pub/"
-      },
-      "bookmarked": false,
-      "card": null,
-      "content": "<p>Test post</p>",
-      "created_at": "2022-01-24T21:02:25.000Z",
-      "emojis": [],
-      "favourited": false,
-      "favourites_count": 0,
-      "id": "AFmFLcd6XYVdjWCrOS",
-      "in_reply_to_account_id": null,
-      "in_reply_to_id": null,
-      "language": null,
-      "media_attachments": [],
-      "mentions": [],
-      "muted": false,
-      "pinned": false,
-      "pleroma": {
-        "content": {
-          "text/plain": "Test post"
-        },
-        "conversation_id": "AFmFLcaGi6EzaisayO",
-        "direct_conversation_id": null,
-        "emoji_reactions": [],
-        "expires_at": null,
-        "in_reply_to_account_acct": null,
-        "local": true,
-        "parent_visible": false,
-        "pinned_at": null,
-        "quote": null,
-        "quote_url": null,
-        "spoiler_text": {
-          "text/plain": ""
-        },
-        "thread_muted": false
-      },
-      "poll": null,
-      "reblog": null,
-      "reblogged": false,
-      "reblogs_count": 0,
-      "replies_count": 0,
-      "sensitive": false,
-      "spoiler_text": "",
-      "tags": [],
-      "text": null,
-      "uri": "https://gleasonator.com/objects/4f35159c-3794-4037-9269-a7c84f7137c7",
-      "url": "https://gleasonator.com/notice/AFmFLcd6XYVdjWCrOS",
-      "visibility": "public"
-    },
-    "quote_url": "https://gleasonator.com/objects/4f35159c-3794-4037-9269-a7c84f7137c7",
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 0,
-  "replies_count": 0,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/objects/54d93075-7d04-4016-a128-81f3843bca79",
-  "url": "https://gleasonator.com/notice/AFmFMSpITT9xcOJKcK",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status-deleted.json b/packages/pl-fe/src/__fixtures__/pleroma-status-deleted.json
deleted file mode 100644
index 2d37af257..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-status-deleted.json
+++ /dev/null
@@ -1,229 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "follow_requests_count": 0,
-    "followers_count": 2489,
-    "following_count": 1586,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-03-16T21:57:17",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "accepts_email_list": true,
-      "allow_following_move": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "deactivated": false,
-      "email": "alex@alexgleason.me",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "location": null,
-      "notification_settings": {
-        "block_from_strangers": false,
-        "hide_notification_contents": false
-      },
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": [],
-      "unread_conversation_count": 392,
-      "unread_notifications_count": 2
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Soapbox",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false,
-        "no_rich_text": false,
-        "show_birthday": true,
-        "show_role": true
-      },
-      "privacy": "public",
-      "sensitive": false
-    },
-    "statuses_count": 23695,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "bookmarked": false,
-  "card": null,
-  "content": "<p>I am going to delete this post for testing purposes</p>",
-  "created_at": "2022-03-16T21:57:16.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 3,
-  "id": "AHU2RrX0wdcwzCYjFQ",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [
-    {
-      "blurhash": "eWGlL@?b~q%MRj4nt7IUof%M%MIURjRjIUM{IUM{Rjayxut7j[j[xu",
-      "description": "",
-      "id": "508107650",
-      "meta": {
-        "original": {
-          "aspect": 1,
-          "height": 1024,
-          "width": 1024
-        }
-      },
-      "pleroma": {
-        "mime_type": "image/png"
-      },
-      "preview_url": "https://media.gleasonator.com/2b9ddcd8b27cad786fd34bc2cfe02c1b63aa1b8e7b8d72379b5c9375fb61f199.png",
-      "remote_url": "https://media.gleasonator.com/2b9ddcd8b27cad786fd34bc2cfe02c1b63aa1b8e7b8d72379b5c9375fb61f199.png",
-      "text_url": "https://media.gleasonator.com/2b9ddcd8b27cad786fd34bc2cfe02c1b63aa1b8e7b8d72379b5c9375fb61f199.png",
-      "type": "image",
-      "url": "https://media.gleasonator.com/2b9ddcd8b27cad786fd34bc2cfe02c1b63aa1b8e7b8d72379b5c9375fb61f199.png"
-    }
-  ],
-  "mentions": [],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "I am going to delete this post for testing purposes"
-    },
-    "content_type": "text/markdown",
-    "conversation_id": "AHU2RrUB7BMIqPESpM",
-    "direct_conversation_id": null,
-    "emoji_reactions": [
-      {
-        "count": 1,
-        "me": false,
-        "name": "😭"
-      },
-      {
-        "count": 1,
-        "me": false,
-        "name": "❔"
-      }
-    ],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": null,
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 1,
-  "replies_count": 2,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": "I am going to delete this post for testing purposes",
-  "uri": "https://gleasonator.com/objects/205ec868-d28d-4668-a56a-33321f7e285e",
-  "url": "https://gleasonator.com/notice/AHU2RrX0wdcwzCYjFQ",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status-reply-with-mentions.json b/packages/pl-fe/src/__fixtures__/pleroma-status-reply-with-mentions.json
deleted file mode 100644
index 21caf17e0..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-status-reply-with-mentions.json
+++ /dev/null
@@ -1,207 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2536,
-    "following_count": 1587,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-03-26T15:13:42",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "location": null,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Soapbox",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 23825,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "bookmarked": false,
-  "card": null,
-  "content": "<p>DMs are definitely only federated to the servers of the recipients tho. So if I DM a kfcc user, the kfcc admins can see it, but no other instance admins can.</p>",
-  "created_at": "2022-03-21T05:04:45.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 5,
-  "id": "AHcweewcCh0iPUtMdk",
-  "in_reply_to_account_id": "9v5bo8xPghEnkedGzo",
-  "in_reply_to_id": "AHcwFrnbH1Xb2RqxhQ",
-  "language": null,
-  "media_attachments": [],
-  "mentions": [
-    {
-      "acct": "crunklord420@kiwifarms.cc",
-      "id": "9v5bo8xPghEnkedGzo",
-      "url": "https://kiwifarms.cc/users/crunklord420",
-      "username": "crunklord420"
-    },
-    {
-      "acct": "becassine@kiwifarms.cc",
-      "id": "A6W9i7UOhgpBBOkcEK",
-      "url": "https://kiwifarms.cc/users/becassine",
-      "username": "becassine"
-    },
-    {
-      "acct": "King_Porgi@poa.st",
-      "id": "A5U7Z228z3h3dBdg6C",
-      "url": "https://poa.st/users/King_Porgi",
-      "username": "King_Porgi"
-    },
-    {
-      "acct": "ademan@thebag.social",
-      "id": "A79wLvOahABnWFnwWm",
-      "url": "https://thebag.social/users/ademan",
-      "username": "ademan"
-    }
-  ],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "DMs are definitely only federated to the servers of the recipients tho. So if I DM a kfcc user, the kfcc admins can see it, but no other instance admins can."
-    },
-    "content_type": null,
-    "conversation_id": "AHcrQt04eG9qB87g3s",
-    "direct_conversation_id": null,
-    "emoji_reactions": [],
-    "expires_at": null,
-    "in_reply_to_account_acct": "crunklord420@kiwifarms.cc",
-    "local": true,
-    "parent_visible": true,
-    "pinned_at": null,
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 0,
-  "replies_count": 2,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/objects/0981bab7-a086-4ed9-b938-adc3ed9d5f51",
-  "url": "https://gleasonator.com/notice/AHcweewcCh0iPUtMdk",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status-with-attachments.json b/packages/pl-fe/src/__fixtures__/pleroma-status-with-attachments.json
deleted file mode 100644
index 75db8292f..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma-status-with-attachments.json
+++ /dev/null
@@ -1,238 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Pleroma+Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2344,
-    "following_count": 1564,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-02-11T23:12:00",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Pleroma+Soapbox",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 23357,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "bookmarked": false,
-  "card": null,
-  "content": "<p>Test</p>",
-  "created_at": "2022-02-11T23:11:59.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 1,
-  "id": "AGNkA21auFR5lnEAHw",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [
-    {
-      "blurhash": "emLqe9t7~q%M%M-;WBt7ofRj%Moft7ofoft7ayWBj[of-;j[ayofM{",
-      "description": "",
-      "id": "974611173",
-      "meta": {
-        "original": {
-          "aspect": 0.9944598337950139,
-          "height": 1444,
-          "width": 1436
-        }
-      },
-      "pleroma": {
-        "mime_type": "image/png"
-      },
-      "preview_url": "https://media.gleasonator.com/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png",
-      "remote_url": "https://media.gleasonator.com/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png",
-      "text_url": "https://media.gleasonator.com/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png",
-      "type": "image",
-      "url": "https://media.gleasonator.com/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png"
-    },
-    {
-      "blurhash": null,
-      "description": "",
-      "id": "-1764036199",
-      "pleroma": {
-        "mime_type": "application/x-nes-rom"
-      },
-      "preview_url": "https://media.gleasonator.com/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac.nes",
-      "remote_url": "https://media.gleasonator.com/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac.nes",
-      "text_url": "https://media.gleasonator.com/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac.nes",
-      "type": "unknown",
-      "url": "https://media.gleasonator.com/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac.nes"
-    },
-    {
-      "blurhash": null,
-      "description": "",
-      "id": "-636167741",
-      "pleroma": {
-        "mime_type": "audio/ogg"
-      },
-      "preview_url": "https://media.gleasonator.com/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.ogg",
-      "remote_url": "https://media.gleasonator.com/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.ogg",
-      "text_url": "https://media.gleasonator.com/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.ogg",
-      "type": "audio",
-      "url": "https://media.gleasonator.com/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.ogg"
-    },
-    {
-      "blurhash": null,
-      "description": "",
-      "id": "517941208",
-      "pleroma": {
-        "mime_type": "text/plain"
-      },
-      "preview_url": "https://media.gleasonator.com/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0.LICENSE",
-      "remote_url": "https://media.gleasonator.com/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0.LICENSE",
-      "text_url": "https://media.gleasonator.com/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0.LICENSE",
-      "type": "unknown",
-      "url": "https://media.gleasonator.com/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0.LICENSE"
-    }
-  ],
-  "mentions": [],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "Test"
-    },
-    "conversation_id": "AGNkA1yP66srbtjcJc",
-    "direct_conversation_id": null,
-    "emoji_reactions": [],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": null,
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 0,
-  "replies_count": 0,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/objects/aa5e66c9-0a10-4167-9c80-f40d9574aaec",
-  "url": "https://gleasonator.com/notice/AGNkA21auFR5lnEAHw",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/pleroma_initial_results.json b/packages/pl-fe/src/__fixtures__/pleroma_initial_results.json
deleted file mode 100644
index 027b646e0..000000000
--- a/packages/pl-fe/src/__fixtures__/pleroma_initial_results.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "/api/pleroma/frontend_configurations": "eyJtYXN0b19mZSI6eyJzaG93SW5zdGFuY2VTcGVjaWZpY1BhbmVsIjp0cnVlfSwicGxlcm9tYV9mZSI6eyJhbHdheXNTaG93U3ViamVjdElucHV0Ijp0cnVlLCJiYWNrZ3JvdW5kIjoiL2ltYWdlcy9jaXR5LmpwZyIsImNvbGxhcHNlTWVzc2FnZVdpdGhTdWJqZWN0IjpmYWxzZSwiZGlzYWJsZUNoYXQiOmZhbHNlLCJncmVlbnRleHQiOmZhbHNlLCJoaWRlRmlsdGVyZWRTdGF0dXNlcyI6ZmFsc2UsImhpZGVNdXRlZFBvc3RzIjpmYWxzZSwiaGlkZVBvc3RTdGF0cyI6ZmFsc2UsImhpZGVTaXRlbmFtZSI6ZmFsc2UsImhpZGVVc2VyU3RhdHMiOmZhbHNlLCJsb2dpbk1ldGhvZCI6InBhc3N3b3JkIiwibG9nbyI6Ii9zdGF0aWMvbG9nby5zdmciLCJsb2dvTWFyZ2luIjoiLjFlbSIsImxvZ29NYXNrIjp0cnVlLCJtaW5pbWFsU2NvcGVzTW9kZSI6ZmFsc2UsIm5vQXR0YWNobWVudExpbmtzIjpmYWxzZSwibnNmd0NlbnNvckltYWdlIjoiIiwicG9zdENvbnRlbnRUeXBlIjoidGV4dC9wbGFpbiIsInJlZGlyZWN0Um9vdExvZ2luIjoiL21haW4vZnJpZW5kcyIsInJlZGlyZWN0Um9vdE5vTG9naW4iOiIvbWFpbi9hbGwiLCJzY29wZUNvcHkiOnRydWUsInNob3dGZWF0dXJlc1BhbmVsIjp0cnVlLCJzaG93SW5zdGFuY2VTcGVjaWZpY1BhbmVsIjpmYWxzZSwic2lkZWJhclJpZ2h0IjpmYWxzZSwic3ViamVjdExpbmVCZWhhdmlvciI6ImVtYWlsIiwidGhlbWUiOiJwbGVyb21hLWRhcmsiLCJ3ZWJQdXNoTm90aWZpY2F0aW9ucyI6ZmFsc2V9LCJzb2FwYm94X2ZlIjp7ImJyYW5kQ29sb3IiOiIjMWNhODJiIiwiY3J5cHRvQWRkcmVzc2VzIjpbeyJhZGRyZXNzIjoiYmMxcTljeDM1YWRwbTczYXEyZnc0MHllNnRzOGhmeHF6anI1dW53ZzBuIiwibm90ZSI6IiIsInRpY2tlciI6ImJ0YyJ9LHsiYWRkcmVzcyI6IjB4QWM5YUI1RmMwNERjMWNCMTc4OUFmNzViNTIzQmQyM0M3MEIyRDcxNyIsInRpY2tlciI6ImV0aCJ9LHsiYWRkcmVzcyI6IkQ1elZaczZqclJha2FQVkdpRXJrUWlIdDlzYXl6bTZWNUQiLCJ0aWNrZXIiOiJkb2dlIn0seyJhZGRyZXNzIjoiMHg1NDFhNDVjYjIxMmI1N2Y0MTM5MzQyN2ZiMTUzMzVmYzg5YzM1ODUxIiwidGlja2VyIjoidWJxIn0seyJhZGRyZXNzIjoiNDVKRENMcmpKNGJnVlVTYmJzMnlqeTltNU1mNFZMUFc4Zkc3anc5c3E1dTY5clhaWm9wUW9nWk5leVlrTUJuWHBrYWlwNHA0UXdhYUpOaGRUb3RQYTlnNDREQkN6ZEsiLCJub3RlIjoiIiwidGlja2VyIjoieG1yIn0seyJhZGRyZXNzIjoibHRjMXFkYTY0NWpkZjRqc3p3eGN2c24zMnlrZGhlbXZseDd5bDluNWd6OSIsIm5vdGUiOiIiLCJ0aWNrZXIiOiJsdGMifSx7ImFkZHJlc3MiOiJiaXRjb2luY2FzaDpxcGNmbm05dzh1ZW1heDM4eXFoeWc1OHpuMnB0cGY2c3p2a3IwbjQ4YTciLCJub3RlIjoiIiwidGlja2VyIjoiYmNoIn0seyJhZGRyZXNzIjoiWG5CNXA0SnZMM1NvOTFBMWMxTUVSb3paRWplTVNzQUQ3SiIsIm5vdGUiOiIiLCJ0aWNrZXIiOiJkYXNoIn0seyJhZGRyZXNzIjoidDFQSFpYNVpqWTd5NjFpQzE5QTk1OFc5aGR5SDNTaUxKdUYiLCJub3RlIjoiIiwidGlja2VyIjoiemVjIn0seyJhZGRyZXNzIjoiMHhCODFCQUVFMTBkMTYzNDA0YTFjNjAwNDVhODcyYTBkYTlFMjU4NDY1Iiwibm90ZSI6IiIsInRpY2tlciI6ImV0YyJ9LHsiYWRkcmVzcyI6IkFHVExSWGFwUFlweHQzUExkaVhFczh5NGtMdzZReTNDNHQiLCJub3RlIjoiIiwidGlja2VyIjoiYnRnIn0seyJhZGRyZXNzIjoiU2JRY0ZVRGk3a0t5eGttc2t6VzN3NzR4NjhINWVVcmc3NiIsIm5vdGUiOiIiLCJ0aWNrZXIiOiJkZ2IifSx7ImFkZHJlc3MiOiJON25vbXBVVnh6NUFUcnpSVlR6dzdDYUFKb1NpVnRFY1F4Iiwibm90ZSI6IiIsInRpY2tlciI6Im5tYyJ9LHsiYWRkcmVzcyI6IjNBUWNVZ0NiRjZ5bWlSNEhHQ1U4QU54OVNxYnpMNm54OHIiLCJub3RlIjoiIiwidGlja2VyIjoidnRjIn1dLCJjcnlwdG9Eb25hdGVQYW5lbCI6eyJsaW1pdCI6MX0sImRlZmF1bHRTZXR0aW5ncyI6eyJ0aGVtZU1vZGUiOiJsaWdodCJ9LCJleHRlbnNpb25zIjp7InBhdHJvbiI6eyJlbmFibGVkIjp0cnVlfX0sImdyZWVudGV4dCI6dHJ1ZSwibG9nbyI6Imh0dHBzOi8vbWVkaWEuZ2xlYXNvbmF0b3IuY29tLzBjNzYwYjNlY2RiYzk5M2JhNDdiNzg1ZDBhZGVjZjBlYzcxZmQ5YzU5ODA4ZTI3ZDA2NjViOWY3N2EzMmQ4ZGUucG5nIiwibmF2bGlua3MiOnsiaG9tZUZvb3RlciI6W3sidGl0bGUiOiJBYm91dCIsInVybCI6Ii9hYm91dCJ9LHsidGl0bGUiOiJUZXJtcyBvZiBTZXJ2aWNlIiwidXJsIjoiL2Fib3V0L3RvcyJ9LHsidGl0bGUiOiJQcml2YWN5IFBvbGljeSIsInVybCI6Ii9hYm91dC9wcml2YWN5In0seyJ0aXRsZSI6IkRNQ0EiLCJ1cmwiOiIvYWJvdXQvZG1jYSJ9LHsidGl0bGUiOiJTb3VyY2UgQ29kZSIsInVybCI6Ii9hYm91dCNvcGVuc291cmNlIn1dfSwicHJvbW9QYW5lbCI6eyJpdGVtcyI6W3siaWNvbiI6ImNvbW1lbnQtbyIsInRleHQiOiJHbGVhc29uYXRvciB0aGVtZSBzb25nIiwidXJsIjoiaHR0cHM6Ly9tZWRpYS5nbGVhc29uYXRvci5jb20vY3VzdG9tLzI2MTkwNV9nbGVhc29uYXRvcl9zb25nLm1wMyJ9XX0sInZlcmlmaWVkQ2FuRWRpdE5hbWUiOnRydWV9fQ==",
-  "/api/v1/instance": "eyJhcHByb3ZhbF9yZXF1aXJlZCI6dHJ1ZSwiYXZhdGFyX3VwbG9hZF9saW1pdCI6MjAwMDAwMCwiYmFja2dyb3VuZF9pbWFnZSI6Imh0dHBzOi8vZ2xlYXNvbmF0b3IuY29tL2ltYWdlcy9jaXR5LmpwZyIsImJhY2tncm91bmRfdXBsb2FkX2xpbWl0Ijo0MDAwMDAwLCJiYW5uZXJfdXBsb2FkX2xpbWl0Ijo0MDAwMDAwLCJjaGF0X2xpbWl0Ijo1MDAwLCJkZXNjcmlwdGlvbiI6IkJ1aWxkaW5nIHRoZSBuZXh0IGdlbmVyYXRpb24gb2YgdGhlIEZlZGl2ZXJzZS4gU3BlYWsgZnJlZWx5LiIsImRlc2NyaXB0aW9uX2xpbWl0Ijo1MDAwLCJlbWFpbCI6ImFsZXhAYWxleGdsZWFzb24ubWUiLCJsYW5ndWFnZXMiOlsiZW4iXSwibWF4X3Rvb3RfY2hhcnMiOjUwMDAsInBsZXJvbWEiOnsibWV0YWRhdGEiOnsiYWNjb3VudF9hY3RpdmF0aW9uX3JlcXVpcmVkIjpmYWxzZSwiZmVhdHVyZXMiOlsicGxlcm9tYV9hcGkiLCJtYXN0b2Rvbl9hcGkiLCJtYXN0b2Rvbl9hcGlfc3RyZWFtaW5nIiwicG9sbHMiLCJwbGVyb21hX2V4cGxpY2l0X2FkZHJlc3NpbmciLCJzaGFyZWFibGVfZW1vamlfcGFja3MiLCJtdWx0aWZldGNoIiwicGxlcm9tYTphcGkvdjEvbm90aWZpY2F0aW9uczppbmNsdWRlX3R5cGVzX2ZpbHRlciIsIm1lZGlhX3Byb3h5IiwicmVsYXkiLCJwbGVyb21hX2Vtb2ppX3JlYWN0aW9ucyIsInBsZXJvbWFfY2hhdF9tZXNzYWdlcyIsImVtYWlsX2xpc3QiXSwiZmVkZXJhdGlvbiI6eyJlbmFibGVkIjp0cnVlLCJleGNsdXNpb25zIjpmYWxzZSwibXJmX3BvbGljaWVzIjpbIlRhZ1BvbGljeSIsIlNpbXBsZVBvbGljeSJdLCJtcmZfc2ltcGxlIjp7ImFjY2VwdCI6W10sImF2YXRhcl9yZW1vdmFsIjpbInBhd29vLm5ldCIsInNpbmJsci5jb20iLCJkYWppYXdlaWJvLmNvbSJdLCJiYW5uZXJfcmVtb3ZhbCI6WyJwYXdvby5uZXQiLCJzaW5ibHIuY29tIiwiZGFqaWF3ZWliby5jb20iXSwiZmVkZXJhdGVkX3RpbWVsaW5lX3JlbW92YWwiOltdLCJmb2xsb3dlcnNfb25seSI6W10sIm1lZGlhX25zZnciOltdLCJtZWRpYV9yZW1vdmFsIjpbInBhd29vLm5ldCIsInNpbmJsci5jb20iLCJkYWppYXdlaWJvLmNvbSJdLCJyZWplY3QiOltdLCJyZWplY3RfZGVsZXRlcyI6W10sInJlcG9ydF9yZW1vdmFsIjpbXX0sInF1YXJhbnRpbmVkX2luc3RhbmNlcyI6W119LCJmaWVsZHNfbGltaXRzIjp7Im1heF9maWVsZHMiOjE1LCJtYXhfcmVtb3RlX2ZpZWxkcyI6MjAsIm5hbWVfbGVuZ3RoIjo1MTIsInZhbHVlX2xlbmd0aCI6MjA0OH0sInBvc3RfZm9ybWF0cyI6WyJ0ZXh0L3BsYWluIiwidGV4dC9odG1sIiwidGV4dC9tYXJrZG93biIsInRleHQvYmJjb2RlIl19LCJzdGF0cyI6eyJtYXUiOjU0fSwidmFwaWRfcHVibGljX2tleSI6IkJMRWxMUVZKVm1ZX2U0RjVKb1l4STVqWGlWT1lOc0o5cC1hbWt5a2M5TmNJLWp3YTlUMVkyR0liRHFiWS1IcUM2YXlQa2ZXNEs0bzl2Z0JGS1lta3VTNCJ9LCJwb2xsX2xpbWl0cyI6eyJtYXhfZXhwaXJhdGlvbiI6MzE1MzYwMDAsIm1heF9vcHRpb25fY2hhcnMiOjIwMCwibWF4X29wdGlvbnMiOjIwLCJtaW5fZXhwaXJhdGlvbiI6MH0sInJlZ2lzdHJhdGlvbnMiOnRydWUsInNvYXBib3giOnsidmVyc2lvbiI6IjEuMS4xIn0sInN0YXRzIjp7ImRvbWFpbl9jb3VudCI6NzIwMCwic3RhdHVzX2NvdW50Ijo3ODkwNiwidXNlcl9jb3VudCI6MzU3fSwidGh1bWJuYWlsIjoiaHR0cHM6Ly9nbGVhc29uYXRvci5jb21odHRwczovL21lZGlhLmdsZWFzb25hdG9yLmNvbS9jMGQzOGJkZTZlZjBiM2JhYTQ4M2Y1NzQ3OTc2NjJlYmQ4M2VmOWUxYTExNjJlOGU0ZmNkOTMwYmI0YjNjMDY4LnBuZyIsInRpdGxlIjoiR2xlYXNvbmF0b3IiLCJ1cGxvYWRfbGltaXQiOjEwMDAwMDAwMCwidXJpIjoiaHR0cHM6Ly9nbGVhc29uYXRvci5jb20iLCJ1cmxzIjp7InN0cmVhbWluZ19hcGkiOiJ3c3M6Ly9nbGVhc29uYXRvci5jb20ifSwidmVyc2lvbiI6IjIuNy4yIChjb21wYXRpYmxlOyBQbGVyb21hIDIuMy4wLTExMS1nYjQ3OGE4N2UtZGV2ZWxvcCkifQ==",
-  "/instance/panel.html": "IjxkaXYgc3R5bGU9XCJtYXJnaW4tbGVmdDoxMnB4OyBtYXJnaW4tcmlnaHQ6MTJweFwiPlxuPHA+V2VsY29tZSB0byA8YSBocmVmPVwiaHR0cHM6Ly9wbGVyb21hLnNvY2lhbFwiIHRhcmdldD1cIl9ibGFua1wiPlBsZXJvbWEhPC9hPjwvcD4gICAgXG48cD48YSBocmVmPVwiL21haW4vYWxsXCI+UGxlcm9tYSBGRTwvYT4gfCA8YSBocmVmPVwiL3dlYlwiPk1hc3RvZG9uIEZFPC9hPjwvcD5cbjwvZGl2PlxuXG4i",
-  "/nodeinfo/2.0.json": "eyJtZXRhZGF0YSI6eyJhY2NvdW50QWN0aXZhdGlvblJlcXVpcmVkIjpmYWxzZSwiZmVhdHVyZXMiOlsicGxlcm9tYV9hcGkiLCJtYXN0b2Rvbl9hcGkiLCJtYXN0b2Rvbl9hcGlfc3RyZWFtaW5nIiwicG9sbHMiLCJwbGVyb21hX2V4cGxpY2l0X2FkZHJlc3NpbmciLCJzaGFyZWFibGVfZW1vamlfcGFja3MiLCJtdWx0aWZldGNoIiwicGxlcm9tYTphcGkvdjEvbm90aWZpY2F0aW9uczppbmNsdWRlX3R5cGVzX2ZpbHRlciIsIm1lZGlhX3Byb3h5IiwicmVsYXkiLCJwbGVyb21hX2Vtb2ppX3JlYWN0aW9ucyIsInBsZXJvbWFfY2hhdF9tZXNzYWdlcyIsImVtYWlsX2xpc3QiXSwiZmVkZXJhdGlvbiI6eyJlbmFibGVkIjp0cnVlLCJleGNsdXNpb25zIjpmYWxzZSwibXJmX3BvbGljaWVzIjpbIlRhZ1BvbGljeSIsIlNpbXBsZVBvbGljeSJdLCJtcmZfc2ltcGxlIjp7ImFjY2VwdCI6W10sImF2YXRhcl9yZW1vdmFsIjpbInBhd29vLm5ldCIsInNpbmJsci5jb20iLCJkYWppYXdlaWJvLmNvbSJdLCJiYW5uZXJfcmVtb3ZhbCI6WyJwYXdvby5uZXQiLCJzaW5ibHIuY29tIiwiZGFqaWF3ZWliby5jb20iXSwiZmVkZXJhdGVkX3RpbWVsaW5lX3JlbW92YWwiOltdLCJmb2xsb3dlcnNfb25seSI6W10sIm1lZGlhX25zZnciOltdLCJtZWRpYV9yZW1vdmFsIjpbInBhd29vLm5ldCIsInNpbmJsci5jb20iLCJkYWppYXdlaWJvLmNvbSJdLCJyZWplY3QiOltdLCJyZWplY3RfZGVsZXRlcyI6W10sInJlcG9ydF9yZW1vdmFsIjpbXX0sInF1YXJhbnRpbmVkX2luc3RhbmNlcyI6W119LCJmaWVsZHNMaW1pdHMiOnsibWF4RmllbGRzIjoxNSwibWF4UmVtb3RlRmllbGRzIjoyMCwibmFtZUxlbmd0aCI6NTEyLCJ2YWx1ZUxlbmd0aCI6MjA0OH0sImludml0ZXNFbmFibGVkIjpmYWxzZSwibWFpbGVyRW5hYmxlZCI6dHJ1ZSwibm9kZURlc2NyaXB0aW9uIjoiQnVpbGRpbmcgdGhlIG5leHQgZ2VuZXJhdGlvbiBvZiB0aGUgRmVkaXZlcnNlLiBTcGVhayBmcmVlbHkuIiwibm9kZU5hbWUiOiJHbGVhc29uYXRvciIsInBvbGxMaW1pdHMiOnsibWF4X2V4cGlyYXRpb24iOjMxNTM2MDAwLCJtYXhfb3B0aW9uX2NoYXJzIjoyMDAsIm1heF9vcHRpb25zIjoyMCwibWluX2V4cGlyYXRpb24iOjB9LCJwb3N0Rm9ybWF0cyI6WyJ0ZXh0L3BsYWluIiwidGV4dC9odG1sIiwidGV4dC9tYXJrZG93biIsInRleHQvYmJjb2RlIl0sInByaXZhdGUiOmZhbHNlLCJyZXN0cmljdGVkTmlja25hbWVzIjpbIi53ZWxsLWtub3duIiwifiIsImFib3V0IiwiYWN0aXZpdGllcyIsImFwaSIsImF1dGgiLCJjaGVja19wYXNzd29yZCIsImRldiIsImZyaWVuZC1yZXF1ZXN0cyIsImluYm94IiwiaW50ZXJuYWwiLCJtYWluIiwibWVkaWEiLCJub2RlaW5mbyIsIm5vdGljZSIsIm9hdXRoIiwib2JqZWN0cyIsIm9zdGF0dXNfc3Vic2NyaWJlIiwicGxlcm9tYSIsInByb3h5IiwicHVzaCIsInJlZ2lzdHJhdGlvbiIsInJlbGF5Iiwic2V0dGluZ3MiLCJzdGF0dXMiLCJ0YWciLCJ1c2VyLXNlYXJjaCIsInVzZXJfZXhpc3RzIiwidXNlcnMiLCJ3ZWIiLCJ2ZXJpZnlfY3JlZGVudGlhbHMiLCJ1cGRhdGVfY3JlZGVudGlhbHMiLCJyZWxhdGlvbnNoaXBzIiwic2VhcmNoIiwiY29uZmlybWF0aW9uX3Jlc2VuZCIsIm1mYSJdLCJza2lwVGhyZWFkQ29udGFpbm1lbnQiOnRydWUsInN0YWZmQWNjb3VudHMiOlsiaHR0cHM6Ly9nbGVhc29uYXRvci5jb20vdXNlcnMvYWxleCJdLCJzdWdnZXN0aW9ucyI6eyJlbmFibGVkIjpmYWxzZX0sInVwbG9hZExpbWl0cyI6eyJhdmF0YXIiOjIwMDAwMDAsImJhY2tncm91bmQiOjQwMDAwMDAsImJhbm5lciI6NDAwMDAwMCwiZ2VuZXJhbCI6MTAwMDAwMDAwfX0sIm9wZW5SZWdpc3RyYXRpb25zIjp0cnVlLCJwcm90b2NvbHMiOlsiYWN0aXZpdHlwdWIiXSwic2VydmljZXMiOnsiaW5ib3VuZCI6W10sIm91dGJvdW5kIjpbXX0sInNvZnR3YXJlIjp7Im5hbWUiOiJwbGVyb21hIiwidmVyc2lvbiI6IjIuMy4wLTExMS1nYjQ3OGE4N2UtZGV2ZWxvcCJ9LCJ1c2FnZSI6eyJsb2NhbFBvc3RzIjo3ODkwNiwidXNlcnMiOnsidG90YWwiOjM1N319LCJ2ZXJzaW9uIjoiMi4wIn0="
-}
diff --git a/packages/pl-fe/src/__fixtures__/relationship.json b/packages/pl-fe/src/__fixtures__/relationship.json
deleted file mode 100644
index 179b8335e..000000000
--- a/packages/pl-fe/src/__fixtures__/relationship.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "showing_reblogs": true,
-  "followed_by": false,
-  "subscribing": false,
-  "blocked_by": false,
-  "requested": false,
-  "domain_blocking": false,
-  "following": false,
-  "endorsed": false,
-  "blocking": true,
-  "muting": false,
-  "id": "9vMAje101ngtjlMj7w",
-  "muting_notifications": true
-}
diff --git a/packages/pl-fe/src/__fixtures__/rules.json b/packages/pl-fe/src/__fixtures__/rules.json
deleted file mode 100644
index f5f3756f9..000000000
--- a/packages/pl-fe/src/__fixtures__/rules.json
+++ /dev/null
@@ -1,12 +0,0 @@
-[
-  {
-    "id": "1",
-    "text": "Illegal activity and behavior",
-    "subtext": "Content that depicts illegal or criminal acts, threats of violence."
-  },
-  {
-    "id": "2",
-    "text": "Intellectual property infringement",
-    "subtext": "Impersonating another account or business, infringing on intellectual property rights."
-  }
-]
diff --git a/packages/pl-fe/src/__fixtures__/status-custom-emoji.json b/packages/pl-fe/src/__fixtures__/status-custom-emoji.json
deleted file mode 100644
index ac3f184ee..000000000
--- a/packages/pl-fe/src/__fixtures__/status-custom-emoji.json
+++ /dev/null
@@ -1,126 +0,0 @@
-{
-  "account": {
-    "acct": "benis911",
-    "avatar": "https://gleasonator.com/images/avi.png",
-    "avatar_static": "https://gleasonator.com/images/avi.png",
-    "bot": false,
-    "created_at": "2021-03-26T20:42:11.000Z",
-    "display_name": "benis911",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 0,
-    "following_count": 0,
-    "fqn": "benis911@gleasonator.com",
-    "header": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "header_static": "https://media.gleasonator.com/fc595bbbcf5aabefecd1c2adfe5b7f5457db59847992881668653a0338ba25bd.jpg",
-    "id": "A5c5LK7EJTFR0u26Pg",
-    "last_status_at": "2022-02-23T17:31:08",
-    "locked": true,
-    "note": "hello world 2",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://gleasonator.com/users/alex",
-        "https://poa.st/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/benis911",
-      "background_image": null,
-      "birthday": "2000-01-25",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": true,
-      "hide_followers_count": true,
-      "hide_follows": true,
-      "hide_follows_count": true,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "hello world 2",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 152,
-    "url": "https://gleasonator.com/users/benis911",
-    "username": "benis911"
-  },
-  "application": {
-    "name": "Soapbox FE",
-    "website": "https://soapbox.pub/"
-  },
-  "bookmarked": false,
-  "card": null,
-  "content": "Hello :ablobcathyper: :ageblobcat: 😂 world 😋 test :blobcatphoto:",
-  "created_at": "2022-02-23T17:31:07.000Z",
-  "emojis": [
-    {
-      "shortcode": "ablobcathyper",
-      "static_url": "https://gleasonator.com/emoji/blobcat/ablobcathyper.png",
-      "url": "https://gleasonator.com/emoji/blobcat/ablobcathyper.png",
-      "visible_in_picker": false
-    },
-    {
-      "shortcode": "ageblobcat",
-      "static_url": "https://gleasonator.com/emoji/blobcat/ageblobcat.png",
-      "url": "https://gleasonator.com/emoji/blobcat/ageblobcat.png",
-      "visible_in_picker": false
-    },
-    {
-      "shortcode": "blobcatphoto",
-      "static_url": "https://gleasonator.com/emoji/blobcat/blobcatphoto.png",
-      "url": "https://gleasonator.com/emoji/blobcat/blobcatphoto.png",
-      "visible_in_picker": false
-    }
-  ],
-  "favourited": false,
-  "favourites_count": 0,
-  "id": "AGm7uC9DaAIGUa4KYK",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [],
-  "mentions": [],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "Hello :ablobcathyper: :ageblobcat: 😂 world 😋 test :blobcatphoto:"
-    },
-    "conversation_id": "AGm7uC3BwZTOBtFW9w",
-    "direct_conversation_id": null,
-    "emoji_reactions": [],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": null,
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 0,
-  "replies_count": 0,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/objects/2dc79219-aed6-40c0-8818-0c2d26ed3436",
-  "url": "https://gleasonator.com/notice/AGm7uC9DaAIGUa4KYK",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/status-cw.json b/packages/pl-fe/src/__fixtures__/status-cw.json
deleted file mode 100644
index af9978cfb..000000000
--- a/packages/pl-fe/src/__fixtures__/status-cw.json
+++ /dev/null
@@ -1,63 +0,0 @@
-{
-  "id": "107831528995252317",
-  "created_at": "2022-02-20T17:35:55.224Z",
-  "in_reply_to_id": null,
-  "in_reply_to_account_id": null,
-  "sensitive": true,
-  "spoiler_text": "testing",
-  "visibility": "public",
-  "language": "en",
-  "uri": "https://fedibird.com/users/alex/statuses/107831528995252317",
-  "url": "https://fedibird.com/@alex/107831528995252317",
-  "replies_count": 0,
-  "reblogs_count": 0,
-  "favourites_count": 0,
-  "emoji_reactions_count": 0,
-  "emoji_reactions": [],
-  "content": "<p>hello world</p>",
-  "reblog": null,
-  "application": {
-    "name": "Web",
-    "website": null
-  },
-  "account": {
-    "id": "66768",
-    "username": "alex",
-    "acct": "alex",
-    "display_name": "",
-    "locked": false,
-    "bot": false,
-    "cat": false,
-    "discoverable": null,
-    "group": false,
-    "created_at": "2020-01-27T00:00:00.000Z",
-    "note": "<p></p>",
-    "url": "https://fedibird.com/@alex",
-    "avatar": "https://fedibird.com/avatars/original/missing.png",
-    "avatar_static": "https://fedibird.com/avatars/original/missing.png",
-    "header": "https://fedibird.com/headers/original/missing.png",
-    "header_static": "https://fedibird.com/headers/original/missing.png",
-    "followers_count": 1,
-    "following_count": 1,
-    "subscribing_count": 0,
-    "statuses_count": 5,
-    "last_status_at": "2022-02-20",
-    "emojis": [],
-    "fields": [],
-    "other_settings": {
-      "noindex": false,
-      "hide_network": false,
-      "hide_statuses_count": false,
-      "hide_following_count": false,
-      "hide_followers_count": false,
-      "enable_reaction": true
-    }
-  },
-  "media_attachments": [],
-  "mentions": [],
-  "tags": [],
-  "emojis": [],
-  "card": null,
-  "poll": null,
-  "quote": null
-}
diff --git a/packages/pl-fe/src/__fixtures__/status-quotes.json b/packages/pl-fe/src/__fixtures__/status-quotes.json
deleted file mode 100644
index d74a149c9..000000000
--- a/packages/pl-fe/src/__fixtures__/status-quotes.json
+++ /dev/null
@@ -1,15 +0,0 @@
-[
-  {
-    "account": {
-      "id": "ABDSjI3Q0R8aDaz1U0"
-    },
-    "content": "quoast",
-    "id": "AJsajx9hY4Q7IKQXEe",
-    "pleroma": {
-      "quote": {
-        "content": "<p>10</p>",
-        "id": "AJmoVikzI3SkyITyim"
-      }
-    }
-  }
-]
diff --git a/packages/pl-fe/src/__fixtures__/status-unordered-mentions.json b/packages/pl-fe/src/__fixtures__/status-unordered-mentions.json
deleted file mode 100644
index 40bdbe8b6..000000000
--- a/packages/pl-fe/src/__fixtures__/status-unordered-mentions.json
+++ /dev/null
@@ -1,122 +0,0 @@
-{
-  "account": {
-    "acct": "apropos@freespeechextremist.com",
-    "avatar": "https://gleasonator.com/proxy/WVdkCbG7AOZ_eqMzskzXQoyjq8o/aHR0cHM6Ly9mcmVlc3BlZWNoZXh0cmVtaXN0LmNvbS9tZWRpYS8zN2I4MDMzZC03OGQ1LTQ0YmMtYmY5NC0xYTI2NzY5NTQwM2YvYmxvYi5wbmc_bmFtZT1ibG9iLnBuZw/blob.png",
-    "avatar_static": "https://gleasonator.com/proxy/WVdkCbG7AOZ_eqMzskzXQoyjq8o/aHR0cHM6Ly9mcmVlc3BlZWNoZXh0cmVtaXN0LmNvbS9tZWRpYS8zN2I4MDMzZC03OGQ1LTQ0YmMtYmY5NC0xYTI2NzY5NTQwM2YvYmxvYi5wbmc_bmFtZT1ibG9iLnBuZw/blob.png",
-    "bot": false,
-    "created_at": "2020-05-21T07:20:46.000Z",
-    "display_name": "of nothing",
-    "emojis": [],
-    "fields": [],
-    "followers_count": 87,
-    "following_count": 85,
-    "fqn": "apropos@freespeechextremist.com",
-    "header": "https://gleasonator.com/proxy/pIracLGWm_skCfOOgdwcCNqES5s/aHR0cHM6Ly9mcmVlc3BlZWNoZXh0cmVtaXN0LmNvbS9tZWRpYS8yZDEwYmRjZC01NDUwLTRjZjYtYWFhZS1hNTJjMzYwYjk2YjYvdHJhY2tzb25tYXJzLmpwZz9uYW1lPXRyYWNrc29ubWFycy5qcGc/tracksonmars.jpg",
-    "header_static": "https://gleasonator.com/proxy/pIracLGWm_skCfOOgdwcCNqES5s/aHR0cHM6Ly9mcmVlc3BlZWNoZXh0cmVtaXN0LmNvbS9tZWRpYS8yZDEwYmRjZC01NDUwLTRjZjYtYWFhZS1hNTJjMzYwYjk2YjYvdHJhY2tzb25tYXJzLmpwZz9uYW1lPXRyYWNrc29ubWFycy5qcGc/tracksonmars.jpg",
-    "id": "9vGR3IWmWVYRkKUZ4i",
-    "last_status_at": "2022-01-07T21:47:39",
-    "locked": false,
-    "note": "If you wait by the river long enough, the bodies of your enemies will float by.<br/><br/>Deo Vindice",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [],
-      "ap_id": "https://freespeechextremist.com/users/apropos",
-      "background_image": null,
-      "favicon": "https://gleasonator.com/proxy/EN7BSaEEYTRpmRj4lITIjgWp2sg/aHR0cHM6Ly9mcmVlc3BlZWNoZXh0cmVtaXN0LmNvbS9mYXZpY29uLnBuZw/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": false,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": false,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [],
-      "note": "",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 7087,
-    "url": "https://freespeechextremist.com/users/apropos",
-    "username": "apropos"
-  },
-  "application": null,
-  "bookmarked": false,
-  "card": null,
-  "content": "<span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9r7CIa1GGezUtzTFyq\" href=\"https://iddqd.social/users/NEETzsche\" rel=\"ugc\">@<span>NEETzsche</span></a></span> <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"9qoN7ZXtt7bllprZtw\" href=\"https://gleasonator.com/users/alex\" rel=\"ugc\">@<span>alex</span></a></span> <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"A3dBnkLBdLgHFdxV2G\" href=\"https://pleroma.skyshanty.xyz/users/Lumeinshin\" rel=\"ugc\">@<span>Lumeinshin</span></a></span> <span class=\"h-card\"><a class=\"u-url mention\" data-user=\"ACrsGCVvaMiNdATg7E\" href=\"https://social.silkky.cloud/users/sneeden\" rel=\"ugc\">@<span>sneeden</span></a></span> <br/>&gt;seething<br/>&#39;posting&#39;, just like you.",
-  "created_at": "2022-01-07T17:29:58.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 1,
-  "id": "AFChectaqZjmOVkXZ2",
-  "in_reply_to_account_id": "9v5bw7hEGBPc9nrpzc",
-  "in_reply_to_id": "AFChbnWqrAZ2VIlPJw",
-  "language": null,
-  "media_attachments": [],
-  "mentions": [
-    {
-      "acct": "alex",
-      "id": "9v5bmRalQvjOy0ECcC",
-      "url": "https://gleasonator.com/users/alex",
-      "username": "alex"
-    },
-    {
-      "acct": "NEETzsche@iddqd.social",
-      "id": "9v5bw7hEGBPc9nrpzc",
-      "url": "https://iddqd.social/users/NEETzsche",
-      "username": "NEETzsche"
-    },
-    {
-      "acct": "Lumeinshin@pleroma.skyshanty.xyz",
-      "id": "A3dFSwTkwgRfd998iG",
-      "url": "https://pleroma.skyshanty.xyz/users/Lumeinshin",
-      "username": "Lumeinshin"
-    },
-    {
-      "acct": "sneeden@social.silkky.cloud",
-      "id": "ACrsPAbAOPh3GbKZhQ",
-      "url": "https://social.silkky.cloud/users/sneeden",
-      "username": "sneeden"
-    }
-  ],
-  "muted": false,
-  "pinned": false,
-  "pleroma": {
-    "content": {
-      "text/plain": "@NEETzsche @alex @Lumeinshin @sneeden >seething'posting', just like you."
-    },
-    "conversation_id": "AFCYCBFN9SgOwoIWTg",
-    "direct_conversation_id": null,
-    "emoji_reactions": [],
-    "expires_at": null,
-    "in_reply_to_account_acct": "NEETzsche@iddqd.social",
-    "local": false,
-    "parent_visible": true,
-    "pinned_at": null,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 0,
-  "replies_count": 0,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://freespeechextremist.com/objects/714b0e04-bec4-4a2a-9514-312814380064",
-  "url": "https://freespeechextremist.com/objects/714b0e04-bec4-4a2a-9514-312814380064",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/status-with-card.json b/packages/pl-fe/src/__fixtures__/status-with-card.json
deleted file mode 100644
index da2f83b94..000000000
--- a/packages/pl-fe/src/__fixtures__/status-with-card.json
+++ /dev/null
@@ -1,210 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [
-      {
-        "shortcode": "soapbox",
-        "static_url": "https://gleasonator.com/emoji/Gleasonator/soapbox.png",
-        "url": "https://gleasonator.com/emoji/Gleasonator/soapbox.png",
-        "visible_in_picker": false
-      }
-    ],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Soapbox :soapbox:",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2476,
-    "following_count": 1584,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-03-12T16:35:10",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online. :soapbox:<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Soapbox :soapbox:",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online. :soapbox:\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 23674,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": null,
-  "bookmarked": false,
-  "card": {
-    "author_name": "Alex Gleason",
-    "author_url": "https://soapbox.pub/author/alex/",
-    "blurhash": null,
-    "description": "On cryptocurrency I’ve always believed integrated donations would be a necessary part of the Fediverse. Admins do all the heavy lifting; it’s a thankless job. Meanwhile users want to help secure their new online home, but feel powerless to do so. I have been running an experimental payment platform based on Stripe alongside my Soapbox […]",
-    "embed_url": null,
-    "height": 338,
-    "html": "",
-    "image": "https://gleasonator.com/proxy/L2kUi5uxMdoC6LYYrnAdlJviPGQ/aHR0cHM6Ly9tZWRpYS5zb2FwYm94LnB1Yi91cGxvYWRzLzIwMjEvMDcvdi0xLTMtdGh1bWIucG5n/v-1-3-thumb.png",
-    "provider_name": "Soapbox",
-    "provider_url": "https://soapbox.pub",
-    "title": "Soapbox FE v1.3: The Crypto Release - Soapbox",
-    "type": "link",
-    "url": "https://soapbox.pub/blog/soapbox-fe-v1.3-cryptocurrency-release/",
-    "width": 600
-  },
-  "content": "<p>Soapbox FE v1.3 released. Read about it here: <a href=\"https://soapbox.pub/blog/soapbox-fe-v1.3-cryptocurrency-release/\">https://soapbox.pub/blog/soapbox-fe-v1.3-cryptocurrency-release/</a></p><p>Enjoy!</p>",
-  "created_at": "2021-07-02T20:49:39.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 29,
-  "id": "A8tEMYF2GNnfPcL4dc",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [],
-  "mentions": [],
-  "muted": false,
-  "pinned": true,
-  "pleroma": {
-    "content": {
-      "text/plain": "Soapbox FE v1.3 released. Read about it here: https://soapbox.pub/blog/soapbox-fe-v1.3-cryptocurrency-release/Enjoy!"
-    },
-    "conversation_id": "16496668",
-    "direct_conversation_id": null,
-    "emoji_reactions": [
-      {
-        "count": 5,
-        "me": false,
-        "name": "❤️"
-      },
-      {
-        "count": 1,
-        "me": false,
-        "name": "👍"
-      }
-    ],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": "2021-11-23T01:38:44.000Z",
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": null,
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 16,
-  "replies_count": 7,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/objects/3eabaf63-47f4-4314-9ddb-ce7dbf46b393",
-  "url": "https://gleasonator.com/notice/A8tEMYF2GNnfPcL4dc",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/status-with-poll.json b/packages/pl-fe/src/__fixtures__/status-with-poll.json
deleted file mode 100644
index 9dfd90d7e..000000000
--- a/packages/pl-fe/src/__fixtures__/status-with-poll.json
+++ /dev/null
@@ -1,201 +0,0 @@
-{
-  "account": {
-    "acct": "alex",
-    "avatar": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "avatar_static": "https://media.gleasonator.com/6d64aecb17348b23aaff78db4687b9476cb0da1c07cc6a819c2e6ec7144c18b1.png",
-    "bot": false,
-    "created_at": "2020-01-08T01:25:43.000Z",
-    "display_name": "Alex Gleason",
-    "emojis": [],
-    "fields": [
-      {
-        "name": "Website",
-        "value": "<a href=\"https://alexgleason.me\" rel=\"ugc\">https://alexgleason.me</a>"
-      },
-      {
-        "name": "Soapbox",
-        "value": "<a href=\"https://soapbox.pub\" rel=\"ugc\">https://soapbox.pub</a>"
-      },
-      {
-        "name": "Email",
-        "value": "alex@alexgleason.me"
-      },
-      {
-        "name": "Gender identity",
-        "value": "Soyboy"
-      },
-      {
-        "name": "Donate (PayPal)",
-        "value": "<a href=\"https://paypal.me/gleasonator\" rel=\"ugc\">https://paypal.me/gleasonator</a>"
-      },
-      {
-        "name": "$BTC",
-        "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-      },
-      {
-        "name": "$ETH",
-        "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-      },
-      {
-        "name": "$DOGE",
-        "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-      },
-      {
-        "name": "$XMR",
-        "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-      }
-    ],
-    "followers_count": 2390,
-    "following_count": 1574,
-    "fqn": "alex@gleasonator.com",
-    "header": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "header_static": "https://media.gleasonator.com/accounts/headers/000/000/001/original/9d0e4dbf1c9dbc8f.png",
-    "id": "9v5bmRalQvjOy0ECcC",
-    "last_status_at": "2022-02-23T17:54:41",
-    "locked": false,
-    "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-    "pleroma": {
-      "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
-      "ap_id": "https://gleasonator.com/users/alex",
-      "background_image": null,
-      "birthday": "1993-07-03",
-      "favicon": "https://gleasonator.com/favicon.png",
-      "hide_favorites": true,
-      "hide_followers": false,
-      "hide_followers_count": false,
-      "hide_follows": false,
-      "hide_follows_count": false,
-      "is_admin": true,
-      "is_confirmed": true,
-      "is_moderator": false,
-      "is_suggested": true,
-      "relationship": {},
-      "skip_thread_containment": false,
-      "tags": []
-    },
-    "source": {
-      "fields": [
-        {
-          "name": "Website",
-          "value": "https://alexgleason.me"
-        },
-        {
-          "name": "Soapbox",
-          "value": "https://soapbox.pub"
-        },
-        {
-          "name": "Email",
-          "value": "alex@alexgleason.me"
-        },
-        {
-          "name": "Gender identity",
-          "value": "Soyboy"
-        },
-        {
-          "name": "Donate (PayPal)",
-          "value": "https://paypal.me/gleasonator"
-        },
-        {
-          "name": "$BTC",
-          "value": "bc1q9cx35adpm73aq2fw40ye6ts8hfxqzjr5unwg0n"
-        },
-        {
-          "name": "$ETH",
-          "value": "0xAc9aB5Fc04Dc1cB1789Af75b523Bd23C70B2D717"
-        },
-        {
-          "name": "$DOGE",
-          "value": "D5zVZs6jrRakaPVGiErkQiHt9sayzm6V5D"
-        },
-        {
-          "name": "$XMR",
-          "value": "45JDCLrjJ4bgVUSbbs2yjy9m5Mf4VLPW8fG7jw9sq5u69rXZZopQogZNeyYkMBnXpkaip4p4QwaaJNhdTotPa9g44DBCzdK"
-        }
-      ],
-      "note": "I create Fediverse software that empowers people online.\r\n\r\nI'm vegan btw\r\n\r\nNote: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
-      "pleroma": {
-        "actor_type": "Person",
-        "discoverable": false
-      },
-      "sensitive": false
-    },
-    "statuses_count": 23502,
-    "url": "https://gleasonator.com/users/alex",
-    "username": "alex"
-  },
-  "application": null,
-  "bookmarked": false,
-  "card": null,
-  "content": "<p>What is tolerance?</p>",
-  "created_at": "2020-03-23T19:33:06.000Z",
-  "emojis": [],
-  "favourited": false,
-  "favourites_count": 47,
-  "id": "103874034847713213",
-  "in_reply_to_account_id": null,
-  "in_reply_to_id": null,
-  "language": null,
-  "media_attachments": [],
-  "mentions": [],
-  "muted": false,
-  "pinned": true,
-  "pleroma": {
-    "content": {
-      "text/plain": "What is tolerance?"
-    },
-    "conversation_id": "3023268",
-    "direct_conversation_id": null,
-    "emoji_reactions": [
-      {
-        "count": 3,
-        "me": false,
-        "name": "❤️"
-      }
-    ],
-    "expires_at": null,
-    "in_reply_to_account_acct": null,
-    "local": true,
-    "parent_visible": false,
-    "pinned_at": "2021-11-23T01:38:44.000Z",
-    "quote": null,
-    "quote_url": null,
-    "quote_visible": false,
-    "spoiler_text": {
-      "text/plain": ""
-    },
-    "thread_muted": false
-  },
-  "poll": {
-    "emojis": [],
-    "expired": true,
-    "expires_at": "2020-03-24T19:33:06.000Z",
-    "id": "4930",
-    "multiple": false,
-    "options": [
-      {
-        "title": "Banning, censoring, and deplatforming anyone you disagree with",
-        "votes_count": 2
-      },
-      {
-        "title": "Promoting free speech, even for people and ideas you dislike",
-        "votes_count": 36
-      }
-    ],
-    "voters_count": 2,
-    "votes_count": 38
-  },
-  "reblog": null,
-  "reblogged": false,
-  "reblogs_count": 26,
-  "replies_count": 14,
-  "sensitive": false,
-  "spoiler_text": "",
-  "tags": [],
-  "text": null,
-  "uri": "https://gleasonator.com/users/alex/statuses/103874034847713213",
-  "url": "https://gleasonator.com/notice/103874034847713213",
-  "visibility": "public"
-}
diff --git a/packages/pl-fe/src/__fixtures__/user.json b/packages/pl-fe/src/__fixtures__/user.json
deleted file mode 100644
index 24617cc4a..000000000
--- a/packages/pl-fe/src/__fixtures__/user.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "access_token": "UVBP2e17b4pTpb_h8fImIm3F5a66IBVb-JkyZHs4gLE",
-  "expires_in": 600,
-  "me": "https://social.teci.world/users/curtis",
-  "refresh_token": "c2DpbVxYZBJDogNn-VBNFES72yXPNUYQCv0CrXGOplY",
-  "scope": "read write follow push admin",
-  "token_type": "Bearer"
-}
diff --git a/packages/pl-fe/src/actions/accounts.test.ts b/packages/pl-fe/src/actions/accounts.test.ts
deleted file mode 100644
index 56db8af9a..000000000
--- a/packages/pl-fe/src/actions/accounts.test.ts
+++ /dev/null
@@ -1,466 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-
-import { __stub } from '@/api';
-import { buildInstance, buildRelationship } from '@/jest/factory';
-import { mockStore, rootState } from '@/jest/test-helpers';
-
-import {
-  createAccount,
-  fetchAccount,
-  fetchAccountByUsername,
-  fetchRelationships,
-} from './accounts';
-
-let store: ReturnType<typeof mockStore>;
-
-describe('createAccount()', () => {
-  const params = {
-    email: 'foo@bar.com',
-  };
-
-  describe('with a successful API request', () => {
-    beforeEach(() => {
-      const state = rootState;
-      store = mockStore(state);
-
-      __stub((mock) => {
-        mock.onPost('/api/v1/accounts').reply(200, { token: '123 ' });
-      });
-    });
-
-    it('dispatches the correct actions', async() => {
-      const expectedActions = [
-        { type: 'ACCOUNT_CREATE_REQUEST', params },
-        {
-          type: 'ACCOUNT_CREATE_SUCCESS',
-          params,
-          token: { token: '123 ' },
-        },
-      ];
-      await store.dispatch(createAccount(params));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-});
-
-describe('fetchAccount()', () => {
-  const id = '123';
-
-  describe('when the account has "should_refetch" set to false', () => {
-    beforeEach(() => {
-      const account = {
-        id,
-        acct: 'justin-username',
-        display_name: 'Justin L',
-        avatar: 'test.jpg',
-      };
-
-      const state = {
-        ...rootState,
-        entities: {
-          'ACCOUNTS': {
-            store: {
-              [id]: account,
-            },
-            lists: {},
-          },
-        },
-      };
-
-      store = mockStore(state);
-
-      __stub((mock) => {
-        mock.onGet(`/api/v1/accounts/${id}`).reply(200, account);
-      });
-    });
-
-    it('should do nothing', async() => {
-      await store.dispatch(fetchAccount(id));
-      const actions = store.getActions();
-
-      expect(actions).toEqual([]);
-    });
-  });
-
-  describe('with a successful API request', async () => {
-    const account = await import('@/__fixtures__/pleroma-account.json');
-
-    beforeEach(() => {
-      const state = rootState;
-      store = mockStore(state);
-
-      __stub((mock) => {
-        mock.onGet(`/api/v1/accounts/${id}`).reply(200, account);
-      });
-    });
-
-    it('should dispatch the correct actions', async() => {
-      const expectedActions = [
-        { type: 'ACCOUNT_FETCH_REQUEST', id: '123' },
-        { type: 'ACCOUNTS_IMPORT', accounts: [account] },
-        {
-          type: 'ACCOUNT_FETCH_SUCCESS',
-          account,
-        },
-      ];
-
-      await store.dispatch(fetchAccount(id));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-
-  describe('with an unsuccessful API request', () => {
-    beforeEach(() => {
-      const state = rootState;
-      store = mockStore(state);
-
-      __stub((mock) => {
-        mock.onGet(`/api/v1/accounts/${id}`).networkError();
-      });
-    });
-
-    it('should dispatch the correct actions', async() => {
-      const expectedActions = [
-        { type: 'ACCOUNT_FETCH_REQUEST', id: '123' },
-        {
-          type: 'ACCOUNT_FETCH_FAIL',
-          id,
-          error: new Error('Network Error'),
-          skipAlert: true,
-        },
-      ];
-
-      await store.dispatch(fetchAccount(id));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-});
-
-describe('fetchAccountByUsername()', () => {
-  const id = '123';
-  const username = 'tiger';
-  let state, account: any;
-
-  beforeEach(() => {
-    account = {
-      id,
-      acct: username,
-      display_name: 'Tiger',
-      avatar: 'test.jpg',
-      birthday: undefined,
-    };
-
-    state = {
-      ...rootState,
-      entities: {
-        'ACCOUNTS': {
-          store: {
-            [id]: account,
-          },
-          lists: {},
-        },
-      },
-    };
-
-    store = mockStore(state);
-
-    __stub((mock) => {
-      mock.onGet(`/api/v1/accounts/${id}`).reply(200, account);
-    });
-  });
-
-  describe('when "accountByUsername" feature is enabled', () => {
-    beforeEach(() => {
-      const state = {
-        ...rootState,
-        me: '123',
-        instance: buildInstance({
-          version: '2.7.2 (compatible; Pleroma 2.4.52-1337-g4779199e.gleasonator+soapbox)',
-          pleroma: {
-            metadata: {
-              features: [],
-            },
-          },
-        }),
-      };
-
-      store = mockStore(state);
-    });
-
-    describe('with a successful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${username}`).reply(200, account);
-          mock.onGet(`/api/v1/accounts/relationships?${[account.id].map(id => `id[]=${id}`).join('&')}`);
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions[0]).toEqual({
-          type: 'RELATIONSHIPS_FETCH_REQUEST',
-          ids: ['123'],
-        });
-        expect(actions[1].type).toEqual('ACCOUNTS_IMPORT');
-        expect(actions[2].type).toEqual('ACCOUNT_FETCH_SUCCESS');
-      });
-    });
-
-    describe('with an unsuccessful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${username}`).networkError();
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        const expectedActions = [
-          {
-            type: 'ACCOUNT_FETCH_FAIL',
-            id: null,
-            error: new Error('Network Error'),
-            skipAlert: true,
-          },
-          { type: 'ACCOUNT_FETCH_FAIL_FOR_USERNAME_LOOKUP', username: 'tiger' },
-        ];
-
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-
-  describe('when "accountLookup" feature is enabled', () => {
-    beforeEach(() => {
-      const state = {
-        ...rootState,
-        me: '123',
-        instance: buildInstance({
-          version: '3.4.1 (compatible; TruthSocial 1.0.0)',
-          pleroma: {
-            metadata: {
-              features: [],
-            },
-          },
-        }),
-      };
-
-      store = mockStore(state);
-    });
-
-    describe('with a successful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/lookup').reply(200, account);
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions[0]).toEqual({
-          type: 'ACCOUNT_LOOKUP_REQUEST',
-          acct: username,
-        });
-        expect(actions[1].type).toEqual('ACCOUNTS_IMPORT');
-        expect(actions[2].type).toEqual('ACCOUNT_LOOKUP_SUCCESS');
-        expect(actions[3].type).toEqual('RELATIONSHIPS_FETCH_REQUEST');
-        expect(actions[4].type).toEqual('ACCOUNT_FETCH_SUCCESS');
-      });
-    });
-
-    describe('with an unsuccessful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/lookup').networkError();
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        const expectedActions = [
-          { type: 'ACCOUNT_LOOKUP_REQUEST', acct: 'tiger' },
-          { type: 'ACCOUNT_LOOKUP_FAIL' },
-          {
-            type: 'ACCOUNT_FETCH_FAIL',
-            id: null,
-            error: new Error('Network Error'),
-            skipAlert: true,
-          },
-          { type: 'ACCOUNT_FETCH_FAIL_FOR_USERNAME_LOOKUP', username },
-        ];
-
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-
-  describe('when using the accountSearch function', () => {
-    beforeEach(() => {
-      const state = { ...rootState, me: '123' };
-      store = mockStore(state);
-    });
-
-    describe('with a successful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/search').reply(200, [account]);
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions[0]).toEqual({
-          type: 'ACCOUNT_SEARCH_REQUEST',
-          params: { q: username, limit: 5, resolve: true },
-        });
-        expect(actions[1].type).toEqual('ACCOUNTS_IMPORT');
-        expect(actions[2].type).toEqual('ACCOUNT_SEARCH_SUCCESS');
-        expect(actions[3]).toEqual({
-          type: 'RELATIONSHIPS_FETCH_REQUEST',
-          ids: [ '123' ],
-        });
-        expect(actions[4].type).toEqual('ACCOUNT_FETCH_SUCCESS');
-      });
-    });
-
-    describe('with an unsuccessful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/search').networkError();
-        });
-      });
-
-      it('should return dispatch the proper actions', async() => {
-        const expectedActions = [
-          {
-            type: 'ACCOUNT_SEARCH_REQUEST',
-            params: { q: username, limit: 5, resolve: true },
-          },
-          { type: 'ACCOUNT_SEARCH_FAIL', skipAlert: true },
-          {
-            type: 'ACCOUNT_FETCH_FAIL',
-            id: null,
-            error: new Error('Network Error'),
-            skipAlert: true,
-          },
-          { type: 'ACCOUNT_FETCH_FAIL_FOR_USERNAME_LOOKUP', username },
-        ];
-
-        await store.dispatch(fetchAccountByUsername(username));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-});
-
-describe('fetchRelationships()', () => {
-  const id = '1';
-
-  describe('when logged out', () => {
-    beforeEach(() => {
-      const state = { ...rootState, me: null };
-      store = mockStore(state);
-    });
-
-    it('should do nothing', async() => {
-      await store.dispatch(fetchRelationships([id]));
-      const actions = store.getActions();
-
-      expect(actions).toEqual([]);
-    });
-  });
-
-  describe('when logged in', () => {
-    beforeEach(() => {
-      const state = { ...rootState, me: '123' };
-      store = mockStore(state);
-    });
-
-    describe('without newAccountIds', () => {
-      beforeEach(() => {
-        const state = {
-          ...rootState,
-          me: '123',
-          relationships: ImmutableMap({ [id]: buildRelationship() }),
-        };
-
-        store = mockStore(state);
-      });
-
-      it('should do nothing', async() => {
-        await store.dispatch(fetchRelationships([id]));
-        const actions = store.getActions();
-
-        expect(actions).toEqual([]);
-      });
-    });
-
-    describe('with a successful API request', () => {
-      beforeEach(() => {
-        const state = {
-          ...rootState,
-          me: '123',
-          relationships: ImmutableMap(),
-        };
-
-        store = mockStore(state);
-
-        __stub((mock) => {
-          mock
-            .onGet(`/api/v1/accounts/relationships?${[id].map(id => `id[]=${id}`).join('&')}`)
-            .reply(200, []);
-        });
-      });
-
-      it('should dispatch the correct actions', async() => {
-        const expectedActions = [
-          { type: 'RELATIONSHIPS_FETCH_REQUEST', ids: [id] },
-          { type: 'RELATIONSHIPS_FETCH_SUCCESS', relationships: [] },
-        ];
-        await store.dispatch(fetchRelationships([id]));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-
-    describe('with an unsuccessful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock
-            .onGet(`/api/v1/accounts/relationships?${[id].map(id => `id[]=${id}`).join('&')}`)
-            .networkError();
-        });
-      });
-
-      it('should dispatch the correct actions', async() => {
-        const expectedActions = [
-          { type: 'RELATIONSHIPS_FETCH_REQUEST', ids: [id] },
-          { type: 'RELATIONSHIPS_FETCH_FAIL', error: new Error('Network Error') },
-        ];
-        await store.dispatch(fetchRelationships([id]));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/actions/compose.test.ts b/packages/pl-fe/src/actions/compose.test.ts
deleted file mode 100644
index b7d905fe3..000000000
--- a/packages/pl-fe/src/actions/compose.test.ts
+++ /dev/null
@@ -1,133 +0,0 @@
-import { OrderedSet as ImmutableOrderedSet } from 'immutable';
-
-import { buildInstance } from '@/jest/factory';
-import { mockStore, rootState } from '@/jest/test-helpers';
-import { ReducerCompose } from '@/reducers/compose';
-
-import { uploadCompose, submitCompose } from './compose';
-import { STATUS_CREATE_REQUEST } from './statuses';
-
-import type { IntlShape } from 'react-intl';
-
-describe('uploadCompose()', () => {
-  describe('with images', () => {
-    let files: FileList, store: ReturnType<typeof mockStore>;
-
-    beforeEach(() => {
-      const instance = buildInstance({
-        configuration: {
-          statuses: {
-            max_media_attachments: 4,
-          },
-          media_attachments: {
-            image_size_limit: 10,
-          },
-        },
-      });
-
-      const state = {
-        ...rootState,
-        me: '1234',
-        instance,
-        compose: rootState.compose.set('home', ReducerCompose()),
-      };
-
-      store = mockStore(state);
-      files = [{
-        uri: 'image.png',
-        name: 'Image',
-        size: 15,
-        type: 'image/png',
-      }] as unknown as FileList;
-    });
-
-    it('creates an alert if exceeds max size', async() => {
-      const mockIntl = {
-        formatMessage: vi.fn().mockReturnValue('Image exceeds the current file size limit (10 Bytes)'),
-      } as unknown as IntlShape;
-
-      const expectedActions = [
-        { type: 'COMPOSE_UPLOAD_REQUEST', id: 'home' },
-        { type: 'COMPOSE_UPLOAD_FAIL', id: 'home', error: true },
-      ];
-
-      await store.dispatch(uploadCompose('home', files, mockIntl));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-
-  describe('with videos', () => {
-    let files: FileList, store: ReturnType<typeof mockStore>;
-
-    beforeEach(() => {
-      const instance = buildInstance({
-        configuration: {
-          statuses: {
-            max_media_attachments: 4,
-          },
-          media_attachments: {
-            video_size_limit: 10,
-          },
-        },
-      });
-
-      const state = {
-        ...rootState,
-        me: '1234',
-        instance,
-        compose: rootState.compose.set('home', ReducerCompose()),
-      };
-
-      store = mockStore(state);
-      files = [{
-        uri: 'video.mp4',
-        name: 'Video',
-        size: 15,
-        type: 'video/mp4',
-      }] as unknown as FileList;
-    });
-
-    it('creates an alert if exceeds max size', async() => {
-      const mockIntl = {
-        formatMessage: vi.fn().mockReturnValue('Video exceeds the current file size limit (10 Bytes)'),
-      } as unknown as IntlShape;
-
-      const expectedActions = [
-        { type: 'COMPOSE_UPLOAD_REQUEST', id: 'home' },
-        { type: 'COMPOSE_UPLOAD_FAIL', id: 'home', error: true },
-      ];
-
-      await store.dispatch(uploadCompose('home', files, mockIntl));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-});
-
-describe('submitCompose()', () => {
-  it('inserts mentions from text', async() => {
-    const state = {
-      ...rootState,
-      me: '1234',
-      compose: rootState.compose.set('home', ReducerCompose({ text: '@alex hello @mkljczk@pl.fediverse.pl @gg@汉语/漢語.com alex@alexgleason.me' })),
-    };
-
-    const store = mockStore(state);
-    await store.dispatch(submitCompose('home'));
-    const actions = store.getActions();
-
-    const statusCreateRequest = actions.find(action => action.type === STATUS_CREATE_REQUEST);
-    const to = statusCreateRequest!.params.to as ImmutableOrderedSet<string>;
-
-    const expected = [
-      'alex',
-      'mkljczk@pl.fediverse.pl',
-      'gg@汉语/漢語.com',
-    ];
-
-    expect(to.toJS()).toEqual(expected);
-  });
-});
diff --git a/packages/pl-fe/src/actions/importer.ts b/packages/pl-fe/src/actions/importer.ts
index ae0274429..709bff183 100644
--- a/packages/pl-fe/src/actions/importer.ts
+++ b/packages/pl-fe/src/actions/importer.ts
@@ -8,7 +8,6 @@ import type { Account as BaseAccount, Group as BaseGroup, Poll as BasePoll, Rela
 
 const STATUS_IMPORT = 'STATUS_IMPORT' as const;
 const STATUSES_IMPORT = 'STATUSES_IMPORT' as const;
-const POLLS_IMPORT = 'POLLS_IMPORT' as const;
 
 const isEmpty = (object: Record<string, any>) => !Object.values(object).some(value => value);
 
@@ -23,11 +22,6 @@ interface ImportStatusesAction {
   statuses: Array<BaseStatus>;
 }
 
-interface ImportPollAction {
-  type: typeof POLLS_IMPORT;
-  polls: Array<BasePoll>;
-}
-
 const importEntities = (entities: {
   accounts?: Array<BaseAccount | undefined | null>;
   groups?: Array<BaseGroup | undefined | null>;
@@ -110,12 +104,11 @@ const importEntities = (entities: {
   if (!isEmpty(statuses)) dispatch<ImportStatusesAction>({ type: STATUSES_IMPORT, statuses: Object.values(statuses) });
 };
 
-type ImporterAction = ImportStatusAction | ImportStatusesAction | ImportPollAction;
+type ImporterAction = ImportStatusAction | ImportStatusesAction;
 
 export {
   STATUS_IMPORT,
   STATUSES_IMPORT,
-  POLLS_IMPORT,
   importEntities,
   type ImporterAction,
 };
diff --git a/packages/pl-fe/src/actions/me.test.ts b/packages/pl-fe/src/actions/me.test.ts
deleted file mode 100644
index 3eff9cc46..000000000
--- a/packages/pl-fe/src/actions/me.test.ts
+++ /dev/null
@@ -1,121 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-
-import { __stub } from '@/api';
-import { buildAccount } from '@/jest/factory';
-import { mockStore, rootState } from '@/jest/test-helpers';
-import { AuthUserRecord, ReducerRecord } from '@/reducers/auth';
-
-import { fetchMe, patchMe } from './me';
-
-vi.mock('../../storage/kv-store', () => ({
-  __esModule: true,
-  default: {
-    getItemOrError: vi.fn().mockReturnValue(Promise.resolve({})),
-  },
-}));
-
-let store: ReturnType<typeof mockStore>;
-
-describe('fetchMe()', () => {
-  describe('without a token', () => {
-    beforeEach(() => {
-      const state = rootState;
-      store = mockStore(state);
-    });
-
-    it('dispatches the correct actions', async() => {
-      const expectedActions = [{ type: 'ME_FETCH_SKIP' }];
-      await store.dispatch(fetchMe());
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-
-  describe('with a token', () => {
-    const accountUrl = 'accountUrl';
-    const token = '123';
-
-    beforeEach(() => {
-      const state = {
-        ...rootState,
-        auth: ReducerRecord({
-          me: accountUrl,
-          users: ImmutableMap({
-            [accountUrl]: AuthUserRecord({
-              'access_token': token,
-            }),
-          }),
-        }),
-        entities: {
-          'ACCOUNTS': {
-            store: {
-              [accountUrl]: buildAccount({ url: accountUrl }),
-            },
-            lists: {},
-          },
-        },
-      };
-
-      store = mockStore(state);
-    });
-
-    describe('with a successful API response', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/verify_credentials').reply(200, {});
-        });
-      });
-
-      it('dispatches the correct actions', async() => {
-        const expectedActions = [
-          { type: 'ME_FETCH_REQUEST' },
-          { type: 'AUTH_ACCOUNT_REMEMBER_REQUEST', accountUrl },
-          { type: 'ACCOUNTS_IMPORT', accounts: [] },
-          {
-            type: 'AUTH_ACCOUNT_REMEMBER_SUCCESS',
-            account: {},
-            accountUrl,
-          },
-          { type: 'VERIFY_CREDENTIALS_REQUEST', token: '123' },
-          { type: 'ACCOUNTS_IMPORT', accounts: [] },
-          { type: 'VERIFY_CREDENTIALS_SUCCESS', token: '123', account: {} },
-        ];
-        await store.dispatch(fetchMe());
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-});
-
-describe('patchMe()', () => {
-  beforeEach(() => {
-    const state = rootState;
-    store = mockStore(state);
-  });
-
-  describe('with a successful API response', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onPatch('/api/v1/accounts/update_credentials').reply(200, {});
-      });
-    });
-
-    it('dispatches the correct actions', async() => {
-      const expectedActions = [
-        { type: 'ME_PATCH_REQUEST' },
-        { type: 'ACCOUNTS_IMPORT', accounts: [] },
-        {
-          type: 'ME_PATCH_SUCCESS',
-          me: {},
-        },
-      ];
-      await store.dispatch(patchMe({}));
-      const actions = store.getActions();
-
-      expect(actions).toEqual(expectedActions);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/actions/notifications.test.ts b/packages/pl-fe/src/actions/notifications.test.ts
deleted file mode 100644
index 9bf12d9c4..000000000
--- a/packages/pl-fe/src/actions/notifications.test.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { OrderedMap as ImmutableOrderedMap } from 'immutable';
-
-import { __stub } from '@/api';
-import { mockStore, rootState } from '@/jest/test-helpers';
-import { normalizeNotification } from '@/normalizers/notification';
-
-import { markReadNotifications } from './notifications';
-
-describe('markReadNotifications()', () => {
-  it('fires off marker when top notification is newer than lastRead', async() => {
-    __stub((mock) => mock.onPost('/api/v1/markers').reply(200, {}));
-
-    const items = ImmutableOrderedMap({
-      '10': normalizeNotification({ id: '10' }),
-    });
-
-    const state = {
-      ...rootState,
-      me: '123',
-      notifications: rootState.notifications.merge({
-        lastRead: '9',
-        items,
-      }),
-    };
-
-    const store = mockStore(state);
-
-    const expectedActions = [{
-      type: 'MARKER_SAVE_REQUEST',
-      marker: {
-        notifications: {
-          last_read_id: '10',
-        },
-      },
-    }];
-
-    store.dispatch(markReadNotifications());
-    const actions = store.getActions();
-
-    expect(actions).toEqual(expectedActions);
-  });
-});
diff --git a/packages/pl-fe/src/actions/preload.test.ts b/packages/pl-fe/src/actions/preload.test.ts
deleted file mode 100644
index 4cf6d6496..000000000
--- a/packages/pl-fe/src/actions/preload.test.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-
-import { __stub } from '@/api';
-import { mockStore } from '@/jest/test-helpers';
-
-import { VERIFY_CREDENTIALS_REQUEST } from './auth';
-import { ACCOUNTS_IMPORT } from './importer';
-import {
-  MASTODON_PRELOAD_IMPORT,
-  preloadMastodon,
-} from './preload';
-
-describe('preloadMastodon()', () => {
-  it('creates the expected actions', async () => {
-    const data = await import('@/__fixtures__/mastodon_initial_state.json');
-
-    __stub(mock => {
-      mock.onGet('/api/v1/accounts/verify_credentials')
-        .reply(200, {});
-    });
-
-    const store = mockStore(ImmutableMap());
-    store.dispatch(preloadMastodon(data));
-    const actions = store.getActions();
-
-    expect(actions[0].type).toEqual(ACCOUNTS_IMPORT);
-    expect(actions[0].accounts[0].username).toEqual('Gargron');
-    expect(actions[0].accounts[1].username).toEqual('benis911');
-
-    expect(actions[1]).toEqual({
-      type: VERIFY_CREDENTIALS_REQUEST,
-      token: 'Nh15V9JWyY5Fshf2OJ_feNvOIkTV7YGVfEJFr0Y0D6Q',
-    });
-
-    expect(actions[2]).toEqual({ type: MASTODON_PRELOAD_IMPORT, data });
-  });
-});
diff --git a/packages/pl-fe/src/actions/preload.ts b/packages/pl-fe/src/actions/preload.ts
index 83fcdba4e..353294295 100644
--- a/packages/pl-fe/src/actions/preload.ts
+++ b/packages/pl-fe/src/actions/preload.ts
@@ -70,6 +70,5 @@ export {
   pleromaDecoder,
   decodeFromMarkup,
   preload,
-  preloadMastodon,
   type PreloadAction,
 };
diff --git a/packages/pl-fe/src/actions/statuses.test.ts b/packages/pl-fe/src/actions/statuses.test.ts
deleted file mode 100644
index e7331a357..000000000
--- a/packages/pl-fe/src/actions/statuses.test.ts
+++ /dev/null
@@ -1,161 +0,0 @@
-import { fromJS, Map as ImmutableMap } from 'immutable';
-
-import { STATUSES_IMPORT } from '@/actions/importer';
-import { __stub } from '@/api';
-import { mockStore, rootState } from '@/jest/test-helpers';
-import { normalizeStatus } from '@/normalizers/status';
-
-import { deleteStatus, fetchContext } from './statuses';
-
-describe('fetchContext()', () => {
-  it('handles Mitra context', async () => {
-    const statuses = await import('@/__fixtures__/mitra-context.json');
-
-    __stub(mock => {
-      mock.onGet('/api/v1/statuses/017ed505-5926-392f-256a-f86d5075df70/context')
-        .reply(200, statuses);
-    });
-
-    const store = mockStore(rootState);
-    await store.dispatch(fetchContext('017ed505-5926-392f-256a-f86d5075df70'));
-    const actions = store.getActions();
-
-    expect(actions[3].type).toEqual(STATUSES_IMPORT);
-    expect(actions[3].statuses[0].id).toEqual('017ed503-bc96-301a-e871-2c23b30ddd05');
-  });
-});
-
-describe('deleteStatus()', () => {
-  let store: ReturnType<typeof mockStore>;
-
-  describe('if logged out', () => {
-    beforeEach(() => {
-      const state = { ...rootState, me: null };
-      store = mockStore(state);
-    });
-
-    it('should do nothing', async() => {
-      await store.dispatch(deleteStatus('1'));
-      const actions = store.getActions();
-
-      expect(actions).toEqual([]);
-    });
-  });
-
-  describe('if logged in', () => {
-    const statusId = 'AHU2RrX0wdcwzCYjFQ';
-    const cachedStatus = normalizeStatus({
-      id: statusId,
-    });
-
-    beforeEach(() => {
-      const state = {
-        ...rootState,
-        me: '1234',
-        statuses: fromJS({
-          [statusId]: cachedStatus,
-        }) as any,
-      };
-
-      store = mockStore(state);
-    });
-
-    describe('with a successful API request', () => {
-      let status: any;
-
-      beforeEach(async () => {
-        status = await import('@/__fixtures__/pleroma-status-deleted.json');
-
-        __stub((mock) => {
-          mock.onDelete(`/api/v1/statuses/${statusId}`).reply(200, status);
-        });
-      });
-
-      it('should delete the status from the API', async() => {
-        const expectedActions = [
-          {
-            type: 'STATUS_DELETE_REQUEST',
-            params: cachedStatus,
-          },
-          { type: 'STATUS_DELETE_SUCCESS', id: statusId },
-          {
-            type: 'TIMELINE_DELETE',
-            id: statusId,
-            accountId: null,
-            references: ImmutableMap({}),
-            reblogOf: null,
-          },
-        ];
-        await store.dispatch(deleteStatus(statusId));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-
-      it('should handle redraft', async() => {
-        const expectedActions = [
-          {
-            type: 'STATUS_DELETE_REQUEST',
-            params: cachedStatus,
-          },
-          { type: 'STATUS_DELETE_SUCCESS', id: statusId },
-          {
-            type: 'TIMELINE_DELETE',
-            id: statusId,
-            accountId: null,
-            references: ImmutableMap({}),
-            reblogOf: null,
-          },
-          {
-            type: 'COMPOSE_SET_STATUS',
-            status: cachedStatus,
-            rawText: status.text,
-            explicitAddressing: false,
-            spoilerText: '',
-            contentType: 'text/markdown',
-            v: {
-              build: undefined,
-              compatVersion: '0.0.0',
-              software: 'Mastodon',
-              version: '0.0.0',
-            },
-            withRedraft: true,
-            id: 'compose-modal',
-          },
-          { type: 'MODAL_CLOSE', modalType: 'COMPOSE', modalProps: undefined },
-          { type: 'MODAL_OPEN', modalType: 'COMPOSE', modalProps: undefined },
-        ];
-        await store.dispatch(deleteStatus(statusId, undefined, true));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-
-    describe('with an unsuccessful API request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onDelete(`/api/v1/statuses/${statusId}`).networkError();
-        });
-      });
-
-      it('should dispatch failed action', async() => {
-        const expectedActions = [
-          {
-            type: 'STATUS_DELETE_REQUEST',
-            params: cachedStatus,
-          },
-          {
-            type: 'STATUS_DELETE_FAIL',
-            params: cachedStatus,
-            error: new Error('Network Error'),
-          },
-        ];
-        await store.dispatch(deleteStatus(statusId, undefined, true));
-        const actions = store.getActions();
-
-        expect(actions).toEqual(expectedActions);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/api/__mocks__/index.ts b/packages/pl-fe/src/api/__mocks__/index.ts
deleted file mode 100644
index 3945260f6..000000000
--- a/packages/pl-fe/src/api/__mocks__/index.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// import MockAdapter from 'axios-mock-adapter';
-import { vi } from 'vitest';
-
-const api = await vi.importActual('../index') as Record<string, Function>;
-let mocks: Array<Function> = [];
-
-const __stub = (func: (mock: any) => void) => mocks.push(func);
-const __clear = (): Function[] => mocks = [];
-
-// const setupMock = (axios: AxiosInstance) => {
-//   const mock = new MockAdapter(axios, { onNoMatch: 'throwException' });
-//   mocks.map(func => func(mock));
-// };
-
-const staticClient = api.staticClient;
-
-const baseClient = (...params: any[]) => {
-  const axios = api.baseClient(...params);
-  // setupMock(axios);
-  return axios;
-};
-
-export default (...params: any[]) => {
-  const axios = api.default(...params);
-  // setupMock(axios);
-  return axios;
-};
-
-export { __stub, __clear, staticClient, baseClient };
diff --git a/packages/pl-fe/src/api/hooks/groups/use-group.test.ts b/packages/pl-fe/src/api/hooks/groups/use-group.test.ts
deleted file mode 100644
index 24d794977..000000000
--- a/packages/pl-fe/src/api/hooks/groups/use-group.test.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { __stub } from '@/api';
-import { buildGroup } from '@/jest/factory';
-import { renderHook, waitFor } from '@/jest/test-helpers';
-
-import { useGroup } from './use-group';
-
-const group = buildGroup({ id: '1', display_name: 'soapbox' });
-
-describe('useGroup hook', () => {
-  describe('with a successful request', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/groups/${group.id}`).reply(200, group);
-      });
-    });
-
-    it('is successful', async () => {
-      const { result } = renderHook(() => useGroup(group.id));
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.group?.id).toBe(group.id);
-    });
-  });
-
-  describe('with an unsuccessful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/groups/${group.id}`).networkError();
-      });
-    });
-
-    it('is has error state', async() => {
-      const { result } = renderHook(() => useGroup(group.id));
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.group).toBeUndefined();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/api/hooks/groups/use-groups.test.ts b/packages/pl-fe/src/api/hooks/groups/use-groups.test.ts
deleted file mode 100644
index 8ef89f79e..000000000
--- a/packages/pl-fe/src/api/hooks/groups/use-groups.test.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { instanceSchema } from 'pl-api';
-import * as v from 'valibot';
-
-import { __stub } from '@/api';
-import { buildGroup } from '@/jest/factory';
-import { renderHook, waitFor } from '@/jest/test-helpers';
-
-import { useGroups } from './use-groups';
-
-const group = buildGroup({ id: '1', display_name: 'soapbox' });
-const store = {
-  instance: v.parse(instanceSchema, {
-    version: '3.4.1 (compatible; TruthSocial 1.0.0+unreleased)',
-  }),
-};
-
-describe('useGroups hook', () => {
-  describe('with a successful request', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/groups').reply(200, [group]);
-      });
-    });
-
-    it('is successful', async () => {
-      const { result } = renderHook(useGroups, undefined, store);
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.groups).toHaveLength(1);
-    });
-  });
-
-  describe('with an unsuccessful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/groups').networkError();
-      });
-    });
-
-    it('is has error state', async() => {
-      const { result } = renderHook(useGroups, undefined, store);
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.groups).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/account.test.tsx b/packages/pl-fe/src/components/account.test.tsx
deleted file mode 100644
index 3a428a810..000000000
--- a/packages/pl-fe/src/components/account.test.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import React from 'react';
-
-import { buildAccount } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import Account from './account';
-
-describe('<Account />', () => {
-  it('renders account name and username', () => {
-    const account = buildAccount({
-      id: '1',
-      acct: 'justin-username',
-      display_name: 'Justin L',
-      avatar: 'test.jpg',
-    });
-
-    const store = {
-      accounts: {
-        '1': account,
-      },
-    };
-
-    render(<Account account={account} />, undefined, store);
-    expect(screen.getByTestId('account')).toHaveTextContent('Justin L');
-    expect(screen.getByTestId('account')).toHaveTextContent(/justin-username/i);
-  });
-
-  describe('verification badge', () => {
-    it('renders verification badge', () => {
-      const account = buildAccount({
-        id: '1',
-        acct: 'justin-username',
-        display_name: 'Justin L',
-        avatar: 'test.jpg',
-        verified: true,
-      });
-
-      const store = {
-        accounts: {
-          '1': account,
-        },
-      };
-
-      render(<Account account={account} />, undefined, store);
-      expect(screen.getByTestId('verified-badge')).toBeInTheDocument();
-    });
-
-    it('does not render verification badge', () => {
-      const account = buildAccount({
-        id: '1',
-        acct: 'justin-username',
-        display_name: 'Justin L',
-        avatar: 'test.jpg',
-        verified: false,
-      });
-
-      const store = {
-        accounts: {
-          '1': account,
-        },
-      };
-
-      render(<Account account={account} />, undefined, store);
-      expect(screen.queryAllByTestId('verified-badge')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/autosuggest-emoji.test.tsx b/packages/pl-fe/src/components/autosuggest-emoji.test.tsx
deleted file mode 100644
index 3f9150460..000000000
--- a/packages/pl-fe/src/components/autosuggest-emoji.test.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import AutosuggestEmoji from './autosuggest-emoji';
-
-describe('<AutosuggestEmoji />', () => {
-  it('renders native emoji', () => {
-    const emoji = {
-      native: '💙',
-      colons: ':foobar:',
-    };
-
-    render(<AutosuggestEmoji emoji={emoji as any} />);
-
-    expect(screen.getByTestId('emoji')).toHaveTextContent('foobar');
-    expect(screen.getByRole('img').getAttribute('src')).not.toBe('http://example.com/emoji.png');
-  });
-
-  it('renders emoji with custom url', () => {
-    const emoji = {
-      custom: true,
-      imageUrl: 'http://example.com/emoji.png',
-      native: 'foobar',
-      colons: ':foobar:',
-    };
-
-    render(<AutosuggestEmoji emoji={emoji as any} />);
-
-    expect(screen.getByTestId('emoji')).toHaveTextContent('foobar');
-    expect(screen.getByRole('img').getAttribute('src')).toBe('http://example.com/emoji.png');
-  });
-});
diff --git a/packages/pl-fe/src/components/badge.test.tsx b/packages/pl-fe/src/components/badge.test.tsx
deleted file mode 100644
index 57c851271..000000000
--- a/packages/pl-fe/src/components/badge.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import Badge from './badge';
-
-describe('<Badge />', () => {
-  it('renders correctly', () => {
-    render(<Badge slug='patron' title='Patron' />);
-
-    expect(screen.getByTestId('badge')).toHaveTextContent('Patron');
-  });
-});
diff --git a/packages/pl-fe/src/components/polls/poll-footer.test.tsx b/packages/pl-fe/src/components/polls/poll-footer.test.tsx
deleted file mode 100644
index 4e06e91e2..000000000
--- a/packages/pl-fe/src/components/polls/poll-footer.test.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { IntlProvider } from 'react-intl';
-import { Provider } from 'react-redux';
-
-import { __stub } from '@/api';
-import { mockStore, render, screen, rootState } from '@/jest/test-helpers';
-
-import PollFooter from './poll-footer';
-
-import type { Poll } from 'pl-api';
-
-let poll: Poll = {
-  id: '1',
-  options: [{
-    title: 'Apples',
-    votes_count: 0,
-    title_emojified: 'Apples',
-  }, {
-    title: 'Oranges',
-    votes_count: 0,
-    title_emojified: 'Oranges',
-  }],
-  emojis: [],
-  expired: false,
-  expires_at: '2020-03-24T19:33:06.000Z',
-  multiple: true,
-  voters_count: 0,
-  votes_count: 0,
-  own_votes: null,
-  voted: false,
-};
-
-describe('<PollFooter />', () => {
-  describe('with "showResults" enabled', () => {
-    it('renders the Refresh button', () => {
-      render(<PollFooter poll={poll} showResults selected={{}} />);
-
-      expect(screen.getByTestId('poll-footer')).toHaveTextContent('Refresh');
-    });
-
-    it('responds to the Refresh button', async() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/polls/1').reply(200, {});
-      });
-
-      const user = userEvent.setup();
-      const store = mockStore(rootState);
-      render(
-        <Provider store={store}>
-          <IntlProvider locale='en'>
-            <PollFooter poll={poll} showResults selected={{}} />
-          </IntlProvider>
-        </Provider>,
-      );
-
-      await user.click(screen.getByTestId('poll-refresh'));
-      const actions = store.getActions();
-      expect(actions).toEqual([
-        { type: 'POLL_FETCH_REQUEST' },
-        { type: 'POLLS_IMPORT', polls: [{}] },
-        { type: 'POLL_FETCH_SUCCESS', poll: {} },
-      ]);
-    });
-
-    it('does not render the Vote button', () => {
-      render(<PollFooter poll={poll} showResults selected={{}} />);
-
-      expect(screen.queryAllByTestId('button')).toHaveLength(0);
-    });
-
-    describe('when the Poll has not expired', () => {
-      beforeEach(() => {
-        poll = {
-          ...poll,
-          expired: false,
-        };
-      });
-
-      it('renders time remaining', () => {
-        render(<PollFooter poll={poll} showResults selected={{}} />);
-
-        expect(screen.getByTestId('poll-expiration')).toHaveTextContent('Moments remaining');
-      });
-    });
-
-    describe('when the Poll has expired', () => {
-      beforeEach(() => {
-        poll = {
-          ...poll,
-          expired: true,
-        };
-      });
-
-      it('renders closed', () => {
-        render(<PollFooter poll={poll} showResults selected={{}} />);
-
-        expect(screen.getByTestId('poll-expiration')).toHaveTextContent('Closed');
-      });
-    });
-  });
-
-  describe('with "showResults" disabled', () => {
-    it('does not render the Refresh button', () => {
-      render(<PollFooter poll={poll} showResults={false} selected={{}} />);
-
-      expect(screen.getByTestId('poll-footer')).not.toHaveTextContent('Refresh');
-    });
-
-    describe('when the Poll is multiple', () => {
-      beforeEach(() => {
-        poll = {
-          ...poll,
-          multiple: true,
-        };
-      });
-
-      it('renders the Vote button', () => {
-        render(<PollFooter poll={poll} showResults={false} selected={{}} />);
-
-        expect(screen.getByTestId('button')).toHaveTextContent('Vote');
-      });
-    });
-
-    describe('when the Poll is not multiple', () => {
-      beforeEach(() => {
-        poll = {
-          ...poll,
-          multiple: false,
-        };
-      });
-
-      it('does not render the Vote button', () => {
-        render(<PollFooter poll={poll} showResults={false} selected={{}} />);
-
-        expect(screen.queryAllByTestId('button')).toHaveLength(0);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/quoted-status.test.tsx b/packages/pl-fe/src/components/quoted-status.test.tsx
deleted file mode 100644
index e394a1147..000000000
--- a/packages/pl-fe/src/components/quoted-status.test.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import React from 'react';
-
-import { render, screen, rootState } from '@/jest/test-helpers';
-import { normalizeStatus } from '@/normalizers/status';
-
-import QuotedStatus from './quoted-status';
-
-import type { ReducerStatus } from '@/reducers/statuses';
-
-describe('<QuotedStatus />', () => {
-  it('renders content', () => {
-    const account = {
-      id: '1',
-      acct: 'alex',
-      url: 'https://soapbox.test/users/alex',
-    };
-
-    const status = normalizeStatus({
-      id: '1',
-      account,
-      content: 'hello world',
-      contentHtml: 'hello world',
-    }) as ReducerStatus;
-
-    const state = rootState/*.accounts.set('1', account)*/;
-
-    render(<QuotedStatus status={status} />, undefined, state);
-    screen.getByText(/hello world/i);
-    expect(screen.getByTestId('quoted-status')).toHaveTextContent(/hello world/i);
-  });
-});
diff --git a/packages/pl-fe/src/components/scroll-top-button.test.tsx b/packages/pl-fe/src/components/scroll-top-button.test.tsx
deleted file mode 100644
index 286d0a848..000000000
--- a/packages/pl-fe/src/components/scroll-top-button.test.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { defineMessages } from 'react-intl';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import ScrollTopButton from './scroll-top-button';
-
-const messages = defineMessages({
-  queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },
-});
-
-describe('<ScrollTopButton />', () => {
-  it('renders correctly', async() => {
-    render(
-      <ScrollTopButton
-        key='scroll-top-button'
-        onClick={() => {}}
-        count={0}
-        message={messages.queue}
-      />,
-    );
-    expect(screen.queryAllByRole('link')).toHaveLength(0);
-
-    render(
-      <ScrollTopButton
-        key='scroll-top-button'
-        onClick={() => {}}
-        count={1}
-        message={messages.queue}
-      />,
-    );
-    expect(screen.getByText('Click to see 1 new post')).toBeInTheDocument();
-
-    render(
-      <ScrollTopButton
-        key='scroll-top-button'
-        onClick={() => {}}
-        count={9999999}
-        message={messages.queue}
-      />,
-    );
-    expect(screen.getByText('Click to see 9999999 new posts')).toBeInTheDocument();
-  });
-});
diff --git a/packages/pl-fe/src/components/status.test.tsx b/packages/pl-fe/src/components/status.test.tsx
deleted file mode 100644
index 9c2bf40dc..000000000
--- a/packages/pl-fe/src/components/status.test.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-
-import { buildAccount } from '@/jest/factory';
-import { render, screen, rootState } from '@/jest/test-helpers';
-import { normalizeStatus } from '@/normalizers/status';
-
-import Status from './status';
-
-import type { ReducerStatus } from '@/reducers/statuses';
-
-const account = buildAccount({
-  id: '1',
-  acct: 'alex',
-});
-
-const status = normalizeStatus({
-  id: '1',
-  account,
-  content: 'hello world',
-  contentHtml: 'hello world',
-}) as ReducerStatus;
-
-describe('<Status />', () => {
-  const state = rootState/*.accounts.set('1', account)*/;
-
-  it('renders content', () => {
-    render(<Status status={status} />, undefined, state);
-    screen.getByText(/hello world/i);
-    expect(screen.getByTestId('status')).toHaveTextContent(/hello world/i);
-  });
-
-  describe('the Status Action Bar', () => {
-    it('is rendered', () => {
-      render(<Status status={status} />, undefined, state);
-      expect(screen.getByTestId('status-action-bar')).toBeInTheDocument();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.test.tsx b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.test.tsx
deleted file mode 100644
index 4c0c7d667..000000000
--- a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.test.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-import React from 'react';
-
-import { fireEvent, render, rootState, screen } from '@/jest/test-helpers';
-import { normalizeStatus } from '@/normalizers/status';
-import { ReducerStatus } from '@/reducers/statuses';
-
-import SensitiveContentOverlay from './sensitive-content-overlay';
-
-describe('<SensitiveContentOverlay />', () => {
-  let status: ReducerStatus;
-
-  describe('when the Status is marked as sensitive', () => {
-    beforeEach(() => {
-      status = normalizeStatus({ sensitive: true }) as ReducerStatus;
-    });
-
-    it('displays the "Sensitive content" warning', () => {
-      render(<SensitiveContentOverlay status={status} />);
-      expect(screen.getByTestId('sensitive-overlay')).toHaveTextContent('Sensitive content');
-    });
-
-    it('does not allow user to delete the status', () => {
-      render(<SensitiveContentOverlay status={status} />);
-      expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-    });
-
-    it('can be toggled', () => {
-      render(<SensitiveContentOverlay status={status} />);
-
-      fireEvent.click(screen.getByTestId('button'));
-      expect(screen.getByTestId('sensitive-overlay')).not.toHaveTextContent('Sensitive content');
-      expect(screen.getByTestId('sensitive-overlay')).toHaveTextContent('Hide');
-
-      fireEvent.click(screen.getByTestId('button'));
-      expect(screen.getByTestId('sensitive-overlay')).toHaveTextContent('Sensitive content');
-      expect(screen.getByTestId('sensitive-overlay')).not.toHaveTextContent('Hide');
-    });
-  });
-
-  describe('when the Status is marked as sensitive and displayMedia set to "show_all"', () => {
-    let store: any;
-
-    beforeEach(() => {
-      status = normalizeStatus({ sensitive: true }) as ReducerStatus;
-      store = rootState
-        .set('settings', ImmutableMap({
-          displayMedia: 'show_all',
-        }));
-    });
-
-    it('can be toggled', () => {
-      render(<SensitiveContentOverlay status={status} />, undefined, store);
-
-      fireEvent.click(screen.getByTestId('button'));
-      expect(screen.getByTestId('sensitive-overlay')).toHaveTextContent('Sensitive content');
-      expect(screen.getByTestId('sensitive-overlay')).not.toHaveTextContent('Hide');
-
-      fireEvent.click(screen.getByTestId('button'));
-      expect(screen.getByTestId('sensitive-overlay')).not.toHaveTextContent('Sensitive content');
-      expect(screen.getByTestId('sensitive-overlay')).toHaveTextContent('Hide');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/avatar.test.tsx b/packages/pl-fe/src/components/ui/avatar.test.tsx
deleted file mode 100644
index c8a073d13..000000000
--- a/packages/pl-fe/src/components/ui/avatar.test.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import Avatar from './avatar';
-
-const src = '/static/alice.jpg';
-
-describe('<Avatar />', () => {
-  it('renders', () => {
-    render(<Avatar src={src} />);
-
-    expect(screen.getByRole('img')).toBeInTheDocument();
-  });
-
-  it('handles size props', () => {
-    render(<Avatar src={src} size={50} />);
-
-    expect(screen.getByTestId('still-image-container').getAttribute('style')).toMatch(/50px/i);
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/button/index.test.tsx b/packages/pl-fe/src/components/ui/button/index.test.tsx
deleted file mode 100644
index d454814ac..000000000
--- a/packages/pl-fe/src/components/ui/button/index.test.tsx
+++ /dev/null
@@ -1,91 +0,0 @@
-import React from 'react';
-
-import { fireEvent, render, screen } from '@/jest/test-helpers';
-
-import Button from '.';
-
-describe('<Button />', () => {
-  it('renders the given text', () => {
-    const text = 'foo';
-    render(<Button text={text} />);
-
-    expect(screen.getByRole('button')).toHaveTextContent(text);
-  });
-
-  it('renders the children', () => {
-    render(<Button><p>children</p></Button>);
-
-    expect(screen.getByRole('button')).toHaveTextContent('children');
-  });
-
-  it('renders the props.text instead of children', () => {
-    const text = 'foo';
-    const children = <p>children</p>;
-    render(<Button text={text}>{children}</Button>);
-
-    expect(screen.getByRole('button')).toHaveTextContent('foo');
-    expect(screen.getByRole('button')).not.toHaveTextContent('children');
-  });
-
-  it('handles click events using the given handler', () => {
-    const handler = vi.fn();
-    render(<Button onClick={handler} />);
-
-    fireEvent.click(screen.getByRole('button'));
-    expect(handler.mock.calls.length).toEqual(1);
-  });
-
-  it('does not handle click events if props.disabled given', () => {
-    const handler = vi.fn();
-    render(<Button onClick={handler} disabled />);
-
-    fireEvent.click(screen.getByRole('button'));
-    expect(handler.mock.calls.length).toEqual(0);
-  });
-
-  it('renders a disabled attribute if props.disabled given', () => {
-    render(<Button disabled />);
-
-    expect(screen.getByRole('button')).toBeDisabled();
-  });
-
-  it('render full-width button if block prop given', () => {
-    render(<Button block />);
-
-    expect(screen.getByRole('button')).toHaveClass('w-full');
-  });
-
-  it('handles Theme properly', () => {
-    render(<Button theme='tertiary' />);
-
-    expect(screen.getByRole('button')).toHaveClass('bg-transparent border-gray-400');
-  });
-
-  describe('to prop', () => {
-    it('renders a link', () => {
-      render(<Button to='/'>link</Button>);
-
-      expect(screen.getByRole('link')).toBeInTheDocument();
-    });
-
-    it('does not render a link', () => {
-      render(<Button>link</Button>);
-
-      expect(screen.queryAllByRole('link')).toHaveLength(0);
-    });
-  });
-
-  describe('icon prop', () => {
-    it('renders an icon', () => {
-      render(<Button icon='icon.png'>button</Button>);
-
-      expect(screen.getByTestId('icon')).toBeInTheDocument();
-    });
-
-    it('does not render an icon', () => {
-      render(<Button>button</Button>);
-
-      expect(screen.queryAllByTestId('icon')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/card.test.tsx b/packages/pl-fe/src/components/ui/card.test.tsx
deleted file mode 100644
index 56d06bae4..000000000
--- a/packages/pl-fe/src/components/ui/card.test.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import { Card, CardBody, CardHeader, CardTitle } from './card';
-
-describe('<Card />', () => {
-  it('renders the CardTitle and CardBody', () => {
-    render(
-      <Card>
-        <CardHeader>
-          <CardTitle title='Card Title' />
-        </CardHeader>
-
-        <CardBody>
-          Card Body
-        </CardBody>
-      </Card>,
-    );
-
-    expect(screen.getByTestId('card-title')).toHaveTextContent('Card Title');
-    expect(screen.getByTestId('card-body')).toHaveTextContent('Card Body');
-    expect(screen.queryByTestId('back-button')).not.toBeInTheDocument();
-  });
-
-  it('renders the Back Button', () => {
-    render(
-      <Card>
-        <CardHeader backHref='/'>
-          <CardTitle title='Card Title' />
-        </CardHeader>
-      </Card>,
-    );
-
-    expect(screen.getByTestId('back-button')).toBeInTheDocument();
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/column.test.tsx b/packages/pl-fe/src/components/ui/column.test.tsx
deleted file mode 100644
index 4fd9ddd48..000000000
--- a/packages/pl-fe/src/components/ui/column.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import { Column } from './column';
-
-describe('<Column />', () => {
-  it('renders correctly with minimal props', () => {
-    render(<Column />);
-
-    expect(screen.getByRole('button')).toHaveTextContent('Back');
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/divider.test.tsx b/packages/pl-fe/src/components/ui/divider.test.tsx
deleted file mode 100644
index 426ee6be4..000000000
--- a/packages/pl-fe/src/components/ui/divider.test.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import Divider from './divider';
-
-describe('<Divider />', () => {
-  it('renders without text', () => {
-    render(<Divider />);
-
-    expect(screen.queryAllByTestId('divider-text')).toHaveLength(0);
-  });
-
-  it('renders text', () => {
-    const text = 'Hello';
-    render(<Divider text={text} />);
-
-    expect(screen.getByTestId('divider-text')).toHaveTextContent(text);
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/emoji.test.tsx b/packages/pl-fe/src/components/ui/emoji.test.tsx
deleted file mode 100644
index 215d91c0f..000000000
--- a/packages/pl-fe/src/components/ui/emoji.test.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import Emoji from './emoji';
-
-describe('<Emoji />', () => {
-  it('renders a simple emoji', () => {
-    render(<Emoji emoji='😀' />);
-
-    const img = screen.getByRole('img');
-    expect(img.getAttribute('src')).toBe('/packs/emoji/1f600.svg');
-    expect(img.getAttribute('alt')).toBe('😀');
-  });
-
-  // https://emojipedia.org/emoji-flag-sequence/
-  it('renders a sequence emoji', () => {
-    render(<Emoji emoji='🇺🇸' />);
-
-    const img = screen.getByRole('img');
-    expect(img.getAttribute('src')).toBe('/packs/emoji/1f1fa-1f1f8.svg');
-    expect(img.getAttribute('alt')).toBe('🇺🇸');
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/form-actions.test.tsx b/packages/pl-fe/src/components/ui/form-actions.test.tsx
deleted file mode 100644
index 082fccbc6..000000000
--- a/packages/pl-fe/src/components/ui/form-actions.test.tsx
+++ /dev/null
@@ -1,13 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import FormActions from './form-actions';
-
-describe('<FormActions />', () => {
-  it('renders successfully', () => {
-    render(<FormActions><div data-testid='child'>child</div></FormActions>);
-
-    expect(screen.getByTestId('child')).toBeInTheDocument();
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/form-group.test.tsx b/packages/pl-fe/src/components/ui/form-group.test.tsx
deleted file mode 100644
index ede420ffb..000000000
--- a/packages/pl-fe/src/components/ui/form-group.test.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import FormGroup from './form-group';
-
-describe('<FormGroup />', () => {
-  it('connects the label and input', () => {
-    render(
-      <>
-        <div>
-          <FormGroup labelText='My label'>
-            <input type='text' data-testid='winner' />
-          </FormGroup>
-        </div>
-
-        <div>
-          <FormGroup labelText='My other label'>
-            <input type='text' />
-          </FormGroup>
-        </div>
-      </>,
-    );
-
-    expect(screen.getByLabelText('My label')).toHaveAttribute('data-testid');
-    expect(screen.getByLabelText('My other label')).not.toHaveAttribute('data-testid');
-    expect(screen.queryByTestId('form-group-error')).not.toBeInTheDocument();
-  });
-
-  it('renders errors', () => {
-    render(
-      <FormGroup labelText='My label' errors={['is invalid', 'is required']}>
-        <input type='text' />
-      </FormGroup>,
-    );
-
-    expect(screen.getByTestId('form-group-error')).toHaveTextContent('is invalid');
-  });
-
-  it('renders label', () => {
-    render(
-      <FormGroup labelText='My label'>
-        <input type='text' />
-      </FormGroup>,
-    );
-
-    expect(screen.getByTestId('form-group-label')).toHaveTextContent('My label');
-  });
-
-  it('renders hint', () => {
-    render(
-      <FormGroup labelText='My label' hintText='My hint'>
-        <input type='text' />
-      </FormGroup>,
-    );
-
-    expect(screen.getByTestId('form-group-hint')).toHaveTextContent('My hint');
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/form.test.tsx b/packages/pl-fe/src/components/ui/form.test.tsx
deleted file mode 100644
index c2ebb0205..000000000
--- a/packages/pl-fe/src/components/ui/form.test.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-
-import { fireEvent, render, screen } from '@/jest/test-helpers';
-
-import Form from './form';
-
-describe('<Form />', () => {
-  it('renders children', () => {
-    const onSubmitMock = vi.fn();
-    render(
-      <Form onSubmit={onSubmitMock}>children</Form>,
-    );
-
-    expect(screen.getByTestId('form')).toHaveTextContent('children');
-  });
-
-  it('handles onSubmit prop', () => {
-    const onSubmitMock = vi.fn();
-    render(
-      <Form onSubmit={onSubmitMock}>children</Form>,
-    );
-
-    fireEvent.submit(
-      screen.getByTestId('form'), {
-        preventDefault: () => {},
-      },
-    );
-    expect(onSubmitMock).toHaveBeenCalled();
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/modal.test.tsx b/packages/pl-fe/src/components/ui/modal.test.tsx
deleted file mode 100644
index 10ae8a271..000000000
--- a/packages/pl-fe/src/components/ui/modal.test.tsx
+++ /dev/null
@@ -1,139 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import Modal from './modal';
-
-describe('<Modal />', () => {
-  it('renders', () => {
-    render(<Modal title='Modal title' />);
-    expect(screen.getByTestId('modal')).toBeInTheDocument();
-  });
-
-  it('renders children', () => {
-    render(<Modal title='Modal title'><div data-testid='child' /></Modal>);
-    expect(screen.getByTestId('child')).toBeInTheDocument();
-  });
-
-  it('focuses the primary action', () => {
-    render(
-      <Modal
-        title='Modal title'
-        confirmationAction={() => null}
-        confirmationText='Click me'
-      />,
-    );
-
-    expect(screen.getByRole('button')).toHaveFocus();
-  });
-
-  describe('onClose prop', () => {
-    it('renders the Icon to close the modal', async() => {
-      const mockFn = vi.fn();
-      const user = userEvent.setup();
-
-      render(<Modal title='Modal title' onClose={mockFn} />);
-      expect(screen.getByTestId('icon-button')).toBeInTheDocument();
-
-      expect(mockFn).not.toBeCalled();
-      await user.click(screen.getByTestId('icon-button'));
-      expect(mockFn).toBeCalled();
-    });
-
-    it('does not render the Icon to close the modal', () => {
-      render(<Modal title='Modal title' />);
-      expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-    });
-  });
-
-  describe('confirmationAction prop', () => {
-    it('renders the confirmation button', async() => {
-      const mockFn = vi.fn();
-      const user = userEvent.setup();
-
-      render(
-        <Modal
-          title='Modal title'
-          confirmationAction={mockFn}
-          confirmationText='Click me'
-        />,
-      );
-
-      expect(mockFn).not.toBeCalled();
-      await user.click(screen.getByRole('button'));
-      expect(mockFn).toBeCalled();
-    });
-
-    it('does not render the actions to', () => {
-      render(<Modal title='Modal title' />);
-      expect(screen.queryAllByTestId('modal-actions')).toHaveLength(0);
-    });
-
-    describe('with secondaryAction', () => {
-      it('renders the secondary button', async() => {
-        const confirmationAction = vi.fn();
-        const secondaryAction = vi.fn();
-        const user = userEvent.setup();
-
-        render(
-          <Modal
-            title='Modal title'
-            confirmationAction={confirmationAction}
-            confirmationText='Primary'
-            secondaryAction={secondaryAction}
-            secondaryText='Secondary'
-          />,
-        );
-
-        await user.click(screen.getByText(/secondary/i));
-        expect(secondaryAction).toBeCalled();
-        expect(confirmationAction).not.toBeCalled();
-      });
-
-      it('does not render the secondary action', () => {
-        render(
-          <Modal
-            title='Modal title'
-            confirmationAction={() => null}
-            confirmationText='Click me'
-          />,
-        );
-        expect(screen.queryAllByRole('button')).toHaveLength(1);
-      });
-    });
-
-    describe('with cancelAction', () => {
-      it('renders the cancel button', async() => {
-        const confirmationAction = vi.fn();
-        const cancelAction = vi.fn();
-        const user = userEvent.setup();
-
-        render(
-          <Modal
-            title='Modal title'
-            confirmationAction={confirmationAction}
-            confirmationText='Primary'
-            secondaryAction={cancelAction}
-            secondaryText='Cancel'
-          />,
-        );
-
-        await user.click(screen.getByText(/cancel/i));
-        expect(cancelAction).toBeCalled();
-        expect(confirmationAction).not.toBeCalled();
-      });
-
-      it('does not render the cancel action', () => {
-        render(
-          <Modal
-            title='Modal title'
-            confirmationAction={() => null}
-            confirmationText='Click me'
-          />,
-        );
-        expect(screen.queryAllByRole('button')).toHaveLength(1);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/components/ui/svg-icon.test.tsx b/packages/pl-fe/src/components/ui/svg-icon.test.tsx
deleted file mode 100644
index 07bfcaa6c..000000000
--- a/packages/pl-fe/src/components/ui/svg-icon.test.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import IconCode from '@phosphor-icons/core/regular/code.svg';
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import SvgIcon from './svg-icon';
-
-describe('<SvgIcon />', () => {
-  it('renders loading element with default size', async () => {
-    render(<SvgIcon className='text-primary-500' src={IconCode} />);
-
-    const svg = screen.getByTestId('svg-icon-loader');
-    expect(svg.getAttribute('width')).toBe('24');
-    expect(svg.getAttribute('height')).toBe('24');
-    expect(svg.getAttribute('class')).toBe('text-primary-500');
-  });
-});
diff --git a/packages/pl-fe/src/entity-store/actions.ts b/packages/pl-fe/src/entity-store/actions.ts
index 1bdc7f269..1030829cd 100644
--- a/packages/pl-fe/src/entity-store/actions.ts
+++ b/packages/pl-fe/src/entity-store/actions.ts
@@ -3,7 +3,6 @@ import type { EntitiesTransaction, Entity, EntityListState, ImportPosition } fro
 const ENTITIES_IMPORT = 'ENTITIES_IMPORT' as const;
 const ENTITIES_DELETE = 'ENTITIES_DELETE' as const;
 const ENTITIES_DISMISS = 'ENTITIES_DISMISS' as const;
-const ENTITIES_INCREMENT = 'ENTITIES_INCREMENT' as const;
 const ENTITIES_FETCH_REQUEST = 'ENTITIES_FETCH_REQUEST' as const;
 const ENTITIES_FETCH_SUCCESS = 'ENTITIES_FETCH_SUCCESS' as const;
 const ENTITIES_FETCH_FAIL = 'ENTITIES_FETCH_FAIL' as const;
@@ -42,13 +41,6 @@ const dismissEntities = (ids: Iterable<string>, entityType: string, listKey: str
   listKey,
 });
 
-const incrementEntities = (entityType: string, listKey: string, diff: number) => ({
-  type: ENTITIES_INCREMENT,
-  entityType,
-  listKey,
-  diff,
-});
-
 const entitiesFetchRequest = (entityType: string, listKey?: string) => ({
   type: ENTITIES_FETCH_REQUEST,
   entityType,
@@ -95,7 +87,6 @@ type EntityAction =
   ReturnType<typeof importEntities>
   | ReturnType<typeof deleteEntities>
   | ReturnType<typeof dismissEntities>
-  | ReturnType<typeof incrementEntities>
   | ReturnType<typeof entitiesFetchRequest>
   | ReturnType<typeof entitiesFetchSuccess>
   | ReturnType<typeof entitiesFetchFail>
@@ -108,7 +99,6 @@ export {
   ENTITIES_IMPORT,
   ENTITIES_DELETE,
   ENTITIES_DISMISS,
-  ENTITIES_INCREMENT,
   ENTITIES_FETCH_REQUEST,
   ENTITIES_FETCH_SUCCESS,
   ENTITIES_FETCH_FAIL,
@@ -117,7 +107,6 @@ export {
   importEntities,
   deleteEntities,
   dismissEntities,
-  incrementEntities,
   entitiesFetchRequest,
   entitiesFetchSuccess,
   entitiesFetchFail,
diff --git a/packages/pl-fe/src/entity-store/reducer.test.ts b/packages/pl-fe/src/entity-store/reducer.test.ts
deleted file mode 100644
index 385a0002c..000000000
--- a/packages/pl-fe/src/entity-store/reducer.test.ts
+++ /dev/null
@@ -1,209 +0,0 @@
-import {
-  deleteEntities,
-  dismissEntities,
-  entitiesFetchFail,
-  entitiesFetchRequest,
-  entitiesFetchSuccess,
-  importEntities,
-  incrementEntities,
-} from './actions';
-import reducer, { State } from './reducer';
-import { createListState } from './utils';
-
-import type { EntityCache } from './types';
-
-interface TestEntity {
-  id: string;
-  msg: string;
-}
-
-test('import entities', () => {
-  const entities: TestEntity[] = [
-    { id: '1', msg: 'yolo' },
-    { id: '2', msg: 'benis' },
-    { id: '3', msg: 'boop' },
-  ];
-
-  const action = importEntities(entities, 'TestEntity');
-  const result = reducer(undefined, action);
-  const cache = result.TestEntity as EntityCache<TestEntity>;
-
-  expect(cache.store['1']!.msg).toBe('yolo');
-  expect(Object.values(cache.lists).length).toBe(0);
-});
-
-test('import entities into a list', () => {
-  const entities: TestEntity[] = [
-    { id: '1', msg: 'yolo' },
-    { id: '2', msg: 'benis' },
-    { id: '3', msg: 'boop' },
-  ];
-
-  const action = importEntities(entities, 'TestEntity', 'thingies');
-  const result = reducer(undefined, action);
-  const cache = result.TestEntity as EntityCache<TestEntity>;
-
-  expect(cache.store['2']!.msg).toBe('benis');
-  expect(cache.lists.thingies!.ids.size).toBe(3);
-  expect(cache.lists.thingies!.state.totalCount).toBe(3);
-
-  // Now try adding an additional item.
-  const entities2: TestEntity[] = [
-    { id: '4', msg: 'hehe' },
-  ];
-
-  const action2 = importEntities(entities2, 'TestEntity', 'thingies');
-  const result2 = reducer(result, action2);
-  const cache2 = result2.TestEntity as EntityCache<TestEntity>;
-
-  expect(cache2.store['4']!.msg).toBe('hehe');
-  expect(cache2.lists.thingies!.ids.size).toBe(4);
-  expect(cache2.lists.thingies!.state.totalCount).toBe(4);
-
-  // Finally, update an item.
-  const entities3: TestEntity[] = [
-    { id: '2', msg: 'yolofam' },
-  ];
-
-  const action3 = importEntities(entities3, 'TestEntity', 'thingies');
-  const result3 = reducer(result2, action3);
-  const cache3 = result3.TestEntity as EntityCache<TestEntity>;
-
-  expect(cache3.store['2']!.msg).toBe('yolofam');
-  expect(cache3.lists.thingies!.ids.size).toBe(4); // unchanged
-  expect(cache3.lists.thingies!.state.totalCount).toBe(4);
-});
-
-test('fetching updates the list state', () => {
-  const action = entitiesFetchRequest('TestEntity', 'thingies');
-  const result = reducer(undefined, action);
-
-  expect(result.TestEntity!.lists.thingies!.state.fetching).toBe(true);
-});
-
-test('failure adds the error to the state', () => {
-  const error = new Error('whoopsie');
-
-  const action = entitiesFetchFail('TestEntity', 'thingies', error);
-  const result = reducer(undefined, action);
-
-  expect(result.TestEntity!.lists.thingies!.state.error).toBe(error);
-});
-
-test('import entities with override', () => {
-  const state: State = {
-    TestEntity: {
-      store: { '1': { id: '1' }, '2': { id: '2' }, '3': { id: '3' } },
-      lists: {
-        thingies: {
-          ids: new Set(['1', '2', '3']),
-          state: { ...createListState(), totalCount: 3 },
-        },
-      },
-    },
-  };
-
-  const entities: TestEntity[] = [
-    { id: '4', msg: 'yolo' },
-    { id: '5', msg: 'benis' },
-  ];
-
-  const now = new Date();
-
-  const action = entitiesFetchSuccess(entities, 'TestEntity', 'thingies', 'end', {
-    next: undefined,
-    prev: undefined,
-    totalCount: 2,
-    error: null,
-    fetched: true,
-    fetching: false,
-    lastFetchedAt: now,
-    invalid: false,
-  }, true);
-
-  const result = reducer(state, action);
-  const cache = result.TestEntity as EntityCache<TestEntity>;
-
-  expect([...cache.lists.thingies!.ids]).toEqual(['4', '5']);
-  expect(cache.lists.thingies!.state.lastFetchedAt).toBe(now); // Also check that newState worked
-});
-
-test('deleting items', () => {
-  const state: State = {
-    TestEntity: {
-      store: { '1': { id: '1' }, '2': { id: '2' }, '3': { id: '3' } },
-      lists: {
-        '': {
-          ids: new Set(['1', '2', '3']),
-          state: { ...createListState(), totalCount: 3 },
-        },
-      },
-    },
-  };
-
-  const action = deleteEntities(['3', '1'], 'TestEntity');
-  const result = reducer(state, action);
-
-  expect(result.TestEntity!.store).toMatchObject({ '2': { id: '2' } });
-  expect([...result.TestEntity!.lists['']!.ids]).toEqual(['2']);
-  expect(result.TestEntity!.lists['']!.state.totalCount).toBe(1);
-});
-
-test('dismiss items', () => {
-  const state: State = {
-    TestEntity: {
-      store: { '1': { id: '1' }, '2': { id: '2' }, '3': { id: '3' } },
-      lists: {
-        yolo: {
-          ids: new Set(['1', '2', '3']),
-          state: { ...createListState(), totalCount: 3 },
-        },
-      },
-    },
-  };
-
-  const action = dismissEntities(['3', '1'], 'TestEntity', 'yolo');
-  const result = reducer(state, action);
-
-  expect(result.TestEntity!.store).toMatchObject(state.TestEntity!.store);
-  expect([...result.TestEntity!.lists.yolo!.ids]).toEqual(['2']);
-  expect(result.TestEntity!.lists.yolo!.state.totalCount).toBe(1);
-});
-
-test('increment items', () => {
-  const state: State = {
-    TestEntity: {
-      store: { '1': { id: '1' }, '2': { id: '2' }, '3': { id: '3' } },
-      lists: {
-        thingies: {
-          ids: new Set(['1', '2', '3']),
-          state: { ...createListState(), totalCount: 3 },
-        },
-      },
-    },
-  };
-
-  const action = incrementEntities('TestEntity', 'thingies', 1);
-  const result = reducer(state, action);
-
-  expect(result.TestEntity!.lists.thingies!.state.totalCount).toBe(4);
-});
-
-test('decrement items', () => {
-  const state: State = {
-    TestEntity: {
-      store: { '1': { id: '1' }, '2': { id: '2' }, '3': { id: '3' } },
-      lists: {
-        thingies: {
-          ids: new Set(['1', '2', '3']),
-          state: { ...createListState(), totalCount: 3 },
-        },
-      },
-    },
-  };
-
-  const action = incrementEntities('TestEntity', 'thingies', -1);
-  const result = reducer(state, action);
-
-  expect(result.TestEntity!.lists.thingies!.state.totalCount).toBe(2);
-});
diff --git a/packages/pl-fe/src/entity-store/reducer.ts b/packages/pl-fe/src/entity-store/reducer.ts
index 66e16667d..bc9cae717 100644
--- a/packages/pl-fe/src/entity-store/reducer.ts
+++ b/packages/pl-fe/src/entity-store/reducer.ts
@@ -8,7 +8,6 @@ import {
   ENTITIES_FETCH_SUCCESS,
   ENTITIES_FETCH_FAIL,
   ENTITIES_INVALIDATE_LIST,
-  ENTITIES_INCREMENT,
   ENTITIES_TRANSACTION,
   type EntityAction,
   type DeleteEntitiesOpts,
@@ -114,21 +113,6 @@ const dismissEntities = (
   }
 };
 
-const incrementEntities = (
-  draft: Draft<State>,
-  entityType: string,
-  listKey: string,
-  diff: number,
-) => {
-  const cache = draft[entityType] ?? createCache();
-  const list = cache.lists[listKey];
-
-  if (typeof list?.state?.totalCount === 'number') {
-    list.state.totalCount += diff;
-    draft[entityType] = cache;
-  }
-};
-
 const setFetching = (
   draft: Draft<State>,
   entityType: string,
@@ -175,8 +159,6 @@ const reducer = (state: Readonly<State> = {}, action: EntityAction): State => {
       return create(state, draft => deleteEntities(draft, action.entityType, action.ids, action.opts));
     case ENTITIES_DISMISS:
       return create(state, draft => dismissEntities(draft, action.entityType, action.ids, action.listKey));
-    case ENTITIES_INCREMENT:
-      return create(state, draft => incrementEntities(draft, action.entityType, action.listKey, action.diff));
     case ENTITIES_FETCH_SUCCESS:
       return create(state, draft => importEntities(draft, action.entityType, action.entities, action.listKey, action.pos, action.newState, action.overwrite), { enableAutoFreeze: true });
     case ENTITIES_FETCH_REQUEST:
@@ -192,4 +174,4 @@ const reducer = (state: Readonly<State> = {}, action: EntityAction): State => {
   }
 };
 
-export { type State, reducer as default };
+export { reducer as default };
diff --git a/packages/pl-fe/src/entity-store/utils.ts b/packages/pl-fe/src/entity-store/utils.ts
index 2568eb78d..fddd20012 100644
--- a/packages/pl-fe/src/entity-store/utils.ts
+++ b/packages/pl-fe/src/entity-store/utils.ts
@@ -52,5 +52,4 @@ export {
   updateList,
   createCache,
   createList,
-  createListState,
 };
diff --git a/packages/pl-fe/src/features/auth-login/components/captcha.test.tsx b/packages/pl-fe/src/features/auth-login/components/captcha.test.tsx
deleted file mode 100644
index 4c2c8dcd1..000000000
--- a/packages/pl-fe/src/features/auth-login/components/captcha.test.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import CaptchaField, { NativeCaptchaField } from './captcha';
-
-describe('<CaptchaField />', () => {
-  it('renders null by default', () => {
-    render(<CaptchaField idempotencyKey='' value='' />);
-
-    expect(screen.queryAllByRole('textbox')).toHaveLength(0);
-  });
-});
-
-describe('<NativeCaptchaField />', () => {
-  it('renders correctly', () => {
-    const captcha = ImmutableMap({
-      answer_data: 'QTEyOEdDTQ...',
-      token: 'CcDExJcv6qqOVw',
-      type: 'native',
-      url: 'data:image/png;base64,...',
-    });
-
-    render(
-      <NativeCaptchaField
-        captcha={captcha}
-        onChange={() => {}}
-        onClick={() => {}}
-        value=''
-      />,
-    );
-
-    expect(screen.queryAllByRole('textbox')).toHaveLength(1);
-  });
-});
diff --git a/packages/pl-fe/src/features/auth-login/components/captcha.tsx b/packages/pl-fe/src/features/auth-login/components/captcha.tsx
index f9047227b..2507178a4 100644
--- a/packages/pl-fe/src/features/auth-login/components/captcha.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/captcha.tsx
@@ -129,5 +129,4 @@ const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange,
 
 export {
   CaptchaField as default,
-  NativeCaptchaField,
 };
diff --git a/packages/pl-fe/src/features/auth-login/components/login-form.test.tsx b/packages/pl-fe/src/features/auth-login/components/login-form.test.tsx
deleted file mode 100644
index 54cde5bad..000000000
--- a/packages/pl-fe/src/features/auth-login/components/login-form.test.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { instanceSchema } from 'pl-api';
-import React from 'react';
-import * as v from 'valibot';
-
-import { fireEvent, render, screen } from '@/jest/test-helpers';
-
-import LoginForm from './login-form';
-
-describe('<LoginForm />', () => {
-  it('renders for Pleroma', () => {
-    const mockFn = vi.fn();
-    const store = {
-      instance: v.parse(instanceSchema, {
-        version: '2.7.2 (compatible; Pleroma 2.3.0)',
-      }),
-    };
-
-    render(<LoginForm handleSubmit={mockFn} isLoading={false} />, undefined, store);
-
-    expect(screen.getByRole('heading')).toHaveTextContent(/sign in/i);
-  });
-
-  it('renders for Mastodon', () => {
-    const mockFn = vi.fn();
-    const store = {
-      instance: v.parse(instanceSchema, {
-        version: '3.0.0',
-      }),
-    };
-
-    render(<LoginForm handleSubmit={mockFn} isLoading={false} />, undefined, store);
-
-    expect(screen.getByRole('heading')).toHaveTextContent(/sign in/i);
-  });
-
-  it('responds to the handleSubmit prop', () => {
-    const mockFn = vi.fn();
-    render(<LoginForm handleSubmit={mockFn} isLoading={false} />);
-    fireEvent.submit(screen.getByTestId(/button/i));
-
-    expect(mockFn).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.test.tsx b/packages/pl-fe/src/features/auth-login/components/otp-auth-form.test.tsx
deleted file mode 100644
index b46120ef8..000000000
--- a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.test.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import OtpAuthForm from './otp-auth-form';
-
-describe('<OtpAuthForm />', () => {
-  it('renders correctly', () => {
-    render(<OtpAuthForm mfa_token='12345' />);
-
-    expect(screen.getByRole('heading')).toHaveTextContent('OTP Login');
-    expect(screen.getByTestId('form')).toBeInTheDocument();
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-item.test.tsx b/packages/pl-fe/src/features/chats/components/chat-list-item.test.tsx
deleted file mode 100644
index 3d9b33583..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-list-item.test.tsx
+++ /dev/null
@@ -1,65 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-import { IChat } from '@/queries/chats';
-
-import ChatListItem from './chat-list-item';
-
-const chat: any = {
-  id: '1',
-  unread: 5,
-  last_message: {
-    account_id: '2',
-    chat_id: '1',
-    content: 'hello world',
-    created_at: '2022-09-09T16:02:26.186Z',
-    id: '12332423234',
-    unread: true,
-  },
-  created_at: '2022-09-09T16:02:26.186Z',
-  updated_at: '2022-09-09T16:02:26.186Z',
-  accepted: true,
-  account: {
-    acct: 'username',
-    display_name: 'johnnie',
-  },
-};
-
-describe('<ChatListItem />', () => {
-  it('renders correctly', () => {
-    render(<ChatListItem chat={chat as IChat} onClick={vi.fn()} />);
-
-    expect(screen.getByTestId('chat-list-item')).toBeInTheDocument();
-    expect(screen.getByTestId('chat-list-item')).toHaveTextContent(chat.account.display_name);
-  });
-
-  describe('last message content', () => {
-    it('renders the last message', () => {
-      render(<ChatListItem chat={chat as IChat} onClick={vi.fn()} />);
-
-      expect(screen.getByTestId('chat-last-message')).toBeInTheDocument();
-    });
-
-    it('does not render the last message', () => {
-      const changedChat = { ...chat, last_message: null };
-      render(<ChatListItem chat={changedChat as IChat} onClick={vi.fn()} />);
-
-      expect(screen.queryAllByTestId('chat-last-message')).toHaveLength(0);
-    });
-
-    describe('unread', () => {
-      it('renders the unread dot', () => {
-        render(<ChatListItem chat={chat as IChat} onClick={vi.fn()} />);
-
-        expect(screen.getByTestId('chat-unread-indicator')).toBeInTheDocument();
-      });
-
-      it('does not render the unread dot', () => {
-        const changedChat = { ...chat, last_message: { ...chat.last_message, unread: false } };
-        render(<ChatListItem chat={changedChat as IChat} onClick={vi.fn()} />);
-
-        expect(screen.queryAllByTestId('chat-unread-indicator')).toHaveLength(0);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-message-list.test.tsx b/packages/pl-fe/src/features/chats/components/chat-message-list.test.tsx
deleted file mode 100644
index 6d33c25e0..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-message-list.test.tsx
+++ /dev/null
@@ -1,144 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { VirtuosoMockContext } from 'react-virtuoso';
-
-import { __stub } from '@/api';
-import { ChatContext } from '@/contexts/chat-context';
-import { buildAccount, buildInstance } from '@/jest/factory';
-import { queryClient, render, rootState, screen, waitFor } from '@/jest/test-helpers';
-import { normalizeChatMessage } from '@/normalizers/chat-message';
-import { IChat } from '@/queries/chats';
-import { ChatMessage } from '@/types/entities';
-
-import ChatMessageList from './chat-message-list';
-
-const chat: IChat = {
-  account: buildAccount({
-    username: 'username',
-    verified: true,
-    id: '1',
-    acct: 'acct',
-    avatar: 'avatar',
-    avatar_static: 'avatar',
-    display_name: 'my name',
-  }),
-  created_at: '2020-06-10T02:05:06.000Z',
-  id: '14',
-  last_message: null,
-  unread: 5,
-};
-
-const chatMessages: ChatMessage[] = [
-  normalizeChatMessage({
-    account_id: '1',
-    chat_id: '14',
-    content: 'this is the first chat',
-    created_at: '2022-09-09T16:02:26.186Z',
-    id: '1',
-    unread: false,
-    pending: false,
-  }),
-  normalizeChatMessage({
-    account_id: '2',
-    chat_id: '14',
-    content: 'this is the second chat',
-    created_at: '2022-09-09T16:04:26.186Z',
-    id: '2',
-    unread: true,
-    pending: false,
-  }),
-];
-
-// Mock scrollIntoView function.
-window.HTMLElement.prototype.scrollIntoView = () => { };
-Object.assign(navigator, {
-  clipboard: {
-    writeText: () => { },
-  },
-});
-
-const store = {
-  ...rootState,
-  me: '1',
-  instance: buildInstance({ version: '3.4.1 (compatible; TruthSocial 1.0.0+unreleased)' }),
-};
-
-const renderComponentWithChatContext = () => render(
-  <VirtuosoMockContext.Provider value={{ viewportHeight: 300, itemHeight: 100 }}>
-    <ChatContext.Provider value={{ chat }}>
-      <ChatMessageList chat={chat} />
-    </ChatContext.Provider>
-  </VirtuosoMockContext.Provider>,
-  store,
-);
-
-beforeEach(() => {
-  queryClient.clear();
-});
-
-describe('<ChatMessageList />', () => {
-  describe('when the query is loading', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/pleroma/chats/${chat.id}/messages`).reply(200, chatMessages, {
-          link: null,
-        });
-      });
-    });
-
-    it('displays the skeleton loader', async () => {
-      renderComponentWithChatContext();
-
-      expect(screen.queryAllByTestId('placeholder-chat-message')).toHaveLength(5);
-
-      await waitFor(() => {
-        expect(screen.getByTestId('chat-message-list-intro')).toBeInTheDocument();
-        expect(screen.queryAllByTestId('placeholder-chat-message')).toHaveLength(0);
-      });
-    });
-  });
-
-  describe('when the query is finished loading', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/pleroma/chats/${chat.id}/messages`).reply(200, chatMessages, {
-          link: null,
-        });
-      });
-    });
-
-    it('displays the intro', async () => {
-      renderComponentWithChatContext();
-
-      expect(screen.queryAllByTestId('chat-message-list-intro')).toHaveLength(0);
-
-      await waitFor(() => {
-        expect(screen.getByTestId('chat-message-list-intro')).toBeInTheDocument();
-      });
-    });
-
-    it('displays the messages', async () => {
-      renderComponentWithChatContext();
-
-      expect(screen.queryAllByTestId('chat-message')).toHaveLength(0);
-
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('chat-message')).toHaveLength(chatMessages.length);
-      });
-    });
-
-    it('displays the correct menu options depending on the owner of the message', async () => {
-      renderComponentWithChatContext();
-
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('chat-message-menu')).toHaveLength(2);
-      });
-
-      // my message
-      await userEvent.click(screen.queryAllByTestId('chat-message-menu')[0].querySelector('button') as any);
-
-      // other user message
-      await userEvent.click(screen.queryAllByTestId('chat-message-menu')[1].querySelector('button') as any);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-pane-header.test.tsx b/packages/pl-fe/src/features/chats/components/chat-pane-header.test.tsx
deleted file mode 100644
index 94dc1c046..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-pane-header.test.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import ChatPaneHeader from './chat-widget/chat-pane-header';
-
-describe('<ChatPaneHeader />', () => {
-  it('handles the onToggle prop', async () => {
-    const mockFn = vi.fn();
-    render(<ChatPaneHeader title='title' onToggle={mockFn} isOpen />);
-
-    await userEvent.click(screen.getByTestId('icon-button'));
-    expect(mockFn).toHaveBeenCalled();
-  });
-
-  describe('the "title" prop', () => {
-    describe('when it is a string', () => {
-      it('renders the title', () => {
-        const title = 'Messages';
-        render(<ChatPaneHeader title={title} onToggle={vi.fn()} isOpen />);
-
-        expect(screen.getByTestId('title')).toHaveTextContent(title);
-      });
-    });
-
-    describe('when it is a node', () => {
-      it('renders the title', () => {
-        const title = (
-          <div><p>hello world</p></div>
-        );
-        render(<ChatPaneHeader title={title} onToggle={vi.fn()} isOpen />);
-
-        expect(screen.getByTestId('title')).toHaveTextContent('hello world');
-      });
-    });
-  });
-
-  describe('the "unreadCount" prop', () => {
-    describe('when present', () => {
-      it('renders the unread count', () => {
-        const count = 14;
-        render(<ChatPaneHeader title='title' onToggle={vi.fn()} isOpen unreadCount={count} />);
-
-        expect(screen.getByTestId('unread-count')).toHaveTextContent(String(count));
-      });
-    });
-
-    describe('when 0', () => {
-      it('does not render the unread count', () => {
-        const count = 0;
-        render(<ChatPaneHeader title='title' onToggle={vi.fn()} isOpen unreadCount={count} />);
-
-        expect(screen.queryAllByTestId('unread-count')).toHaveLength(0);
-      });
-    });
-
-    describe('when unprovided', () => {
-      it('does not render the unread count', () => {
-        render(<ChatPaneHeader title='title' onToggle={vi.fn()} isOpen />);
-
-        expect(screen.queryAllByTestId('unread-count')).toHaveLength(0);
-      });
-    });
-  });
-
-  describe('secondaryAction prop', () => {
-    it('handles the secondaryAction callback', async () => {
-      const mockFn = vi.fn();
-      render(
-        <ChatPaneHeader
-          title='title'
-          onToggle={vi.fn()}
-          isOpen
-          secondaryAction={mockFn}
-          secondaryActionIcon='icon.svg'
-        />,
-      );
-
-      await userEvent.click(screen.queryAllByTestId('icon-button')[0]);
-      expect(mockFn).toBeCalled();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.test.tsx b/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.test.tsx
deleted file mode 100644
index 430b24ffd..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.test.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-
-import { __stub } from '@/api';
-import { ChatContext } from '@/contexts/chat-context';
-import { StatProvider } from '@/contexts/stat-context';
-import chats from '@/jest/fixtures/chats.json';
-import { render, screen, waitFor } from '@/jest/test-helpers';
-
-import ChatPane from './chat-pane';
-
-const renderComponentWithChatContext = (store = {}) => render(
-  <StatProvider>
-    <ChatContext.Provider value={{ isOpen: true }}>
-      <ChatPane />
-    </ChatContext.Provider>
-  </StatProvider>,
-  undefined,
-  store,
-);
-
-describe('<ChatPane />', () => {
-  // describe('when there are no chats', () => {
-  //   let store: ReturnType<typeof mockStore>;
-
-  //   beforeEach(() => {
-  //     const state = rootState.setIn(['instance', 'version'], '2.7.2 (compatible; Pleroma 2.2.0)');
-  //     store = mockStore(state);
-
-  //     __stub((mock) => {
-  //       mock.onGet('/api/v1/pleroma/chats').reply(200, [], {
-  //         link: null,
-  //       });
-  //     });
-  //   });
-
-  //   it('renders the blankslate', async () => {
-  //     renderComponentWithChatContext(store);
-
-  //     await waitFor(() => {
-  //       expect(screen.getByTestId('chat-pane-blankslate')).toBeInTheDocument();
-  //     });
-  //   });
-  // });
-
-  beforeEach(() => {
-    __stub((mock) => {
-      mock.onGet('/api/v1/pleroma/chats').reply(200, chats, {
-        link: '<https://example.com/api/v1/pleroma/chats?since_id=2>; rel=\'prev\'',
-      });
-    });
-  });
-
-  it('does not render the search input', async () => {
-    renderComponentWithChatContext();
-
-    await waitFor(() => {
-      expect(screen.queryAllByTestId('chat-search-input')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.test.tsx b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.test.tsx
deleted file mode 100644
index f217398f2..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.test.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-
-import { __stub } from '@/api';
-import { ChatProvider } from '@/contexts/chat-context';
-import { render, screen, waitFor } from '@/jest/test-helpers';
-
-import ChatSearch from './chat-search';
-
-const renderComponent = () => render(
-  <ChatProvider>
-    <ChatSearch />
-  </ChatProvider>,
-);
-
-describe('<ChatSearch />', () => {
-  beforeEach(async() => {
-    renderComponent();
-  });
-
-  it('renders the search input', () => {
-    expect(screen.getByTestId('search')).toBeInTheDocument();
-  });
-
-  describe('when searching', () => {
-    describe('with results', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/search').reply(200, [{
-            id: '1',
-            avatar: 'url',
-            verified: false,
-            display_name: 'steve',
-            acct: 'sjobs',
-          }]);
-        });
-      });
-
-      it('renders accounts', async() => {
-        const user = userEvent.setup();
-        await user.type(screen.getByTestId('search'), 'ste');
-
-        await waitFor(() => {
-          expect(screen.queryAllByTestId('account')).toHaveLength(1);
-        });
-      });
-    });
-
-    describe('without results', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet('/api/v1/accounts/search').reply(200, []);
-        });
-      });
-
-      it('renders accounts', async() => {
-        const user = userEvent.setup();
-        await user.type(screen.getByTestId('search'), 'ste');
-
-        await waitFor(() => {
-          expect(screen.getByTestId('no-results')).toBeInTheDocument();
-        });
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget.test.tsx b/packages/pl-fe/src/features/chats/components/chat-widget.test.tsx
deleted file mode 100644
index f7bfb8477..000000000
--- a/packages/pl-fe/src/features/chats/components/chat-widget.test.tsx
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from 'react';
-import { Route, Switch } from 'react-router-dom';
-
-import { buildAccount } from '@/jest/factory';
-import { render, rootState } from '@/jest/test-helpers';
-
-import ChatWidget from './chat-widget/chat-widget';
-
-const id = '1';
-const account = buildAccount({
-  id,
-  acct: 'justin-username',
-  display_name: 'Justin L',
-  avatar: 'test.jpg',
-});
-
-const store = {
-  ...rootState,
-  me: id,
-  entities: {
-    'ACCOUNTS': {
-      store: {
-        [id]: account,
-      },
-      lists: {},
-    },
-  },
-};
-
-describe('<ChatWidget />', () => {
-  describe('when on the /chats endpoint', () => {
-    it('hides the widget', async () => {
-      const App = () => (
-        <Switch>
-          <Route path='/chats' exact><span>Chats page <ChatWidget /></span></Route>
-          <Route path='/' exact><span data-testid='home'>Homepage <ChatWidget /></span></Route>
-        </Switch>
-      );
-
-      const screen = render(
-        <App />,
-        {},
-        store,
-        { initialEntries: ['/chats'] },
-      );
-
-      expect(screen.queryAllByTestId('pane')).toHaveLength(0);
-    });
-  });
-
-  // describe('when the user has not onboarded chats', () => {
-  //   it('hides the widget', async () => {
-  //     const accountWithoutChats = buildAccount({
-  //       id,
-  //       acct: 'justin-username',
-  //       display_name: 'Justin L',
-  //       avatar: 'test.jpg',
-  //       source: {
-  //         chats_onboarded: false,
-  //       },
-  //     });
-  //     const newStore = store.set('entities', {
-  //       'ACCOUNTS': {
-  //         store: {
-  //           [id]: accountWithoutChats,
-  //         },
-  //         lists: {},
-  //       },
-  //     });
-
-  //     const screen = render(
-  //       <ChatWidget />,
-  //       {},
-  //       newStore,
-  //     );
-
-  //     expect(screen.queryAllByTestId('pane')).toHaveLength(0);
-  //   });
-  // });
-
-  describe('when the user is onboarded and the endpoint is not /chats', () => {
-    it('shows the widget', async () => {
-      const App = () => (
-        <Switch>
-          <Route path='/chats' exact><span>Chats page <ChatWidget /></span></Route>
-          <Route path='/' exact><span data-testid='home'>Homepage <ChatWidget /></span></Route>
-        </Switch>
-      );
-
-      const screen = render(
-        <App />,
-        {},
-        store,
-        { initialEntries: ['/'] },
-      );
-
-      expect(screen.queryAllByTestId('pane')).toHaveLength(1);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/compose/components/polls/duration-selector.test.tsx b/packages/pl-fe/src/features/compose/components/polls/duration-selector.test.tsx
deleted file mode 100644
index 37c4b8a94..000000000
--- a/packages/pl-fe/src/features/compose/components/polls/duration-selector.test.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import DurationSelector from './duration-selector';
-
-describe('<DurationSelector />', () => {
-  it('defaults to 2 days', () => {
-    const handler = vi.fn();
-    render(<DurationSelector onDurationChange={handler} />);
-
-    expect(screen.getByTestId('duration-selector-days')).toHaveValue('2');
-    expect(screen.getByTestId('duration-selector-hours')).toHaveValue('0');
-    expect(screen.getByTestId('duration-selector-minutes')).toHaveValue('0');
-  });
-
-  describe('when changing the day', () => {
-    it('calls the "onDurationChange" callback', async() => {
-      const handler = vi.fn();
-      render(<DurationSelector onDurationChange={handler} />);
-
-      await userEvent.selectOptions(
-        screen.getByTestId('duration-selector-days'),
-        screen.getByRole('option', { name: '1 day' }),
-      );
-
-      expect(handler.mock.calls[0][0]).toEqual(172800); // 2 days
-      expect(handler.mock.calls[1][0]).toEqual(86400); // 1 day
-    });
-
-    it('should disable the hour/minute select if 7 days selected', async() => {
-      const handler = vi.fn();
-      render(<DurationSelector onDurationChange={handler} />);
-
-      expect(screen.getByTestId('duration-selector-hours')).not.toBeDisabled();
-      expect(screen.getByTestId('duration-selector-minutes')).not.toBeDisabled();
-
-      await userEvent.selectOptions(
-        screen.getByTestId('duration-selector-days'),
-        screen.getByRole('option', { name: '7 days' }),
-      );
-
-      expect(screen.getByTestId('duration-selector-hours')).toBeDisabled();
-      expect(screen.getByTestId('duration-selector-minutes')).toBeDisabled();
-    });
-  });
-
-  describe('when changing the hour', () => {
-    it('calls the "onDurationChange" callback', async() => {
-      const handler = vi.fn();
-      render(<DurationSelector onDurationChange={handler} />);
-
-      await userEvent.selectOptions(
-        screen.getByTestId('duration-selector-hours'),
-        screen.getByRole('option', { name: '1 hour' }),
-      );
-
-      expect(handler.mock.calls[0][0]).toEqual(172800); // 2 days
-      expect(handler.mock.calls[1][0]).toEqual(176400); // 2 days, 1 hour
-    });
-  });
-
-  describe('when changing the minute', () => {
-    it('calls the "onDurationChange" callback', async() => {
-      const handler = vi.fn();
-      render(<DurationSelector onDurationChange={handler} />);
-
-      await userEvent.selectOptions(
-        screen.getByTestId('duration-selector-minutes'),
-        screen.getByRole('option', { name: '15 minutes' }),
-      );
-
-      expect(handler.mock.calls[0][0]).toEqual(172800); // 2 days
-      expect(handler.mock.calls[1][0]).toEqual(173700); // 2 days, 1 minute
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/compose/editor/utils/url.ts b/packages/pl-fe/src/features/compose/editor/utils/url.ts
index 7bc2236ba..2fe5e2b71 100644
--- a/packages/pl-fe/src/features/compose/editor/utils/url.ts
+++ b/packages/pl-fe/src/features/compose/editor/utils/url.ts
@@ -24,14 +24,3 @@ export const sanitizeUrl = (url: string): string => {
   }
   return url;
 };
-
-// Source: https://stackoverflow.com/a/8234912/2013580
-const urlRegExp = new RegExp(
-  /((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/,
-);
-
-export const validateUrl = (url: string): boolean => {
-  // TODO Fix UI for link insertion; it should never default to an invalid URL such as https://.
-  // Maybe show a dialog where they user can type the URL before inserting it.
-  return url === 'https://' || urlRegExp.test(url);
-};
diff --git a/packages/pl-fe/src/features/emoji/index.test.ts b/packages/pl-fe/src/features/emoji/index.test.ts
deleted file mode 100644
index 852181044..000000000
--- a/packages/pl-fe/src/features/emoji/index.test.ts
+++ /dev/null
@@ -1,1914 +0,0 @@
-import emojify from '.';
-
-describe('emoji', () => {
-  describe('.emojify', () => {
-    it('ignores unknown shortcodes', () => {
-      expect(emojify(':foobarbazfake:')).toEqual(':foobarbazfake:');
-    });
-
-    it('ignores shortcodes inside of tags', () => {
-      expect(emojify('<p data-foo=":smile:"></p>')).toEqual('<p data-foo=":smile:"></p>');
-    });
-
-    it('works with unclosed tags', () => {
-      expect(emojify('hello>')).toEqual('hello>');
-      expect(emojify('<hello')).toEqual('<hello');
-    });
-
-    it('works with unclosed shortcodes', () => {
-      expect(emojify('smile:')).toEqual('smile:');
-      expect(emojify(':smile')).toEqual(':smile');
-    });
-
-    it('does unicode', () => {
-      expect(emojify('\uD83D\uDC69\u200D\uD83D\uDC69\u200D\uD83D\uDC66\u200D\uD83D\uDC66')).toEqual(
-        '<img draggable="false" class="emojione" alt="👩‍👩‍👦‍👦" title=":woman-woman-boy-boy:" src="/packs/emoji/1f469-200d-1f469-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👨‍👩‍👧‍👧')).toEqual(
-        '<img draggable="false" class="emojione" alt="👨‍👩‍👧‍👧" title=":man-woman-girl-girl:" src="/packs/emoji/1f468-200d-1f469-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('👩‍👩‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👦" title=":woman-woman-boy:" src="/packs/emoji/1f469-200d-1f469-200d-1f466.svg" />');
-      expect(emojify('\u2757')).toEqual(
-        '<img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" />');
-    });
-
-    it('does multiple unicode', () => {
-      expect(emojify('\u2757 #\uFE0F\u20E3')).toEqual(
-        '<img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#️⃣" title=":hash:" src="/packs/emoji/23-20e3.svg" />');
-      expect(emojify('\u2757#\uFE0F\u20E3')).toEqual(
-        '<img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" /><img draggable="false" class="emojione" alt="#️⃣" title=":hash:" src="/packs/emoji/23-20e3.svg" />');
-      expect(emojify('\u2757 #\uFE0F\u20E3 \u2757')).toEqual(
-        '<img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#️⃣" title=":hash:" src="/packs/emoji/23-20e3.svg" /> <img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" />');
-      expect(emojify('foo \u2757 #\uFE0F\u20E3 bar')).toEqual(
-        'foo <img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" /> <img draggable="false" class="emojione" alt="#️⃣" title=":hash:" src="/packs/emoji/23-20e3.svg" /> bar');
-    });
-
-    it('ignores unicode inside of tags', () => {
-      expect(emojify('<p data-foo="\uD83D\uDC69\uD83D\uDC69\uD83D\uDC66"></p>')).toEqual('<p data-foo="\uD83D\uDC69\uD83D\uDC69\uD83D\uDC66"></p>');
-    });
-
-    it('does multiple emoji properly (issue 5188)', () => {
-      expect(emojify('👌🌈💕')).toEqual('<img draggable="false" class="emojione" alt="👌" title=":ok_hand:" src="/packs/emoji/1f44c.svg" /><img draggable="false" class="emojione" alt="🌈" title=":rainbow:" src="/packs/emoji/1f308.svg" /><img draggable="false" class="emojione" alt="💕" title=":two_hearts:" src="/packs/emoji/1f495.svg" />');
-      expect(emojify('👌 🌈 💕')).toEqual('<img draggable="false" class="emojione" alt="👌" title=":ok_hand:" src="/packs/emoji/1f44c.svg" /> <img draggable="false" class="emojione" alt="🌈" title=":rainbow:" src="/packs/emoji/1f308.svg" /> <img draggable="false" class="emojione" alt="💕" title=":two_hearts:" src="/packs/emoji/1f495.svg" />');
-    });
-
-    it('does an emoji that has no shortcode', () => {
-      expect(emojify('👁‍🗨')).toEqual('<img draggable="false" class="emojione" alt="👁‍🗨" title=":eye-in-speech-bubble:" src="/packs/emoji/1f441-200d-1f5e8.svg" />');
-    });
-
-    it('skips the textual presentation VS15 character', () => {
-      expect(emojify('✴︎')) // This is U+2734 EIGHT POINTED BLACK STAR then U+FE0E VARIATION SELECTOR-15
-        .toEqual('<img draggable="false" class="emojione" alt="✴️" title=":eight_pointed_black_star:" src="/packs/emoji/2734.svg" />');
-    });
-
-    it('full v14 unicode emoji map', () => {
-      expect(emojify('💯')).toEqual('<img draggable="false" class="emojione" alt="💯" title=":100:" src="/packs/emoji/1f4af.svg" />');
-      expect(emojify('🔢')).toEqual('<img draggable="false" class="emojione" alt="🔢" title=":1234:" src="/packs/emoji/1f522.svg" />');
-      expect(emojify('😀')).toEqual('<img draggable="false" class="emojione" alt="😀" title=":grinning:" src="/packs/emoji/1f600.svg" />');
-      expect(emojify('😃')).toEqual('<img draggable="false" class="emojione" alt="😃" title=":smiley:" src="/packs/emoji/1f603.svg" />');
-      expect(emojify('😄')).toEqual('<img draggable="false" class="emojione" alt="😄" title=":smile:" src="/packs/emoji/1f604.svg" />');
-      expect(emojify('😁')).toEqual('<img draggable="false" class="emojione" alt="😁" title=":grin:" src="/packs/emoji/1f601.svg" />');
-      expect(emojify('😆')).toEqual('<img draggable="false" class="emojione" alt="😆" title=":laughing:" src="/packs/emoji/1f606.svg" />');
-      expect(emojify('😅')).toEqual('<img draggable="false" class="emojione" alt="😅" title=":sweat_smile:" src="/packs/emoji/1f605.svg" />');
-      expect(emojify('🤣')).toEqual('<img draggable="false" class="emojione" alt="🤣" title=":rolling_on_the_floor_laughing:" src="/packs/emoji/1f923.svg" />');
-      expect(emojify('😂')).toEqual('<img draggable="false" class="emojione" alt="😂" title=":joy:" src="/packs/emoji/1f602.svg" />');
-      expect(emojify('🙂')).toEqual('<img draggable="false" class="emojione" alt="🙂" title=":slightly_smiling_face:" src="/packs/emoji/1f642.svg" />');
-      expect(emojify('🙃')).toEqual('<img draggable="false" class="emojione" alt="🙃" title=":upside_down_face:" src="/packs/emoji/1f643.svg" />');
-      expect(emojify('🫠')).toEqual('<img draggable="false" class="emojione" alt="🫠" title=":melting_face:" src="/packs/emoji/1fae0.svg" />');
-      expect(emojify('😉')).toEqual('<img draggable="false" class="emojione" alt="😉" title=":wink:" src="/packs/emoji/1f609.svg" />');
-      expect(emojify('😊')).toEqual('<img draggable="false" class="emojione" alt="😊" title=":blush:" src="/packs/emoji/1f60a.svg" />');
-      expect(emojify('😇')).toEqual('<img draggable="false" class="emojione" alt="😇" title=":innocent:" src="/packs/emoji/1f607.svg" />');
-      expect(emojify('🥰')).toEqual('<img draggable="false" class="emojione" alt="🥰" title=":smiling_face_with_3_hearts:" src="/packs/emoji/1f970.svg" />');
-      expect(emojify('😍')).toEqual('<img draggable="false" class="emojione" alt="😍" title=":heart_eyes:" src="/packs/emoji/1f60d.svg" />');
-      expect(emojify('🤩')).toEqual('<img draggable="false" class="emojione" alt="🤩" title=":star-struck:" src="/packs/emoji/1f929.svg" />');
-      expect(emojify('😘')).toEqual('<img draggable="false" class="emojione" alt="😘" title=":kissing_heart:" src="/packs/emoji/1f618.svg" />');
-      expect(emojify('😗')).toEqual('<img draggable="false" class="emojione" alt="😗" title=":kissing:" src="/packs/emoji/1f617.svg" />');
-      expect(emojify('☺️')).toEqual('<img draggable="false" class="emojione" alt="☺️" title=":relaxed:" src="/packs/emoji/263a.svg" />');
-      expect(emojify('😚')).toEqual('<img draggable="false" class="emojione" alt="😚" title=":kissing_closed_eyes:" src="/packs/emoji/1f61a.svg" />');
-      expect(emojify('😙')).toEqual('<img draggable="false" class="emojione" alt="😙" title=":kissing_smiling_eyes:" src="/packs/emoji/1f619.svg" />');
-      expect(emojify('🥲')).toEqual('<img draggable="false" class="emojione" alt="🥲" title=":smiling_face_with_tear:" src="/packs/emoji/1f972.svg" />');
-      expect(emojify('😋')).toEqual('<img draggable="false" class="emojione" alt="😋" title=":yum:" src="/packs/emoji/1f60b.svg" />');
-      expect(emojify('😛')).toEqual('<img draggable="false" class="emojione" alt="😛" title=":stuck_out_tongue:" src="/packs/emoji/1f61b.svg" />');
-      expect(emojify('😜')).toEqual('<img draggable="false" class="emojione" alt="😜" title=":stuck_out_tongue_winking_eye:" src="/packs/emoji/1f61c.svg" />');
-      expect(emojify('🤪')).toEqual('<img draggable="false" class="emojione" alt="🤪" title=":zany_face:" src="/packs/emoji/1f92a.svg" />');
-      expect(emojify('😝')).toEqual('<img draggable="false" class="emojione" alt="😝" title=":stuck_out_tongue_closed_eyes:" src="/packs/emoji/1f61d.svg" />');
-      expect(emojify('🤑')).toEqual('<img draggable="false" class="emojione" alt="🤑" title=":money_mouth_face:" src="/packs/emoji/1f911.svg" />');
-      expect(emojify('🤗')).toEqual('<img draggable="false" class="emojione" alt="🤗" title=":hugging_face:" src="/packs/emoji/1f917.svg" />');
-      expect(emojify('🤭')).toEqual('<img draggable="false" class="emojione" alt="🤭" title=":face_with_hand_over_mouth:" src="/packs/emoji/1f92d.svg" />');
-      expect(emojify('🫢')).toEqual('<img draggable="false" class="emojione" alt="🫢" title=":face_with_open_eyes_and_hand_over_mouth:" src="/packs/emoji/1fae2.svg" />');
-      expect(emojify('🫣')).toEqual('<img draggable="false" class="emojione" alt="🫣" title=":face_with_peeking_eye:" src="/packs/emoji/1fae3.svg" />');
-      expect(emojify('🤫')).toEqual('<img draggable="false" class="emojione" alt="🤫" title=":shushing_face:" src="/packs/emoji/1f92b.svg" />');
-      expect(emojify('🤔')).toEqual('<img draggable="false" class="emojione" alt="🤔" title=":thinking_face:" src="/packs/emoji/1f914.svg" />');
-      expect(emojify('🫡')).toEqual('<img draggable="false" class="emojione" alt="🫡" title=":saluting_face:" src="/packs/emoji/1fae1.svg" />');
-      expect(emojify('🤐')).toEqual('<img draggable="false" class="emojione" alt="🤐" title=":zipper_mouth_face:" src="/packs/emoji/1f910.svg" />');
-      expect(emojify('🤨')).toEqual('<img draggable="false" class="emojione" alt="🤨" title=":face_with_raised_eyebrow:" src="/packs/emoji/1f928.svg" />');
-      expect(emojify('😐')).toEqual('<img draggable="false" class="emojione" alt="😐" title=":neutral_face:" src="/packs/emoji/1f610.svg" />');
-      expect(emojify('😑')).toEqual('<img draggable="false" class="emojione" alt="😑" title=":expressionless:" src="/packs/emoji/1f611.svg" />');
-      expect(emojify('😶')).toEqual('<img draggable="false" class="emojione" alt="😶" title=":no_mouth:" src="/packs/emoji/1f636.svg" />');
-      expect(emojify('🫥')).toEqual('<img draggable="false" class="emojione" alt="🫥" title=":dotted_line_face:" src="/packs/emoji/1fae5.svg" />');
-      expect(emojify('😶‍🌫️')).toEqual('<img draggable="false" class="emojione" alt="😶‍🌫️" title=":face_in_clouds:" src="/packs/emoji/1f636-200d-1f32b-fe0f.svg" />');
-      expect(emojify('😏')).toEqual('<img draggable="false" class="emojione" alt="😏" title=":smirk:" src="/packs/emoji/1f60f.svg" />');
-      expect(emojify('😒')).toEqual('<img draggable="false" class="emojione" alt="😒" title=":unamused:" src="/packs/emoji/1f612.svg" />');
-      expect(emojify('🙄')).toEqual('<img draggable="false" class="emojione" alt="🙄" title=":face_with_rolling_eyes:" src="/packs/emoji/1f644.svg" />');
-      expect(emojify('😬')).toEqual('<img draggable="false" class="emojione" alt="😬" title=":grimacing:" src="/packs/emoji/1f62c.svg" />');
-      expect(emojify('😮‍💨')).toEqual('<img draggable="false" class="emojione" alt="😮‍💨" title=":face_exhaling:" src="/packs/emoji/1f62e-200d-1f4a8.svg" />');
-      expect(emojify('🤥')).toEqual('<img draggable="false" class="emojione" alt="🤥" title=":lying_face:" src="/packs/emoji/1f925.svg" />');
-      expect(emojify('😌')).toEqual('<img draggable="false" class="emojione" alt="😌" title=":relieved:" src="/packs/emoji/1f60c.svg" />');
-      expect(emojify('😔')).toEqual('<img draggable="false" class="emojione" alt="😔" title=":pensive:" src="/packs/emoji/1f614.svg" />');
-      expect(emojify('😪')).toEqual('<img draggable="false" class="emojione" alt="😪" title=":sleepy:" src="/packs/emoji/1f62a.svg" />');
-      expect(emojify('🤤')).toEqual('<img draggable="false" class="emojione" alt="🤤" title=":drooling_face:" src="/packs/emoji/1f924.svg" />');
-      expect(emojify('😴')).toEqual('<img draggable="false" class="emojione" alt="😴" title=":sleeping:" src="/packs/emoji/1f634.svg" />');
-      expect(emojify('😷')).toEqual('<img draggable="false" class="emojione" alt="😷" title=":mask:" src="/packs/emoji/1f637.svg" />');
-      expect(emojify('🤒')).toEqual('<img draggable="false" class="emojione" alt="🤒" title=":face_with_thermometer:" src="/packs/emoji/1f912.svg" />');
-      expect(emojify('🤕')).toEqual('<img draggable="false" class="emojione" alt="🤕" title=":face_with_head_bandage:" src="/packs/emoji/1f915.svg" />');
-      expect(emojify('🤢')).toEqual('<img draggable="false" class="emojione" alt="🤢" title=":nauseated_face:" src="/packs/emoji/1f922.svg" />');
-      expect(emojify('🤮')).toEqual('<img draggable="false" class="emojione" alt="🤮" title=":face_vomiting:" src="/packs/emoji/1f92e.svg" />');
-      expect(emojify('🤧')).toEqual('<img draggable="false" class="emojione" alt="🤧" title=":sneezing_face:" src="/packs/emoji/1f927.svg" />');
-      expect(emojify('🥵')).toEqual('<img draggable="false" class="emojione" alt="🥵" title=":hot_face:" src="/packs/emoji/1f975.svg" />');
-      expect(emojify('🥶')).toEqual('<img draggable="false" class="emojione" alt="🥶" title=":cold_face:" src="/packs/emoji/1f976.svg" />');
-      expect(emojify('🥴')).toEqual('<img draggable="false" class="emojione" alt="🥴" title=":woozy_face:" src="/packs/emoji/1f974.svg" />');
-      expect(emojify('😵')).toEqual('<img draggable="false" class="emojione" alt="😵" title=":dizzy_face:" src="/packs/emoji/1f635.svg" />');
-      expect(emojify('😵‍💫')).toEqual('<img draggable="false" class="emojione" alt="😵‍💫" title=":face_with_spiral_eyes:" src="/packs/emoji/1f635-200d-1f4ab.svg" />');
-      expect(emojify('🤯')).toEqual('<img draggable="false" class="emojione" alt="🤯" title=":exploding_head:" src="/packs/emoji/1f92f.svg" />');
-      expect(emojify('🤠')).toEqual('<img draggable="false" class="emojione" alt="🤠" title=":face_with_cowboy_hat:" src="/packs/emoji/1f920.svg" />');
-      expect(emojify('🥳')).toEqual('<img draggable="false" class="emojione" alt="🥳" title=":partying_face:" src="/packs/emoji/1f973.svg" />');
-      expect(emojify('🥸')).toEqual('<img draggable="false" class="emojione" alt="🥸" title=":disguised_face:" src="/packs/emoji/1f978.svg" />');
-      expect(emojify('😎')).toEqual('<img draggable="false" class="emojione" alt="😎" title=":sunglasses:" src="/packs/emoji/1f60e.svg" />');
-      expect(emojify('🤓')).toEqual('<img draggable="false" class="emojione" alt="🤓" title=":nerd_face:" src="/packs/emoji/1f913.svg" />');
-      expect(emojify('🧐')).toEqual('<img draggable="false" class="emojione" alt="🧐" title=":face_with_monocle:" src="/packs/emoji/1f9d0.svg" />');
-      expect(emojify('😕')).toEqual('<img draggable="false" class="emojione" alt="😕" title=":confused:" src="/packs/emoji/1f615.svg" />');
-      expect(emojify('🫤')).toEqual('<img draggable="false" class="emojione" alt="🫤" title=":face_with_diagonal_mouth:" src="/packs/emoji/1fae4.svg" />');
-      expect(emojify('😟')).toEqual('<img draggable="false" class="emojione" alt="😟" title=":worried:" src="/packs/emoji/1f61f.svg" />');
-      expect(emojify('🙁')).toEqual('<img draggable="false" class="emojione" alt="🙁" title=":slightly_frowning_face:" src="/packs/emoji/1f641.svg" />');
-      expect(emojify('☹️')).toEqual('<img draggable="false" class="emojione" alt="☹️" title=":white_frowning_face:" src="/packs/emoji/2639.svg" />');
-      expect(emojify('😮')).toEqual('<img draggable="false" class="emojione" alt="😮" title=":open_mouth:" src="/packs/emoji/1f62e.svg" />');
-      expect(emojify('😯')).toEqual('<img draggable="false" class="emojione" alt="😯" title=":hushed:" src="/packs/emoji/1f62f.svg" />');
-      expect(emojify('😲')).toEqual('<img draggable="false" class="emojione" alt="😲" title=":astonished:" src="/packs/emoji/1f632.svg" />');
-      expect(emojify('😳')).toEqual('<img draggable="false" class="emojione" alt="😳" title=":flushed:" src="/packs/emoji/1f633.svg" />');
-      expect(emojify('🥺')).toEqual('<img draggable="false" class="emojione" alt="🥺" title=":pleading_face:" src="/packs/emoji/1f97a.svg" />');
-      expect(emojify('🥹')).toEqual('<img draggable="false" class="emojione" alt="🥹" title=":face_holding_back_tears:" src="/packs/emoji/1f979.svg" />');
-      expect(emojify('😦')).toEqual('<img draggable="false" class="emojione" alt="😦" title=":frowning:" src="/packs/emoji/1f626.svg" />');
-      expect(emojify('😧')).toEqual('<img draggable="false" class="emojione" alt="😧" title=":anguished:" src="/packs/emoji/1f627.svg" />');
-      expect(emojify('😨')).toEqual('<img draggable="false" class="emojione" alt="😨" title=":fearful:" src="/packs/emoji/1f628.svg" />');
-      expect(emojify('😰')).toEqual('<img draggable="false" class="emojione" alt="😰" title=":cold_sweat:" src="/packs/emoji/1f630.svg" />');
-      expect(emojify('😥')).toEqual('<img draggable="false" class="emojione" alt="😥" title=":disappointed_relieved:" src="/packs/emoji/1f625.svg" />');
-      expect(emojify('😢')).toEqual('<img draggable="false" class="emojione" alt="😢" title=":cry:" src="/packs/emoji/1f622.svg" />');
-      expect(emojify('😭')).toEqual('<img draggable="false" class="emojione" alt="😭" title=":sob:" src="/packs/emoji/1f62d.svg" />');
-      expect(emojify('😱')).toEqual('<img draggable="false" class="emojione" alt="😱" title=":scream:" src="/packs/emoji/1f631.svg" />');
-      expect(emojify('😖')).toEqual('<img draggable="false" class="emojione" alt="😖" title=":confounded:" src="/packs/emoji/1f616.svg" />');
-      expect(emojify('😣')).toEqual('<img draggable="false" class="emojione" alt="😣" title=":persevere:" src="/packs/emoji/1f623.svg" />');
-      expect(emojify('😞')).toEqual('<img draggable="false" class="emojione" alt="😞" title=":disappointed:" src="/packs/emoji/1f61e.svg" />');
-      expect(emojify('😓')).toEqual('<img draggable="false" class="emojione" alt="😓" title=":sweat:" src="/packs/emoji/1f613.svg" />');
-      expect(emojify('😩')).toEqual('<img draggable="false" class="emojione" alt="😩" title=":weary:" src="/packs/emoji/1f629.svg" />');
-      expect(emojify('😫')).toEqual('<img draggable="false" class="emojione" alt="😫" title=":tired_face:" src="/packs/emoji/1f62b.svg" />');
-      expect(emojify('🥱')).toEqual('<img draggable="false" class="emojione" alt="🥱" title=":yawning_face:" src="/packs/emoji/1f971.svg" />');
-      expect(emojify('😤')).toEqual('<img draggable="false" class="emojione" alt="😤" title=":triumph:" src="/packs/emoji/1f624.svg" />');
-      expect(emojify('😡')).toEqual('<img draggable="false" class="emojione" alt="😡" title=":rage:" src="/packs/emoji/1f621.svg" />');
-      expect(emojify('😠')).toEqual('<img draggable="false" class="emojione" alt="😠" title=":angry:" src="/packs/emoji/1f620.svg" />');
-      expect(emojify('🤬')).toEqual('<img draggable="false" class="emojione" alt="🤬" title=":face_with_symbols_on_mouth:" src="/packs/emoji/1f92c.svg" />');
-      expect(emojify('😈')).toEqual('<img draggable="false" class="emojione" alt="😈" title=":smiling_imp:" src="/packs/emoji/1f608.svg" />');
-      expect(emojify('👿')).toEqual('<img draggable="false" class="emojione" alt="👿" title=":imp:" src="/packs/emoji/1f47f.svg" />');
-      expect(emojify('💀')).toEqual('<img draggable="false" class="emojione" alt="💀" title=":skull:" src="/packs/emoji/1f480.svg" />');
-      expect(emojify('☠️')).toEqual('<img draggable="false" class="emojione" alt="☠️" title=":skull_and_crossbones:" src="/packs/emoji/2620.svg" />');
-      expect(emojify('💩')).toEqual('<img draggable="false" class="emojione" alt="💩" title=":hankey:" src="/packs/emoji/1f4a9.svg" />');
-      expect(emojify('🤡')).toEqual('<img draggable="false" class="emojione" alt="🤡" title=":clown_face:" src="/packs/emoji/1f921.svg" />');
-      expect(emojify('👹')).toEqual('<img draggable="false" class="emojione" alt="👹" title=":japanese_ogre:" src="/packs/emoji/1f479.svg" />');
-      expect(emojify('👺')).toEqual('<img draggable="false" class="emojione" alt="👺" title=":japanese_goblin:" src="/packs/emoji/1f47a.svg" />');
-      expect(emojify('👻')).toEqual('<img draggable="false" class="emojione" alt="👻" title=":ghost:" src="/packs/emoji/1f47b.svg" />');
-      expect(emojify('👽')).toEqual('<img draggable="false" class="emojione" alt="👽" title=":alien:" src="/packs/emoji/1f47d.svg" />');
-      expect(emojify('👾')).toEqual('<img draggable="false" class="emojione" alt="👾" title=":space_invader:" src="/packs/emoji/1f47e.svg" />');
-      expect(emojify('🤖')).toEqual('<img draggable="false" class="emojione" alt="🤖" title=":robot_face:" src="/packs/emoji/1f916.svg" />');
-      expect(emojify('😺')).toEqual('<img draggable="false" class="emojione" alt="😺" title=":smiley_cat:" src="/packs/emoji/1f63a.svg" />');
-      expect(emojify('😸')).toEqual('<img draggable="false" class="emojione" alt="😸" title=":smile_cat:" src="/packs/emoji/1f638.svg" />');
-      expect(emojify('😹')).toEqual('<img draggable="false" class="emojione" alt="😹" title=":joy_cat:" src="/packs/emoji/1f639.svg" />');
-      expect(emojify('😻')).toEqual('<img draggable="false" class="emojione" alt="😻" title=":heart_eyes_cat:" src="/packs/emoji/1f63b.svg" />');
-      expect(emojify('😼')).toEqual('<img draggable="false" class="emojione" alt="😼" title=":smirk_cat:" src="/packs/emoji/1f63c.svg" />');
-      expect(emojify('😽')).toEqual('<img draggable="false" class="emojione" alt="😽" title=":kissing_cat:" src="/packs/emoji/1f63d.svg" />');
-      expect(emojify('🙀')).toEqual('<img draggable="false" class="emojione" alt="🙀" title=":scream_cat:" src="/packs/emoji/1f640.svg" />');
-      expect(emojify('😿')).toEqual('<img draggable="false" class="emojione" alt="😿" title=":crying_cat_face:" src="/packs/emoji/1f63f.svg" />');
-      expect(emojify('😾')).toEqual('<img draggable="false" class="emojione" alt="😾" title=":pouting_cat:" src="/packs/emoji/1f63e.svg" />');
-      expect(emojify('🙈')).toEqual('<img draggable="false" class="emojione" alt="🙈" title=":see_no_evil:" src="/packs/emoji/1f648.svg" />');
-      expect(emojify('🙉')).toEqual('<img draggable="false" class="emojione" alt="🙉" title=":hear_no_evil:" src="/packs/emoji/1f649.svg" />');
-      expect(emojify('🙊')).toEqual('<img draggable="false" class="emojione" alt="🙊" title=":speak_no_evil:" src="/packs/emoji/1f64a.svg" />');
-      expect(emojify('💋')).toEqual('<img draggable="false" class="emojione" alt="💋" title=":kiss:" src="/packs/emoji/1f48b.svg" />');
-      expect(emojify('💌')).toEqual('<img draggable="false" class="emojione" alt="💌" title=":love_letter:" src="/packs/emoji/1f48c.svg" />');
-      expect(emojify('💘')).toEqual('<img draggable="false" class="emojione" alt="💘" title=":cupid:" src="/packs/emoji/1f498.svg" />');
-      expect(emojify('💝')).toEqual('<img draggable="false" class="emojione" alt="💝" title=":gift_heart:" src="/packs/emoji/1f49d.svg" />');
-      expect(emojify('💖')).toEqual('<img draggable="false" class="emojione" alt="💖" title=":sparkling_heart:" src="/packs/emoji/1f496.svg" />');
-      expect(emojify('💗')).toEqual('<img draggable="false" class="emojione" alt="💗" title=":heartpulse:" src="/packs/emoji/1f497.svg" />');
-      expect(emojify('💓')).toEqual('<img draggable="false" class="emojione" alt="💓" title=":heartbeat:" src="/packs/emoji/1f493.svg" />');
-      expect(emojify('💞')).toEqual('<img draggable="false" class="emojione" alt="💞" title=":revolving_hearts:" src="/packs/emoji/1f49e.svg" />');
-      expect(emojify('💕')).toEqual('<img draggable="false" class="emojione" alt="💕" title=":two_hearts:" src="/packs/emoji/1f495.svg" />');
-      expect(emojify('💟')).toEqual('<img draggable="false" class="emojione" alt="💟" title=":heart_decoration:" src="/packs/emoji/1f49f.svg" />');
-      expect(emojify('❣️')).toEqual('<img draggable="false" class="emojione" alt="❣️" title=":heavy_heart_exclamation_mark_ornament:" src="/packs/emoji/2763.svg" />');
-      expect(emojify('💔')).toEqual('<img draggable="false" class="emojione" alt="💔" title=":broken_heart:" src="/packs/emoji/1f494.svg" />');
-      expect(emojify('❤️‍🔥')).toEqual('<img draggable="false" class="emojione" alt="❤️‍🔥" title=":heart_on_fire:" src="/packs/emoji/2764-fe0f-200d-1f525.svg" />');
-      expect(emojify('❤️‍🩹')).toEqual('<img draggable="false" class="emojione" alt="❤️‍🩹" title=":mending_heart:" src="/packs/emoji/2764-fe0f-200d-1fa79.svg" />');
-      expect(emojify('❤️')).toEqual('<img draggable="false" class="emojione" alt="❤️" title=":heart:" src="/packs/emoji/2764.svg" />');
-      expect(emojify('🧡')).toEqual('<img draggable="false" class="emojione" alt="🧡" title=":orange_heart:" src="/packs/emoji/1f9e1.svg" />');
-      expect(emojify('💛')).toEqual('<img draggable="false" class="emojione" alt="💛" title=":yellow_heart:" src="/packs/emoji/1f49b.svg" />');
-      expect(emojify('💚')).toEqual('<img draggable="false" class="emojione" alt="💚" title=":green_heart:" src="/packs/emoji/1f49a.svg" />');
-      expect(emojify('💙')).toEqual('<img draggable="false" class="emojione" alt="💙" title=":blue_heart:" src="/packs/emoji/1f499.svg" />');
-      expect(emojify('💜')).toEqual('<img draggable="false" class="emojione" alt="💜" title=":purple_heart:" src="/packs/emoji/1f49c.svg" />');
-      expect(emojify('🤎')).toEqual('<img draggable="false" class="emojione" alt="🤎" title=":brown_heart:" src="/packs/emoji/1f90e.svg" />');
-      expect(emojify('🖤')).toEqual('<img draggable="false" class="emojione" alt="🖤" title=":black_heart:" src="/packs/emoji/1f5a4.svg" />');
-      expect(emojify('🤍')).toEqual('<img draggable="false" class="emojione" alt="🤍" title=":white_heart:" src="/packs/emoji/1f90d.svg" />');
-      expect(emojify('💢')).toEqual('<img draggable="false" class="emojione" alt="💢" title=":anger:" src="/packs/emoji/1f4a2.svg" />');
-      expect(emojify('💥')).toEqual('<img draggable="false" class="emojione" alt="💥" title=":boom:" src="/packs/emoji/1f4a5.svg" />');
-      expect(emojify('💫')).toEqual('<img draggable="false" class="emojione" alt="💫" title=":dizzy:" src="/packs/emoji/1f4ab.svg" />');
-      expect(emojify('💦')).toEqual('<img draggable="false" class="emojione" alt="💦" title=":sweat_drops:" src="/packs/emoji/1f4a6.svg" />');
-      expect(emojify('💨')).toEqual('<img draggable="false" class="emojione" alt="💨" title=":dash:" src="/packs/emoji/1f4a8.svg" />');
-      expect(emojify('🕳️')).toEqual('<img draggable="false" class="emojione" alt="🕳️" title=":hole:" src="/packs/emoji/1f573.svg" />');
-      expect(emojify('💣')).toEqual('<img draggable="false" class="emojione" alt="💣" title=":bomb:" src="/packs/emoji/1f4a3.svg" />');
-      expect(emojify('💬')).toEqual('<img draggable="false" class="emojione" alt="💬" title=":speech_balloon:" src="/packs/emoji/1f4ac.svg" />');
-      expect(emojify('👁️‍🗨️')).toEqual('<img draggable="false" class="emojione" alt="👁️‍🗨️" title=":eye-in-speech-bubble:" src="/packs/emoji/1f441-200d-1f5e8.svg" />');
-      expect(emojify('🗨️')).toEqual('<img draggable="false" class="emojione" alt="🗨️" title=":left_speech_bubble:" src="/packs/emoji/1f5e8.svg" />');
-      expect(emojify('🗯️')).toEqual('<img draggable="false" class="emojione" alt="🗯️" title=":right_anger_bubble:" src="/packs/emoji/1f5ef.svg" />');
-      expect(emojify('💭')).toEqual('<img draggable="false" class="emojione" alt="💭" title=":thought_balloon:" src="/packs/emoji/1f4ad.svg" />');
-      expect(emojify('💤')).toEqual('<img draggable="false" class="emojione" alt="💤" title=":zzz:" src="/packs/emoji/1f4a4.svg" />');
-      expect(emojify('👋')).toEqual('<img draggable="false" class="emojione" alt="👋" title=":wave:" src="/packs/emoji/1f44b.svg" />');
-      expect(emojify('🤚')).toEqual('<img draggable="false" class="emojione" alt="🤚" title=":raised_back_of_hand:" src="/packs/emoji/1f91a.svg" />');
-      expect(emojify('🖐️')).toEqual('<img draggable="false" class="emojione" alt="🖐️" title=":raised_hand_with_fingers_splayed:" src="/packs/emoji/1f590.svg" />');
-      expect(emojify('✋')).toEqual('<img draggable="false" class="emojione" alt="✋" title=":hand:" src="/packs/emoji/270b.svg" />');
-      expect(emojify('🖖')).toEqual('<img draggable="false" class="emojione" alt="🖖" title=":spock-hand:" src="/packs/emoji/1f596.svg" />');
-      expect(emojify('🫱')).toEqual('<img draggable="false" class="emojione" alt="🫱" title=":rightwards_hand:" src="/packs/emoji/1faf1.svg" />');
-      expect(emojify('🫲')).toEqual('<img draggable="false" class="emojione" alt="🫲" title=":leftwards_hand:" src="/packs/emoji/1faf2.svg" />');
-      expect(emojify('🫳')).toEqual('<img draggable="false" class="emojione" alt="🫳" title=":palm_down_hand:" src="/packs/emoji/1faf3.svg" />');
-      expect(emojify('🫴')).toEqual('<img draggable="false" class="emojione" alt="🫴" title=":palm_up_hand:" src="/packs/emoji/1faf4.svg" />');
-      expect(emojify('👌')).toEqual('<img draggable="false" class="emojione" alt="👌" title=":ok_hand:" src="/packs/emoji/1f44c.svg" />');
-      expect(emojify('🤌')).toEqual('<img draggable="false" class="emojione" alt="🤌" title=":pinched_fingers:" src="/packs/emoji/1f90c.svg" />');
-      expect(emojify('🤏')).toEqual('<img draggable="false" class="emojione" alt="🤏" title=":pinching_hand:" src="/packs/emoji/1f90f.svg" />');
-      expect(emojify('✌️')).toEqual('<img draggable="false" class="emojione" alt="✌️" title=":v:" src="/packs/emoji/270c.svg" />');
-      expect(emojify('🤞')).toEqual('<img draggable="false" class="emojione" alt="🤞" title=":crossed_fingers:" src="/packs/emoji/1f91e.svg" />');
-      expect(emojify('🫰')).toEqual('<img draggable="false" class="emojione" alt="🫰" title=":hand_with_index_finger_and_thumb_crossed:" src="/packs/emoji/1faf0.svg" />');
-      expect(emojify('🤟')).toEqual('<img draggable="false" class="emojione" alt="🤟" title=":i_love_you_hand_sign:" src="/packs/emoji/1f91f.svg" />');
-      expect(emojify('🤘')).toEqual('<img draggable="false" class="emojione" alt="🤘" title=":the_horns:" src="/packs/emoji/1f918.svg" />');
-      expect(emojify('🤙')).toEqual('<img draggable="false" class="emojione" alt="🤙" title=":call_me_hand:" src="/packs/emoji/1f919.svg" />');
-      expect(emojify('👈')).toEqual('<img draggable="false" class="emojione" alt="👈" title=":point_left:" src="/packs/emoji/1f448.svg" />');
-      expect(emojify('👉')).toEqual('<img draggable="false" class="emojione" alt="👉" title=":point_right:" src="/packs/emoji/1f449.svg" />');
-      expect(emojify('👆')).toEqual('<img draggable="false" class="emojione" alt="👆" title=":point_up_2:" src="/packs/emoji/1f446.svg" />');
-      expect(emojify('🖕')).toEqual('<img draggable="false" class="emojione" alt="🖕" title=":middle_finger:" src="/packs/emoji/1f595.svg" />');
-      expect(emojify('👇')).toEqual('<img draggable="false" class="emojione" alt="👇" title=":point_down:" src="/packs/emoji/1f447.svg" />');
-      expect(emojify('☝️')).toEqual('<img draggable="false" class="emojione" alt="☝️" title=":point_up:" src="/packs/emoji/261d.svg" />');
-      expect(emojify('🫵')).toEqual('<img draggable="false" class="emojione" alt="🫵" title=":index_pointing_at_the_viewer:" src="/packs/emoji/1faf5.svg" />');
-      expect(emojify('👍')).toEqual('<img draggable="false" class="emojione" alt="👍" title=":+1:" src="/packs/emoji/1f44d.svg" />');
-      expect(emojify('👎')).toEqual('<img draggable="false" class="emojione" alt="👎" title=":-1:" src="/packs/emoji/1f44e.svg" />');
-      expect(emojify('✊')).toEqual('<img draggable="false" class="emojione" alt="✊" title=":fist:" src="/packs/emoji/270a.svg" />');
-      expect(emojify('👊')).toEqual('<img draggable="false" class="emojione" alt="👊" title=":facepunch:" src="/packs/emoji/1f44a.svg" />');
-      expect(emojify('🤛')).toEqual('<img draggable="false" class="emojione" alt="🤛" title=":left-facing_fist:" src="/packs/emoji/1f91b.svg" />');
-      expect(emojify('🤜')).toEqual('<img draggable="false" class="emojione" alt="🤜" title=":right-facing_fist:" src="/packs/emoji/1f91c.svg" />');
-      expect(emojify('👏')).toEqual('<img draggable="false" class="emojione" alt="👏" title=":clap:" src="/packs/emoji/1f44f.svg" />');
-      expect(emojify('🙌')).toEqual('<img draggable="false" class="emojione" alt="🙌" title=":raised_hands:" src="/packs/emoji/1f64c.svg" />');
-      expect(emojify('🫶')).toEqual('<img draggable="false" class="emojione" alt="🫶" title=":heart_hands:" src="/packs/emoji/1faf6.svg" />');
-      expect(emojify('👐')).toEqual('<img draggable="false" class="emojione" alt="👐" title=":open_hands:" src="/packs/emoji/1f450.svg" />');
-      expect(emojify('🤲')).toEqual('<img draggable="false" class="emojione" alt="🤲" title=":palms_up_together:" src="/packs/emoji/1f932.svg" />');
-      expect(emojify('🤝')).toEqual('<img draggable="false" class="emojione" alt="🤝" title=":handshake:" src="/packs/emoji/1f91d.svg" />');
-      expect(emojify('🙏')).toEqual('<img draggable="false" class="emojione" alt="🙏" title=":pray:" src="/packs/emoji/1f64f.svg" />');
-      expect(emojify('✍️')).toEqual('<img draggable="false" class="emojione" alt="✍️" title=":writing_hand:" src="/packs/emoji/270d.svg" />');
-      expect(emojify('💅')).toEqual('<img draggable="false" class="emojione" alt="💅" title=":nail_care:" src="/packs/emoji/1f485.svg" />');
-      expect(emojify('🤳')).toEqual('<img draggable="false" class="emojione" alt="🤳" title=":selfie:" src="/packs/emoji/1f933.svg" />');
-      expect(emojify('💪')).toEqual('<img draggable="false" class="emojione" alt="💪" title=":muscle:" src="/packs/emoji/1f4aa.svg" />');
-      expect(emojify('🦾')).toEqual('<img draggable="false" class="emojione" alt="🦾" title=":mechanical_arm:" src="/packs/emoji/1f9be.svg" />');
-      expect(emojify('🦿')).toEqual('<img draggable="false" class="emojione" alt="🦿" title=":mechanical_leg:" src="/packs/emoji/1f9bf.svg" />');
-      expect(emojify('🦵')).toEqual('<img draggable="false" class="emojione" alt="🦵" title=":leg:" src="/packs/emoji/1f9b5.svg" />');
-      expect(emojify('🦶')).toEqual('<img draggable="false" class="emojione" alt="🦶" title=":foot:" src="/packs/emoji/1f9b6.svg" />');
-      expect(emojify('👂')).toEqual('<img draggable="false" class="emojione" alt="👂" title=":ear:" src="/packs/emoji/1f442.svg" />');
-      expect(emojify('🦻')).toEqual('<img draggable="false" class="emojione" alt="🦻" title=":ear_with_hearing_aid:" src="/packs/emoji/1f9bb.svg" />');
-      expect(emojify('👃')).toEqual('<img draggable="false" class="emojione" alt="👃" title=":nose:" src="/packs/emoji/1f443.svg" />');
-      expect(emojify('🧠')).toEqual('<img draggable="false" class="emojione" alt="🧠" title=":brain:" src="/packs/emoji/1f9e0.svg" />');
-      expect(emojify('🫀')).toEqual('<img draggable="false" class="emojione" alt="🫀" title=":anatomical_heart:" src="/packs/emoji/1fac0.svg" />');
-      expect(emojify('🫁')).toEqual('<img draggable="false" class="emojione" alt="🫁" title=":lungs:" src="/packs/emoji/1fac1.svg" />');
-      expect(emojify('🦷')).toEqual('<img draggable="false" class="emojione" alt="🦷" title=":tooth:" src="/packs/emoji/1f9b7.svg" />');
-      expect(emojify('🦴')).toEqual('<img draggable="false" class="emojione" alt="🦴" title=":bone:" src="/packs/emoji/1f9b4.svg" />');
-      expect(emojify('👀')).toEqual('<img draggable="false" class="emojione" alt="👀" title=":eyes:" src="/packs/emoji/1f440.svg" />');
-      expect(emojify('👁️')).toEqual('<img draggable="false" class="emojione" alt="👁️" title=":eye:" src="/packs/emoji/1f441.svg" />');
-      expect(emojify('👅')).toEqual('<img draggable="false" class="emojione" alt="👅" title=":tongue:" src="/packs/emoji/1f445.svg" />');
-      expect(emojify('👄')).toEqual('<img draggable="false" class="emojione" alt="👄" title=":lips:" src="/packs/emoji/1f444.svg" />');
-      expect(emojify('🫦')).toEqual('<img draggable="false" class="emojione" alt="🫦" title=":biting_lip:" src="/packs/emoji/1fae6.svg" />');
-      expect(emojify('👶')).toEqual('<img draggable="false" class="emojione" alt="👶" title=":baby:" src="/packs/emoji/1f476.svg" />');
-      expect(emojify('🧒')).toEqual('<img draggable="false" class="emojione" alt="🧒" title=":child:" src="/packs/emoji/1f9d2.svg" />');
-      expect(emojify('👦')).toEqual('<img draggable="false" class="emojione" alt="👦" title=":boy:" src="/packs/emoji/1f466.svg" />');
-      expect(emojify('👧')).toEqual('<img draggable="false" class="emojione" alt="👧" title=":girl:" src="/packs/emoji/1f467.svg" />');
-      expect(emojify('🧑')).toEqual('<img draggable="false" class="emojione" alt="🧑" title=":adult:" src="/packs/emoji/1f9d1.svg" />');
-      expect(emojify('👱')).toEqual('<img draggable="false" class="emojione" alt="👱" title=":person_with_blond_hair:" src="/packs/emoji/1f471.svg" />');
-      expect(emojify('👨')).toEqual('<img draggable="false" class="emojione" alt="👨" title=":man:" src="/packs/emoji/1f468.svg" />');
-      expect(emojify('🧔')).toEqual('<img draggable="false" class="emojione" alt="🧔" title=":bearded_person:" src="/packs/emoji/1f9d4.svg" />');
-      expect(emojify('🧔‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧔‍♂️" title=":man_with_beard:" src="/packs/emoji/1f9d4-200d-2642-fe0f.svg" />');
-      expect(emojify('🧔‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧔‍♀️" title=":woman_with_beard:" src="/packs/emoji/1f9d4-200d-2640-fe0f.svg" />');
-      expect(emojify('👨‍🦰')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦰" title=":red_haired_man:" src="/packs/emoji/1f468-200d-1f9b0.svg" />');
-      expect(emojify('👨‍🦱')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦱" title=":curly_haired_man:" src="/packs/emoji/1f468-200d-1f9b1.svg" />');
-      expect(emojify('👨‍🦳')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦳" title=":white_haired_man:" src="/packs/emoji/1f468-200d-1f9b3.svg" />');
-      expect(emojify('👨‍🦲')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦲" title=":bald_man:" src="/packs/emoji/1f468-200d-1f9b2.svg" />');
-      expect(emojify('👩')).toEqual('<img draggable="false" class="emojione" alt="👩" title=":woman:" src="/packs/emoji/1f469.svg" />');
-      expect(emojify('👩‍🦰')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦰" title=":red_haired_woman:" src="/packs/emoji/1f469-200d-1f9b0.svg" />');
-      expect(emojify('🧑‍🦰')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦰" title=":red_haired_person:" src="/packs/emoji/1f9d1-200d-1f9b0.svg" />');
-      expect(emojify('👩‍🦱')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦱" title=":curly_haired_woman:" src="/packs/emoji/1f469-200d-1f9b1.svg" />');
-      expect(emojify('🧑‍🦱')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦱" title=":curly_haired_person:" src="/packs/emoji/1f9d1-200d-1f9b1.svg" />');
-      expect(emojify('👩‍🦳')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦳" title=":white_haired_woman:" src="/packs/emoji/1f469-200d-1f9b3.svg" />');
-      expect(emojify('🧑‍🦳')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦳" title=":white_haired_person:" src="/packs/emoji/1f9d1-200d-1f9b3.svg" />');
-      expect(emojify('👩‍🦲')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦲" title=":bald_woman:" src="/packs/emoji/1f469-200d-1f9b2.svg" />');
-      expect(emojify('🧑‍🦲')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦲" title=":bald_person:" src="/packs/emoji/1f9d1-200d-1f9b2.svg" />');
-      expect(emojify('👱‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👱‍♀️" title=":blond-haired-woman:" src="/packs/emoji/1f471-200d-2640-fe0f.svg" />');
-      expect(emojify('👱‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👱‍♂️" title=":blond-haired-man:" src="/packs/emoji/1f471-200d-2642-fe0f.svg" />');
-      expect(emojify('🧓')).toEqual('<img draggable="false" class="emojione" alt="🧓" title=":older_adult:" src="/packs/emoji/1f9d3.svg" />');
-      expect(emojify('👴')).toEqual('<img draggable="false" class="emojione" alt="👴" title=":older_man:" src="/packs/emoji/1f474.svg" />');
-      expect(emojify('👵')).toEqual('<img draggable="false" class="emojione" alt="👵" title=":older_woman:" src="/packs/emoji/1f475.svg" />');
-      expect(emojify('🙍')).toEqual('<img draggable="false" class="emojione" alt="🙍" title=":person_frowning:" src="/packs/emoji/1f64d.svg" />');
-      expect(emojify('🙍‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙍‍♂️" title=":man-frowning:" src="/packs/emoji/1f64d-200d-2642-fe0f.svg" />');
-      expect(emojify('🙍‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙍‍♀️" title=":woman-frowning:" src="/packs/emoji/1f64d-200d-2640-fe0f.svg" />');
-      expect(emojify('🙎')).toEqual('<img draggable="false" class="emojione" alt="🙎" title=":person_with_pouting_face:" src="/packs/emoji/1f64e.svg" />');
-      expect(emojify('🙎‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙎‍♂️" title=":man-pouting:" src="/packs/emoji/1f64e-200d-2642-fe0f.svg" />');
-      expect(emojify('🙎‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙎‍♀️" title=":woman-pouting:" src="/packs/emoji/1f64e-200d-2640-fe0f.svg" />');
-      expect(emojify('🙅')).toEqual('<img draggable="false" class="emojione" alt="🙅" title=":no_good:" src="/packs/emoji/1f645.svg" />');
-      expect(emojify('🙅‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙅‍♂️" title=":man-gesturing-no:" src="/packs/emoji/1f645-200d-2642-fe0f.svg" />');
-      expect(emojify('🙅‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙅‍♀️" title=":woman-gesturing-no:" src="/packs/emoji/1f645-200d-2640-fe0f.svg" />');
-      expect(emojify('🙆')).toEqual('<img draggable="false" class="emojione" alt="🙆" title=":ok_woman:" src="/packs/emoji/1f646.svg" />');
-      expect(emojify('🙆‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙆‍♂️" title=":man-gesturing-ok:" src="/packs/emoji/1f646-200d-2642-fe0f.svg" />');
-      expect(emojify('🙆‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙆‍♀️" title=":woman-gesturing-ok:" src="/packs/emoji/1f646-200d-2640-fe0f.svg" />');
-      expect(emojify('💁')).toEqual('<img draggable="false" class="emojione" alt="💁" title=":information_desk_person:" src="/packs/emoji/1f481.svg" />');
-      expect(emojify('💁‍♂️')).toEqual('<img draggable="false" class="emojione" alt="💁‍♂️" title=":man-tipping-hand:" src="/packs/emoji/1f481-200d-2642-fe0f.svg" />');
-      expect(emojify('💁‍♀️')).toEqual('<img draggable="false" class="emojione" alt="💁‍♀️" title=":woman-tipping-hand:" src="/packs/emoji/1f481-200d-2640-fe0f.svg" />');
-      expect(emojify('🙋')).toEqual('<img draggable="false" class="emojione" alt="🙋" title=":raising_hand:" src="/packs/emoji/1f64b.svg" />');
-      expect(emojify('🙋‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙋‍♂️" title=":man-raising-hand:" src="/packs/emoji/1f64b-200d-2642-fe0f.svg" />');
-      expect(emojify('🙋‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙋‍♀️" title=":woman-raising-hand:" src="/packs/emoji/1f64b-200d-2640-fe0f.svg" />');
-      expect(emojify('🧏')).toEqual('<img draggable="false" class="emojione" alt="🧏" title=":deaf_person:" src="/packs/emoji/1f9cf.svg" />');
-      expect(emojify('🧏‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧏‍♂️" title=":deaf_man:" src="/packs/emoji/1f9cf-200d-2642-fe0f.svg" />');
-      expect(emojify('🧏‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧏‍♀️" title=":deaf_woman:" src="/packs/emoji/1f9cf-200d-2640-fe0f.svg" />');
-      expect(emojify('🙇')).toEqual('<img draggable="false" class="emojione" alt="🙇" title=":bow:" src="/packs/emoji/1f647.svg" />');
-      expect(emojify('🙇‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🙇‍♂️" title=":man-bowing:" src="/packs/emoji/1f647-200d-2642-fe0f.svg" />');
-      expect(emojify('🙇‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🙇‍♀️" title=":woman-bowing:" src="/packs/emoji/1f647-200d-2640-fe0f.svg" />');
-      expect(emojify('🤦')).toEqual('<img draggable="false" class="emojione" alt="🤦" title=":face_palm:" src="/packs/emoji/1f926.svg" />');
-      expect(emojify('🤦‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤦‍♂️" title=":man-facepalming:" src="/packs/emoji/1f926-200d-2642-fe0f.svg" />');
-      expect(emojify('🤦‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤦‍♀️" title=":woman-facepalming:" src="/packs/emoji/1f926-200d-2640-fe0f.svg" />');
-      expect(emojify('🤷')).toEqual('<img draggable="false" class="emojione" alt="🤷" title=":shrug:" src="/packs/emoji/1f937.svg" />');
-      expect(emojify('🤷‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤷‍♂️" title=":man-shrugging:" src="/packs/emoji/1f937-200d-2642-fe0f.svg" />');
-      expect(emojify('🤷‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤷‍♀️" title=":woman-shrugging:" src="/packs/emoji/1f937-200d-2640-fe0f.svg" />');
-      expect(emojify('🧑‍⚕️')).toEqual('<img draggable="false" class="emojione" alt="🧑‍⚕️" title=":health_worker:" src="/packs/emoji/1f9d1-200d-2695-fe0f.svg" />');
-      expect(emojify('👨‍⚕️')).toEqual('<img draggable="false" class="emojione" alt="👨‍⚕️" title=":male-doctor:" src="/packs/emoji/1f468-200d-2695-fe0f.svg" />');
-      expect(emojify('👩‍⚕️')).toEqual('<img draggable="false" class="emojione" alt="👩‍⚕️" title=":female-doctor:" src="/packs/emoji/1f469-200d-2695-fe0f.svg" />');
-      expect(emojify('🧑‍🎓')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🎓" title=":student:" src="/packs/emoji/1f9d1-200d-1f393.svg" />');
-      expect(emojify('👨‍🎓')).toEqual('<img draggable="false" class="emojione" alt="👨‍🎓" title=":male-student:" src="/packs/emoji/1f468-200d-1f393.svg" />');
-      expect(emojify('👩‍🎓')).toEqual('<img draggable="false" class="emojione" alt="👩‍🎓" title=":female-student:" src="/packs/emoji/1f469-200d-1f393.svg" />');
-      expect(emojify('🧑‍🏫')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🏫" title=":teacher:" src="/packs/emoji/1f9d1-200d-1f3eb.svg" />');
-      expect(emojify('👨‍🏫')).toEqual('<img draggable="false" class="emojione" alt="👨‍🏫" title=":male-teacher:" src="/packs/emoji/1f468-200d-1f3eb.svg" />');
-      expect(emojify('👩‍🏫')).toEqual('<img draggable="false" class="emojione" alt="👩‍🏫" title=":female-teacher:" src="/packs/emoji/1f469-200d-1f3eb.svg" />');
-      expect(emojify('🧑‍⚖️')).toEqual('<img draggable="false" class="emojione" alt="🧑‍⚖️" title=":judge:" src="/packs/emoji/1f9d1-200d-2696-fe0f.svg" />');
-      expect(emojify('👨‍⚖️')).toEqual('<img draggable="false" class="emojione" alt="👨‍⚖️" title=":male-judge:" src="/packs/emoji/1f468-200d-2696-fe0f.svg" />');
-      expect(emojify('👩‍⚖️')).toEqual('<img draggable="false" class="emojione" alt="👩‍⚖️" title=":female-judge:" src="/packs/emoji/1f469-200d-2696-fe0f.svg" />');
-      expect(emojify('🧑‍🌾')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🌾" title=":farmer:" src="/packs/emoji/1f9d1-200d-1f33e.svg" />');
-      expect(emojify('👨‍🌾')).toEqual('<img draggable="false" class="emojione" alt="👨‍🌾" title=":male-farmer:" src="/packs/emoji/1f468-200d-1f33e.svg" />');
-      expect(emojify('👩‍🌾')).toEqual('<img draggable="false" class="emojione" alt="👩‍🌾" title=":female-farmer:" src="/packs/emoji/1f469-200d-1f33e.svg" />');
-      expect(emojify('🧑‍🍳')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🍳" title=":cook:" src="/packs/emoji/1f9d1-200d-1f373.svg" />');
-      expect(emojify('👨‍🍳')).toEqual('<img draggable="false" class="emojione" alt="👨‍🍳" title=":male-cook:" src="/packs/emoji/1f468-200d-1f373.svg" />');
-      expect(emojify('👩‍🍳')).toEqual('<img draggable="false" class="emojione" alt="👩‍🍳" title=":female-cook:" src="/packs/emoji/1f469-200d-1f373.svg" />');
-      expect(emojify('🧑‍🔧')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🔧" title=":mechanic:" src="/packs/emoji/1f9d1-200d-1f527.svg" />');
-      expect(emojify('👨‍🔧')).toEqual('<img draggable="false" class="emojione" alt="👨‍🔧" title=":male-mechanic:" src="/packs/emoji/1f468-200d-1f527.svg" />');
-      expect(emojify('👩‍🔧')).toEqual('<img draggable="false" class="emojione" alt="👩‍🔧" title=":female-mechanic:" src="/packs/emoji/1f469-200d-1f527.svg" />');
-      expect(emojify('🧑‍🏭')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🏭" title=":factory_worker:" src="/packs/emoji/1f9d1-200d-1f3ed.svg" />');
-      expect(emojify('👨‍🏭')).toEqual('<img draggable="false" class="emojione" alt="👨‍🏭" title=":male-factory-worker:" src="/packs/emoji/1f468-200d-1f3ed.svg" />');
-      expect(emojify('👩‍🏭')).toEqual('<img draggable="false" class="emojione" alt="👩‍🏭" title=":female-factory-worker:" src="/packs/emoji/1f469-200d-1f3ed.svg" />');
-      expect(emojify('🧑‍💼')).toEqual('<img draggable="false" class="emojione" alt="🧑‍💼" title=":office_worker:" src="/packs/emoji/1f9d1-200d-1f4bc.svg" />');
-      expect(emojify('👨‍💼')).toEqual('<img draggable="false" class="emojione" alt="👨‍💼" title=":male-office-worker:" src="/packs/emoji/1f468-200d-1f4bc.svg" />');
-      expect(emojify('👩‍💼')).toEqual('<img draggable="false" class="emojione" alt="👩‍💼" title=":female-office-worker:" src="/packs/emoji/1f469-200d-1f4bc.svg" />');
-      expect(emojify('🧑‍🔬')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🔬" title=":scientist:" src="/packs/emoji/1f9d1-200d-1f52c.svg" />');
-      expect(emojify('👨‍🔬')).toEqual('<img draggable="false" class="emojione" alt="👨‍🔬" title=":male-scientist:" src="/packs/emoji/1f468-200d-1f52c.svg" />');
-      expect(emojify('👩‍🔬')).toEqual('<img draggable="false" class="emojione" alt="👩‍🔬" title=":female-scientist:" src="/packs/emoji/1f469-200d-1f52c.svg" />');
-      expect(emojify('🧑‍💻')).toEqual('<img draggable="false" class="emojione" alt="🧑‍💻" title=":technologist:" src="/packs/emoji/1f9d1-200d-1f4bb.svg" />');
-      expect(emojify('👨‍💻')).toEqual('<img draggable="false" class="emojione" alt="👨‍💻" title=":male-technologist:" src="/packs/emoji/1f468-200d-1f4bb.svg" />');
-      expect(emojify('👩‍💻')).toEqual('<img draggable="false" class="emojione" alt="👩‍💻" title=":female-technologist:" src="/packs/emoji/1f469-200d-1f4bb.svg" />');
-      expect(emojify('🧑‍🎤')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🎤" title=":singer:" src="/packs/emoji/1f9d1-200d-1f3a4.svg" />');
-      expect(emojify('👨‍🎤')).toEqual('<img draggable="false" class="emojione" alt="👨‍🎤" title=":male-singer:" src="/packs/emoji/1f468-200d-1f3a4.svg" />');
-      expect(emojify('👩‍🎤')).toEqual('<img draggable="false" class="emojione" alt="👩‍🎤" title=":female-singer:" src="/packs/emoji/1f469-200d-1f3a4.svg" />');
-      expect(emojify('🧑‍🎨')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🎨" title=":artist:" src="/packs/emoji/1f9d1-200d-1f3a8.svg" />');
-      expect(emojify('👨‍🎨')).toEqual('<img draggable="false" class="emojione" alt="👨‍🎨" title=":male-artist:" src="/packs/emoji/1f468-200d-1f3a8.svg" />');
-      expect(emojify('👩‍🎨')).toEqual('<img draggable="false" class="emojione" alt="👩‍🎨" title=":female-artist:" src="/packs/emoji/1f469-200d-1f3a8.svg" />');
-      expect(emojify('🧑‍✈️')).toEqual('<img draggable="false" class="emojione" alt="🧑‍✈️" title=":pilot:" src="/packs/emoji/1f9d1-200d-2708-fe0f.svg" />');
-      expect(emojify('👨‍✈️')).toEqual('<img draggable="false" class="emojione" alt="👨‍✈️" title=":male-pilot:" src="/packs/emoji/1f468-200d-2708-fe0f.svg" />');
-      expect(emojify('👩‍✈️')).toEqual('<img draggable="false" class="emojione" alt="👩‍✈️" title=":female-pilot:" src="/packs/emoji/1f469-200d-2708-fe0f.svg" />');
-      expect(emojify('🧑‍🚀')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🚀" title=":astronaut:" src="/packs/emoji/1f9d1-200d-1f680.svg" />');
-      expect(emojify('👨‍🚀')).toEqual('<img draggable="false" class="emojione" alt="👨‍🚀" title=":male-astronaut:" src="/packs/emoji/1f468-200d-1f680.svg" />');
-      expect(emojify('👩‍🚀')).toEqual('<img draggable="false" class="emojione" alt="👩‍🚀" title=":female-astronaut:" src="/packs/emoji/1f469-200d-1f680.svg" />');
-      expect(emojify('🧑‍🚒')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🚒" title=":firefighter:" src="/packs/emoji/1f9d1-200d-1f692.svg" />');
-      expect(emojify('👨‍🚒')).toEqual('<img draggable="false" class="emojione" alt="👨‍🚒" title=":male-firefighter:" src="/packs/emoji/1f468-200d-1f692.svg" />');
-      expect(emojify('👩‍🚒')).toEqual('<img draggable="false" class="emojione" alt="👩‍🚒" title=":female-firefighter:" src="/packs/emoji/1f469-200d-1f692.svg" />');
-      expect(emojify('👮')).toEqual('<img draggable="false" class="emojione" alt="👮" title=":cop:" src="/packs/emoji/1f46e.svg" />');
-      expect(emojify('👮‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👮‍♂️" title=":male-police-officer:" src="/packs/emoji/1f46e-200d-2642-fe0f.svg" />');
-      expect(emojify('👮‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👮‍♀️" title=":female-police-officer:" src="/packs/emoji/1f46e-200d-2640-fe0f.svg" />');
-      expect(emojify('🕵️')).toEqual('<img draggable="false" class="emojione" alt="🕵️" title=":sleuth_or_spy:" src="/packs/emoji/1f575.svg" />');
-      expect(emojify('🕵️‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🕵️‍♂️" title=":male-detective:" src="/packs/emoji/1f575-fe0f-200d-2642-fe0f.svg" />');
-      expect(emojify('🕵️‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🕵️‍♀️" title=":female-detective:" src="/packs/emoji/1f575-fe0f-200d-2640-fe0f.svg" />');
-      expect(emojify('💂')).toEqual('<img draggable="false" class="emojione" alt="💂" title=":guardsman:" src="/packs/emoji/1f482.svg" />');
-      expect(emojify('💂‍♂️')).toEqual('<img draggable="false" class="emojione" alt="💂‍♂️" title=":male-guard:" src="/packs/emoji/1f482-200d-2642-fe0f.svg" />');
-      expect(emojify('💂‍♀️')).toEqual('<img draggable="false" class="emojione" alt="💂‍♀️" title=":female-guard:" src="/packs/emoji/1f482-200d-2640-fe0f.svg" />');
-      expect(emojify('🥷')).toEqual('<img draggable="false" class="emojione" alt="🥷" title=":ninja:" src="/packs/emoji/1f977.svg" />');
-      expect(emojify('👷')).toEqual('<img draggable="false" class="emojione" alt="👷" title=":construction_worker:" src="/packs/emoji/1f477.svg" />');
-      expect(emojify('👷‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👷‍♂️" title=":male-construction-worker:" src="/packs/emoji/1f477-200d-2642-fe0f.svg" />');
-      expect(emojify('👷‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👷‍♀️" title=":female-construction-worker:" src="/packs/emoji/1f477-200d-2640-fe0f.svg" />');
-      expect(emojify('🫅')).toEqual('<img draggable="false" class="emojione" alt="🫅" title=":person_with_crown:" src="/packs/emoji/1fac5.svg" />');
-      expect(emojify('🤴')).toEqual('<img draggable="false" class="emojione" alt="🤴" title=":prince:" src="/packs/emoji/1f934.svg" />');
-      expect(emojify('👸')).toEqual('<img draggable="false" class="emojione" alt="👸" title=":princess:" src="/packs/emoji/1f478.svg" />');
-      expect(emojify('👳')).toEqual('<img draggable="false" class="emojione" alt="👳" title=":man_with_turban:" src="/packs/emoji/1f473.svg" />');
-      expect(emojify('👳‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👳‍♂️" title=":man-wearing-turban:" src="/packs/emoji/1f473-200d-2642-fe0f.svg" />');
-      expect(emojify('👳‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👳‍♀️" title=":woman-wearing-turban:" src="/packs/emoji/1f473-200d-2640-fe0f.svg" />');
-      expect(emojify('👲')).toEqual('<img draggable="false" class="emojione" alt="👲" title=":man_with_gua_pi_mao:" src="/packs/emoji/1f472.svg" />');
-      expect(emojify('🧕')).toEqual('<img draggable="false" class="emojione" alt="🧕" title=":person_with_headscarf:" src="/packs/emoji/1f9d5.svg" />');
-      expect(emojify('🤵')).toEqual('<img draggable="false" class="emojione" alt="🤵" title=":person_in_tuxedo:" src="/packs/emoji/1f935.svg" />');
-      expect(emojify('🤵‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤵‍♂️" title=":man_in_tuxedo:" src="/packs/emoji/1f935-200d-2642-fe0f.svg" />');
-      expect(emojify('🤵‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤵‍♀️" title=":woman_in_tuxedo:" src="/packs/emoji/1f935-200d-2640-fe0f.svg" />');
-      expect(emojify('👰')).toEqual('<img draggable="false" class="emojione" alt="👰" title=":bride_with_veil:" src="/packs/emoji/1f470.svg" />');
-      expect(emojify('👰‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👰‍♂️" title=":man_with_veil:" src="/packs/emoji/1f470-200d-2642-fe0f.svg" />');
-      expect(emojify('👰‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👰‍♀️" title=":woman_with_veil:" src="/packs/emoji/1f470-200d-2640-fe0f.svg" />');
-      expect(emojify('🤰')).toEqual('<img draggable="false" class="emojione" alt="🤰" title=":pregnant_woman:" src="/packs/emoji/1f930.svg" />');
-      expect(emojify('🫃')).toEqual('<img draggable="false" class="emojione" alt="🫃" title=":pregnant_man:" src="/packs/emoji/1fac3.svg" />');
-      expect(emojify('🫄')).toEqual('<img draggable="false" class="emojione" alt="🫄" title=":pregnant_person:" src="/packs/emoji/1fac4.svg" />');
-      expect(emojify('🤱')).toEqual('<img draggable="false" class="emojione" alt="🤱" title=":breast-feeding:" src="/packs/emoji/1f931.svg" />');
-      expect(emojify('👩‍🍼')).toEqual('<img draggable="false" class="emojione" alt="👩‍🍼" title=":woman_feeding_baby:" src="/packs/emoji/1f469-200d-1f37c.svg" />');
-      expect(emojify('👨‍🍼')).toEqual('<img draggable="false" class="emojione" alt="👨‍🍼" title=":man_feeding_baby:" src="/packs/emoji/1f468-200d-1f37c.svg" />');
-      expect(emojify('🧑‍🍼')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🍼" title=":person_feeding_baby:" src="/packs/emoji/1f9d1-200d-1f37c.svg" />');
-      expect(emojify('👼')).toEqual('<img draggable="false" class="emojione" alt="👼" title=":angel:" src="/packs/emoji/1f47c.svg" />');
-      expect(emojify('🎅')).toEqual('<img draggable="false" class="emojione" alt="🎅" title=":santa:" src="/packs/emoji/1f385.svg" />');
-      expect(emojify('🤶')).toEqual('<img draggable="false" class="emojione" alt="🤶" title=":mrs_claus:" src="/packs/emoji/1f936.svg" />');
-      expect(emojify('🧑‍🎄')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🎄" title=":mx_claus:" src="/packs/emoji/1f9d1-200d-1f384.svg" />');
-      expect(emojify('🦸')).toEqual('<img draggable="false" class="emojione" alt="🦸" title=":superhero:" src="/packs/emoji/1f9b8.svg" />');
-      expect(emojify('🦸‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🦸‍♂️" title=":male_superhero:" src="/packs/emoji/1f9b8-200d-2642-fe0f.svg" />');
-      expect(emojify('🦸‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🦸‍♀️" title=":female_superhero:" src="/packs/emoji/1f9b8-200d-2640-fe0f.svg" />');
-      expect(emojify('🦹')).toEqual('<img draggable="false" class="emojione" alt="🦹" title=":supervillain:" src="/packs/emoji/1f9b9.svg" />');
-      expect(emojify('🦹‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🦹‍♂️" title=":male_supervillain:" src="/packs/emoji/1f9b9-200d-2642-fe0f.svg" />');
-      expect(emojify('🦹‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🦹‍♀️" title=":female_supervillain:" src="/packs/emoji/1f9b9-200d-2640-fe0f.svg" />');
-      expect(emojify('🧙')).toEqual('<img draggable="false" class="emojione" alt="🧙" title=":mage:" src="/packs/emoji/1f9d9.svg" />');
-      expect(emojify('🧙‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧙‍♂️" title=":male_mage:" src="/packs/emoji/1f9d9-200d-2642-fe0f.svg" />');
-      expect(emojify('🧙‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧙‍♀️" title=":female_mage:" src="/packs/emoji/1f9d9-200d-2640-fe0f.svg" />');
-      expect(emojify('🧚')).toEqual('<img draggable="false" class="emojione" alt="🧚" title=":fairy:" src="/packs/emoji/1f9da.svg" />');
-      expect(emojify('🧚‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧚‍♂️" title=":male_fairy:" src="/packs/emoji/1f9da-200d-2642-fe0f.svg" />');
-      expect(emojify('🧚‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧚‍♀️" title=":female_fairy:" src="/packs/emoji/1f9da-200d-2640-fe0f.svg" />');
-      expect(emojify('🧛')).toEqual('<img draggable="false" class="emojione" alt="🧛" title=":vampire:" src="/packs/emoji/1f9db.svg" />');
-      expect(emojify('🧛‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧛‍♂️" title=":male_vampire:" src="/packs/emoji/1f9db-200d-2642-fe0f.svg" />');
-      expect(emojify('🧛‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧛‍♀️" title=":female_vampire:" src="/packs/emoji/1f9db-200d-2640-fe0f.svg" />');
-      expect(emojify('🧜')).toEqual('<img draggable="false" class="emojione" alt="🧜" title=":merperson:" src="/packs/emoji/1f9dc.svg" />');
-      expect(emojify('🧜‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧜‍♂️" title=":merman:" src="/packs/emoji/1f9dc-200d-2642-fe0f.svg" />');
-      expect(emojify('🧜‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧜‍♀️" title=":mermaid:" src="/packs/emoji/1f9dc-200d-2640-fe0f.svg" />');
-      expect(emojify('🧝')).toEqual('<img draggable="false" class="emojione" alt="🧝" title=":elf:" src="/packs/emoji/1f9dd.svg" />');
-      expect(emojify('🧝‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧝‍♂️" title=":male_elf:" src="/packs/emoji/1f9dd-200d-2642-fe0f.svg" />');
-      expect(emojify('🧝‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧝‍♀️" title=":female_elf:" src="/packs/emoji/1f9dd-200d-2640-fe0f.svg" />');
-      expect(emojify('🧞')).toEqual('<img draggable="false" class="emojione" alt="🧞" title=":genie:" src="/packs/emoji/1f9de.svg" />');
-      expect(emojify('🧞‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧞‍♂️" title=":male_genie:" src="/packs/emoji/1f9de-200d-2642-fe0f.svg" />');
-      expect(emojify('🧞‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧞‍♀️" title=":female_genie:" src="/packs/emoji/1f9de-200d-2640-fe0f.svg" />');
-      expect(emojify('🧟')).toEqual('<img draggable="false" class="emojione" alt="🧟" title=":zombie:" src="/packs/emoji/1f9df.svg" />');
-      expect(emojify('🧟‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧟‍♂️" title=":male_zombie:" src="/packs/emoji/1f9df-200d-2642-fe0f.svg" />');
-      expect(emojify('🧟‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧟‍♀️" title=":female_zombie:" src="/packs/emoji/1f9df-200d-2640-fe0f.svg" />');
-      expect(emojify('🧌')).toEqual('<img draggable="false" class="emojione" alt="🧌" title=":troll:" src="/packs/emoji/1f9cc.svg" />');
-      expect(emojify('💆')).toEqual('<img draggable="false" class="emojione" alt="💆" title=":massage:" src="/packs/emoji/1f486.svg" />');
-      expect(emojify('💆‍♂️')).toEqual('<img draggable="false" class="emojione" alt="💆‍♂️" title=":man-getting-massage:" src="/packs/emoji/1f486-200d-2642-fe0f.svg" />');
-      expect(emojify('💆‍♀️')).toEqual('<img draggable="false" class="emojione" alt="💆‍♀️" title=":woman-getting-massage:" src="/packs/emoji/1f486-200d-2640-fe0f.svg" />');
-      expect(emojify('💇')).toEqual('<img draggable="false" class="emojione" alt="💇" title=":haircut:" src="/packs/emoji/1f487.svg" />');
-      expect(emojify('💇‍♂️')).toEqual('<img draggable="false" class="emojione" alt="💇‍♂️" title=":man-getting-haircut:" src="/packs/emoji/1f487-200d-2642-fe0f.svg" />');
-      expect(emojify('💇‍♀️')).toEqual('<img draggable="false" class="emojione" alt="💇‍♀️" title=":woman-getting-haircut:" src="/packs/emoji/1f487-200d-2640-fe0f.svg" />');
-      expect(emojify('🚶')).toEqual('<img draggable="false" class="emojione" alt="🚶" title=":walking:" src="/packs/emoji/1f6b6.svg" />');
-      expect(emojify('🚶‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🚶‍♂️" title=":man-walking:" src="/packs/emoji/1f6b6-200d-2642-fe0f.svg" />');
-      expect(emojify('🚶‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🚶‍♀️" title=":woman-walking:" src="/packs/emoji/1f6b6-200d-2640-fe0f.svg" />');
-      expect(emojify('🧍')).toEqual('<img draggable="false" class="emojione" alt="🧍" title=":standing_person:" src="/packs/emoji/1f9cd.svg" />');
-      expect(emojify('🧍‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧍‍♂️" title=":man_standing:" src="/packs/emoji/1f9cd-200d-2642-fe0f.svg" />');
-      expect(emojify('🧍‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧍‍♀️" title=":woman_standing:" src="/packs/emoji/1f9cd-200d-2640-fe0f.svg" />');
-      expect(emojify('🧎')).toEqual('<img draggable="false" class="emojione" alt="🧎" title=":kneeling_person:" src="/packs/emoji/1f9ce.svg" />');
-      expect(emojify('🧎‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧎‍♂️" title=":man_kneeling:" src="/packs/emoji/1f9ce-200d-2642-fe0f.svg" />');
-      expect(emojify('🧎‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧎‍♀️" title=":woman_kneeling:" src="/packs/emoji/1f9ce-200d-2640-fe0f.svg" />');
-      expect(emojify('🧑‍🦯')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦯" title=":person_with_probing_cane:" src="/packs/emoji/1f9d1-200d-1f9af.svg" />');
-      expect(emojify('👨‍🦯')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦯" title=":man_with_probing_cane:" src="/packs/emoji/1f468-200d-1f9af.svg" />');
-      expect(emojify('👩‍🦯')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦯" title=":woman_with_probing_cane:" src="/packs/emoji/1f469-200d-1f9af.svg" />');
-      expect(emojify('🧑‍🦼')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦼" title=":person_in_motorized_wheelchair:" src="/packs/emoji/1f9d1-200d-1f9bc.svg" />');
-      expect(emojify('👨‍🦼')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦼" title=":man_in_motorized_wheelchair:" src="/packs/emoji/1f468-200d-1f9bc.svg" />');
-      expect(emojify('👩‍🦼')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦼" title=":woman_in_motorized_wheelchair:" src="/packs/emoji/1f469-200d-1f9bc.svg" />');
-      expect(emojify('🧑‍🦽')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🦽" title=":person_in_manual_wheelchair:" src="/packs/emoji/1f9d1-200d-1f9bd.svg" />');
-      expect(emojify('👨‍🦽')).toEqual('<img draggable="false" class="emojione" alt="👨‍🦽" title=":man_in_manual_wheelchair:" src="/packs/emoji/1f468-200d-1f9bd.svg" />');
-      expect(emojify('👩‍🦽')).toEqual('<img draggable="false" class="emojione" alt="👩‍🦽" title=":woman_in_manual_wheelchair:" src="/packs/emoji/1f469-200d-1f9bd.svg" />');
-      expect(emojify('🏃')).toEqual('<img draggable="false" class="emojione" alt="🏃" title=":runner:" src="/packs/emoji/1f3c3.svg" />');
-      expect(emojify('🏃‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🏃‍♂️" title=":man-running:" src="/packs/emoji/1f3c3-200d-2642-fe0f.svg" />');
-      expect(emojify('🏃‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🏃‍♀️" title=":woman-running:" src="/packs/emoji/1f3c3-200d-2640-fe0f.svg" />');
-      expect(emojify('💃')).toEqual('<img draggable="false" class="emojione" alt="💃" title=":dancer:" src="/packs/emoji/1f483.svg" />');
-      expect(emojify('🕺')).toEqual('<img draggable="false" class="emojione" alt="🕺" title=":man_dancing:" src="/packs/emoji/1f57a.svg" />');
-      expect(emojify('🕴️')).toEqual('<img draggable="false" class="emojione" alt="🕴️" title=":man_in_business_suit_levitating:" src="/packs/emoji/1f574.svg" />');
-      expect(emojify('👯')).toEqual('<img draggable="false" class="emojione" alt="👯" title=":dancers:" src="/packs/emoji/1f46f.svg" />');
-      expect(emojify('👯‍♂️')).toEqual('<img draggable="false" class="emojione" alt="👯‍♂️" title=":men-with-bunny-ears-partying:" src="/packs/emoji/1f46f-200d-2642-fe0f.svg" />');
-      expect(emojify('👯‍♀️')).toEqual('<img draggable="false" class="emojione" alt="👯‍♀️" title=":women-with-bunny-ears-partying:" src="/packs/emoji/1f46f-200d-2640-fe0f.svg" />');
-      expect(emojify('🧖')).toEqual('<img draggable="false" class="emojione" alt="🧖" title=":person_in_steamy_room:" src="/packs/emoji/1f9d6.svg" />');
-      expect(emojify('🧖‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧖‍♂️" title=":man_in_steamy_room:" src="/packs/emoji/1f9d6-200d-2642-fe0f.svg" />');
-      expect(emojify('🧖‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧖‍♀️" title=":woman_in_steamy_room:" src="/packs/emoji/1f9d6-200d-2640-fe0f.svg" />');
-      expect(emojify('🧗')).toEqual('<img draggable="false" class="emojione" alt="🧗" title=":person_climbing:" src="/packs/emoji/1f9d7.svg" />');
-      expect(emojify('🧗‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧗‍♂️" title=":man_climbing:" src="/packs/emoji/1f9d7-200d-2642-fe0f.svg" />');
-      expect(emojify('🧗‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧗‍♀️" title=":woman_climbing:" src="/packs/emoji/1f9d7-200d-2640-fe0f.svg" />');
-      expect(emojify('🤺')).toEqual('<img draggable="false" class="emojione" alt="🤺" title=":fencer:" src="/packs/emoji/1f93a.svg" />');
-      expect(emojify('🏇')).toEqual('<img draggable="false" class="emojione" alt="🏇" title=":horse_racing:" src="/packs/emoji/1f3c7.svg" />');
-      expect(emojify('⛷️')).toEqual('<img draggable="false" class="emojione" alt="⛷️" title=":skier:" src="/packs/emoji/26f7.svg" />');
-      expect(emojify('🏂')).toEqual('<img draggable="false" class="emojione" alt="🏂" title=":snowboarder:" src="/packs/emoji/1f3c2.svg" />');
-      expect(emojify('🏌️')).toEqual('<img draggable="false" class="emojione" alt="🏌️" title=":golfer:" src="/packs/emoji/1f3cc.svg" />');
-      expect(emojify('🏌️‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🏌️‍♂️" title=":man-golfing:" src="/packs/emoji/1f3cc-fe0f-200d-2642-fe0f.svg" />');
-      expect(emojify('🏌️‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🏌️‍♀️" title=":woman-golfing:" src="/packs/emoji/1f3cc-fe0f-200d-2640-fe0f.svg" />');
-      expect(emojify('🏄')).toEqual('<img draggable="false" class="emojione" alt="🏄" title=":surfer:" src="/packs/emoji/1f3c4.svg" />');
-      expect(emojify('🏄‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🏄‍♂️" title=":man-surfing:" src="/packs/emoji/1f3c4-200d-2642-fe0f.svg" />');
-      expect(emojify('🏄‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🏄‍♀️" title=":woman-surfing:" src="/packs/emoji/1f3c4-200d-2640-fe0f.svg" />');
-      expect(emojify('🚣')).toEqual('<img draggable="false" class="emojione" alt="🚣" title=":rowboat:" src="/packs/emoji/1f6a3.svg" />');
-      expect(emojify('🚣‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🚣‍♂️" title=":man-rowing-boat:" src="/packs/emoji/1f6a3-200d-2642-fe0f.svg" />');
-      expect(emojify('🚣‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🚣‍♀️" title=":woman-rowing-boat:" src="/packs/emoji/1f6a3-200d-2640-fe0f.svg" />');
-      expect(emojify('🏊')).toEqual('<img draggable="false" class="emojione" alt="🏊" title=":swimmer:" src="/packs/emoji/1f3ca.svg" />');
-      expect(emojify('🏊‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🏊‍♂️" title=":man-swimming:" src="/packs/emoji/1f3ca-200d-2642-fe0f.svg" />');
-      expect(emojify('🏊‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🏊‍♀️" title=":woman-swimming:" src="/packs/emoji/1f3ca-200d-2640-fe0f.svg" />');
-      expect(emojify('⛹️')).toEqual('<img draggable="false" class="emojione" alt="⛹️" title=":person_with_ball:" src="/packs/emoji/26f9.svg" />');
-      expect(emojify('⛹️‍♂️')).toEqual('<img draggable="false" class="emojione" alt="⛹️‍♂️" title=":man-bouncing-ball:" src="/packs/emoji/26f9-fe0f-200d-2642-fe0f.svg" />');
-      expect(emojify('⛹️‍♀️')).toEqual('<img draggable="false" class="emojione" alt="⛹️‍♀️" title=":woman-bouncing-ball:" src="/packs/emoji/26f9-fe0f-200d-2640-fe0f.svg" />');
-      expect(emojify('🏋️')).toEqual('<img draggable="false" class="emojione" alt="🏋️" title=":weight_lifter:" src="/packs/emoji/1f3cb.svg" />');
-      expect(emojify('🏋️‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🏋️‍♂️" title=":man-lifting-weights:" src="/packs/emoji/1f3cb-fe0f-200d-2642-fe0f.svg" />');
-      expect(emojify('🏋️‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🏋️‍♀️" title=":woman-lifting-weights:" src="/packs/emoji/1f3cb-fe0f-200d-2640-fe0f.svg" />');
-      expect(emojify('🚴')).toEqual('<img draggable="false" class="emojione" alt="🚴" title=":bicyclist:" src="/packs/emoji/1f6b4.svg" />');
-      expect(emojify('🚴‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🚴‍♂️" title=":man-biking:" src="/packs/emoji/1f6b4-200d-2642-fe0f.svg" />');
-      expect(emojify('🚴‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🚴‍♀️" title=":woman-biking:" src="/packs/emoji/1f6b4-200d-2640-fe0f.svg" />');
-      expect(emojify('🚵')).toEqual('<img draggable="false" class="emojione" alt="🚵" title=":mountain_bicyclist:" src="/packs/emoji/1f6b5.svg" />');
-      expect(emojify('🚵‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🚵‍♂️" title=":man-mountain-biking:" src="/packs/emoji/1f6b5-200d-2642-fe0f.svg" />');
-      expect(emojify('🚵‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🚵‍♀️" title=":woman-mountain-biking:" src="/packs/emoji/1f6b5-200d-2640-fe0f.svg" />');
-      expect(emojify('🤸')).toEqual('<img draggable="false" class="emojione" alt="🤸" title=":person_doing_cartwheel:" src="/packs/emoji/1f938.svg" />');
-      expect(emojify('🤸‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤸‍♂️" title=":man-cartwheeling:" src="/packs/emoji/1f938-200d-2642-fe0f.svg" />');
-      expect(emojify('🤸‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤸‍♀️" title=":woman-cartwheeling:" src="/packs/emoji/1f938-200d-2640-fe0f.svg" />');
-      expect(emojify('🤼')).toEqual('<img draggable="false" class="emojione" alt="🤼" title=":wrestlers:" src="/packs/emoji/1f93c.svg" />');
-      expect(emojify('🤼‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤼‍♂️" title=":man-wrestling:" src="/packs/emoji/1f93c-200d-2642-fe0f.svg" />');
-      expect(emojify('🤼‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤼‍♀️" title=":woman-wrestling:" src="/packs/emoji/1f93c-200d-2640-fe0f.svg" />');
-      expect(emojify('🤽')).toEqual('<img draggable="false" class="emojione" alt="🤽" title=":water_polo:" src="/packs/emoji/1f93d.svg" />');
-      expect(emojify('🤽‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤽‍♂️" title=":man-playing-water-polo:" src="/packs/emoji/1f93d-200d-2642-fe0f.svg" />');
-      expect(emojify('🤽‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤽‍♀️" title=":woman-playing-water-polo:" src="/packs/emoji/1f93d-200d-2640-fe0f.svg" />');
-      expect(emojify('🤾')).toEqual('<img draggable="false" class="emojione" alt="🤾" title=":handball:" src="/packs/emoji/1f93e.svg" />');
-      expect(emojify('🤾‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤾‍♂️" title=":man-playing-handball:" src="/packs/emoji/1f93e-200d-2642-fe0f.svg" />');
-      expect(emojify('🤾‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤾‍♀️" title=":woman-playing-handball:" src="/packs/emoji/1f93e-200d-2640-fe0f.svg" />');
-      expect(emojify('🤹')).toEqual('<img draggable="false" class="emojione" alt="🤹" title=":juggling:" src="/packs/emoji/1f939.svg" />');
-      expect(emojify('🤹‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🤹‍♂️" title=":man-juggling:" src="/packs/emoji/1f939-200d-2642-fe0f.svg" />');
-      expect(emojify('🤹‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🤹‍♀️" title=":woman-juggling:" src="/packs/emoji/1f939-200d-2640-fe0f.svg" />');
-      expect(emojify('🧘')).toEqual('<img draggable="false" class="emojione" alt="🧘" title=":person_in_lotus_position:" src="/packs/emoji/1f9d8.svg" />');
-      expect(emojify('🧘‍♂️')).toEqual('<img draggable="false" class="emojione" alt="🧘‍♂️" title=":man_in_lotus_position:" src="/packs/emoji/1f9d8-200d-2642-fe0f.svg" />');
-      expect(emojify('🧘‍♀️')).toEqual('<img draggable="false" class="emojione" alt="🧘‍♀️" title=":woman_in_lotus_position:" src="/packs/emoji/1f9d8-200d-2640-fe0f.svg" />');
-      expect(emojify('🛀')).toEqual('<img draggable="false" class="emojione" alt="🛀" title=":bath:" src="/packs/emoji/1f6c0.svg" />');
-      expect(emojify('🛌')).toEqual('<img draggable="false" class="emojione" alt="🛌" title=":sleeping_accommodation:" src="/packs/emoji/1f6cc.svg" />');
-      expect(emojify('🧑‍🤝‍🧑')).toEqual('<img draggable="false" class="emojione" alt="🧑‍🤝‍🧑" title=":people_holding_hands:" src="/packs/emoji/1f9d1-200d-1f91d-200d-1f9d1.svg" />');
-      expect(emojify('👭')).toEqual('<img draggable="false" class="emojione" alt="👭" title=":two_women_holding_hands:" src="/packs/emoji/1f46d.svg" />');
-      expect(emojify('👫')).toEqual('<img draggable="false" class="emojione" alt="👫" title=":man_and_woman_holding_hands:" src="/packs/emoji/1f46b.svg" />');
-      expect(emojify('👬')).toEqual('<img draggable="false" class="emojione" alt="👬" title=":two_men_holding_hands:" src="/packs/emoji/1f46c.svg" />');
-      expect(emojify('💏')).toEqual('<img draggable="false" class="emojione" alt="💏" title=":couplekiss:" src="/packs/emoji/1f48f.svg" />');
-      expect(emojify('👩‍❤️‍💋‍👨')).toEqual('<img draggable="false" class="emojione" alt="👩‍❤️‍💋‍👨" title=":woman-kiss-man:" src="/packs/emoji/1f469-200d-2764-fe0f-200d-1f48b-200d-1f468.svg" />');
-      expect(emojify('👨‍❤️‍💋‍👨')).toEqual('<img draggable="false" class="emojione" alt="👨‍❤️‍💋‍👨" title=":man-kiss-man:" src="/packs/emoji/1f468-200d-2764-fe0f-200d-1f48b-200d-1f468.svg" />');
-      expect(emojify('👩‍❤️‍💋‍👩')).toEqual('<img draggable="false" class="emojione" alt="👩‍❤️‍💋‍👩" title=":woman-kiss-woman:" src="/packs/emoji/1f469-200d-2764-fe0f-200d-1f48b-200d-1f469.svg" />');
-      expect(emojify('💑')).toEqual('<img draggable="false" class="emojione" alt="💑" title=":couple_with_heart:" src="/packs/emoji/1f491.svg" />');
-      expect(emojify('👩‍❤️‍👨')).toEqual('<img draggable="false" class="emojione" alt="👩‍❤️‍👨" title=":woman-heart-man:" src="/packs/emoji/1f469-200d-2764-fe0f-200d-1f468.svg" />');
-      expect(emojify('👨‍❤️‍👨')).toEqual('<img draggable="false" class="emojione" alt="👨‍❤️‍👨" title=":man-heart-man:" src="/packs/emoji/1f468-200d-2764-fe0f-200d-1f468.svg" />');
-      expect(emojify('👩‍❤️‍👩')).toEqual('<img draggable="false" class="emojione" alt="👩‍❤️‍👩" title=":woman-heart-woman:" src="/packs/emoji/1f469-200d-2764-fe0f-200d-1f469.svg" />');
-      expect(emojify('👪')).toEqual('<img draggable="false" class="emojione" alt="👪" title=":family:" src="/packs/emoji/1f46a.svg" />');
-      expect(emojify('👨‍👩‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👩‍👦" title=":man-woman-boy:" src="/packs/emoji/1f468-200d-1f469-200d-1f466.svg" />');
-      expect(emojify('👨‍👩‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👩‍👧" title=":man-woman-girl:" src="/packs/emoji/1f468-200d-1f469-200d-1f467.svg" />');
-      expect(emojify('👨‍👩‍👧‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👩‍👧‍👦" title=":man-woman-girl-boy:" src="/packs/emoji/1f468-200d-1f469-200d-1f467-200d-1f466.svg" />');
-      expect(emojify('👨‍👩‍👦‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👩‍👦‍👦" title=":man-woman-boy-boy:" src="/packs/emoji/1f468-200d-1f469-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👨‍👩‍👧‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👩‍👧‍👧" title=":man-woman-girl-girl:" src="/packs/emoji/1f468-200d-1f469-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('👨‍👨‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👨‍👦" title=":man-man-boy:" src="/packs/emoji/1f468-200d-1f468-200d-1f466.svg" />');
-      expect(emojify('👨‍👨‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👨‍👧" title=":man-man-girl:" src="/packs/emoji/1f468-200d-1f468-200d-1f467.svg" />');
-      expect(emojify('👨‍👨‍👧‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👨‍👧‍👦" title=":man-man-girl-boy:" src="/packs/emoji/1f468-200d-1f468-200d-1f467-200d-1f466.svg" />');
-      expect(emojify('👨‍👨‍👦‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👨‍👦‍👦" title=":man-man-boy-boy:" src="/packs/emoji/1f468-200d-1f468-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👨‍👨‍👧‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👨‍👧‍👧" title=":man-man-girl-girl:" src="/packs/emoji/1f468-200d-1f468-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('👩‍👩‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👦" title=":woman-woman-boy:" src="/packs/emoji/1f469-200d-1f469-200d-1f466.svg" />');
-      expect(emojify('👩‍👩‍👧')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👧" title=":woman-woman-girl:" src="/packs/emoji/1f469-200d-1f469-200d-1f467.svg" />');
-      expect(emojify('👩‍👩‍👧‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👧‍👦" title=":woman-woman-girl-boy:" src="/packs/emoji/1f469-200d-1f469-200d-1f467-200d-1f466.svg" />');
-      expect(emojify('👩‍👩‍👦‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👦‍👦" title=":woman-woman-boy-boy:" src="/packs/emoji/1f469-200d-1f469-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👩‍👩‍👧‍👧')).toEqual('<img draggable="false" class="emojione" alt="👩‍👩‍👧‍👧" title=":woman-woman-girl-girl:" src="/packs/emoji/1f469-200d-1f469-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('👨‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👦" title=":man-boy:" src="/packs/emoji/1f468-200d-1f466.svg" />');
-      expect(emojify('👨‍👦‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👦‍👦" title=":man-boy-boy:" src="/packs/emoji/1f468-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👨‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👧" title=":man-girl:" src="/packs/emoji/1f468-200d-1f467.svg" />');
-      expect(emojify('👨‍👧‍👦')).toEqual('<img draggable="false" class="emojione" alt="👨‍👧‍👦" title=":man-girl-boy:" src="/packs/emoji/1f468-200d-1f467-200d-1f466.svg" />');
-      expect(emojify('👨‍👧‍👧')).toEqual('<img draggable="false" class="emojione" alt="👨‍👧‍👧" title=":man-girl-girl:" src="/packs/emoji/1f468-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('👩‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👦" title=":woman-boy:" src="/packs/emoji/1f469-200d-1f466.svg" />');
-      expect(emojify('👩‍👦‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👦‍👦" title=":woman-boy-boy:" src="/packs/emoji/1f469-200d-1f466-200d-1f466.svg" />');
-      expect(emojify('👩‍👧')).toEqual('<img draggable="false" class="emojione" alt="👩‍👧" title=":woman-girl:" src="/packs/emoji/1f469-200d-1f467.svg" />');
-      expect(emojify('👩‍👧‍👦')).toEqual('<img draggable="false" class="emojione" alt="👩‍👧‍👦" title=":woman-girl-boy:" src="/packs/emoji/1f469-200d-1f467-200d-1f466.svg" />');
-      expect(emojify('👩‍👧‍👧')).toEqual('<img draggable="false" class="emojione" alt="👩‍👧‍👧" title=":woman-girl-girl:" src="/packs/emoji/1f469-200d-1f467-200d-1f467.svg" />');
-      expect(emojify('🗣️')).toEqual('<img draggable="false" class="emojione" alt="🗣️" title=":speaking_head_in_silhouette:" src="/packs/emoji/1f5e3.svg" />');
-      expect(emojify('👤')).toEqual('<img draggable="false" class="emojione" alt="👤" title=":bust_in_silhouette:" src="/packs/emoji/1f464.svg" />');
-      expect(emojify('👥')).toEqual('<img draggable="false" class="emojione" alt="👥" title=":busts_in_silhouette:" src="/packs/emoji/1f465.svg" />');
-      expect(emojify('🫂')).toEqual('<img draggable="false" class="emojione" alt="🫂" title=":people_hugging:" src="/packs/emoji/1fac2.svg" />');
-      expect(emojify('👣')).toEqual('<img draggable="false" class="emojione" alt="👣" title=":footprints:" src="/packs/emoji/1f463.svg" />');
-      expect(emojify('🐵')).toEqual('<img draggable="false" class="emojione" alt="🐵" title=":monkey_face:" src="/packs/emoji/1f435.svg" />');
-      expect(emojify('🐒')).toEqual('<img draggable="false" class="emojione" alt="🐒" title=":monkey:" src="/packs/emoji/1f412.svg" />');
-      expect(emojify('🦍')).toEqual('<img draggable="false" class="emojione" alt="🦍" title=":gorilla:" src="/packs/emoji/1f98d.svg" />');
-      expect(emojify('🦧')).toEqual('<img draggable="false" class="emojione" alt="🦧" title=":orangutan:" src="/packs/emoji/1f9a7.svg" />');
-      expect(emojify('🐶')).toEqual('<img draggable="false" class="emojione" alt="🐶" title=":dog:" src="/packs/emoji/1f436.svg" />');
-      expect(emojify('🐕')).toEqual('<img draggable="false" class="emojione" alt="🐕" title=":dog2:" src="/packs/emoji/1f415.svg" />');
-      expect(emojify('🦮')).toEqual('<img draggable="false" class="emojione" alt="🦮" title=":guide_dog:" src="/packs/emoji/1f9ae.svg" />');
-      expect(emojify('🐕‍🦺')).toEqual('<img draggable="false" class="emojione" alt="🐕‍🦺" title=":service_dog:" src="/packs/emoji/1f415-200d-1f9ba.svg" />');
-      expect(emojify('🐩')).toEqual('<img draggable="false" class="emojione" alt="🐩" title=":poodle:" src="/packs/emoji/1f429.svg" />');
-      expect(emojify('🐺')).toEqual('<img draggable="false" class="emojione" alt="🐺" title=":wolf:" src="/packs/emoji/1f43a.svg" />');
-      expect(emojify('🦊')).toEqual('<img draggable="false" class="emojione" alt="🦊" title=":fox_face:" src="/packs/emoji/1f98a.svg" />');
-      expect(emojify('🦝')).toEqual('<img draggable="false" class="emojione" alt="🦝" title=":raccoon:" src="/packs/emoji/1f99d.svg" />');
-      expect(emojify('🐱')).toEqual('<img draggable="false" class="emojione" alt="🐱" title=":cat:" src="/packs/emoji/1f431.svg" />');
-      expect(emojify('🐈')).toEqual('<img draggable="false" class="emojione" alt="🐈" title=":cat2:" src="/packs/emoji/1f408.svg" />');
-      expect(emojify('🐈‍⬛')).toEqual('<img draggable="false" class="emojione" alt="🐈‍⬛" title=":black_cat:" src="/packs/emoji/1f408-200d-2b1b.svg" />');
-      expect(emojify('🦁')).toEqual('<img draggable="false" class="emojione" alt="🦁" title=":lion_face:" src="/packs/emoji/1f981.svg" />');
-      expect(emojify('🐯')).toEqual('<img draggable="false" class="emojione" alt="🐯" title=":tiger:" src="/packs/emoji/1f42f.svg" />');
-      expect(emojify('🐅')).toEqual('<img draggable="false" class="emojione" alt="🐅" title=":tiger2:" src="/packs/emoji/1f405.svg" />');
-      expect(emojify('🐆')).toEqual('<img draggable="false" class="emojione" alt="🐆" title=":leopard:" src="/packs/emoji/1f406.svg" />');
-      expect(emojify('🐴')).toEqual('<img draggable="false" class="emojione" alt="🐴" title=":horse:" src="/packs/emoji/1f434.svg" />');
-      expect(emojify('🐎')).toEqual('<img draggable="false" class="emojione" alt="🐎" title=":racehorse:" src="/packs/emoji/1f40e.svg" />');
-      expect(emojify('🦄')).toEqual('<img draggable="false" class="emojione" alt="🦄" title=":unicorn_face:" src="/packs/emoji/1f984.svg" />');
-      expect(emojify('🦓')).toEqual('<img draggable="false" class="emojione" alt="🦓" title=":zebra_face:" src="/packs/emoji/1f993.svg" />');
-      expect(emojify('🦌')).toEqual('<img draggable="false" class="emojione" alt="🦌" title=":deer:" src="/packs/emoji/1f98c.svg" />');
-      expect(emojify('🦬')).toEqual('<img draggable="false" class="emojione" alt="🦬" title=":bison:" src="/packs/emoji/1f9ac.svg" />');
-      expect(emojify('🐮')).toEqual('<img draggable="false" class="emojione" alt="🐮" title=":cow:" src="/packs/emoji/1f42e.svg" />');
-      expect(emojify('🐂')).toEqual('<img draggable="false" class="emojione" alt="🐂" title=":ox:" src="/packs/emoji/1f402.svg" />');
-      expect(emojify('🐃')).toEqual('<img draggable="false" class="emojione" alt="🐃" title=":water_buffalo:" src="/packs/emoji/1f403.svg" />');
-      expect(emojify('🐄')).toEqual('<img draggable="false" class="emojione" alt="🐄" title=":cow2:" src="/packs/emoji/1f404.svg" />');
-      expect(emojify('🐷')).toEqual('<img draggable="false" class="emojione" alt="🐷" title=":pig:" src="/packs/emoji/1f437.svg" />');
-      expect(emojify('🐖')).toEqual('<img draggable="false" class="emojione" alt="🐖" title=":pig2:" src="/packs/emoji/1f416.svg" />');
-      expect(emojify('🐗')).toEqual('<img draggable="false" class="emojione" alt="🐗" title=":boar:" src="/packs/emoji/1f417.svg" />');
-      expect(emojify('🐽')).toEqual('<img draggable="false" class="emojione" alt="🐽" title=":pig_nose:" src="/packs/emoji/1f43d.svg" />');
-      expect(emojify('🐏')).toEqual('<img draggable="false" class="emojione" alt="🐏" title=":ram:" src="/packs/emoji/1f40f.svg" />');
-      expect(emojify('🐑')).toEqual('<img draggable="false" class="emojione" alt="🐑" title=":sheep:" src="/packs/emoji/1f411.svg" />');
-      expect(emojify('🐐')).toEqual('<img draggable="false" class="emojione" alt="🐐" title=":goat:" src="/packs/emoji/1f410.svg" />');
-      expect(emojify('🐪')).toEqual('<img draggable="false" class="emojione" alt="🐪" title=":dromedary_camel:" src="/packs/emoji/1f42a.svg" />');
-      expect(emojify('🐫')).toEqual('<img draggable="false" class="emojione" alt="🐫" title=":camel:" src="/packs/emoji/1f42b.svg" />');
-      expect(emojify('🦙')).toEqual('<img draggable="false" class="emojione" alt="🦙" title=":llama:" src="/packs/emoji/1f999.svg" />');
-      expect(emojify('🦒')).toEqual('<img draggable="false" class="emojione" alt="🦒" title=":giraffe_face:" src="/packs/emoji/1f992.svg" />');
-      expect(emojify('🐘')).toEqual('<img draggable="false" class="emojione" alt="🐘" title=":elephant:" src="/packs/emoji/1f418.svg" />');
-      expect(emojify('🦣')).toEqual('<img draggable="false" class="emojione" alt="🦣" title=":mammoth:" src="/packs/emoji/1f9a3.svg" />');
-      expect(emojify('🦏')).toEqual('<img draggable="false" class="emojione" alt="🦏" title=":rhinoceros:" src="/packs/emoji/1f98f.svg" />');
-      expect(emojify('🦛')).toEqual('<img draggable="false" class="emojione" alt="🦛" title=":hippopotamus:" src="/packs/emoji/1f99b.svg" />');
-      expect(emojify('🐭')).toEqual('<img draggable="false" class="emojione" alt="🐭" title=":mouse:" src="/packs/emoji/1f42d.svg" />');
-      expect(emojify('🐁')).toEqual('<img draggable="false" class="emojione" alt="🐁" title=":mouse2:" src="/packs/emoji/1f401.svg" />');
-      expect(emojify('🐀')).toEqual('<img draggable="false" class="emojione" alt="🐀" title=":rat:" src="/packs/emoji/1f400.svg" />');
-      expect(emojify('🐹')).toEqual('<img draggable="false" class="emojione" alt="🐹" title=":hamster:" src="/packs/emoji/1f439.svg" />');
-      expect(emojify('🐰')).toEqual('<img draggable="false" class="emojione" alt="🐰" title=":rabbit:" src="/packs/emoji/1f430.svg" />');
-      expect(emojify('🐇')).toEqual('<img draggable="false" class="emojione" alt="🐇" title=":rabbit2:" src="/packs/emoji/1f407.svg" />');
-      expect(emojify('🐿️')).toEqual('<img draggable="false" class="emojione" alt="🐿️" title=":chipmunk:" src="/packs/emoji/1f43f.svg" />');
-      expect(emojify('🦫')).toEqual('<img draggable="false" class="emojione" alt="🦫" title=":beaver:" src="/packs/emoji/1f9ab.svg" />');
-      expect(emojify('🦔')).toEqual('<img draggable="false" class="emojione" alt="🦔" title=":hedgehog:" src="/packs/emoji/1f994.svg" />');
-      expect(emojify('🦇')).toEqual('<img draggable="false" class="emojione" alt="🦇" title=":bat:" src="/packs/emoji/1f987.svg" />');
-      expect(emojify('🐻')).toEqual('<img draggable="false" class="emojione" alt="🐻" title=":bear:" src="/packs/emoji/1f43b.svg" />');
-      expect(emojify('🐻‍❄️')).toEqual('<img draggable="false" class="emojione" alt="🐻‍❄️" title=":polar_bear:" src="/packs/emoji/1f43b-200d-2744-fe0f.svg" />');
-      expect(emojify('🐨')).toEqual('<img draggable="false" class="emojione" alt="🐨" title=":koala:" src="/packs/emoji/1f428.svg" />');
-      expect(emojify('🐼')).toEqual('<img draggable="false" class="emojione" alt="🐼" title=":panda_face:" src="/packs/emoji/1f43c.svg" />');
-      expect(emojify('🦥')).toEqual('<img draggable="false" class="emojione" alt="🦥" title=":sloth:" src="/packs/emoji/1f9a5.svg" />');
-      expect(emojify('🦦')).toEqual('<img draggable="false" class="emojione" alt="🦦" title=":otter:" src="/packs/emoji/1f9a6.svg" />');
-      expect(emojify('🦨')).toEqual('<img draggable="false" class="emojione" alt="🦨" title=":skunk:" src="/packs/emoji/1f9a8.svg" />');
-      expect(emojify('🦘')).toEqual('<img draggable="false" class="emojione" alt="🦘" title=":kangaroo:" src="/packs/emoji/1f998.svg" />');
-      expect(emojify('🦡')).toEqual('<img draggable="false" class="emojione" alt="🦡" title=":badger:" src="/packs/emoji/1f9a1.svg" />');
-      expect(emojify('🐾')).toEqual('<img draggable="false" class="emojione" alt="🐾" title=":feet:" src="/packs/emoji/1f43e.svg" />');
-      expect(emojify('🦃')).toEqual('<img draggable="false" class="emojione" alt="🦃" title=":turkey:" src="/packs/emoji/1f983.svg" />');
-      expect(emojify('🐔')).toEqual('<img draggable="false" class="emojione" alt="🐔" title=":chicken:" src="/packs/emoji/1f414.svg" />');
-      expect(emojify('🐓')).toEqual('<img draggable="false" class="emojione" alt="🐓" title=":rooster:" src="/packs/emoji/1f413.svg" />');
-      expect(emojify('🐣')).toEqual('<img draggable="false" class="emojione" alt="🐣" title=":hatching_chick:" src="/packs/emoji/1f423.svg" />');
-      expect(emojify('🐤')).toEqual('<img draggable="false" class="emojione" alt="🐤" title=":baby_chick:" src="/packs/emoji/1f424.svg" />');
-      expect(emojify('🐥')).toEqual('<img draggable="false" class="emojione" alt="🐥" title=":hatched_chick:" src="/packs/emoji/1f425.svg" />');
-      expect(emojify('🐦')).toEqual('<img draggable="false" class="emojione" alt="🐦" title=":bird:" src="/packs/emoji/1f426.svg" />');
-      expect(emojify('🐧')).toEqual('<img draggable="false" class="emojione" alt="🐧" title=":penguin:" src="/packs/emoji/1f427.svg" />');
-      expect(emojify('🕊️')).toEqual('<img draggable="false" class="emojione" alt="🕊️" title=":dove_of_peace:" src="/packs/emoji/1f54a.svg" />');
-      expect(emojify('🦅')).toEqual('<img draggable="false" class="emojione" alt="🦅" title=":eagle:" src="/packs/emoji/1f985.svg" />');
-      expect(emojify('🦆')).toEqual('<img draggable="false" class="emojione" alt="🦆" title=":duck:" src="/packs/emoji/1f986.svg" />');
-      expect(emojify('🦢')).toEqual('<img draggable="false" class="emojione" alt="🦢" title=":swan:" src="/packs/emoji/1f9a2.svg" />');
-      expect(emojify('🦉')).toEqual('<img draggable="false" class="emojione" alt="🦉" title=":owl:" src="/packs/emoji/1f989.svg" />');
-      expect(emojify('🦤')).toEqual('<img draggable="false" class="emojione" alt="🦤" title=":dodo:" src="/packs/emoji/1f9a4.svg" />');
-      expect(emojify('🪶')).toEqual('<img draggable="false" class="emojione" alt="🪶" title=":feather:" src="/packs/emoji/1fab6.svg" />');
-      expect(emojify('🦩')).toEqual('<img draggable="false" class="emojione" alt="🦩" title=":flamingo:" src="/packs/emoji/1f9a9.svg" />');
-      expect(emojify('🦚')).toEqual('<img draggable="false" class="emojione" alt="🦚" title=":peacock:" src="/packs/emoji/1f99a.svg" />');
-      expect(emojify('🦜')).toEqual('<img draggable="false" class="emojione" alt="🦜" title=":parrot:" src="/packs/emoji/1f99c.svg" />');
-      expect(emojify('🐸')).toEqual('<img draggable="false" class="emojione" alt="🐸" title=":frog:" src="/packs/emoji/1f438.svg" />');
-      expect(emojify('🐊')).toEqual('<img draggable="false" class="emojione" alt="🐊" title=":crocodile:" src="/packs/emoji/1f40a.svg" />');
-      expect(emojify('🐢')).toEqual('<img draggable="false" class="emojione" alt="🐢" title=":turtle:" src="/packs/emoji/1f422.svg" />');
-      expect(emojify('🦎')).toEqual('<img draggable="false" class="emojione" alt="🦎" title=":lizard:" src="/packs/emoji/1f98e.svg" />');
-      expect(emojify('🐍')).toEqual('<img draggable="false" class="emojione" alt="🐍" title=":snake:" src="/packs/emoji/1f40d.svg" />');
-      expect(emojify('🐲')).toEqual('<img draggable="false" class="emojione" alt="🐲" title=":dragon_face:" src="/packs/emoji/1f432.svg" />');
-      expect(emojify('🐉')).toEqual('<img draggable="false" class="emojione" alt="🐉" title=":dragon:" src="/packs/emoji/1f409.svg" />');
-      expect(emojify('🦕')).toEqual('<img draggable="false" class="emojione" alt="🦕" title=":sauropod:" src="/packs/emoji/1f995.svg" />');
-      expect(emojify('🦖')).toEqual('<img draggable="false" class="emojione" alt="🦖" title=":t-rex:" src="/packs/emoji/1f996.svg" />');
-      expect(emojify('🐳')).toEqual('<img draggable="false" class="emojione" alt="🐳" title=":whale:" src="/packs/emoji/1f433.svg" />');
-      expect(emojify('🐋')).toEqual('<img draggable="false" class="emojione" alt="🐋" title=":whale2:" src="/packs/emoji/1f40b.svg" />');
-      expect(emojify('🐬')).toEqual('<img draggable="false" class="emojione" alt="🐬" title=":dolphin:" src="/packs/emoji/1f42c.svg" />');
-      expect(emojify('🦭')).toEqual('<img draggable="false" class="emojione" alt="🦭" title=":seal:" src="/packs/emoji/1f9ad.svg" />');
-      expect(emojify('🐟')).toEqual('<img draggable="false" class="emojione" alt="🐟" title=":fish:" src="/packs/emoji/1f41f.svg" />');
-      expect(emojify('🐠')).toEqual('<img draggable="false" class="emojione" alt="🐠" title=":tropical_fish:" src="/packs/emoji/1f420.svg" />');
-      expect(emojify('🐡')).toEqual('<img draggable="false" class="emojione" alt="🐡" title=":blowfish:" src="/packs/emoji/1f421.svg" />');
-      expect(emojify('🦈')).toEqual('<img draggable="false" class="emojione" alt="🦈" title=":shark:" src="/packs/emoji/1f988.svg" />');
-      expect(emojify('🐙')).toEqual('<img draggable="false" class="emojione" alt="🐙" title=":octopus:" src="/packs/emoji/1f419.svg" />');
-      expect(emojify('🐚')).toEqual('<img draggable="false" class="emojione" alt="🐚" title=":shell:" src="/packs/emoji/1f41a.svg" />');
-      expect(emojify('🪸')).toEqual('<img draggable="false" class="emojione" alt="🪸" title=":coral:" src="/packs/emoji/1fab8.svg" />');
-      expect(emojify('🐌')).toEqual('<img draggable="false" class="emojione" alt="🐌" title=":snail:" src="/packs/emoji/1f40c.svg" />');
-      expect(emojify('🦋')).toEqual('<img draggable="false" class="emojione" alt="🦋" title=":butterfly:" src="/packs/emoji/1f98b.svg" />');
-      expect(emojify('🐛')).toEqual('<img draggable="false" class="emojione" alt="🐛" title=":bug:" src="/packs/emoji/1f41b.svg" />');
-      expect(emojify('🐜')).toEqual('<img draggable="false" class="emojione" alt="🐜" title=":ant:" src="/packs/emoji/1f41c.svg" />');
-      expect(emojify('🐝')).toEqual('<img draggable="false" class="emojione" alt="🐝" title=":bee:" src="/packs/emoji/1f41d.svg" />');
-      expect(emojify('🪲')).toEqual('<img draggable="false" class="emojione" alt="🪲" title=":beetle:" src="/packs/emoji/1fab2.svg" />');
-      expect(emojify('🐞')).toEqual('<img draggable="false" class="emojione" alt="🐞" title=":ladybug:" src="/packs/emoji/1f41e.svg" />');
-      expect(emojify('🦗')).toEqual('<img draggable="false" class="emojione" alt="🦗" title=":cricket:" src="/packs/emoji/1f997.svg" />');
-      expect(emojify('🪳')).toEqual('<img draggable="false" class="emojione" alt="🪳" title=":cockroach:" src="/packs/emoji/1fab3.svg" />');
-      expect(emojify('🕷️')).toEqual('<img draggable="false" class="emojione" alt="🕷️" title=":spider:" src="/packs/emoji/1f577.svg" />');
-      expect(emojify('🕸️')).toEqual('<img draggable="false" class="emojione" alt="🕸️" title=":spider_web:" src="/packs/emoji/1f578.svg" />');
-      expect(emojify('🦂')).toEqual('<img draggable="false" class="emojione" alt="🦂" title=":scorpion:" src="/packs/emoji/1f982.svg" />');
-      expect(emojify('🦟')).toEqual('<img draggable="false" class="emojione" alt="🦟" title=":mosquito:" src="/packs/emoji/1f99f.svg" />');
-      expect(emojify('🪰')).toEqual('<img draggable="false" class="emojione" alt="🪰" title=":fly:" src="/packs/emoji/1fab0.svg" />');
-      expect(emojify('🪱')).toEqual('<img draggable="false" class="emojione" alt="🪱" title=":worm:" src="/packs/emoji/1fab1.svg" />');
-      expect(emojify('🦠')).toEqual('<img draggable="false" class="emojione" alt="🦠" title=":microbe:" src="/packs/emoji/1f9a0.svg" />');
-      expect(emojify('💐')).toEqual('<img draggable="false" class="emojione" alt="💐" title=":bouquet:" src="/packs/emoji/1f490.svg" />');
-      expect(emojify('🌸')).toEqual('<img draggable="false" class="emojione" alt="🌸" title=":cherry_blossom:" src="/packs/emoji/1f338.svg" />');
-      expect(emojify('💮')).toEqual('<img draggable="false" class="emojione" alt="💮" title=":white_flower:" src="/packs/emoji/1f4ae.svg" />');
-      expect(emojify('🪷')).toEqual('<img draggable="false" class="emojione" alt="🪷" title=":lotus:" src="/packs/emoji/1fab7.svg" />');
-      expect(emojify('🏵️')).toEqual('<img draggable="false" class="emojione" alt="🏵️" title=":rosette:" src="/packs/emoji/1f3f5.svg" />');
-      expect(emojify('🌹')).toEqual('<img draggable="false" class="emojione" alt="🌹" title=":rose:" src="/packs/emoji/1f339.svg" />');
-      expect(emojify('🥀')).toEqual('<img draggable="false" class="emojione" alt="🥀" title=":wilted_flower:" src="/packs/emoji/1f940.svg" />');
-      expect(emojify('🌺')).toEqual('<img draggable="false" class="emojione" alt="🌺" title=":hibiscus:" src="/packs/emoji/1f33a.svg" />');
-      expect(emojify('🌻')).toEqual('<img draggable="false" class="emojione" alt="🌻" title=":sunflower:" src="/packs/emoji/1f33b.svg" />');
-      expect(emojify('🌼')).toEqual('<img draggable="false" class="emojione" alt="🌼" title=":blossom:" src="/packs/emoji/1f33c.svg" />');
-      expect(emojify('🌷')).toEqual('<img draggable="false" class="emojione" alt="🌷" title=":tulip:" src="/packs/emoji/1f337.svg" />');
-      expect(emojify('🌱')).toEqual('<img draggable="false" class="emojione" alt="🌱" title=":seedling:" src="/packs/emoji/1f331.svg" />');
-      expect(emojify('🪴')).toEqual('<img draggable="false" class="emojione" alt="🪴" title=":potted_plant:" src="/packs/emoji/1fab4.svg" />');
-      expect(emojify('🌲')).toEqual('<img draggable="false" class="emojione" alt="🌲" title=":evergreen_tree:" src="/packs/emoji/1f332.svg" />');
-      expect(emojify('🌳')).toEqual('<img draggable="false" class="emojione" alt="🌳" title=":deciduous_tree:" src="/packs/emoji/1f333.svg" />');
-      expect(emojify('🌴')).toEqual('<img draggable="false" class="emojione" alt="🌴" title=":palm_tree:" src="/packs/emoji/1f334.svg" />');
-      expect(emojify('🌵')).toEqual('<img draggable="false" class="emojione" alt="🌵" title=":cactus:" src="/packs/emoji/1f335.svg" />');
-      expect(emojify('🌾')).toEqual('<img draggable="false" class="emojione" alt="🌾" title=":ear_of_rice:" src="/packs/emoji/1f33e.svg" />');
-      expect(emojify('🌿')).toEqual('<img draggable="false" class="emojione" alt="🌿" title=":herb:" src="/packs/emoji/1f33f.svg" />');
-      expect(emojify('☘️')).toEqual('<img draggable="false" class="emojione" alt="☘️" title=":shamrock:" src="/packs/emoji/2618.svg" />');
-      expect(emojify('🍀')).toEqual('<img draggable="false" class="emojione" alt="🍀" title=":four_leaf_clover:" src="/packs/emoji/1f340.svg" />');
-      expect(emojify('🍁')).toEqual('<img draggable="false" class="emojione" alt="🍁" title=":maple_leaf:" src="/packs/emoji/1f341.svg" />');
-      expect(emojify('🍂')).toEqual('<img draggable="false" class="emojione" alt="🍂" title=":fallen_leaf:" src="/packs/emoji/1f342.svg" />');
-      expect(emojify('🍃')).toEqual('<img draggable="false" class="emojione" alt="🍃" title=":leaves:" src="/packs/emoji/1f343.svg" />');
-      expect(emojify('🪹')).toEqual('<img draggable="false" class="emojione" alt="🪹" title=":empty_nest:" src="/packs/emoji/1fab9.svg" />');
-      expect(emojify('🪺')).toEqual('<img draggable="false" class="emojione" alt="🪺" title=":nest_with_eggs:" src="/packs/emoji/1faba.svg" />');
-      expect(emojify('🍇')).toEqual('<img draggable="false" class="emojione" alt="🍇" title=":grapes:" src="/packs/emoji/1f347.svg" />');
-      expect(emojify('🍈')).toEqual('<img draggable="false" class="emojione" alt="🍈" title=":melon:" src="/packs/emoji/1f348.svg" />');
-      expect(emojify('🍉')).toEqual('<img draggable="false" class="emojione" alt="🍉" title=":watermelon:" src="/packs/emoji/1f349.svg" />');
-      expect(emojify('🍊')).toEqual('<img draggable="false" class="emojione" alt="🍊" title=":tangerine:" src="/packs/emoji/1f34a.svg" />');
-      expect(emojify('🍋')).toEqual('<img draggable="false" class="emojione" alt="🍋" title=":lemon:" src="/packs/emoji/1f34b.svg" />');
-      expect(emojify('🍌')).toEqual('<img draggable="false" class="emojione" alt="🍌" title=":banana:" src="/packs/emoji/1f34c.svg" />');
-      expect(emojify('🍍')).toEqual('<img draggable="false" class="emojione" alt="🍍" title=":pineapple:" src="/packs/emoji/1f34d.svg" />');
-      expect(emojify('🥭')).toEqual('<img draggable="false" class="emojione" alt="🥭" title=":mango:" src="/packs/emoji/1f96d.svg" />');
-      expect(emojify('🍎')).toEqual('<img draggable="false" class="emojione" alt="🍎" title=":apple:" src="/packs/emoji/1f34e.svg" />');
-      expect(emojify('🍏')).toEqual('<img draggable="false" class="emojione" alt="🍏" title=":green_apple:" src="/packs/emoji/1f34f.svg" />');
-      expect(emojify('🍐')).toEqual('<img draggable="false" class="emojione" alt="🍐" title=":pear:" src="/packs/emoji/1f350.svg" />');
-      expect(emojify('🍑')).toEqual('<img draggable="false" class="emojione" alt="🍑" title=":peach:" src="/packs/emoji/1f351.svg" />');
-      expect(emojify('🍒')).toEqual('<img draggable="false" class="emojione" alt="🍒" title=":cherries:" src="/packs/emoji/1f352.svg" />');
-      expect(emojify('🍓')).toEqual('<img draggable="false" class="emojione" alt="🍓" title=":strawberry:" src="/packs/emoji/1f353.svg" />');
-      expect(emojify('🫐')).toEqual('<img draggable="false" class="emojione" alt="🫐" title=":blueberries:" src="/packs/emoji/1fad0.svg" />');
-      expect(emojify('🥝')).toEqual('<img draggable="false" class="emojione" alt="🥝" title=":kiwifruit:" src="/packs/emoji/1f95d.svg" />');
-      expect(emojify('🍅')).toEqual('<img draggable="false" class="emojione" alt="🍅" title=":tomato:" src="/packs/emoji/1f345.svg" />');
-      expect(emojify('🫒')).toEqual('<img draggable="false" class="emojione" alt="🫒" title=":olive:" src="/packs/emoji/1fad2.svg" />');
-      expect(emojify('🥥')).toEqual('<img draggable="false" class="emojione" alt="🥥" title=":coconut:" src="/packs/emoji/1f965.svg" />');
-      expect(emojify('🥑')).toEqual('<img draggable="false" class="emojione" alt="🥑" title=":avocado:" src="/packs/emoji/1f951.svg" />');
-      expect(emojify('🍆')).toEqual('<img draggable="false" class="emojione" alt="🍆" title=":eggplant:" src="/packs/emoji/1f346.svg" />');
-      expect(emojify('🥔')).toEqual('<img draggable="false" class="emojione" alt="🥔" title=":potato:" src="/packs/emoji/1f954.svg" />');
-      expect(emojify('🥕')).toEqual('<img draggable="false" class="emojione" alt="🥕" title=":carrot:" src="/packs/emoji/1f955.svg" />');
-      expect(emojify('🌽')).toEqual('<img draggable="false" class="emojione" alt="🌽" title=":corn:" src="/packs/emoji/1f33d.svg" />');
-      expect(emojify('🌶️')).toEqual('<img draggable="false" class="emojione" alt="🌶️" title=":hot_pepper:" src="/packs/emoji/1f336.svg" />');
-      expect(emojify('🫑')).toEqual('<img draggable="false" class="emojione" alt="🫑" title=":bell_pepper:" src="/packs/emoji/1fad1.svg" />');
-      expect(emojify('🥒')).toEqual('<img draggable="false" class="emojione" alt="🥒" title=":cucumber:" src="/packs/emoji/1f952.svg" />');
-      expect(emojify('🥬')).toEqual('<img draggable="false" class="emojione" alt="🥬" title=":leafy_green:" src="/packs/emoji/1f96c.svg" />');
-      expect(emojify('🥦')).toEqual('<img draggable="false" class="emojione" alt="🥦" title=":broccoli:" src="/packs/emoji/1f966.svg" />');
-      expect(emojify('🧄')).toEqual('<img draggable="false" class="emojione" alt="🧄" title=":garlic:" src="/packs/emoji/1f9c4.svg" />');
-      expect(emojify('🧅')).toEqual('<img draggable="false" class="emojione" alt="🧅" title=":onion:" src="/packs/emoji/1f9c5.svg" />');
-      expect(emojify('🍄')).toEqual('<img draggable="false" class="emojione" alt="🍄" title=":mushroom:" src="/packs/emoji/1f344.svg" />');
-      expect(emojify('🥜')).toEqual('<img draggable="false" class="emojione" alt="🥜" title=":peanuts:" src="/packs/emoji/1f95c.svg" />');
-      expect(emojify('🫘')).toEqual('<img draggable="false" class="emojione" alt="🫘" title=":beans:" src="/packs/emoji/1fad8.svg" />');
-      expect(emojify('🌰')).toEqual('<img draggable="false" class="emojione" alt="🌰" title=":chestnut:" src="/packs/emoji/1f330.svg" />');
-      expect(emojify('🍞')).toEqual('<img draggable="false" class="emojione" alt="🍞" title=":bread:" src="/packs/emoji/1f35e.svg" />');
-      expect(emojify('🥐')).toEqual('<img draggable="false" class="emojione" alt="🥐" title=":croissant:" src="/packs/emoji/1f950.svg" />');
-      expect(emojify('🥖')).toEqual('<img draggable="false" class="emojione" alt="🥖" title=":baguette_bread:" src="/packs/emoji/1f956.svg" />');
-      expect(emojify('🫓')).toEqual('<img draggable="false" class="emojione" alt="🫓" title=":flatbread:" src="/packs/emoji/1fad3.svg" />');
-      expect(emojify('🥨')).toEqual('<img draggable="false" class="emojione" alt="🥨" title=":pretzel:" src="/packs/emoji/1f968.svg" />');
-      expect(emojify('🥯')).toEqual('<img draggable="false" class="emojione" alt="🥯" title=":bagel:" src="/packs/emoji/1f96f.svg" />');
-      expect(emojify('🥞')).toEqual('<img draggable="false" class="emojione" alt="🥞" title=":pancakes:" src="/packs/emoji/1f95e.svg" />');
-      expect(emojify('🧇')).toEqual('<img draggable="false" class="emojione" alt="🧇" title=":waffle:" src="/packs/emoji/1f9c7.svg" />');
-      expect(emojify('🧀')).toEqual('<img draggable="false" class="emojione" alt="🧀" title=":cheese_wedge:" src="/packs/emoji/1f9c0.svg" />');
-      expect(emojify('🍖')).toEqual('<img draggable="false" class="emojione" alt="🍖" title=":meat_on_bone:" src="/packs/emoji/1f356.svg" />');
-      expect(emojify('🍗')).toEqual('<img draggable="false" class="emojione" alt="🍗" title=":poultry_leg:" src="/packs/emoji/1f357.svg" />');
-      expect(emojify('🥩')).toEqual('<img draggable="false" class="emojione" alt="🥩" title=":cut_of_meat:" src="/packs/emoji/1f969.svg" />');
-      expect(emojify('🥓')).toEqual('<img draggable="false" class="emojione" alt="🥓" title=":bacon:" src="/packs/emoji/1f953.svg" />');
-      expect(emojify('🍔')).toEqual('<img draggable="false" class="emojione" alt="🍔" title=":hamburger:" src="/packs/emoji/1f354.svg" />');
-      expect(emojify('🍟')).toEqual('<img draggable="false" class="emojione" alt="🍟" title=":fries:" src="/packs/emoji/1f35f.svg" />');
-      expect(emojify('🍕')).toEqual('<img draggable="false" class="emojione" alt="🍕" title=":pizza:" src="/packs/emoji/1f355.svg" />');
-      expect(emojify('🌭')).toEqual('<img draggable="false" class="emojione" alt="🌭" title=":hotdog:" src="/packs/emoji/1f32d.svg" />');
-      expect(emojify('🥪')).toEqual('<img draggable="false" class="emojione" alt="🥪" title=":sandwich:" src="/packs/emoji/1f96a.svg" />');
-      expect(emojify('🌮')).toEqual('<img draggable="false" class="emojione" alt="🌮" title=":taco:" src="/packs/emoji/1f32e.svg" />');
-      expect(emojify('🌯')).toEqual('<img draggable="false" class="emojione" alt="🌯" title=":burrito:" src="/packs/emoji/1f32f.svg" />');
-      expect(emojify('🫔')).toEqual('<img draggable="false" class="emojione" alt="🫔" title=":tamale:" src="/packs/emoji/1fad4.svg" />');
-      expect(emojify('🥙')).toEqual('<img draggable="false" class="emojione" alt="🥙" title=":stuffed_flatbread:" src="/packs/emoji/1f959.svg" />');
-      expect(emojify('🧆')).toEqual('<img draggable="false" class="emojione" alt="🧆" title=":falafel:" src="/packs/emoji/1f9c6.svg" />');
-      expect(emojify('🥚')).toEqual('<img draggable="false" class="emojione" alt="🥚" title=":egg:" src="/packs/emoji/1f95a.svg" />');
-      expect(emojify('🍳')).toEqual('<img draggable="false" class="emojione" alt="🍳" title=":fried_egg:" src="/packs/emoji/1f373.svg" />');
-      expect(emojify('🥘')).toEqual('<img draggable="false" class="emojione" alt="🥘" title=":shallow_pan_of_food:" src="/packs/emoji/1f958.svg" />');
-      expect(emojify('🍲')).toEqual('<img draggable="false" class="emojione" alt="🍲" title=":stew:" src="/packs/emoji/1f372.svg" />');
-      expect(emojify('🫕')).toEqual('<img draggable="false" class="emojione" alt="🫕" title=":fondue:" src="/packs/emoji/1fad5.svg" />');
-      expect(emojify('🥣')).toEqual('<img draggable="false" class="emojione" alt="🥣" title=":bowl_with_spoon:" src="/packs/emoji/1f963.svg" />');
-      expect(emojify('🥗')).toEqual('<img draggable="false" class="emojione" alt="🥗" title=":green_salad:" src="/packs/emoji/1f957.svg" />');
-      expect(emojify('🍿')).toEqual('<img draggable="false" class="emojione" alt="🍿" title=":popcorn:" src="/packs/emoji/1f37f.svg" />');
-      expect(emojify('🧈')).toEqual('<img draggable="false" class="emojione" alt="🧈" title=":butter:" src="/packs/emoji/1f9c8.svg" />');
-      expect(emojify('🧂')).toEqual('<img draggable="false" class="emojione" alt="🧂" title=":salt:" src="/packs/emoji/1f9c2.svg" />');
-      expect(emojify('🥫')).toEqual('<img draggable="false" class="emojione" alt="🥫" title=":canned_food:" src="/packs/emoji/1f96b.svg" />');
-      expect(emojify('🍱')).toEqual('<img draggable="false" class="emojione" alt="🍱" title=":bento:" src="/packs/emoji/1f371.svg" />');
-      expect(emojify('🍘')).toEqual('<img draggable="false" class="emojione" alt="🍘" title=":rice_cracker:" src="/packs/emoji/1f358.svg" />');
-      expect(emojify('🍙')).toEqual('<img draggable="false" class="emojione" alt="🍙" title=":rice_ball:" src="/packs/emoji/1f359.svg" />');
-      expect(emojify('🍚')).toEqual('<img draggable="false" class="emojione" alt="🍚" title=":rice:" src="/packs/emoji/1f35a.svg" />');
-      expect(emojify('🍛')).toEqual('<img draggable="false" class="emojione" alt="🍛" title=":curry:" src="/packs/emoji/1f35b.svg" />');
-      expect(emojify('🍜')).toEqual('<img draggable="false" class="emojione" alt="🍜" title=":ramen:" src="/packs/emoji/1f35c.svg" />');
-      expect(emojify('🍝')).toEqual('<img draggable="false" class="emojione" alt="🍝" title=":spaghetti:" src="/packs/emoji/1f35d.svg" />');
-      expect(emojify('🍠')).toEqual('<img draggable="false" class="emojione" alt="🍠" title=":sweet_potato:" src="/packs/emoji/1f360.svg" />');
-      expect(emojify('🍢')).toEqual('<img draggable="false" class="emojione" alt="🍢" title=":oden:" src="/packs/emoji/1f362.svg" />');
-      expect(emojify('🍣')).toEqual('<img draggable="false" class="emojione" alt="🍣" title=":sushi:" src="/packs/emoji/1f363.svg" />');
-      expect(emojify('🍤')).toEqual('<img draggable="false" class="emojione" alt="🍤" title=":fried_shrimp:" src="/packs/emoji/1f364.svg" />');
-      expect(emojify('🍥')).toEqual('<img draggable="false" class="emojione" alt="🍥" title=":fish_cake:" src="/packs/emoji/1f365.svg" />');
-      expect(emojify('🥮')).toEqual('<img draggable="false" class="emojione" alt="🥮" title=":moon_cake:" src="/packs/emoji/1f96e.svg" />');
-      expect(emojify('🍡')).toEqual('<img draggable="false" class="emojione" alt="🍡" title=":dango:" src="/packs/emoji/1f361.svg" />');
-      expect(emojify('🥟')).toEqual('<img draggable="false" class="emojione" alt="🥟" title=":dumpling:" src="/packs/emoji/1f95f.svg" />');
-      expect(emojify('🥠')).toEqual('<img draggable="false" class="emojione" alt="🥠" title=":fortune_cookie:" src="/packs/emoji/1f960.svg" />');
-      expect(emojify('🥡')).toEqual('<img draggable="false" class="emojione" alt="🥡" title=":takeout_box:" src="/packs/emoji/1f961.svg" />');
-      expect(emojify('🦀')).toEqual('<img draggable="false" class="emojione" alt="🦀" title=":crab:" src="/packs/emoji/1f980.svg" />');
-      expect(emojify('🦞')).toEqual('<img draggable="false" class="emojione" alt="🦞" title=":lobster:" src="/packs/emoji/1f99e.svg" />');
-      expect(emojify('🦐')).toEqual('<img draggable="false" class="emojione" alt="🦐" title=":shrimp:" src="/packs/emoji/1f990.svg" />');
-      expect(emojify('🦑')).toEqual('<img draggable="false" class="emojione" alt="🦑" title=":squid:" src="/packs/emoji/1f991.svg" />');
-      expect(emojify('🦪')).toEqual('<img draggable="false" class="emojione" alt="🦪" title=":oyster:" src="/packs/emoji/1f9aa.svg" />');
-      expect(emojify('🍦')).toEqual('<img draggable="false" class="emojione" alt="🍦" title=":icecream:" src="/packs/emoji/1f366.svg" />');
-      expect(emojify('🍧')).toEqual('<img draggable="false" class="emojione" alt="🍧" title=":shaved_ice:" src="/packs/emoji/1f367.svg" />');
-      expect(emojify('🍨')).toEqual('<img draggable="false" class="emojione" alt="🍨" title=":ice_cream:" src="/packs/emoji/1f368.svg" />');
-      expect(emojify('🍩')).toEqual('<img draggable="false" class="emojione" alt="🍩" title=":doughnut:" src="/packs/emoji/1f369.svg" />');
-      expect(emojify('🍪')).toEqual('<img draggable="false" class="emojione" alt="🍪" title=":cookie:" src="/packs/emoji/1f36a.svg" />');
-      expect(emojify('🎂')).toEqual('<img draggable="false" class="emojione" alt="🎂" title=":birthday:" src="/packs/emoji/1f382.svg" />');
-      expect(emojify('🍰')).toEqual('<img draggable="false" class="emojione" alt="🍰" title=":cake:" src="/packs/emoji/1f370.svg" />');
-      expect(emojify('🧁')).toEqual('<img draggable="false" class="emojione" alt="🧁" title=":cupcake:" src="/packs/emoji/1f9c1.svg" />');
-      expect(emojify('🥧')).toEqual('<img draggable="false" class="emojione" alt="🥧" title=":pie:" src="/packs/emoji/1f967.svg" />');
-      expect(emojify('🍫')).toEqual('<img draggable="false" class="emojione" alt="🍫" title=":chocolate_bar:" src="/packs/emoji/1f36b.svg" />');
-      expect(emojify('🍬')).toEqual('<img draggable="false" class="emojione" alt="🍬" title=":candy:" src="/packs/emoji/1f36c.svg" />');
-      expect(emojify('🍭')).toEqual('<img draggable="false" class="emojione" alt="🍭" title=":lollipop:" src="/packs/emoji/1f36d.svg" />');
-      expect(emojify('🍮')).toEqual('<img draggable="false" class="emojione" alt="🍮" title=":custard:" src="/packs/emoji/1f36e.svg" />');
-      expect(emojify('🍯')).toEqual('<img draggable="false" class="emojione" alt="🍯" title=":honey_pot:" src="/packs/emoji/1f36f.svg" />');
-      expect(emojify('🍼')).toEqual('<img draggable="false" class="emojione" alt="🍼" title=":baby_bottle:" src="/packs/emoji/1f37c.svg" />');
-      expect(emojify('🥛')).toEqual('<img draggable="false" class="emojione" alt="🥛" title=":glass_of_milk:" src="/packs/emoji/1f95b.svg" />');
-      expect(emojify('☕')).toEqual('<img draggable="false" class="emojione" alt="☕" title=":coffee:" src="/packs/emoji/2615.svg" />');
-      expect(emojify('🫖')).toEqual('<img draggable="false" class="emojione" alt="🫖" title=":teapot:" src="/packs/emoji/1fad6.svg" />');
-      expect(emojify('🍵')).toEqual('<img draggable="false" class="emojione" alt="🍵" title=":tea:" src="/packs/emoji/1f375.svg" />');
-      expect(emojify('🍶')).toEqual('<img draggable="false" class="emojione" alt="🍶" title=":sake:" src="/packs/emoji/1f376.svg" />');
-      expect(emojify('🍾')).toEqual('<img draggable="false" class="emojione" alt="🍾" title=":champagne:" src="/packs/emoji/1f37e.svg" />');
-      expect(emojify('🍷')).toEqual('<img draggable="false" class="emojione" alt="🍷" title=":wine_glass:" src="/packs/emoji/1f377.svg" />');
-      expect(emojify('🍸')).toEqual('<img draggable="false" class="emojione" alt="🍸" title=":cocktail:" src="/packs/emoji/1f378.svg" />');
-      expect(emojify('🍹')).toEqual('<img draggable="false" class="emojione" alt="🍹" title=":tropical_drink:" src="/packs/emoji/1f379.svg" />');
-      expect(emojify('🍺')).toEqual('<img draggable="false" class="emojione" alt="🍺" title=":beer:" src="/packs/emoji/1f37a.svg" />');
-      expect(emojify('🍻')).toEqual('<img draggable="false" class="emojione" alt="🍻" title=":beers:" src="/packs/emoji/1f37b.svg" />');
-      expect(emojify('🥂')).toEqual('<img draggable="false" class="emojione" alt="🥂" title=":clinking_glasses:" src="/packs/emoji/1f942.svg" />');
-      expect(emojify('🥃')).toEqual('<img draggable="false" class="emojione" alt="🥃" title=":tumbler_glass:" src="/packs/emoji/1f943.svg" />');
-      expect(emojify('🫗')).toEqual('<img draggable="false" class="emojione" alt="🫗" title=":pouring_liquid:" src="/packs/emoji/1fad7.svg" />');
-      expect(emojify('🥤')).toEqual('<img draggable="false" class="emojione" alt="🥤" title=":cup_with_straw:" src="/packs/emoji/1f964.svg" />');
-      expect(emojify('🧋')).toEqual('<img draggable="false" class="emojione" alt="🧋" title=":bubble_tea:" src="/packs/emoji/1f9cb.svg" />');
-      expect(emojify('🧃')).toEqual('<img draggable="false" class="emojione" alt="🧃" title=":beverage_box:" src="/packs/emoji/1f9c3.svg" />');
-      expect(emojify('🧉')).toEqual('<img draggable="false" class="emojione" alt="🧉" title=":mate_drink:" src="/packs/emoji/1f9c9.svg" />');
-      expect(emojify('🧊')).toEqual('<img draggable="false" class="emojione" alt="🧊" title=":ice_cube:" src="/packs/emoji/1f9ca.svg" />');
-      expect(emojify('🥢')).toEqual('<img draggable="false" class="emojione" alt="🥢" title=":chopsticks:" src="/packs/emoji/1f962.svg" />');
-      expect(emojify('🍽️')).toEqual('<img draggable="false" class="emojione" alt="🍽️" title=":knife_fork_plate:" src="/packs/emoji/1f37d.svg" />');
-      expect(emojify('🍴')).toEqual('<img draggable="false" class="emojione" alt="🍴" title=":fork_and_knife:" src="/packs/emoji/1f374.svg" />');
-      expect(emojify('🥄')).toEqual('<img draggable="false" class="emojione" alt="🥄" title=":spoon:" src="/packs/emoji/1f944.svg" />');
-      expect(emojify('🔪')).toEqual('<img draggable="false" class="emojione" alt="🔪" title=":hocho:" src="/packs/emoji/1f52a.svg" />');
-      expect(emojify('🫙')).toEqual('<img draggable="false" class="emojione" alt="🫙" title=":jar:" src="/packs/emoji/1fad9.svg" />');
-      expect(emojify('🏺')).toEqual('<img draggable="false" class="emojione" alt="🏺" title=":amphora:" src="/packs/emoji/1f3fa.svg" />');
-      expect(emojify('🌍')).toEqual('<img draggable="false" class="emojione" alt="🌍" title=":earth_africa:" src="/packs/emoji/1f30d.svg" />');
-      expect(emojify('🌎')).toEqual('<img draggable="false" class="emojione" alt="🌎" title=":earth_americas:" src="/packs/emoji/1f30e.svg" />');
-      expect(emojify('🌏')).toEqual('<img draggable="false" class="emojione" alt="🌏" title=":earth_asia:" src="/packs/emoji/1f30f.svg" />');
-      expect(emojify('🌐')).toEqual('<img draggable="false" class="emojione" alt="🌐" title=":globe_with_meridians:" src="/packs/emoji/1f310.svg" />');
-      expect(emojify('🗺️')).toEqual('<img draggable="false" class="emojione" alt="🗺️" title=":world_map:" src="/packs/emoji/1f5fa.svg" />');
-      expect(emojify('🗾')).toEqual('<img draggable="false" class="emojione" alt="🗾" title=":japan:" src="/packs/emoji/1f5fe.svg" />');
-      expect(emojify('🧭')).toEqual('<img draggable="false" class="emojione" alt="🧭" title=":compass:" src="/packs/emoji/1f9ed.svg" />');
-      expect(emojify('🏔️')).toEqual('<img draggable="false" class="emojione" alt="🏔️" title=":snow_capped_mountain:" src="/packs/emoji/1f3d4.svg" />');
-      expect(emojify('⛰️')).toEqual('<img draggable="false" class="emojione" alt="⛰️" title=":mountain:" src="/packs/emoji/26f0.svg" />');
-      expect(emojify('🌋')).toEqual('<img draggable="false" class="emojione" alt="🌋" title=":volcano:" src="/packs/emoji/1f30b.svg" />');
-      expect(emojify('🗻')).toEqual('<img draggable="false" class="emojione" alt="🗻" title=":mount_fuji:" src="/packs/emoji/1f5fb.svg" />');
-      expect(emojify('🏕️')).toEqual('<img draggable="false" class="emojione" alt="🏕️" title=":camping:" src="/packs/emoji/1f3d5.svg" />');
-      expect(emojify('🏖️')).toEqual('<img draggable="false" class="emojione" alt="🏖️" title=":beach_with_umbrella:" src="/packs/emoji/1f3d6.svg" />');
-      expect(emojify('🏜️')).toEqual('<img draggable="false" class="emojione" alt="🏜️" title=":desert:" src="/packs/emoji/1f3dc.svg" />');
-      expect(emojify('🏝️')).toEqual('<img draggable="false" class="emojione" alt="🏝️" title=":desert_island:" src="/packs/emoji/1f3dd.svg" />');
-      expect(emojify('🏞️')).toEqual('<img draggable="false" class="emojione" alt="🏞️" title=":national_park:" src="/packs/emoji/1f3de.svg" />');
-      expect(emojify('🏟️')).toEqual('<img draggable="false" class="emojione" alt="🏟️" title=":stadium:" src="/packs/emoji/1f3df.svg" />');
-      expect(emojify('🏛️')).toEqual('<img draggable="false" class="emojione" alt="🏛️" title=":classical_building:" src="/packs/emoji/1f3db.svg" />');
-      expect(emojify('🏗️')).toEqual('<img draggable="false" class="emojione" alt="🏗️" title=":building_construction:" src="/packs/emoji/1f3d7.svg" />');
-      expect(emojify('🧱')).toEqual('<img draggable="false" class="emojione" alt="🧱" title=":bricks:" src="/packs/emoji/1f9f1.svg" />');
-      expect(emojify('🪨')).toEqual('<img draggable="false" class="emojione" alt="🪨" title=":rock:" src="/packs/emoji/1faa8.svg" />');
-      expect(emojify('🪵')).toEqual('<img draggable="false" class="emojione" alt="🪵" title=":wood:" src="/packs/emoji/1fab5.svg" />');
-      expect(emojify('🛖')).toEqual('<img draggable="false" class="emojione" alt="🛖" title=":hut:" src="/packs/emoji/1f6d6.svg" />');
-      expect(emojify('🏘️')).toEqual('<img draggable="false" class="emojione" alt="🏘️" title=":house_buildings:" src="/packs/emoji/1f3d8.svg" />');
-      expect(emojify('🏚️')).toEqual('<img draggable="false" class="emojione" alt="🏚️" title=":derelict_house_building:" src="/packs/emoji/1f3da.svg" />');
-      expect(emojify('🏠')).toEqual('<img draggable="false" class="emojione" alt="🏠" title=":house:" src="/packs/emoji/1f3e0.svg" />');
-      expect(emojify('🏡')).toEqual('<img draggable="false" class="emojione" alt="🏡" title=":house_with_garden:" src="/packs/emoji/1f3e1.svg" />');
-      expect(emojify('🏢')).toEqual('<img draggable="false" class="emojione" alt="🏢" title=":office:" src="/packs/emoji/1f3e2.svg" />');
-      expect(emojify('🏣')).toEqual('<img draggable="false" class="emojione" alt="🏣" title=":post_office:" src="/packs/emoji/1f3e3.svg" />');
-      expect(emojify('🏤')).toEqual('<img draggable="false" class="emojione" alt="🏤" title=":european_post_office:" src="/packs/emoji/1f3e4.svg" />');
-      expect(emojify('🏥')).toEqual('<img draggable="false" class="emojione" alt="🏥" title=":hospital:" src="/packs/emoji/1f3e5.svg" />');
-      expect(emojify('🏦')).toEqual('<img draggable="false" class="emojione" alt="🏦" title=":bank:" src="/packs/emoji/1f3e6.svg" />');
-      expect(emojify('🏨')).toEqual('<img draggable="false" class="emojione" alt="🏨" title=":hotel:" src="/packs/emoji/1f3e8.svg" />');
-      expect(emojify('🏩')).toEqual('<img draggable="false" class="emojione" alt="🏩" title=":love_hotel:" src="/packs/emoji/1f3e9.svg" />');
-      expect(emojify('🏪')).toEqual('<img draggable="false" class="emojione" alt="🏪" title=":convenience_store:" src="/packs/emoji/1f3ea.svg" />');
-      expect(emojify('🏫')).toEqual('<img draggable="false" class="emojione" alt="🏫" title=":school:" src="/packs/emoji/1f3eb.svg" />');
-      expect(emojify('🏬')).toEqual('<img draggable="false" class="emojione" alt="🏬" title=":department_store:" src="/packs/emoji/1f3ec.svg" />');
-      expect(emojify('🏭')).toEqual('<img draggable="false" class="emojione" alt="🏭" title=":factory:" src="/packs/emoji/1f3ed.svg" />');
-      expect(emojify('🏯')).toEqual('<img draggable="false" class="emojione" alt="🏯" title=":japanese_castle:" src="/packs/emoji/1f3ef.svg" />');
-      expect(emojify('🏰')).toEqual('<img draggable="false" class="emojione" alt="🏰" title=":european_castle:" src="/packs/emoji/1f3f0.svg" />');
-      expect(emojify('💒')).toEqual('<img draggable="false" class="emojione" alt="💒" title=":wedding:" src="/packs/emoji/1f492.svg" />');
-      expect(emojify('🗼')).toEqual('<img draggable="false" class="emojione" alt="🗼" title=":tokyo_tower:" src="/packs/emoji/1f5fc.svg" />');
-      expect(emojify('🗽')).toEqual('<img draggable="false" class="emojione" alt="🗽" title=":statue_of_liberty:" src="/packs/emoji/1f5fd.svg" />');
-      expect(emojify('⛪')).toEqual('<img draggable="false" class="emojione" alt="⛪" title=":church:" src="/packs/emoji/26ea.svg" />');
-      expect(emojify('🕌')).toEqual('<img draggable="false" class="emojione" alt="🕌" title=":mosque:" src="/packs/emoji/1f54c.svg" />');
-      expect(emojify('🛕')).toEqual('<img draggable="false" class="emojione" alt="🛕" title=":hindu_temple:" src="/packs/emoji/1f6d5.svg" />');
-      expect(emojify('🕍')).toEqual('<img draggable="false" class="emojione" alt="🕍" title=":synagogue:" src="/packs/emoji/1f54d.svg" />');
-      expect(emojify('⛩️')).toEqual('<img draggable="false" class="emojione" alt="⛩️" title=":shinto_shrine:" src="/packs/emoji/26e9.svg" />');
-      expect(emojify('🕋')).toEqual('<img draggable="false" class="emojione" alt="🕋" title=":kaaba:" src="/packs/emoji/1f54b.svg" />');
-      expect(emojify('⛲')).toEqual('<img draggable="false" class="emojione" alt="⛲" title=":fountain:" src="/packs/emoji/26f2.svg" />');
-      expect(emojify('⛺')).toEqual('<img draggable="false" class="emojione" alt="⛺" title=":tent:" src="/packs/emoji/26fa.svg" />');
-      expect(emojify('🌁')).toEqual('<img draggable="false" class="emojione" alt="🌁" title=":foggy:" src="/packs/emoji/1f301.svg" />');
-      expect(emojify('🌃')).toEqual('<img draggable="false" class="emojione" alt="🌃" title=":night_with_stars:" src="/packs/emoji/1f303.svg" />');
-      expect(emojify('🏙️')).toEqual('<img draggable="false" class="emojione" alt="🏙️" title=":cityscape:" src="/packs/emoji/1f3d9.svg" />');
-      expect(emojify('🌄')).toEqual('<img draggable="false" class="emojione" alt="🌄" title=":sunrise_over_mountains:" src="/packs/emoji/1f304.svg" />');
-      expect(emojify('🌅')).toEqual('<img draggable="false" class="emojione" alt="🌅" title=":sunrise:" src="/packs/emoji/1f305.svg" />');
-      expect(emojify('🌆')).toEqual('<img draggable="false" class="emojione" alt="🌆" title=":city_sunset:" src="/packs/emoji/1f306.svg" />');
-      expect(emojify('🌇')).toEqual('<img draggable="false" class="emojione" alt="🌇" title=":city_sunrise:" src="/packs/emoji/1f307.svg" />');
-      expect(emojify('🌉')).toEqual('<img draggable="false" class="emojione" alt="🌉" title=":bridge_at_night:" src="/packs/emoji/1f309.svg" />');
-      expect(emojify('♨️')).toEqual('<img draggable="false" class="emojione" alt="♨️" title=":hotsprings:" src="/packs/emoji/2668.svg" />');
-      expect(emojify('🎠')).toEqual('<img draggable="false" class="emojione" alt="🎠" title=":carousel_horse:" src="/packs/emoji/1f3a0.svg" />');
-      expect(emojify('🛝')).toEqual('<img draggable="false" class="emojione" alt="🛝" title=":playground_slide:" src="/packs/emoji/1f6dd.svg" />');
-      expect(emojify('🎡')).toEqual('<img draggable="false" class="emojione" alt="🎡" title=":ferris_wheel:" src="/packs/emoji/1f3a1.svg" />');
-      expect(emojify('🎢')).toEqual('<img draggable="false" class="emojione" alt="🎢" title=":roller_coaster:" src="/packs/emoji/1f3a2.svg" />');
-      expect(emojify('💈')).toEqual('<img draggable="false" class="emojione" alt="💈" title=":barber:" src="/packs/emoji/1f488.svg" />');
-      expect(emojify('🎪')).toEqual('<img draggable="false" class="emojione" alt="🎪" title=":circus_tent:" src="/packs/emoji/1f3aa.svg" />');
-      expect(emojify('🚂')).toEqual('<img draggable="false" class="emojione" alt="🚂" title=":steam_locomotive:" src="/packs/emoji/1f682.svg" />');
-      expect(emojify('🚃')).toEqual('<img draggable="false" class="emojione" alt="🚃" title=":railway_car:" src="/packs/emoji/1f683.svg" />');
-      expect(emojify('🚄')).toEqual('<img draggable="false" class="emojione" alt="🚄" title=":bullettrain_side:" src="/packs/emoji/1f684.svg" />');
-      expect(emojify('🚅')).toEqual('<img draggable="false" class="emojione" alt="🚅" title=":bullettrain_front:" src="/packs/emoji/1f685.svg" />');
-      expect(emojify('🚆')).toEqual('<img draggable="false" class="emojione" alt="🚆" title=":train2:" src="/packs/emoji/1f686.svg" />');
-      expect(emojify('🚇')).toEqual('<img draggable="false" class="emojione" alt="🚇" title=":metro:" src="/packs/emoji/1f687.svg" />');
-      expect(emojify('🚈')).toEqual('<img draggable="false" class="emojione" alt="🚈" title=":light_rail:" src="/packs/emoji/1f688.svg" />');
-      expect(emojify('🚉')).toEqual('<img draggable="false" class="emojione" alt="🚉" title=":station:" src="/packs/emoji/1f689.svg" />');
-      expect(emojify('🚊')).toEqual('<img draggable="false" class="emojione" alt="🚊" title=":tram:" src="/packs/emoji/1f68a.svg" />');
-      expect(emojify('🚝')).toEqual('<img draggable="false" class="emojione" alt="🚝" title=":monorail:" src="/packs/emoji/1f69d.svg" />');
-      expect(emojify('🚞')).toEqual('<img draggable="false" class="emojione" alt="🚞" title=":mountain_railway:" src="/packs/emoji/1f69e.svg" />');
-      expect(emojify('🚋')).toEqual('<img draggable="false" class="emojione" alt="🚋" title=":train:" src="/packs/emoji/1f68b.svg" />');
-      expect(emojify('🚌')).toEqual('<img draggable="false" class="emojione" alt="🚌" title=":bus:" src="/packs/emoji/1f68c.svg" />');
-      expect(emojify('🚍')).toEqual('<img draggable="false" class="emojione" alt="🚍" title=":oncoming_bus:" src="/packs/emoji/1f68d.svg" />');
-      expect(emojify('🚎')).toEqual('<img draggable="false" class="emojione" alt="🚎" title=":trolleybus:" src="/packs/emoji/1f68e.svg" />');
-      expect(emojify('🚐')).toEqual('<img draggable="false" class="emojione" alt="🚐" title=":minibus:" src="/packs/emoji/1f690.svg" />');
-      expect(emojify('🚑')).toEqual('<img draggable="false" class="emojione" alt="🚑" title=":ambulance:" src="/packs/emoji/1f691.svg" />');
-      expect(emojify('🚒')).toEqual('<img draggable="false" class="emojione" alt="🚒" title=":fire_engine:" src="/packs/emoji/1f692.svg" />');
-      expect(emojify('🚓')).toEqual('<img draggable="false" class="emojione" alt="🚓" title=":police_car:" src="/packs/emoji/1f693.svg" />');
-      expect(emojify('🚔')).toEqual('<img draggable="false" class="emojione" alt="🚔" title=":oncoming_police_car:" src="/packs/emoji/1f694.svg" />');
-      expect(emojify('🚕')).toEqual('<img draggable="false" class="emojione" alt="🚕" title=":taxi:" src="/packs/emoji/1f695.svg" />');
-      expect(emojify('🚖')).toEqual('<img draggable="false" class="emojione" alt="🚖" title=":oncoming_taxi:" src="/packs/emoji/1f696.svg" />');
-      expect(emojify('🚗')).toEqual('<img draggable="false" class="emojione" alt="🚗" title=":car:" src="/packs/emoji/1f697.svg" />');
-      expect(emojify('🚘')).toEqual('<img draggable="false" class="emojione" alt="🚘" title=":oncoming_automobile:" src="/packs/emoji/1f698.svg" />');
-      expect(emojify('🚙')).toEqual('<img draggable="false" class="emojione" alt="🚙" title=":blue_car:" src="/packs/emoji/1f699.svg" />');
-      expect(emojify('🛻')).toEqual('<img draggable="false" class="emojione" alt="🛻" title=":pickup_truck:" src="/packs/emoji/1f6fb.svg" />');
-      expect(emojify('🚚')).toEqual('<img draggable="false" class="emojione" alt="🚚" title=":truck:" src="/packs/emoji/1f69a.svg" />');
-      expect(emojify('🚛')).toEqual('<img draggable="false" class="emojione" alt="🚛" title=":articulated_lorry:" src="/packs/emoji/1f69b.svg" />');
-      expect(emojify('🚜')).toEqual('<img draggable="false" class="emojione" alt="🚜" title=":tractor:" src="/packs/emoji/1f69c.svg" />');
-      expect(emojify('🏎️')).toEqual('<img draggable="false" class="emojione" alt="🏎️" title=":racing_car:" src="/packs/emoji/1f3ce.svg" />');
-      expect(emojify('🏍️')).toEqual('<img draggable="false" class="emojione" alt="🏍️" title=":racing_motorcycle:" src="/packs/emoji/1f3cd.svg" />');
-      expect(emojify('🛵')).toEqual('<img draggable="false" class="emojione" alt="🛵" title=":motor_scooter:" src="/packs/emoji/1f6f5.svg" />');
-      expect(emojify('🦽')).toEqual('<img draggable="false" class="emojione" alt="🦽" title=":manual_wheelchair:" src="/packs/emoji/1f9bd.svg" />');
-      expect(emojify('🦼')).toEqual('<img draggable="false" class="emojione" alt="🦼" title=":motorized_wheelchair:" src="/packs/emoji/1f9bc.svg" />');
-      expect(emojify('🛺')).toEqual('<img draggable="false" class="emojione" alt="🛺" title=":auto_rickshaw:" src="/packs/emoji/1f6fa.svg" />');
-      expect(emojify('🚲')).toEqual('<img draggable="false" class="emojione" alt="🚲" title=":bike:" src="/packs/emoji/1f6b2.svg" />');
-      expect(emojify('🛴')).toEqual('<img draggable="false" class="emojione" alt="🛴" title=":scooter:" src="/packs/emoji/1f6f4.svg" />');
-      expect(emojify('🛹')).toEqual('<img draggable="false" class="emojione" alt="🛹" title=":skateboard:" src="/packs/emoji/1f6f9.svg" />');
-      expect(emojify('🛼')).toEqual('<img draggable="false" class="emojione" alt="🛼" title=":roller_skate:" src="/packs/emoji/1f6fc.svg" />');
-      expect(emojify('🚏')).toEqual('<img draggable="false" class="emojione" alt="🚏" title=":busstop:" src="/packs/emoji/1f68f.svg" />');
-      expect(emojify('🛣️')).toEqual('<img draggable="false" class="emojione" alt="🛣️" title=":motorway:" src="/packs/emoji/1f6e3.svg" />');
-      expect(emojify('🛤️')).toEqual('<img draggable="false" class="emojione" alt="🛤️" title=":railway_track:" src="/packs/emoji/1f6e4.svg" />');
-      expect(emojify('🛢️')).toEqual('<img draggable="false" class="emojione" alt="🛢️" title=":oil_drum:" src="/packs/emoji/1f6e2.svg" />');
-      expect(emojify('⛽')).toEqual('<img draggable="false" class="emojione" alt="⛽" title=":fuelpump:" src="/packs/emoji/26fd.svg" />');
-      expect(emojify('🛞')).toEqual('<img draggable="false" class="emojione" alt="🛞" title=":wheel:" src="/packs/emoji/1f6de.svg" />');
-      expect(emojify('🚨')).toEqual('<img draggable="false" class="emojione" alt="🚨" title=":rotating_light:" src="/packs/emoji/1f6a8.svg" />');
-      expect(emojify('🚥')).toEqual('<img draggable="false" class="emojione" alt="🚥" title=":traffic_light:" src="/packs/emoji/1f6a5.svg" />');
-      expect(emojify('🚦')).toEqual('<img draggable="false" class="emojione" alt="🚦" title=":vertical_traffic_light:" src="/packs/emoji/1f6a6.svg" />');
-      expect(emojify('🛑')).toEqual('<img draggable="false" class="emojione" alt="🛑" title=":octagonal_sign:" src="/packs/emoji/1f6d1.svg" />');
-      expect(emojify('🚧')).toEqual('<img draggable="false" class="emojione" alt="🚧" title=":construction:" src="/packs/emoji/1f6a7.svg" />');
-      expect(emojify('⚓')).toEqual('<img draggable="false" class="emojione" alt="⚓" title=":anchor:" src="/packs/emoji/2693.svg" />');
-      expect(emojify('🛟')).toEqual('<img draggable="false" class="emojione" alt="🛟" title=":ring_buoy:" src="/packs/emoji/1f6df.svg" />');
-      expect(emojify('⛵')).toEqual('<img draggable="false" class="emojione" alt="⛵" title=":boat:" src="/packs/emoji/26f5.svg" />');
-      expect(emojify('🛶')).toEqual('<img draggable="false" class="emojione" alt="🛶" title=":canoe:" src="/packs/emoji/1f6f6.svg" />');
-      expect(emojify('🚤')).toEqual('<img draggable="false" class="emojione" alt="🚤" title=":speedboat:" src="/packs/emoji/1f6a4.svg" />');
-      expect(emojify('🛳️')).toEqual('<img draggable="false" class="emojione" alt="🛳️" title=":passenger_ship:" src="/packs/emoji/1f6f3.svg" />');
-      expect(emojify('⛴️')).toEqual('<img draggable="false" class="emojione" alt="⛴️" title=":ferry:" src="/packs/emoji/26f4.svg" />');
-      expect(emojify('🛥️')).toEqual('<img draggable="false" class="emojione" alt="🛥️" title=":motor_boat:" src="/packs/emoji/1f6e5.svg" />');
-      expect(emojify('🚢')).toEqual('<img draggable="false" class="emojione" alt="🚢" title=":ship:" src="/packs/emoji/1f6a2.svg" />');
-      expect(emojify('✈️')).toEqual('<img draggable="false" class="emojione" alt="✈️" title=":airplane:" src="/packs/emoji/2708.svg" />');
-      expect(emojify('🛩️')).toEqual('<img draggable="false" class="emojione" alt="🛩️" title=":small_airplane:" src="/packs/emoji/1f6e9.svg" />');
-      expect(emojify('🛫')).toEqual('<img draggable="false" class="emojione" alt="🛫" title=":airplane_departure:" src="/packs/emoji/1f6eb.svg" />');
-      expect(emojify('🛬')).toEqual('<img draggable="false" class="emojione" alt="🛬" title=":airplane_arriving:" src="/packs/emoji/1f6ec.svg" />');
-      expect(emojify('🪂')).toEqual('<img draggable="false" class="emojione" alt="🪂" title=":parachute:" src="/packs/emoji/1fa82.svg" />');
-      expect(emojify('💺')).toEqual('<img draggable="false" class="emojione" alt="💺" title=":seat:" src="/packs/emoji/1f4ba.svg" />');
-      expect(emojify('🚁')).toEqual('<img draggable="false" class="emojione" alt="🚁" title=":helicopter:" src="/packs/emoji/1f681.svg" />');
-      expect(emojify('🚟')).toEqual('<img draggable="false" class="emojione" alt="🚟" title=":suspension_railway:" src="/packs/emoji/1f69f.svg" />');
-      expect(emojify('🚠')).toEqual('<img draggable="false" class="emojione" alt="🚠" title=":mountain_cableway:" src="/packs/emoji/1f6a0.svg" />');
-      expect(emojify('🚡')).toEqual('<img draggable="false" class="emojione" alt="🚡" title=":aerial_tramway:" src="/packs/emoji/1f6a1.svg" />');
-      expect(emojify('🛰️')).toEqual('<img draggable="false" class="emojione" alt="🛰️" title=":satellite:" src="/packs/emoji/1f6f0.svg" />');
-      expect(emojify('🚀')).toEqual('<img draggable="false" class="emojione" alt="🚀" title=":rocket:" src="/packs/emoji/1f680.svg" />');
-      expect(emojify('🛸')).toEqual('<img draggable="false" class="emojione" alt="🛸" title=":flying_saucer:" src="/packs/emoji/1f6f8.svg" />');
-      expect(emojify('🛎️')).toEqual('<img draggable="false" class="emojione" alt="🛎️" title=":bellhop_bell:" src="/packs/emoji/1f6ce.svg" />');
-      expect(emojify('🧳')).toEqual('<img draggable="false" class="emojione" alt="🧳" title=":luggage:" src="/packs/emoji/1f9f3.svg" />');
-      expect(emojify('⌛')).toEqual('<img draggable="false" class="emojione" alt="⌛" title=":hourglass:" src="/packs/emoji/231b.svg" />');
-      expect(emojify('⏳')).toEqual('<img draggable="false" class="emojione" alt="⏳" title=":hourglass_flowing_sand:" src="/packs/emoji/23f3.svg" />');
-      expect(emojify('⌚')).toEqual('<img draggable="false" class="emojione" alt="⌚" title=":watch:" src="/packs/emoji/231a.svg" />');
-      expect(emojify('⏰')).toEqual('<img draggable="false" class="emojione" alt="⏰" title=":alarm_clock:" src="/packs/emoji/23f0.svg" />');
-      expect(emojify('⏱️')).toEqual('<img draggable="false" class="emojione" alt="⏱️" title=":stopwatch:" src="/packs/emoji/23f1.svg" />');
-      expect(emojify('⏲️')).toEqual('<img draggable="false" class="emojione" alt="⏲️" title=":timer_clock:" src="/packs/emoji/23f2.svg" />');
-      expect(emojify('🕰️')).toEqual('<img draggable="false" class="emojione" alt="🕰️" title=":mantelpiece_clock:" src="/packs/emoji/1f570.svg" />');
-      expect(emojify('🕛')).toEqual('<img draggable="false" class="emojione" alt="🕛" title=":clock12:" src="/packs/emoji/1f55b.svg" />');
-      expect(emojify('🕧')).toEqual('<img draggable="false" class="emojione" alt="🕧" title=":clock1230:" src="/packs/emoji/1f567.svg" />');
-      expect(emojify('🕐')).toEqual('<img draggable="false" class="emojione" alt="🕐" title=":clock1:" src="/packs/emoji/1f550.svg" />');
-      expect(emojify('🕜')).toEqual('<img draggable="false" class="emojione" alt="🕜" title=":clock130:" src="/packs/emoji/1f55c.svg" />');
-      expect(emojify('🕑')).toEqual('<img draggable="false" class="emojione" alt="🕑" title=":clock2:" src="/packs/emoji/1f551.svg" />');
-      expect(emojify('🕝')).toEqual('<img draggable="false" class="emojione" alt="🕝" title=":clock230:" src="/packs/emoji/1f55d.svg" />');
-      expect(emojify('🕒')).toEqual('<img draggable="false" class="emojione" alt="🕒" title=":clock3:" src="/packs/emoji/1f552.svg" />');
-      expect(emojify('🕞')).toEqual('<img draggable="false" class="emojione" alt="🕞" title=":clock330:" src="/packs/emoji/1f55e.svg" />');
-      expect(emojify('🕓')).toEqual('<img draggable="false" class="emojione" alt="🕓" title=":clock4:" src="/packs/emoji/1f553.svg" />');
-      expect(emojify('🕟')).toEqual('<img draggable="false" class="emojione" alt="🕟" title=":clock430:" src="/packs/emoji/1f55f.svg" />');
-      expect(emojify('🕔')).toEqual('<img draggable="false" class="emojione" alt="🕔" title=":clock5:" src="/packs/emoji/1f554.svg" />');
-      expect(emojify('🕠')).toEqual('<img draggable="false" class="emojione" alt="🕠" title=":clock530:" src="/packs/emoji/1f560.svg" />');
-      expect(emojify('🕕')).toEqual('<img draggable="false" class="emojione" alt="🕕" title=":clock6:" src="/packs/emoji/1f555.svg" />');
-      expect(emojify('🕡')).toEqual('<img draggable="false" class="emojione" alt="🕡" title=":clock630:" src="/packs/emoji/1f561.svg" />');
-      expect(emojify('🕖')).toEqual('<img draggable="false" class="emojione" alt="🕖" title=":clock7:" src="/packs/emoji/1f556.svg" />');
-      expect(emojify('🕢')).toEqual('<img draggable="false" class="emojione" alt="🕢" title=":clock730:" src="/packs/emoji/1f562.svg" />');
-      expect(emojify('🕗')).toEqual('<img draggable="false" class="emojione" alt="🕗" title=":clock8:" src="/packs/emoji/1f557.svg" />');
-      expect(emojify('🕣')).toEqual('<img draggable="false" class="emojione" alt="🕣" title=":clock830:" src="/packs/emoji/1f563.svg" />');
-      expect(emojify('🕘')).toEqual('<img draggable="false" class="emojione" alt="🕘" title=":clock9:" src="/packs/emoji/1f558.svg" />');
-      expect(emojify('🕤')).toEqual('<img draggable="false" class="emojione" alt="🕤" title=":clock930:" src="/packs/emoji/1f564.svg" />');
-      expect(emojify('🕙')).toEqual('<img draggable="false" class="emojione" alt="🕙" title=":clock10:" src="/packs/emoji/1f559.svg" />');
-      expect(emojify('🕥')).toEqual('<img draggable="false" class="emojione" alt="🕥" title=":clock1030:" src="/packs/emoji/1f565.svg" />');
-      expect(emojify('🕚')).toEqual('<img draggable="false" class="emojione" alt="🕚" title=":clock11:" src="/packs/emoji/1f55a.svg" />');
-      expect(emojify('🕦')).toEqual('<img draggable="false" class="emojione" alt="🕦" title=":clock1130:" src="/packs/emoji/1f566.svg" />');
-      expect(emojify('🌑')).toEqual('<img draggable="false" class="emojione" alt="🌑" title=":new_moon:" src="/packs/emoji/1f311.svg" />');
-      expect(emojify('🌒')).toEqual('<img draggable="false" class="emojione" alt="🌒" title=":waxing_crescent_moon:" src="/packs/emoji/1f312.svg" />');
-      expect(emojify('🌓')).toEqual('<img draggable="false" class="emojione" alt="🌓" title=":first_quarter_moon:" src="/packs/emoji/1f313.svg" />');
-      expect(emojify('🌔')).toEqual('<img draggable="false" class="emojione" alt="🌔" title=":moon:" src="/packs/emoji/1f314.svg" />');
-      expect(emojify('🌕')).toEqual('<img draggable="false" class="emojione" alt="🌕" title=":full_moon:" src="/packs/emoji/1f315.svg" />');
-      expect(emojify('🌖')).toEqual('<img draggable="false" class="emojione" alt="🌖" title=":waning_gibbous_moon:" src="/packs/emoji/1f316.svg" />');
-      expect(emojify('🌗')).toEqual('<img draggable="false" class="emojione" alt="🌗" title=":last_quarter_moon:" src="/packs/emoji/1f317.svg" />');
-      expect(emojify('🌘')).toEqual('<img draggable="false" class="emojione" alt="🌘" title=":waning_crescent_moon:" src="/packs/emoji/1f318.svg" />');
-      expect(emojify('🌙')).toEqual('<img draggable="false" class="emojione" alt="🌙" title=":crescent_moon:" src="/packs/emoji/1f319.svg" />');
-      expect(emojify('🌚')).toEqual('<img draggable="false" class="emojione" alt="🌚" title=":new_moon_with_face:" src="/packs/emoji/1f31a.svg" />');
-      expect(emojify('🌛')).toEqual('<img draggable="false" class="emojione" alt="🌛" title=":first_quarter_moon_with_face:" src="/packs/emoji/1f31b.svg" />');
-      expect(emojify('🌜')).toEqual('<img draggable="false" class="emojione" alt="🌜" title=":last_quarter_moon_with_face:" src="/packs/emoji/1f31c.svg" />');
-      expect(emojify('🌡️')).toEqual('<img draggable="false" class="emojione" alt="🌡️" title=":thermometer:" src="/packs/emoji/1f321.svg" />');
-      expect(emojify('☀️')).toEqual('<img draggable="false" class="emojione" alt="☀️" title=":sunny:" src="/packs/emoji/2600.svg" />');
-      expect(emojify('🌝')).toEqual('<img draggable="false" class="emojione" alt="🌝" title=":full_moon_with_face:" src="/packs/emoji/1f31d.svg" />');
-      expect(emojify('🌞')).toEqual('<img draggable="false" class="emojione" alt="🌞" title=":sun_with_face:" src="/packs/emoji/1f31e.svg" />');
-      expect(emojify('🪐')).toEqual('<img draggable="false" class="emojione" alt="🪐" title=":ringed_planet:" src="/packs/emoji/1fa90.svg" />');
-      expect(emojify('⭐')).toEqual('<img draggable="false" class="emojione" alt="⭐" title=":star:" src="/packs/emoji/2b50.svg" />');
-      expect(emojify('🌟')).toEqual('<img draggable="false" class="emojione" alt="🌟" title=":star2:" src="/packs/emoji/1f31f.svg" />');
-      expect(emojify('🌠')).toEqual('<img draggable="false" class="emojione" alt="🌠" title=":stars:" src="/packs/emoji/1f320.svg" />');
-      expect(emojify('🌌')).toEqual('<img draggable="false" class="emojione" alt="🌌" title=":milky_way:" src="/packs/emoji/1f30c.svg" />');
-      expect(emojify('☁️')).toEqual('<img draggable="false" class="emojione" alt="☁️" title=":cloud:" src="/packs/emoji/2601.svg" />');
-      expect(emojify('⛅')).toEqual('<img draggable="false" class="emojione" alt="⛅" title=":partly_sunny:" src="/packs/emoji/26c5.svg" />');
-      expect(emojify('⛈️')).toEqual('<img draggable="false" class="emojione" alt="⛈️" title=":thunder_cloud_and_rain:" src="/packs/emoji/26c8.svg" />');
-      expect(emojify('🌤️')).toEqual('<img draggable="false" class="emojione" alt="🌤️" title=":mostly_sunny:" src="/packs/emoji/1f324.svg" />');
-      expect(emojify('🌥️')).toEqual('<img draggable="false" class="emojione" alt="🌥️" title=":barely_sunny:" src="/packs/emoji/1f325.svg" />');
-      expect(emojify('🌦️')).toEqual('<img draggable="false" class="emojione" alt="🌦️" title=":partly_sunny_rain:" src="/packs/emoji/1f326.svg" />');
-      expect(emojify('🌧️')).toEqual('<img draggable="false" class="emojione" alt="🌧️" title=":rain_cloud:" src="/packs/emoji/1f327.svg" />');
-      expect(emojify('🌨️')).toEqual('<img draggable="false" class="emojione" alt="🌨️" title=":snow_cloud:" src="/packs/emoji/1f328.svg" />');
-      expect(emojify('🌩️')).toEqual('<img draggable="false" class="emojione" alt="🌩️" title=":lightning:" src="/packs/emoji/1f329.svg" />');
-      expect(emojify('🌪️')).toEqual('<img draggable="false" class="emojione" alt="🌪️" title=":tornado:" src="/packs/emoji/1f32a.svg" />');
-      expect(emojify('🌫️')).toEqual('<img draggable="false" class="emojione" alt="🌫️" title=":fog:" src="/packs/emoji/1f32b.svg" />');
-      expect(emojify('🌬️')).toEqual('<img draggable="false" class="emojione" alt="🌬️" title=":wind_blowing_face:" src="/packs/emoji/1f32c.svg" />');
-      expect(emojify('🌀')).toEqual('<img draggable="false" class="emojione" alt="🌀" title=":cyclone:" src="/packs/emoji/1f300.svg" />');
-      expect(emojify('🌈')).toEqual('<img draggable="false" class="emojione" alt="🌈" title=":rainbow:" src="/packs/emoji/1f308.svg" />');
-      expect(emojify('🌂')).toEqual('<img draggable="false" class="emojione" alt="🌂" title=":closed_umbrella:" src="/packs/emoji/1f302.svg" />');
-      expect(emojify('☂️')).toEqual('<img draggable="false" class="emojione" alt="☂️" title=":umbrella:" src="/packs/emoji/2602.svg" />');
-      expect(emojify('☔')).toEqual('<img draggable="false" class="emojione" alt="☔" title=":umbrella_with_rain_drops:" src="/packs/emoji/2614.svg" />');
-      expect(emojify('⛱️')).toEqual('<img draggable="false" class="emojione" alt="⛱️" title=":umbrella_on_ground:" src="/packs/emoji/26f1.svg" />');
-      expect(emojify('⚡')).toEqual('<img draggable="false" class="emojione" alt="⚡" title=":zap:" src="/packs/emoji/26a1.svg" />');
-      expect(emojify('❄️')).toEqual('<img draggable="false" class="emojione" alt="❄️" title=":snowflake:" src="/packs/emoji/2744.svg" />');
-      expect(emojify('☃️')).toEqual('<img draggable="false" class="emojione" alt="☃️" title=":snowman:" src="/packs/emoji/2603.svg" />');
-      expect(emojify('⛄')).toEqual('<img draggable="false" class="emojione" alt="⛄" title=":snowman_without_snow:" src="/packs/emoji/26c4.svg" />');
-      expect(emojify('☄️')).toEqual('<img draggable="false" class="emojione" alt="☄️" title=":comet:" src="/packs/emoji/2604.svg" />');
-      expect(emojify('🔥')).toEqual('<img draggable="false" class="emojione" alt="🔥" title=":fire:" src="/packs/emoji/1f525.svg" />');
-      expect(emojify('💧')).toEqual('<img draggable="false" class="emojione" alt="💧" title=":droplet:" src="/packs/emoji/1f4a7.svg" />');
-      expect(emojify('🌊')).toEqual('<img draggable="false" class="emojione" alt="🌊" title=":ocean:" src="/packs/emoji/1f30a.svg" />');
-      expect(emojify('🎃')).toEqual('<img draggable="false" class="emojione" alt="🎃" title=":jack_o_lantern:" src="/packs/emoji/1f383.svg" />');
-      expect(emojify('🎄')).toEqual('<img draggable="false" class="emojione" alt="🎄" title=":christmas_tree:" src="/packs/emoji/1f384.svg" />');
-      expect(emojify('🎆')).toEqual('<img draggable="false" class="emojione" alt="🎆" title=":fireworks:" src="/packs/emoji/1f386.svg" />');
-      expect(emojify('🎇')).toEqual('<img draggable="false" class="emojione" alt="🎇" title=":sparkler:" src="/packs/emoji/1f387.svg" />');
-      expect(emojify('🧨')).toEqual('<img draggable="false" class="emojione" alt="🧨" title=":firecracker:" src="/packs/emoji/1f9e8.svg" />');
-      expect(emojify('✨')).toEqual('<img draggable="false" class="emojione" alt="✨" title=":sparkles:" src="/packs/emoji/2728.svg" />');
-      expect(emojify('🎈')).toEqual('<img draggable="false" class="emojione" alt="🎈" title=":balloon:" src="/packs/emoji/1f388.svg" />');
-      expect(emojify('🎉')).toEqual('<img draggable="false" class="emojione" alt="🎉" title=":tada:" src="/packs/emoji/1f389.svg" />');
-      expect(emojify('🎊')).toEqual('<img draggable="false" class="emojione" alt="🎊" title=":confetti_ball:" src="/packs/emoji/1f38a.svg" />');
-      expect(emojify('🎋')).toEqual('<img draggable="false" class="emojione" alt="🎋" title=":tanabata_tree:" src="/packs/emoji/1f38b.svg" />');
-      expect(emojify('🎍')).toEqual('<img draggable="false" class="emojione" alt="🎍" title=":bamboo:" src="/packs/emoji/1f38d.svg" />');
-      expect(emojify('🎎')).toEqual('<img draggable="false" class="emojione" alt="🎎" title=":dolls:" src="/packs/emoji/1f38e.svg" />');
-      expect(emojify('🎏')).toEqual('<img draggable="false" class="emojione" alt="🎏" title=":flags:" src="/packs/emoji/1f38f.svg" />');
-      expect(emojify('🎐')).toEqual('<img draggable="false" class="emojione" alt="🎐" title=":wind_chime:" src="/packs/emoji/1f390.svg" />');
-      expect(emojify('🎑')).toEqual('<img draggable="false" class="emojione" alt="🎑" title=":rice_scene:" src="/packs/emoji/1f391.svg" />');
-      expect(emojify('🧧')).toEqual('<img draggable="false" class="emojione" alt="🧧" title=":red_envelope:" src="/packs/emoji/1f9e7.svg" />');
-      expect(emojify('🎀')).toEqual('<img draggable="false" class="emojione" alt="🎀" title=":ribbon:" src="/packs/emoji/1f380.svg" />');
-      expect(emojify('🎁')).toEqual('<img draggable="false" class="emojione" alt="🎁" title=":gift:" src="/packs/emoji/1f381.svg" />');
-      expect(emojify('🎗️')).toEqual('<img draggable="false" class="emojione" alt="🎗️" title=":reminder_ribbon:" src="/packs/emoji/1f397.svg" />');
-      expect(emojify('🎟️')).toEqual('<img draggable="false" class="emojione" alt="🎟️" title=":admission_tickets:" src="/packs/emoji/1f39f.svg" />');
-      expect(emojify('🎫')).toEqual('<img draggable="false" class="emojione" alt="🎫" title=":ticket:" src="/packs/emoji/1f3ab.svg" />');
-      expect(emojify('🎖️')).toEqual('<img draggable="false" class="emojione" alt="🎖️" title=":medal:" src="/packs/emoji/1f396.svg" />');
-      expect(emojify('🏆')).toEqual('<img draggable="false" class="emojione" alt="🏆" title=":trophy:" src="/packs/emoji/1f3c6.svg" />');
-      expect(emojify('🏅')).toEqual('<img draggable="false" class="emojione" alt="🏅" title=":sports_medal:" src="/packs/emoji/1f3c5.svg" />');
-      expect(emojify('🥇')).toEqual('<img draggable="false" class="emojione" alt="🥇" title=":first_place_medal:" src="/packs/emoji/1f947.svg" />');
-      expect(emojify('🥈')).toEqual('<img draggable="false" class="emojione" alt="🥈" title=":second_place_medal:" src="/packs/emoji/1f948.svg" />');
-      expect(emojify('🥉')).toEqual('<img draggable="false" class="emojione" alt="🥉" title=":third_place_medal:" src="/packs/emoji/1f949.svg" />');
-      expect(emojify('⚽')).toEqual('<img draggable="false" class="emojione" alt="⚽" title=":soccer:" src="/packs/emoji/26bd.svg" />');
-      expect(emojify('⚾')).toEqual('<img draggable="false" class="emojione" alt="⚾" title=":baseball:" src="/packs/emoji/26be.svg" />');
-      expect(emojify('🥎')).toEqual('<img draggable="false" class="emojione" alt="🥎" title=":softball:" src="/packs/emoji/1f94e.svg" />');
-      expect(emojify('🏀')).toEqual('<img draggable="false" class="emojione" alt="🏀" title=":basketball:" src="/packs/emoji/1f3c0.svg" />');
-      expect(emojify('🏐')).toEqual('<img draggable="false" class="emojione" alt="🏐" title=":volleyball:" src="/packs/emoji/1f3d0.svg" />');
-      expect(emojify('🏈')).toEqual('<img draggable="false" class="emojione" alt="🏈" title=":football:" src="/packs/emoji/1f3c8.svg" />');
-      expect(emojify('🏉')).toEqual('<img draggable="false" class="emojione" alt="🏉" title=":rugby_football:" src="/packs/emoji/1f3c9.svg" />');
-      expect(emojify('🎾')).toEqual('<img draggable="false" class="emojione" alt="🎾" title=":tennis:" src="/packs/emoji/1f3be.svg" />');
-      expect(emojify('🥏')).toEqual('<img draggable="false" class="emojione" alt="🥏" title=":flying_disc:" src="/packs/emoji/1f94f.svg" />');
-      expect(emojify('🎳')).toEqual('<img draggable="false" class="emojione" alt="🎳" title=":bowling:" src="/packs/emoji/1f3b3.svg" />');
-      expect(emojify('🏏')).toEqual('<img draggable="false" class="emojione" alt="🏏" title=":cricket_bat_and_ball:" src="/packs/emoji/1f3cf.svg" />');
-      expect(emojify('🏑')).toEqual('<img draggable="false" class="emojione" alt="🏑" title=":field_hockey_stick_and_ball:" src="/packs/emoji/1f3d1.svg" />');
-      expect(emojify('🏒')).toEqual('<img draggable="false" class="emojione" alt="🏒" title=":ice_hockey_stick_and_puck:" src="/packs/emoji/1f3d2.svg" />');
-      expect(emojify('🥍')).toEqual('<img draggable="false" class="emojione" alt="🥍" title=":lacrosse:" src="/packs/emoji/1f94d.svg" />');
-      expect(emojify('🏓')).toEqual('<img draggable="false" class="emojione" alt="🏓" title=":table_tennis_paddle_and_ball:" src="/packs/emoji/1f3d3.svg" />');
-      expect(emojify('🏸')).toEqual('<img draggable="false" class="emojione" alt="🏸" title=":badminton_racquet_and_shuttlecock:" src="/packs/emoji/1f3f8.svg" />');
-      expect(emojify('🥊')).toEqual('<img draggable="false" class="emojione" alt="🥊" title=":boxing_glove:" src="/packs/emoji/1f94a.svg" />');
-      expect(emojify('🥋')).toEqual('<img draggable="false" class="emojione" alt="🥋" title=":martial_arts_uniform:" src="/packs/emoji/1f94b.svg" />');
-      expect(emojify('🥅')).toEqual('<img draggable="false" class="emojione" alt="🥅" title=":goal_net:" src="/packs/emoji/1f945.svg" />');
-      expect(emojify('⛳')).toEqual('<img draggable="false" class="emojione" alt="⛳" title=":golf:" src="/packs/emoji/26f3.svg" />');
-      expect(emojify('⛸️')).toEqual('<img draggable="false" class="emojione" alt="⛸️" title=":ice_skate:" src="/packs/emoji/26f8.svg" />');
-      expect(emojify('🎣')).toEqual('<img draggable="false" class="emojione" alt="🎣" title=":fishing_pole_and_fish:" src="/packs/emoji/1f3a3.svg" />');
-      expect(emojify('🤿')).toEqual('<img draggable="false" class="emojione" alt="🤿" title=":diving_mask:" src="/packs/emoji/1f93f.svg" />');
-      expect(emojify('🎽')).toEqual('<img draggable="false" class="emojione" alt="🎽" title=":running_shirt_with_sash:" src="/packs/emoji/1f3bd.svg" />');
-      expect(emojify('🎿')).toEqual('<img draggable="false" class="emojione" alt="🎿" title=":ski:" src="/packs/emoji/1f3bf.svg" />');
-      expect(emojify('🛷')).toEqual('<img draggable="false" class="emojione" alt="🛷" title=":sled:" src="/packs/emoji/1f6f7.svg" />');
-      expect(emojify('🥌')).toEqual('<img draggable="false" class="emojione" alt="🥌" title=":curling_stone:" src="/packs/emoji/1f94c.svg" />');
-      expect(emojify('🎯')).toEqual('<img draggable="false" class="emojione" alt="🎯" title=":dart:" src="/packs/emoji/1f3af.svg" />');
-      expect(emojify('🪀')).toEqual('<img draggable="false" class="emojione" alt="🪀" title=":yo-yo:" src="/packs/emoji/1fa80.svg" />');
-      expect(emojify('🪁')).toEqual('<img draggable="false" class="emojione" alt="🪁" title=":kite:" src="/packs/emoji/1fa81.svg" />');
-      expect(emojify('🎱')).toEqual('<img draggable="false" class="emojione" alt="🎱" title=":8ball:" src="/packs/emoji/1f3b1.svg" />');
-      expect(emojify('🔮')).toEqual('<img draggable="false" class="emojione" alt="🔮" title=":crystal_ball:" src="/packs/emoji/1f52e.svg" />');
-      expect(emojify('🪄')).toEqual('<img draggable="false" class="emojione" alt="🪄" title=":magic_wand:" src="/packs/emoji/1fa84.svg" />');
-      expect(emojify('🧿')).toEqual('<img draggable="false" class="emojione" alt="🧿" title=":nazar_amulet:" src="/packs/emoji/1f9ff.svg" />');
-      expect(emojify('🪬')).toEqual('<img draggable="false" class="emojione" alt="🪬" title=":hamsa:" src="/packs/emoji/1faac.svg" />');
-      expect(emojify('🎮')).toEqual('<img draggable="false" class="emojione" alt="🎮" title=":video_game:" src="/packs/emoji/1f3ae.svg" />');
-      expect(emojify('🕹️')).toEqual('<img draggable="false" class="emojione" alt="🕹️" title=":joystick:" src="/packs/emoji/1f579.svg" />');
-      expect(emojify('🎰')).toEqual('<img draggable="false" class="emojione" alt="🎰" title=":slot_machine:" src="/packs/emoji/1f3b0.svg" />');
-      expect(emojify('🎲')).toEqual('<img draggable="false" class="emojione" alt="🎲" title=":game_die:" src="/packs/emoji/1f3b2.svg" />');
-      expect(emojify('🧩')).toEqual('<img draggable="false" class="emojione" alt="🧩" title=":jigsaw:" src="/packs/emoji/1f9e9.svg" />');
-      expect(emojify('🧸')).toEqual('<img draggable="false" class="emojione" alt="🧸" title=":teddy_bear:" src="/packs/emoji/1f9f8.svg" />');
-      expect(emojify('🪅')).toEqual('<img draggable="false" class="emojione" alt="🪅" title=":pinata:" src="/packs/emoji/1fa85.svg" />');
-      expect(emojify('🪩')).toEqual('<img draggable="false" class="emojione" alt="🪩" title=":mirror_ball:" src="/packs/emoji/1faa9.svg" />');
-      expect(emojify('🪆')).toEqual('<img draggable="false" class="emojione" alt="🪆" title=":nesting_dolls:" src="/packs/emoji/1fa86.svg" />');
-      expect(emojify('♠️')).toEqual('<img draggable="false" class="emojione" alt="♠️" title=":spades:" src="/packs/emoji/2660.svg" />');
-      expect(emojify('♥️')).toEqual('<img draggable="false" class="emojione" alt="♥️" title=":hearts:" src="/packs/emoji/2665.svg" />');
-      expect(emojify('♦️')).toEqual('<img draggable="false" class="emojione" alt="♦️" title=":diamonds:" src="/packs/emoji/2666.svg" />');
-      expect(emojify('♣️')).toEqual('<img draggable="false" class="emojione" alt="♣️" title=":clubs:" src="/packs/emoji/2663.svg" />');
-      expect(emojify('♟️')).toEqual('<img draggable="false" class="emojione" alt="♟️" title=":chess_pawn:" src="/packs/emoji/265f.svg" />');
-      expect(emojify('🃏')).toEqual('<img draggable="false" class="emojione" alt="🃏" title=":black_joker:" src="/packs/emoji/1f0cf.svg" />');
-      expect(emojify('🀄')).toEqual('<img draggable="false" class="emojione" alt="🀄" title=":mahjong:" src="/packs/emoji/1f004.svg" />');
-      expect(emojify('🎴')).toEqual('<img draggable="false" class="emojione" alt="🎴" title=":flower_playing_cards:" src="/packs/emoji/1f3b4.svg" />');
-      expect(emojify('🎭')).toEqual('<img draggable="false" class="emojione" alt="🎭" title=":performing_arts:" src="/packs/emoji/1f3ad.svg" />');
-      expect(emojify('🖼️')).toEqual('<img draggable="false" class="emojione" alt="🖼️" title=":frame_with_picture:" src="/packs/emoji/1f5bc.svg" />');
-      expect(emojify('🎨')).toEqual('<img draggable="false" class="emojione" alt="🎨" title=":art:" src="/packs/emoji/1f3a8.svg" />');
-      expect(emojify('🧵')).toEqual('<img draggable="false" class="emojione" alt="🧵" title=":thread:" src="/packs/emoji/1f9f5.svg" />');
-      expect(emojify('🪡')).toEqual('<img draggable="false" class="emojione" alt="🪡" title=":sewing_needle:" src="/packs/emoji/1faa1.svg" />');
-      expect(emojify('🧶')).toEqual('<img draggable="false" class="emojione" alt="🧶" title=":yarn:" src="/packs/emoji/1f9f6.svg" />');
-      expect(emojify('🪢')).toEqual('<img draggable="false" class="emojione" alt="🪢" title=":knot:" src="/packs/emoji/1faa2.svg" />');
-      expect(emojify('👓')).toEqual('<img draggable="false" class="emojione" alt="👓" title=":eyeglasses:" src="/packs/emoji/1f453.svg" />');
-      expect(emojify('🕶️')).toEqual('<img draggable="false" class="emojione" alt="🕶️" title=":dark_sunglasses:" src="/packs/emoji/1f576.svg" />');
-      expect(emojify('🥽')).toEqual('<img draggable="false" class="emojione" alt="🥽" title=":goggles:" src="/packs/emoji/1f97d.svg" />');
-      expect(emojify('🥼')).toEqual('<img draggable="false" class="emojione" alt="🥼" title=":lab_coat:" src="/packs/emoji/1f97c.svg" />');
-      expect(emojify('🦺')).toEqual('<img draggable="false" class="emojione" alt="🦺" title=":safety_vest:" src="/packs/emoji/1f9ba.svg" />');
-      expect(emojify('👔')).toEqual('<img draggable="false" class="emojione" alt="👔" title=":necktie:" src="/packs/emoji/1f454.svg" />');
-      expect(emojify('👕')).toEqual('<img draggable="false" class="emojione" alt="👕" title=":shirt:" src="/packs/emoji/1f455.svg" />');
-      expect(emojify('👖')).toEqual('<img draggable="false" class="emojione" alt="👖" title=":jeans:" src="/packs/emoji/1f456.svg" />');
-      expect(emojify('🧣')).toEqual('<img draggable="false" class="emojione" alt="🧣" title=":scarf:" src="/packs/emoji/1f9e3.svg" />');
-      expect(emojify('🧤')).toEqual('<img draggable="false" class="emojione" alt="🧤" title=":gloves:" src="/packs/emoji/1f9e4.svg" />');
-      expect(emojify('🧥')).toEqual('<img draggable="false" class="emojione" alt="🧥" title=":coat:" src="/packs/emoji/1f9e5.svg" />');
-      expect(emojify('🧦')).toEqual('<img draggable="false" class="emojione" alt="🧦" title=":socks:" src="/packs/emoji/1f9e6.svg" />');
-      expect(emojify('👗')).toEqual('<img draggable="false" class="emojione" alt="👗" title=":dress:" src="/packs/emoji/1f457.svg" />');
-      expect(emojify('👘')).toEqual('<img draggable="false" class="emojione" alt="👘" title=":kimono:" src="/packs/emoji/1f458.svg" />');
-      expect(emojify('🥻')).toEqual('<img draggable="false" class="emojione" alt="🥻" title=":sari:" src="/packs/emoji/1f97b.svg" />');
-      expect(emojify('🩱')).toEqual('<img draggable="false" class="emojione" alt="🩱" title=":one-piece_swimsuit:" src="/packs/emoji/1fa71.svg" />');
-      expect(emojify('🩲')).toEqual('<img draggable="false" class="emojione" alt="🩲" title=":briefs:" src="/packs/emoji/1fa72.svg" />');
-      expect(emojify('🩳')).toEqual('<img draggable="false" class="emojione" alt="🩳" title=":shorts:" src="/packs/emoji/1fa73.svg" />');
-      expect(emojify('👙')).toEqual('<img draggable="false" class="emojione" alt="👙" title=":bikini:" src="/packs/emoji/1f459.svg" />');
-      expect(emojify('👚')).toEqual('<img draggable="false" class="emojione" alt="👚" title=":womans_clothes:" src="/packs/emoji/1f45a.svg" />');
-      expect(emojify('👛')).toEqual('<img draggable="false" class="emojione" alt="👛" title=":purse:" src="/packs/emoji/1f45b.svg" />');
-      expect(emojify('👜')).toEqual('<img draggable="false" class="emojione" alt="👜" title=":handbag:" src="/packs/emoji/1f45c.svg" />');
-      expect(emojify('👝')).toEqual('<img draggable="false" class="emojione" alt="👝" title=":pouch:" src="/packs/emoji/1f45d.svg" />');
-      expect(emojify('🛍️')).toEqual('<img draggable="false" class="emojione" alt="🛍️" title=":shopping_bags:" src="/packs/emoji/1f6cd.svg" />');
-      expect(emojify('🎒')).toEqual('<img draggable="false" class="emojione" alt="🎒" title=":school_satchel:" src="/packs/emoji/1f392.svg" />');
-      expect(emojify('🩴')).toEqual('<img draggable="false" class="emojione" alt="🩴" title=":thong_sandal:" src="/packs/emoji/1fa74.svg" />');
-      expect(emojify('👞')).toEqual('<img draggable="false" class="emojione" alt="👞" title=":mans_shoe:" src="/packs/emoji/1f45e.svg" />');
-      expect(emojify('👟')).toEqual('<img draggable="false" class="emojione" alt="👟" title=":athletic_shoe:" src="/packs/emoji/1f45f.svg" />');
-      expect(emojify('🥾')).toEqual('<img draggable="false" class="emojione" alt="🥾" title=":hiking_boot:" src="/packs/emoji/1f97e.svg" />');
-      expect(emojify('🥿')).toEqual('<img draggable="false" class="emojione" alt="🥿" title=":womans_flat_shoe:" src="/packs/emoji/1f97f.svg" />');
-      expect(emojify('👠')).toEqual('<img draggable="false" class="emojione" alt="👠" title=":high_heel:" src="/packs/emoji/1f460.svg" />');
-      expect(emojify('👡')).toEqual('<img draggable="false" class="emojione" alt="👡" title=":sandal:" src="/packs/emoji/1f461.svg" />');
-      expect(emojify('🩰')).toEqual('<img draggable="false" class="emojione" alt="🩰" title=":ballet_shoes:" src="/packs/emoji/1fa70.svg" />');
-      expect(emojify('👢')).toEqual('<img draggable="false" class="emojione" alt="👢" title=":boot:" src="/packs/emoji/1f462.svg" />');
-      expect(emojify('👑')).toEqual('<img draggable="false" class="emojione" alt="👑" title=":crown:" src="/packs/emoji/1f451.svg" />');
-      expect(emojify('👒')).toEqual('<img draggable="false" class="emojione" alt="👒" title=":womans_hat:" src="/packs/emoji/1f452.svg" />');
-      expect(emojify('🎩')).toEqual('<img draggable="false" class="emojione" alt="🎩" title=":tophat:" src="/packs/emoji/1f3a9.svg" />');
-      expect(emojify('🎓')).toEqual('<img draggable="false" class="emojione" alt="🎓" title=":mortar_board:" src="/packs/emoji/1f393.svg" />');
-      expect(emojify('🧢')).toEqual('<img draggable="false" class="emojione" alt="🧢" title=":billed_cap:" src="/packs/emoji/1f9e2.svg" />');
-      expect(emojify('🪖')).toEqual('<img draggable="false" class="emojione" alt="🪖" title=":military_helmet:" src="/packs/emoji/1fa96.svg" />');
-      expect(emojify('⛑️')).toEqual('<img draggable="false" class="emojione" alt="⛑️" title=":helmet_with_white_cross:" src="/packs/emoji/26d1.svg" />');
-      expect(emojify('📿')).toEqual('<img draggable="false" class="emojione" alt="📿" title=":prayer_beads:" src="/packs/emoji/1f4ff.svg" />');
-      expect(emojify('💄')).toEqual('<img draggable="false" class="emojione" alt="💄" title=":lipstick:" src="/packs/emoji/1f484.svg" />');
-      expect(emojify('💍')).toEqual('<img draggable="false" class="emojione" alt="💍" title=":ring:" src="/packs/emoji/1f48d.svg" />');
-      expect(emojify('💎')).toEqual('<img draggable="false" class="emojione" alt="💎" title=":gem:" src="/packs/emoji/1f48e.svg" />');
-      expect(emojify('🔇')).toEqual('<img draggable="false" class="emojione" alt="🔇" title=":mute:" src="/packs/emoji/1f507.svg" />');
-      expect(emojify('🔈')).toEqual('<img draggable="false" class="emojione" alt="🔈" title=":speaker:" src="/packs/emoji/1f508.svg" />');
-      expect(emojify('🔉')).toEqual('<img draggable="false" class="emojione" alt="🔉" title=":sound:" src="/packs/emoji/1f509.svg" />');
-      expect(emojify('🔊')).toEqual('<img draggable="false" class="emojione" alt="🔊" title=":loud_sound:" src="/packs/emoji/1f50a.svg" />');
-      expect(emojify('📢')).toEqual('<img draggable="false" class="emojione" alt="📢" title=":loudspeaker:" src="/packs/emoji/1f4e2.svg" />');
-      expect(emojify('📣')).toEqual('<img draggable="false" class="emojione" alt="📣" title=":mega:" src="/packs/emoji/1f4e3.svg" />');
-      expect(emojify('📯')).toEqual('<img draggable="false" class="emojione" alt="📯" title=":postal_horn:" src="/packs/emoji/1f4ef.svg" />');
-      expect(emojify('🔔')).toEqual('<img draggable="false" class="emojione" alt="🔔" title=":bell:" src="/packs/emoji/1f514.svg" />');
-      expect(emojify('🔕')).toEqual('<img draggable="false" class="emojione" alt="🔕" title=":no_bell:" src="/packs/emoji/1f515.svg" />');
-      expect(emojify('🎼')).toEqual('<img draggable="false" class="emojione" alt="🎼" title=":musical_score:" src="/packs/emoji/1f3bc.svg" />');
-      expect(emojify('🎵')).toEqual('<img draggable="false" class="emojione" alt="🎵" title=":musical_note:" src="/packs/emoji/1f3b5.svg" />');
-      expect(emojify('🎶')).toEqual('<img draggable="false" class="emojione" alt="🎶" title=":notes:" src="/packs/emoji/1f3b6.svg" />');
-      expect(emojify('🎙️')).toEqual('<img draggable="false" class="emojione" alt="🎙️" title=":studio_microphone:" src="/packs/emoji/1f399.svg" />');
-      expect(emojify('🎚️')).toEqual('<img draggable="false" class="emojione" alt="🎚️" title=":level_slider:" src="/packs/emoji/1f39a.svg" />');
-      expect(emojify('🎛️')).toEqual('<img draggable="false" class="emojione" alt="🎛️" title=":control_knobs:" src="/packs/emoji/1f39b.svg" />');
-      expect(emojify('🎤')).toEqual('<img draggable="false" class="emojione" alt="🎤" title=":microphone:" src="/packs/emoji/1f3a4.svg" />');
-      expect(emojify('🎧')).toEqual('<img draggable="false" class="emojione" alt="🎧" title=":headphones:" src="/packs/emoji/1f3a7.svg" />');
-      expect(emojify('📻')).toEqual('<img draggable="false" class="emojione" alt="📻" title=":radio:" src="/packs/emoji/1f4fb.svg" />');
-      expect(emojify('🎷')).toEqual('<img draggable="false" class="emojione" alt="🎷" title=":saxophone:" src="/packs/emoji/1f3b7.svg" />');
-      expect(emojify('🪗')).toEqual('<img draggable="false" class="emojione" alt="🪗" title=":accordion:" src="/packs/emoji/1fa97.svg" />');
-      expect(emojify('🎸')).toEqual('<img draggable="false" class="emojione" alt="🎸" title=":guitar:" src="/packs/emoji/1f3b8.svg" />');
-      expect(emojify('🎹')).toEqual('<img draggable="false" class="emojione" alt="🎹" title=":musical_keyboard:" src="/packs/emoji/1f3b9.svg" />');
-      expect(emojify('🎺')).toEqual('<img draggable="false" class="emojione" alt="🎺" title=":trumpet:" src="/packs/emoji/1f3ba.svg" />');
-      expect(emojify('🎻')).toEqual('<img draggable="false" class="emojione" alt="🎻" title=":violin:" src="/packs/emoji/1f3bb.svg" />');
-      expect(emojify('🪕')).toEqual('<img draggable="false" class="emojione" alt="🪕" title=":banjo:" src="/packs/emoji/1fa95.svg" />');
-      expect(emojify('🥁')).toEqual('<img draggable="false" class="emojione" alt="🥁" title=":drum_with_drumsticks:" src="/packs/emoji/1f941.svg" />');
-      expect(emojify('🪘')).toEqual('<img draggable="false" class="emojione" alt="🪘" title=":long_drum:" src="/packs/emoji/1fa98.svg" />');
-      expect(emojify('📱')).toEqual('<img draggable="false" class="emojione" alt="📱" title=":iphone:" src="/packs/emoji/1f4f1.svg" />');
-      expect(emojify('📲')).toEqual('<img draggable="false" class="emojione" alt="📲" title=":calling:" src="/packs/emoji/1f4f2.svg" />');
-      expect(emojify('☎️')).toEqual('<img draggable="false" class="emojione" alt="☎️" title=":phone:" src="/packs/emoji/260e.svg" />');
-      expect(emojify('📞')).toEqual('<img draggable="false" class="emojione" alt="📞" title=":telephone_receiver:" src="/packs/emoji/1f4de.svg" />');
-      expect(emojify('📟')).toEqual('<img draggable="false" class="emojione" alt="📟" title=":pager:" src="/packs/emoji/1f4df.svg" />');
-      expect(emojify('📠')).toEqual('<img draggable="false" class="emojione" alt="📠" title=":fax:" src="/packs/emoji/1f4e0.svg" />');
-      expect(emojify('🔋')).toEqual('<img draggable="false" class="emojione" alt="🔋" title=":battery:" src="/packs/emoji/1f50b.svg" />');
-      expect(emojify('🪫')).toEqual('<img draggable="false" class="emojione" alt="🪫" title=":low_battery:" src="/packs/emoji/1faab.svg" />');
-      expect(emojify('🔌')).toEqual('<img draggable="false" class="emojione" alt="🔌" title=":electric_plug:" src="/packs/emoji/1f50c.svg" />');
-      expect(emojify('💻')).toEqual('<img draggable="false" class="emojione" alt="💻" title=":computer:" src="/packs/emoji/1f4bb.svg" />');
-      expect(emojify('🖥️')).toEqual('<img draggable="false" class="emojione" alt="🖥️" title=":desktop_computer:" src="/packs/emoji/1f5a5.svg" />');
-      expect(emojify('🖨️')).toEqual('<img draggable="false" class="emojione" alt="🖨️" title=":printer:" src="/packs/emoji/1f5a8.svg" />');
-      expect(emojify('⌨️')).toEqual('<img draggable="false" class="emojione" alt="⌨️" title=":keyboard:" src="/packs/emoji/2328.svg" />');
-      expect(emojify('🖱️')).toEqual('<img draggable="false" class="emojione" alt="🖱️" title=":three_button_mouse:" src="/packs/emoji/1f5b1.svg" />');
-      expect(emojify('🖲️')).toEqual('<img draggable="false" class="emojione" alt="🖲️" title=":trackball:" src="/packs/emoji/1f5b2.svg" />');
-      expect(emojify('💽')).toEqual('<img draggable="false" class="emojione" alt="💽" title=":minidisc:" src="/packs/emoji/1f4bd.svg" />');
-      expect(emojify('💾')).toEqual('<img draggable="false" class="emojione" alt="💾" title=":floppy_disk:" src="/packs/emoji/1f4be.svg" />');
-      expect(emojify('💿')).toEqual('<img draggable="false" class="emojione" alt="💿" title=":cd:" src="/packs/emoji/1f4bf.svg" />');
-      expect(emojify('📀')).toEqual('<img draggable="false" class="emojione" alt="📀" title=":dvd:" src="/packs/emoji/1f4c0.svg" />');
-      expect(emojify('🧮')).toEqual('<img draggable="false" class="emojione" alt="🧮" title=":abacus:" src="/packs/emoji/1f9ee.svg" />');
-      expect(emojify('🎥')).toEqual('<img draggable="false" class="emojione" alt="🎥" title=":movie_camera:" src="/packs/emoji/1f3a5.svg" />');
-      expect(emojify('🎞️')).toEqual('<img draggable="false" class="emojione" alt="🎞️" title=":film_frames:" src="/packs/emoji/1f39e.svg" />');
-      expect(emojify('📽️')).toEqual('<img draggable="false" class="emojione" alt="📽️" title=":film_projector:" src="/packs/emoji/1f4fd.svg" />');
-      expect(emojify('🎬')).toEqual('<img draggable="false" class="emojione" alt="🎬" title=":clapper:" src="/packs/emoji/1f3ac.svg" />');
-      expect(emojify('📺')).toEqual('<img draggable="false" class="emojione" alt="📺" title=":tv:" src="/packs/emoji/1f4fa.svg" />');
-      expect(emojify('📷')).toEqual('<img draggable="false" class="emojione" alt="📷" title=":camera:" src="/packs/emoji/1f4f7.svg" />');
-      expect(emojify('📸')).toEqual('<img draggable="false" class="emojione" alt="📸" title=":camera_with_flash:" src="/packs/emoji/1f4f8.svg" />');
-      expect(emojify('📹')).toEqual('<img draggable="false" class="emojione" alt="📹" title=":video_camera:" src="/packs/emoji/1f4f9.svg" />');
-      expect(emojify('📼')).toEqual('<img draggable="false" class="emojione" alt="📼" title=":vhs:" src="/packs/emoji/1f4fc.svg" />');
-      expect(emojify('🔍')).toEqual('<img draggable="false" class="emojione" alt="🔍" title=":mag:" src="/packs/emoji/1f50d.svg" />');
-      expect(emojify('🔎')).toEqual('<img draggable="false" class="emojione" alt="🔎" title=":mag_right:" src="/packs/emoji/1f50e.svg" />');
-      expect(emojify('🕯️')).toEqual('<img draggable="false" class="emojione" alt="🕯️" title=":candle:" src="/packs/emoji/1f56f.svg" />');
-      expect(emojify('💡')).toEqual('<img draggable="false" class="emojione" alt="💡" title=":bulb:" src="/packs/emoji/1f4a1.svg" />');
-      expect(emojify('🔦')).toEqual('<img draggable="false" class="emojione" alt="🔦" title=":flashlight:" src="/packs/emoji/1f526.svg" />');
-      expect(emojify('🏮')).toEqual('<img draggable="false" class="emojione" alt="🏮" title=":izakaya_lantern:" src="/packs/emoji/1f3ee.svg" />');
-      expect(emojify('🪔')).toEqual('<img draggable="false" class="emojione" alt="🪔" title=":diya_lamp:" src="/packs/emoji/1fa94.svg" />');
-      expect(emojify('📔')).toEqual('<img draggable="false" class="emojione" alt="📔" title=":notebook_with_decorative_cover:" src="/packs/emoji/1f4d4.svg" />');
-      expect(emojify('📕')).toEqual('<img draggable="false" class="emojione" alt="📕" title=":closed_book:" src="/packs/emoji/1f4d5.svg" />');
-      expect(emojify('📖')).toEqual('<img draggable="false" class="emojione" alt="📖" title=":book:" src="/packs/emoji/1f4d6.svg" />');
-      expect(emojify('📗')).toEqual('<img draggable="false" class="emojione" alt="📗" title=":green_book:" src="/packs/emoji/1f4d7.svg" />');
-      expect(emojify('📘')).toEqual('<img draggable="false" class="emojione" alt="📘" title=":blue_book:" src="/packs/emoji/1f4d8.svg" />');
-      expect(emojify('📙')).toEqual('<img draggable="false" class="emojione" alt="📙" title=":orange_book:" src="/packs/emoji/1f4d9.svg" />');
-      expect(emojify('📚')).toEqual('<img draggable="false" class="emojione" alt="📚" title=":books:" src="/packs/emoji/1f4da.svg" />');
-      expect(emojify('📓')).toEqual('<img draggable="false" class="emojione" alt="📓" title=":notebook:" src="/packs/emoji/1f4d3.svg" />');
-      expect(emojify('📒')).toEqual('<img draggable="false" class="emojione" alt="📒" title=":ledger:" src="/packs/emoji/1f4d2.svg" />');
-      expect(emojify('📃')).toEqual('<img draggable="false" class="emojione" alt="📃" title=":page_with_curl:" src="/packs/emoji/1f4c3.svg" />');
-      expect(emojify('📜')).toEqual('<img draggable="false" class="emojione" alt="📜" title=":scroll:" src="/packs/emoji/1f4dc.svg" />');
-      expect(emojify('📄')).toEqual('<img draggable="false" class="emojione" alt="📄" title=":page_facing_up:" src="/packs/emoji/1f4c4.svg" />');
-      expect(emojify('📰')).toEqual('<img draggable="false" class="emojione" alt="📰" title=":newspaper:" src="/packs/emoji/1f4f0.svg" />');
-      expect(emojify('🗞️')).toEqual('<img draggable="false" class="emojione" alt="🗞️" title=":rolled_up_newspaper:" src="/packs/emoji/1f5de.svg" />');
-      expect(emojify('📑')).toEqual('<img draggable="false" class="emojione" alt="📑" title=":bookmark_tabs:" src="/packs/emoji/1f4d1.svg" />');
-      expect(emojify('🔖')).toEqual('<img draggable="false" class="emojione" alt="🔖" title=":bookmark:" src="/packs/emoji/1f516.svg" />');
-      expect(emojify('🏷️')).toEqual('<img draggable="false" class="emojione" alt="🏷️" title=":label:" src="/packs/emoji/1f3f7.svg" />');
-      expect(emojify('💰')).toEqual('<img draggable="false" class="emojione" alt="💰" title=":moneybag:" src="/packs/emoji/1f4b0.svg" />');
-      expect(emojify('🪙')).toEqual('<img draggable="false" class="emojione" alt="🪙" title=":coin:" src="/packs/emoji/1fa99.svg" />');
-      expect(emojify('💴')).toEqual('<img draggable="false" class="emojione" alt="💴" title=":yen:" src="/packs/emoji/1f4b4.svg" />');
-      expect(emojify('💵')).toEqual('<img draggable="false" class="emojione" alt="💵" title=":dollar:" src="/packs/emoji/1f4b5.svg" />');
-      expect(emojify('💶')).toEqual('<img draggable="false" class="emojione" alt="💶" title=":euro:" src="/packs/emoji/1f4b6.svg" />');
-      expect(emojify('💷')).toEqual('<img draggable="false" class="emojione" alt="💷" title=":pound:" src="/packs/emoji/1f4b7.svg" />');
-      expect(emojify('💸')).toEqual('<img draggable="false" class="emojione" alt="💸" title=":money_with_wings:" src="/packs/emoji/1f4b8.svg" />');
-      expect(emojify('💳')).toEqual('<img draggable="false" class="emojione" alt="💳" title=":credit_card:" src="/packs/emoji/1f4b3.svg" />');
-      expect(emojify('🧾')).toEqual('<img draggable="false" class="emojione" alt="🧾" title=":receipt:" src="/packs/emoji/1f9fe.svg" />');
-      expect(emojify('💹')).toEqual('<img draggable="false" class="emojione" alt="💹" title=":chart:" src="/packs/emoji/1f4b9.svg" />');
-      expect(emojify('✉️')).toEqual('<img draggable="false" class="emojione" alt="✉️" title=":email:" src="/packs/emoji/2709.svg" />');
-      expect(emojify('📧')).toEqual('<img draggable="false" class="emojione" alt="📧" title=":e-mail:" src="/packs/emoji/1f4e7.svg" />');
-      expect(emojify('📨')).toEqual('<img draggable="false" class="emojione" alt="📨" title=":incoming_envelope:" src="/packs/emoji/1f4e8.svg" />');
-      expect(emojify('📩')).toEqual('<img draggable="false" class="emojione" alt="📩" title=":envelope_with_arrow:" src="/packs/emoji/1f4e9.svg" />');
-      expect(emojify('📤')).toEqual('<img draggable="false" class="emojione" alt="📤" title=":outbox_tray:" src="/packs/emoji/1f4e4.svg" />');
-      expect(emojify('📥')).toEqual('<img draggable="false" class="emojione" alt="📥" title=":inbox_tray:" src="/packs/emoji/1f4e5.svg" />');
-      expect(emojify('📦')).toEqual('<img draggable="false" class="emojione" alt="📦" title=":package:" src="/packs/emoji/1f4e6.svg" />');
-      expect(emojify('📫')).toEqual('<img draggable="false" class="emojione" alt="📫" title=":mailbox:" src="/packs/emoji/1f4eb.svg" />');
-      expect(emojify('📪')).toEqual('<img draggable="false" class="emojione" alt="📪" title=":mailbox_closed:" src="/packs/emoji/1f4ea.svg" />');
-      expect(emojify('📬')).toEqual('<img draggable="false" class="emojione" alt="📬" title=":mailbox_with_mail:" src="/packs/emoji/1f4ec.svg" />');
-      expect(emojify('📭')).toEqual('<img draggable="false" class="emojione" alt="📭" title=":mailbox_with_no_mail:" src="/packs/emoji/1f4ed.svg" />');
-      expect(emojify('📮')).toEqual('<img draggable="false" class="emojione" alt="📮" title=":postbox:" src="/packs/emoji/1f4ee.svg" />');
-      expect(emojify('🗳️')).toEqual('<img draggable="false" class="emojione" alt="🗳️" title=":ballot_box_with_ballot:" src="/packs/emoji/1f5f3.svg" />');
-      expect(emojify('✏️')).toEqual('<img draggable="false" class="emojione" alt="✏️" title=":pencil2:" src="/packs/emoji/270f.svg" />');
-      expect(emojify('✒️')).toEqual('<img draggable="false" class="emojione" alt="✒️" title=":black_nib:" src="/packs/emoji/2712.svg" />');
-      expect(emojify('🖋️')).toEqual('<img draggable="false" class="emojione" alt="🖋️" title=":lower_left_fountain_pen:" src="/packs/emoji/1f58b.svg" />');
-      expect(emojify('🖊️')).toEqual('<img draggable="false" class="emojione" alt="🖊️" title=":lower_left_ballpoint_pen:" src="/packs/emoji/1f58a.svg" />');
-      expect(emojify('🖌️')).toEqual('<img draggable="false" class="emojione" alt="🖌️" title=":lower_left_paintbrush:" src="/packs/emoji/1f58c.svg" />');
-      expect(emojify('🖍️')).toEqual('<img draggable="false" class="emojione" alt="🖍️" title=":lower_left_crayon:" src="/packs/emoji/1f58d.svg" />');
-      expect(emojify('📝')).toEqual('<img draggable="false" class="emojione" alt="📝" title=":memo:" src="/packs/emoji/1f4dd.svg" />');
-      expect(emojify('💼')).toEqual('<img draggable="false" class="emojione" alt="💼" title=":briefcase:" src="/packs/emoji/1f4bc.svg" />');
-      expect(emojify('📁')).toEqual('<img draggable="false" class="emojione" alt="📁" title=":file_folder:" src="/packs/emoji/1f4c1.svg" />');
-      expect(emojify('📂')).toEqual('<img draggable="false" class="emojione" alt="📂" title=":open_file_folder:" src="/packs/emoji/1f4c2.svg" />');
-      expect(emojify('🗂️')).toEqual('<img draggable="false" class="emojione" alt="🗂️" title=":card_index_dividers:" src="/packs/emoji/1f5c2.svg" />');
-      expect(emojify('📅')).toEqual('<img draggable="false" class="emojione" alt="📅" title=":date:" src="/packs/emoji/1f4c5.svg" />');
-      expect(emojify('📆')).toEqual('<img draggable="false" class="emojione" alt="📆" title=":calendar:" src="/packs/emoji/1f4c6.svg" />');
-      expect(emojify('🗒️')).toEqual('<img draggable="false" class="emojione" alt="🗒️" title=":spiral_note_pad:" src="/packs/emoji/1f5d2.svg" />');
-      expect(emojify('🗓️')).toEqual('<img draggable="false" class="emojione" alt="🗓️" title=":spiral_calendar_pad:" src="/packs/emoji/1f5d3.svg" />');
-      expect(emojify('📇')).toEqual('<img draggable="false" class="emojione" alt="📇" title=":card_index:" src="/packs/emoji/1f4c7.svg" />');
-      expect(emojify('📈')).toEqual('<img draggable="false" class="emojione" alt="📈" title=":chart_with_upwards_trend:" src="/packs/emoji/1f4c8.svg" />');
-      expect(emojify('📉')).toEqual('<img draggable="false" class="emojione" alt="📉" title=":chart_with_downwards_trend:" src="/packs/emoji/1f4c9.svg" />');
-      expect(emojify('📊')).toEqual('<img draggable="false" class="emojione" alt="📊" title=":bar_chart:" src="/packs/emoji/1f4ca.svg" />');
-      expect(emojify('📋')).toEqual('<img draggable="false" class="emojione" alt="📋" title=":clipboard:" src="/packs/emoji/1f4cb.svg" />');
-      expect(emojify('📌')).toEqual('<img draggable="false" class="emojione" alt="📌" title=":pushpin:" src="/packs/emoji/1f4cc.svg" />');
-      expect(emojify('📍')).toEqual('<img draggable="false" class="emojione" alt="📍" title=":round_pushpin:" src="/packs/emoji/1f4cd.svg" />');
-      expect(emojify('📎')).toEqual('<img draggable="false" class="emojione" alt="📎" title=":paperclip:" src="/packs/emoji/1f4ce.svg" />');
-      expect(emojify('🖇️')).toEqual('<img draggable="false" class="emojione" alt="🖇️" title=":linked_paperclips:" src="/packs/emoji/1f587.svg" />');
-      expect(emojify('📏')).toEqual('<img draggable="false" class="emojione" alt="📏" title=":straight_ruler:" src="/packs/emoji/1f4cf.svg" />');
-      expect(emojify('📐')).toEqual('<img draggable="false" class="emojione" alt="📐" title=":triangular_ruler:" src="/packs/emoji/1f4d0.svg" />');
-      expect(emojify('✂️')).toEqual('<img draggable="false" class="emojione" alt="✂️" title=":scissors:" src="/packs/emoji/2702.svg" />');
-      expect(emojify('🗃️')).toEqual('<img draggable="false" class="emojione" alt="🗃️" title=":card_file_box:" src="/packs/emoji/1f5c3.svg" />');
-      expect(emojify('🗄️')).toEqual('<img draggable="false" class="emojione" alt="🗄️" title=":file_cabinet:" src="/packs/emoji/1f5c4.svg" />');
-      expect(emojify('🗑️')).toEqual('<img draggable="false" class="emojione" alt="🗑️" title=":wastebasket:" src="/packs/emoji/1f5d1.svg" />');
-      expect(emojify('🔒')).toEqual('<img draggable="false" class="emojione" alt="🔒" title=":lock:" src="/packs/emoji/1f512.svg" />');
-      expect(emojify('🔓')).toEqual('<img draggable="false" class="emojione" alt="🔓" title=":unlock:" src="/packs/emoji/1f513.svg" />');
-      expect(emojify('🔏')).toEqual('<img draggable="false" class="emojione" alt="🔏" title=":lock_with_ink_pen:" src="/packs/emoji/1f50f.svg" />');
-      expect(emojify('🔐')).toEqual('<img draggable="false" class="emojione" alt="🔐" title=":closed_lock_with_key:" src="/packs/emoji/1f510.svg" />');
-      expect(emojify('🔑')).toEqual('<img draggable="false" class="emojione" alt="🔑" title=":key:" src="/packs/emoji/1f511.svg" />');
-      expect(emojify('🗝️')).toEqual('<img draggable="false" class="emojione" alt="🗝️" title=":old_key:" src="/packs/emoji/1f5dd.svg" />');
-      expect(emojify('🔨')).toEqual('<img draggable="false" class="emojione" alt="🔨" title=":hammer:" src="/packs/emoji/1f528.svg" />');
-      expect(emojify('🪓')).toEqual('<img draggable="false" class="emojione" alt="🪓" title=":axe:" src="/packs/emoji/1fa93.svg" />');
-      expect(emojify('⛏️')).toEqual('<img draggable="false" class="emojione" alt="⛏️" title=":pick:" src="/packs/emoji/26cf.svg" />');
-      expect(emojify('⚒️')).toEqual('<img draggable="false" class="emojione" alt="⚒️" title=":hammer_and_pick:" src="/packs/emoji/2692.svg" />');
-      expect(emojify('🛠️')).toEqual('<img draggable="false" class="emojione" alt="🛠️" title=":hammer_and_wrench:" src="/packs/emoji/1f6e0.svg" />');
-      expect(emojify('🗡️')).toEqual('<img draggable="false" class="emojione" alt="🗡️" title=":dagger_knife:" src="/packs/emoji/1f5e1.svg" />');
-      expect(emojify('⚔️')).toEqual('<img draggable="false" class="emojione" alt="⚔️" title=":crossed_swords:" src="/packs/emoji/2694.svg" />');
-      expect(emojify('🔫')).toEqual('<img draggable="false" class="emojione" alt="🔫" title=":gun:" src="/packs/emoji/1f52b.svg" />');
-      expect(emojify('🪃')).toEqual('<img draggable="false" class="emojione" alt="🪃" title=":boomerang:" src="/packs/emoji/1fa83.svg" />');
-      expect(emojify('🏹')).toEqual('<img draggable="false" class="emojione" alt="🏹" title=":bow_and_arrow:" src="/packs/emoji/1f3f9.svg" />');
-      expect(emojify('🛡️')).toEqual('<img draggable="false" class="emojione" alt="🛡️" title=":shield:" src="/packs/emoji/1f6e1.svg" />');
-      expect(emojify('🪚')).toEqual('<img draggable="false" class="emojione" alt="🪚" title=":carpentry_saw:" src="/packs/emoji/1fa9a.svg" />');
-      expect(emojify('🔧')).toEqual('<img draggable="false" class="emojione" alt="🔧" title=":wrench:" src="/packs/emoji/1f527.svg" />');
-      expect(emojify('🪛')).toEqual('<img draggable="false" class="emojione" alt="🪛" title=":screwdriver:" src="/packs/emoji/1fa9b.svg" />');
-      expect(emojify('🔩')).toEqual('<img draggable="false" class="emojione" alt="🔩" title=":nut_and_bolt:" src="/packs/emoji/1f529.svg" />');
-      expect(emojify('⚙️')).toEqual('<img draggable="false" class="emojione" alt="⚙️" title=":gear:" src="/packs/emoji/2699.svg" />');
-      expect(emojify('🗜️')).toEqual('<img draggable="false" class="emojione" alt="🗜️" title=":compression:" src="/packs/emoji/1f5dc.svg" />');
-      expect(emojify('⚖️')).toEqual('<img draggable="false" class="emojione" alt="⚖️" title=":scales:" src="/packs/emoji/2696.svg" />');
-      expect(emojify('🦯')).toEqual('<img draggable="false" class="emojione" alt="🦯" title=":probing_cane:" src="/packs/emoji/1f9af.svg" />');
-      expect(emojify('🔗')).toEqual('<img draggable="false" class="emojione" alt="🔗" title=":link:" src="/packs/emoji/1f517.svg" />');
-      expect(emojify('⛓️')).toEqual('<img draggable="false" class="emojione" alt="⛓️" title=":chains:" src="/packs/emoji/26d3.svg" />');
-      expect(emojify('🪝')).toEqual('<img draggable="false" class="emojione" alt="🪝" title=":hook:" src="/packs/emoji/1fa9d.svg" />');
-      expect(emojify('🧰')).toEqual('<img draggable="false" class="emojione" alt="🧰" title=":toolbox:" src="/packs/emoji/1f9f0.svg" />');
-      expect(emojify('🧲')).toEqual('<img draggable="false" class="emojione" alt="🧲" title=":magnet:" src="/packs/emoji/1f9f2.svg" />');
-      expect(emojify('🪜')).toEqual('<img draggable="false" class="emojione" alt="🪜" title=":ladder:" src="/packs/emoji/1fa9c.svg" />');
-      expect(emojify('⚗️')).toEqual('<img draggable="false" class="emojione" alt="⚗️" title=":alembic:" src="/packs/emoji/2697.svg" />');
-      expect(emojify('🧪')).toEqual('<img draggable="false" class="emojione" alt="🧪" title=":test_tube:" src="/packs/emoji/1f9ea.svg" />');
-      expect(emojify('🧫')).toEqual('<img draggable="false" class="emojione" alt="🧫" title=":petri_dish:" src="/packs/emoji/1f9eb.svg" />');
-      expect(emojify('🧬')).toEqual('<img draggable="false" class="emojione" alt="🧬" title=":dna:" src="/packs/emoji/1f9ec.svg" />');
-      expect(emojify('🔬')).toEqual('<img draggable="false" class="emojione" alt="🔬" title=":microscope:" src="/packs/emoji/1f52c.svg" />');
-      expect(emojify('🔭')).toEqual('<img draggable="false" class="emojione" alt="🔭" title=":telescope:" src="/packs/emoji/1f52d.svg" />');
-      expect(emojify('📡')).toEqual('<img draggable="false" class="emojione" alt="📡" title=":satellite_antenna:" src="/packs/emoji/1f4e1.svg" />');
-      expect(emojify('💉')).toEqual('<img draggable="false" class="emojione" alt="💉" title=":syringe:" src="/packs/emoji/1f489.svg" />');
-      expect(emojify('🩸')).toEqual('<img draggable="false" class="emojione" alt="🩸" title=":drop_of_blood:" src="/packs/emoji/1fa78.svg" />');
-      expect(emojify('💊')).toEqual('<img draggable="false" class="emojione" alt="💊" title=":pill:" src="/packs/emoji/1f48a.svg" />');
-      expect(emojify('🩹')).toEqual('<img draggable="false" class="emojione" alt="🩹" title=":adhesive_bandage:" src="/packs/emoji/1fa79.svg" />');
-      expect(emojify('🩼')).toEqual('<img draggable="false" class="emojione" alt="🩼" title=":crutch:" src="/packs/emoji/1fa7c.svg" />');
-      expect(emojify('🩺')).toEqual('<img draggable="false" class="emojione" alt="🩺" title=":stethoscope:" src="/packs/emoji/1fa7a.svg" />');
-      expect(emojify('🩻')).toEqual('<img draggable="false" class="emojione" alt="🩻" title=":x-ray:" src="/packs/emoji/1fa7b.svg" />');
-      expect(emojify('🚪')).toEqual('<img draggable="false" class="emojione" alt="🚪" title=":door:" src="/packs/emoji/1f6aa.svg" />');
-      expect(emojify('🛗')).toEqual('<img draggable="false" class="emojione" alt="🛗" title=":elevator:" src="/packs/emoji/1f6d7.svg" />');
-      expect(emojify('🪞')).toEqual('<img draggable="false" class="emojione" alt="🪞" title=":mirror:" src="/packs/emoji/1fa9e.svg" />');
-      expect(emojify('🪟')).toEqual('<img draggable="false" class="emojione" alt="🪟" title=":window:" src="/packs/emoji/1fa9f.svg" />');
-      expect(emojify('🛏️')).toEqual('<img draggable="false" class="emojione" alt="🛏️" title=":bed:" src="/packs/emoji/1f6cf.svg" />');
-      expect(emojify('🛋️')).toEqual('<img draggable="false" class="emojione" alt="🛋️" title=":couch_and_lamp:" src="/packs/emoji/1f6cb.svg" />');
-      expect(emojify('🪑')).toEqual('<img draggable="false" class="emojione" alt="🪑" title=":chair:" src="/packs/emoji/1fa91.svg" />');
-      expect(emojify('🚽')).toEqual('<img draggable="false" class="emojione" alt="🚽" title=":toilet:" src="/packs/emoji/1f6bd.svg" />');
-      expect(emojify('🪠')).toEqual('<img draggable="false" class="emojione" alt="🪠" title=":plunger:" src="/packs/emoji/1faa0.svg" />');
-      expect(emojify('🚿')).toEqual('<img draggable="false" class="emojione" alt="🚿" title=":shower:" src="/packs/emoji/1f6bf.svg" />');
-      expect(emojify('🛁')).toEqual('<img draggable="false" class="emojione" alt="🛁" title=":bathtub:" src="/packs/emoji/1f6c1.svg" />');
-      expect(emojify('🪤')).toEqual('<img draggable="false" class="emojione" alt="🪤" title=":mouse_trap:" src="/packs/emoji/1faa4.svg" />');
-      expect(emojify('🪒')).toEqual('<img draggable="false" class="emojione" alt="🪒" title=":razor:" src="/packs/emoji/1fa92.svg" />');
-      expect(emojify('🧴')).toEqual('<img draggable="false" class="emojione" alt="🧴" title=":lotion_bottle:" src="/packs/emoji/1f9f4.svg" />');
-      expect(emojify('🧷')).toEqual('<img draggable="false" class="emojione" alt="🧷" title=":safety_pin:" src="/packs/emoji/1f9f7.svg" />');
-      expect(emojify('🧹')).toEqual('<img draggable="false" class="emojione" alt="🧹" title=":broom:" src="/packs/emoji/1f9f9.svg" />');
-      expect(emojify('🧺')).toEqual('<img draggable="false" class="emojione" alt="🧺" title=":basket:" src="/packs/emoji/1f9fa.svg" />');
-      expect(emojify('🧻')).toEqual('<img draggable="false" class="emojione" alt="🧻" title=":roll_of_paper:" src="/packs/emoji/1f9fb.svg" />');
-      expect(emojify('🪣')).toEqual('<img draggable="false" class="emojione" alt="🪣" title=":bucket:" src="/packs/emoji/1faa3.svg" />');
-      expect(emojify('🧼')).toEqual('<img draggable="false" class="emojione" alt="🧼" title=":soap:" src="/packs/emoji/1f9fc.svg" />');
-      expect(emojify('🫧')).toEqual('<img draggable="false" class="emojione" alt="🫧" title=":bubbles:" src="/packs/emoji/1fae7.svg" />');
-      expect(emojify('🪥')).toEqual('<img draggable="false" class="emojione" alt="🪥" title=":toothbrush:" src="/packs/emoji/1faa5.svg" />');
-      expect(emojify('🧽')).toEqual('<img draggable="false" class="emojione" alt="🧽" title=":sponge:" src="/packs/emoji/1f9fd.svg" />');
-      expect(emojify('🧯')).toEqual('<img draggable="false" class="emojione" alt="🧯" title=":fire_extinguisher:" src="/packs/emoji/1f9ef.svg" />');
-      expect(emojify('🛒')).toEqual('<img draggable="false" class="emojione" alt="🛒" title=":shopping_trolley:" src="/packs/emoji/1f6d2.svg" />');
-      expect(emojify('🚬')).toEqual('<img draggable="false" class="emojione" alt="🚬" title=":smoking:" src="/packs/emoji/1f6ac.svg" />');
-      expect(emojify('⚰️')).toEqual('<img draggable="false" class="emojione" alt="⚰️" title=":coffin:" src="/packs/emoji/26b0.svg" />');
-      expect(emojify('🪦')).toEqual('<img draggable="false" class="emojione" alt="🪦" title=":headstone:" src="/packs/emoji/1faa6.svg" />');
-      expect(emojify('⚱️')).toEqual('<img draggable="false" class="emojione" alt="⚱️" title=":funeral_urn:" src="/packs/emoji/26b1.svg" />');
-      expect(emojify('🗿')).toEqual('<img draggable="false" class="emojione" alt="🗿" title=":moyai:" src="/packs/emoji/1f5ff.svg" />');
-      expect(emojify('🪧')).toEqual('<img draggable="false" class="emojione" alt="🪧" title=":placard:" src="/packs/emoji/1faa7.svg" />');
-      expect(emojify('🪪')).toEqual('<img draggable="false" class="emojione" alt="🪪" title=":identification_card:" src="/packs/emoji/1faaa.svg" />');
-      expect(emojify('🏧')).toEqual('<img draggable="false" class="emojione" alt="🏧" title=":atm:" src="/packs/emoji/1f3e7.svg" />');
-      expect(emojify('🚮')).toEqual('<img draggable="false" class="emojione" alt="🚮" title=":put_litter_in_its_place:" src="/packs/emoji/1f6ae.svg" />');
-      expect(emojify('🚰')).toEqual('<img draggable="false" class="emojione" alt="🚰" title=":potable_water:" src="/packs/emoji/1f6b0.svg" />');
-      expect(emojify('♿')).toEqual('<img draggable="false" class="emojione" alt="♿" title=":wheelchair:" src="/packs/emoji/267f.svg" />');
-      expect(emojify('🚹')).toEqual('<img draggable="false" class="emojione" alt="🚹" title=":mens:" src="/packs/emoji/1f6b9.svg" />');
-      expect(emojify('🚺')).toEqual('<img draggable="false" class="emojione" alt="🚺" title=":womens:" src="/packs/emoji/1f6ba.svg" />');
-      expect(emojify('🚻')).toEqual('<img draggable="false" class="emojione" alt="🚻" title=":restroom:" src="/packs/emoji/1f6bb.svg" />');
-      expect(emojify('🚼')).toEqual('<img draggable="false" class="emojione" alt="🚼" title=":baby_symbol:" src="/packs/emoji/1f6bc.svg" />');
-      expect(emojify('🚾')).toEqual('<img draggable="false" class="emojione" alt="🚾" title=":wc:" src="/packs/emoji/1f6be.svg" />');
-      expect(emojify('🛂')).toEqual('<img draggable="false" class="emojione" alt="🛂" title=":passport_control:" src="/packs/emoji/1f6c2.svg" />');
-      expect(emojify('🛃')).toEqual('<img draggable="false" class="emojione" alt="🛃" title=":customs:" src="/packs/emoji/1f6c3.svg" />');
-      expect(emojify('🛄')).toEqual('<img draggable="false" class="emojione" alt="🛄" title=":baggage_claim:" src="/packs/emoji/1f6c4.svg" />');
-      expect(emojify('🛅')).toEqual('<img draggable="false" class="emojione" alt="🛅" title=":left_luggage:" src="/packs/emoji/1f6c5.svg" />');
-      expect(emojify('⚠️')).toEqual('<img draggable="false" class="emojione" alt="⚠️" title=":warning:" src="/packs/emoji/26a0.svg" />');
-      expect(emojify('🚸')).toEqual('<img draggable="false" class="emojione" alt="🚸" title=":children_crossing:" src="/packs/emoji/1f6b8.svg" />');
-      expect(emojify('⛔')).toEqual('<img draggable="false" class="emojione" alt="⛔" title=":no_entry:" src="/packs/emoji/26d4.svg" />');
-      expect(emojify('🚫')).toEqual('<img draggable="false" class="emojione" alt="🚫" title=":no_entry_sign:" src="/packs/emoji/1f6ab.svg" />');
-      expect(emojify('🚳')).toEqual('<img draggable="false" class="emojione" alt="🚳" title=":no_bicycles:" src="/packs/emoji/1f6b3.svg" />');
-      expect(emojify('🚭')).toEqual('<img draggable="false" class="emojione" alt="🚭" title=":no_smoking:" src="/packs/emoji/1f6ad.svg" />');
-      expect(emojify('🚯')).toEqual('<img draggable="false" class="emojione" alt="🚯" title=":do_not_litter:" src="/packs/emoji/1f6af.svg" />');
-      expect(emojify('🚱')).toEqual('<img draggable="false" class="emojione" alt="🚱" title=":non-potable_water:" src="/packs/emoji/1f6b1.svg" />');
-      expect(emojify('🚷')).toEqual('<img draggable="false" class="emojione" alt="🚷" title=":no_pedestrians:" src="/packs/emoji/1f6b7.svg" />');
-      expect(emojify('📵')).toEqual('<img draggable="false" class="emojione" alt="📵" title=":no_mobile_phones:" src="/packs/emoji/1f4f5.svg" />');
-      expect(emojify('🔞')).toEqual('<img draggable="false" class="emojione" alt="🔞" title=":underage:" src="/packs/emoji/1f51e.svg" />');
-      expect(emojify('☢️')).toEqual('<img draggable="false" class="emojione" alt="☢️" title=":radioactive_sign:" src="/packs/emoji/2622.svg" />');
-      expect(emojify('☣️')).toEqual('<img draggable="false" class="emojione" alt="☣️" title=":biohazard_sign:" src="/packs/emoji/2623.svg" />');
-      expect(emojify('⬆️')).toEqual('<img draggable="false" class="emojione" alt="⬆️" title=":arrow_up:" src="/packs/emoji/2b06.svg" />');
-      expect(emojify('↗️')).toEqual('<img draggable="false" class="emojione" alt="↗️" title=":arrow_upper_right:" src="/packs/emoji/2197.svg" />');
-      expect(emojify('➡️')).toEqual('<img draggable="false" class="emojione" alt="➡️" title=":arrow_right:" src="/packs/emoji/27a1.svg" />');
-      expect(emojify('↘️')).toEqual('<img draggable="false" class="emojione" alt="↘️" title=":arrow_lower_right:" src="/packs/emoji/2198.svg" />');
-      expect(emojify('⬇️')).toEqual('<img draggable="false" class="emojione" alt="⬇️" title=":arrow_down:" src="/packs/emoji/2b07.svg" />');
-      expect(emojify('↙️')).toEqual('<img draggable="false" class="emojione" alt="↙️" title=":arrow_lower_left:" src="/packs/emoji/2199.svg" />');
-      expect(emojify('⬅️')).toEqual('<img draggable="false" class="emojione" alt="⬅️" title=":arrow_left:" src="/packs/emoji/2b05.svg" />');
-      expect(emojify('↖️')).toEqual('<img draggable="false" class="emojione" alt="↖️" title=":arrow_upper_left:" src="/packs/emoji/2196.svg" />');
-      expect(emojify('↕️')).toEqual('<img draggable="false" class="emojione" alt="↕️" title=":arrow_up_down:" src="/packs/emoji/2195.svg" />');
-      expect(emojify('↔️')).toEqual('<img draggable="false" class="emojione" alt="↔️" title=":left_right_arrow:" src="/packs/emoji/2194.svg" />');
-      expect(emojify('↩️')).toEqual('<img draggable="false" class="emojione" alt="↩️" title=":leftwards_arrow_with_hook:" src="/packs/emoji/21a9.svg" />');
-      expect(emojify('↪️')).toEqual('<img draggable="false" class="emojione" alt="↪️" title=":arrow_right_hook:" src="/packs/emoji/21aa.svg" />');
-      expect(emojify('⤴️')).toEqual('<img draggable="false" class="emojione" alt="⤴️" title=":arrow_heading_up:" src="/packs/emoji/2934.svg" />');
-      expect(emojify('⤵️')).toEqual('<img draggable="false" class="emojione" alt="⤵️" title=":arrow_heading_down:" src="/packs/emoji/2935.svg" />');
-      expect(emojify('🔃')).toEqual('<img draggable="false" class="emojione" alt="🔃" title=":arrows_clockwise:" src="/packs/emoji/1f503.svg" />');
-      expect(emojify('🔄')).toEqual('<img draggable="false" class="emojione" alt="🔄" title=":arrows_counterclockwise:" src="/packs/emoji/1f504.svg" />');
-      expect(emojify('🔙')).toEqual('<img draggable="false" class="emojione" alt="🔙" title=":back:" src="/packs/emoji/1f519.svg" />');
-      expect(emojify('🔚')).toEqual('<img draggable="false" class="emojione" alt="🔚" title=":end:" src="/packs/emoji/1f51a.svg" />');
-      expect(emojify('🔛')).toEqual('<img draggable="false" class="emojione" alt="🔛" title=":on:" src="/packs/emoji/1f51b.svg" />');
-      expect(emojify('🔜')).toEqual('<img draggable="false" class="emojione" alt="🔜" title=":soon:" src="/packs/emoji/1f51c.svg" />');
-      expect(emojify('🔝')).toEqual('<img draggable="false" class="emojione" alt="🔝" title=":top:" src="/packs/emoji/1f51d.svg" />');
-      expect(emojify('🛐')).toEqual('<img draggable="false" class="emojione" alt="🛐" title=":place_of_worship:" src="/packs/emoji/1f6d0.svg" />');
-      expect(emojify('⚛️')).toEqual('<img draggable="false" class="emojione" alt="⚛️" title=":atom_symbol:" src="/packs/emoji/269b.svg" />');
-      expect(emojify('🕉️')).toEqual('<img draggable="false" class="emojione" alt="🕉️" title=":om_symbol:" src="/packs/emoji/1f549.svg" />');
-      expect(emojify('✡️')).toEqual('<img draggable="false" class="emojione" alt="✡️" title=":star_of_david:" src="/packs/emoji/2721.svg" />');
-      expect(emojify('☸️')).toEqual('<img draggable="false" class="emojione" alt="☸️" title=":wheel_of_dharma:" src="/packs/emoji/2638.svg" />');
-      expect(emojify('☯️')).toEqual('<img draggable="false" class="emojione" alt="☯️" title=":yin_yang:" src="/packs/emoji/262f.svg" />');
-      expect(emojify('✝️')).toEqual('<img draggable="false" class="emojione" alt="✝️" title=":latin_cross:" src="/packs/emoji/271d.svg" />');
-      expect(emojify('☦️')).toEqual('<img draggable="false" class="emojione" alt="☦️" title=":orthodox_cross:" src="/packs/emoji/2626.svg" />');
-      expect(emojify('☪️')).toEqual('<img draggable="false" class="emojione" alt="☪️" title=":star_and_crescent:" src="/packs/emoji/262a.svg" />');
-      expect(emojify('☮️')).toEqual('<img draggable="false" class="emojione" alt="☮️" title=":peace_symbol:" src="/packs/emoji/262e.svg" />');
-      expect(emojify('🕎')).toEqual('<img draggable="false" class="emojione" alt="🕎" title=":menorah_with_nine_branches:" src="/packs/emoji/1f54e.svg" />');
-      expect(emojify('🔯')).toEqual('<img draggable="false" class="emojione" alt="🔯" title=":six_pointed_star:" src="/packs/emoji/1f52f.svg" />');
-      expect(emojify('♈')).toEqual('<img draggable="false" class="emojione" alt="♈" title=":aries:" src="/packs/emoji/2648.svg" />');
-      expect(emojify('♉')).toEqual('<img draggable="false" class="emojione" alt="♉" title=":taurus:" src="/packs/emoji/2649.svg" />');
-      expect(emojify('♊')).toEqual('<img draggable="false" class="emojione" alt="♊" title=":gemini:" src="/packs/emoji/264a.svg" />');
-      expect(emojify('♋')).toEqual('<img draggable="false" class="emojione" alt="♋" title=":cancer:" src="/packs/emoji/264b.svg" />');
-      expect(emojify('♌')).toEqual('<img draggable="false" class="emojione" alt="♌" title=":leo:" src="/packs/emoji/264c.svg" />');
-      expect(emojify('♍')).toEqual('<img draggable="false" class="emojione" alt="♍" title=":virgo:" src="/packs/emoji/264d.svg" />');
-      expect(emojify('♎')).toEqual('<img draggable="false" class="emojione" alt="♎" title=":libra:" src="/packs/emoji/264e.svg" />');
-      expect(emojify('♏')).toEqual('<img draggable="false" class="emojione" alt="♏" title=":scorpius:" src="/packs/emoji/264f.svg" />');
-      expect(emojify('♐')).toEqual('<img draggable="false" class="emojione" alt="♐" title=":sagittarius:" src="/packs/emoji/2650.svg" />');
-      expect(emojify('♑')).toEqual('<img draggable="false" class="emojione" alt="♑" title=":capricorn:" src="/packs/emoji/2651.svg" />');
-      expect(emojify('♒')).toEqual('<img draggable="false" class="emojione" alt="♒" title=":aquarius:" src="/packs/emoji/2652.svg" />');
-      expect(emojify('♓')).toEqual('<img draggable="false" class="emojione" alt="♓" title=":pisces:" src="/packs/emoji/2653.svg" />');
-      expect(emojify('⛎')).toEqual('<img draggable="false" class="emojione" alt="⛎" title=":ophiuchus:" src="/packs/emoji/26ce.svg" />');
-      expect(emojify('🔀')).toEqual('<img draggable="false" class="emojione" alt="🔀" title=":twisted_rightwards_arrows:" src="/packs/emoji/1f500.svg" />');
-      expect(emojify('🔁')).toEqual('<img draggable="false" class="emojione" alt="🔁" title=":repeat:" src="/packs/emoji/1f501.svg" />');
-      expect(emojify('🔂')).toEqual('<img draggable="false" class="emojione" alt="🔂" title=":repeat_one:" src="/packs/emoji/1f502.svg" />');
-      expect(emojify('▶️')).toEqual('<img draggable="false" class="emojione" alt="▶️" title=":arrow_forward:" src="/packs/emoji/25b6.svg" />');
-      expect(emojify('⏩')).toEqual('<img draggable="false" class="emojione" alt="⏩" title=":fast_forward:" src="/packs/emoji/23e9.svg" />');
-      expect(emojify('⏭️')).toEqual('<img draggable="false" class="emojione" alt="⏭️" title=":black_right_pointing_double_triangle_with_vertical_bar:" src="/packs/emoji/23ed.svg" />');
-      expect(emojify('⏯️')).toEqual('<img draggable="false" class="emojione" alt="⏯️" title=":black_right_pointing_triangle_with_double_vertical_bar:" src="/packs/emoji/23ef.svg" />');
-      expect(emojify('◀️')).toEqual('<img draggable="false" class="emojione" alt="◀️" title=":arrow_backward:" src="/packs/emoji/25c0.svg" />');
-      expect(emojify('⏪')).toEqual('<img draggable="false" class="emojione" alt="⏪" title=":rewind:" src="/packs/emoji/23ea.svg" />');
-      expect(emojify('⏮️')).toEqual('<img draggable="false" class="emojione" alt="⏮️" title=":black_left_pointing_double_triangle_with_vertical_bar:" src="/packs/emoji/23ee.svg" />');
-      expect(emojify('🔼')).toEqual('<img draggable="false" class="emojione" alt="🔼" title=":arrow_up_small:" src="/packs/emoji/1f53c.svg" />');
-      expect(emojify('⏫')).toEqual('<img draggable="false" class="emojione" alt="⏫" title=":arrow_double_up:" src="/packs/emoji/23eb.svg" />');
-      expect(emojify('🔽')).toEqual('<img draggable="false" class="emojione" alt="🔽" title=":arrow_down_small:" src="/packs/emoji/1f53d.svg" />');
-      expect(emojify('⏬')).toEqual('<img draggable="false" class="emojione" alt="⏬" title=":arrow_double_down:" src="/packs/emoji/23ec.svg" />');
-      expect(emojify('⏸️')).toEqual('<img draggable="false" class="emojione" alt="⏸️" title=":double_vertical_bar:" src="/packs/emoji/23f8.svg" />');
-      expect(emojify('⏹️')).toEqual('<img draggable="false" class="emojione" alt="⏹️" title=":black_square_for_stop:" src="/packs/emoji/23f9.svg" />');
-      expect(emojify('⏺️')).toEqual('<img draggable="false" class="emojione" alt="⏺️" title=":black_circle_for_record:" src="/packs/emoji/23fa.svg" />');
-      expect(emojify('⏏️')).toEqual('<img draggable="false" class="emojione" alt="⏏️" title=":eject:" src="/packs/emoji/23cf.svg" />');
-      expect(emojify('🎦')).toEqual('<img draggable="false" class="emojione" alt="🎦" title=":cinema:" src="/packs/emoji/1f3a6.svg" />');
-      expect(emojify('🔅')).toEqual('<img draggable="false" class="emojione" alt="🔅" title=":low_brightness:" src="/packs/emoji/1f505.svg" />');
-      expect(emojify('🔆')).toEqual('<img draggable="false" class="emojione" alt="🔆" title=":high_brightness:" src="/packs/emoji/1f506.svg" />');
-      expect(emojify('📶')).toEqual('<img draggable="false" class="emojione" alt="📶" title=":signal_strength:" src="/packs/emoji/1f4f6.svg" />');
-      expect(emojify('📳')).toEqual('<img draggable="false" class="emojione" alt="📳" title=":vibration_mode:" src="/packs/emoji/1f4f3.svg" />');
-      expect(emojify('📴')).toEqual('<img draggable="false" class="emojione" alt="📴" title=":mobile_phone_off:" src="/packs/emoji/1f4f4.svg" />');
-      expect(emojify('♀️')).toEqual('<img draggable="false" class="emojione" alt="♀️" title=":female_sign:" src="/packs/emoji/2640.svg" />');
-      expect(emojify('♂️')).toEqual('<img draggable="false" class="emojione" alt="♂️" title=":male_sign:" src="/packs/emoji/2642.svg" />');
-      expect(emojify('⚧️')).toEqual('<img draggable="false" class="emojione" alt="⚧️" title=":transgender_symbol:" src="/packs/emoji/26a7.svg" />');
-      expect(emojify('✖️')).toEqual('<img draggable="false" class="emojione" alt="✖️" title=":heavy_multiplication_x:" src="/packs/emoji/2716.svg" />');
-      expect(emojify('➕')).toEqual('<img draggable="false" class="emojione" alt="➕" title=":heavy_plus_sign:" src="/packs/emoji/2795.svg" />');
-      expect(emojify('➖')).toEqual('<img draggable="false" class="emojione" alt="➖" title=":heavy_minus_sign:" src="/packs/emoji/2796.svg" />');
-      expect(emojify('➗')).toEqual('<img draggable="false" class="emojione" alt="➗" title=":heavy_division_sign:" src="/packs/emoji/2797.svg" />');
-      expect(emojify('🟰')).toEqual('<img draggable="false" class="emojione" alt="🟰" title=":heavy_equals_sign:" src="/packs/emoji/1f7f0.svg" />');
-      expect(emojify('♾️')).toEqual('<img draggable="false" class="emojione" alt="♾️" title=":infinity:" src="/packs/emoji/267e.svg" />');
-      expect(emojify('‼️')).toEqual('<img draggable="false" class="emojione" alt="‼️" title=":bangbang:" src="/packs/emoji/203c.svg" />');
-      expect(emojify('⁉️')).toEqual('<img draggable="false" class="emojione" alt="⁉️" title=":interrobang:" src="/packs/emoji/2049.svg" />');
-      expect(emojify('❓')).toEqual('<img draggable="false" class="emojione" alt="❓" title=":question:" src="/packs/emoji/2753.svg" />');
-      expect(emojify('❔')).toEqual('<img draggable="false" class="emojione" alt="❔" title=":grey_question:" src="/packs/emoji/2754.svg" />');
-      expect(emojify('❕')).toEqual('<img draggable="false" class="emojione" alt="❕" title=":grey_exclamation:" src="/packs/emoji/2755.svg" />');
-      expect(emojify('❗')).toEqual('<img draggable="false" class="emojione" alt="❗" title=":exclamation:" src="/packs/emoji/2757.svg" />');
-      expect(emojify('〰️')).toEqual('<img draggable="false" class="emojione" alt="〰️" title=":wavy_dash:" src="/packs/emoji/3030.svg" />');
-      expect(emojify('💱')).toEqual('<img draggable="false" class="emojione" alt="💱" title=":currency_exchange:" src="/packs/emoji/1f4b1.svg" />');
-      expect(emojify('💲')).toEqual('<img draggable="false" class="emojione" alt="💲" title=":heavy_dollar_sign:" src="/packs/emoji/1f4b2.svg" />');
-      expect(emojify('⚕️')).toEqual('<img draggable="false" class="emojione" alt="⚕️" title=":medical_symbol:" src="/packs/emoji/2695.svg" />');
-      expect(emojify('♻️')).toEqual('<img draggable="false" class="emojione" alt="♻️" title=":recycle:" src="/packs/emoji/267b.svg" />');
-      expect(emojify('⚜️')).toEqual('<img draggable="false" class="emojione" alt="⚜️" title=":fleur_de_lis:" src="/packs/emoji/269c.svg" />');
-      expect(emojify('🔱')).toEqual('<img draggable="false" class="emojione" alt="🔱" title=":trident:" src="/packs/emoji/1f531.svg" />');
-      expect(emojify('📛')).toEqual('<img draggable="false" class="emojione" alt="📛" title=":name_badge:" src="/packs/emoji/1f4db.svg" />');
-      expect(emojify('🔰')).toEqual('<img draggable="false" class="emojione" alt="🔰" title=":beginner:" src="/packs/emoji/1f530.svg" />');
-      expect(emojify('⭕')).toEqual('<img draggable="false" class="emojione" alt="⭕" title=":o:" src="/packs/emoji/2b55.svg" />');
-      expect(emojify('✅')).toEqual('<img draggable="false" class="emojione" alt="✅" title=":white_check_mark:" src="/packs/emoji/2705.svg" />');
-      expect(emojify('☑️')).toEqual('<img draggable="false" class="emojione" alt="☑️" title=":ballot_box_with_check:" src="/packs/emoji/2611.svg" />');
-      expect(emojify('✔️')).toEqual('<img draggable="false" class="emojione" alt="✔️" title=":heavy_check_mark:" src="/packs/emoji/2714.svg" />');
-      expect(emojify('❌')).toEqual('<img draggable="false" class="emojione" alt="❌" title=":x:" src="/packs/emoji/274c.svg" />');
-      expect(emojify('❎')).toEqual('<img draggable="false" class="emojione" alt="❎" title=":negative_squared_cross_mark:" src="/packs/emoji/274e.svg" />');
-      expect(emojify('➰')).toEqual('<img draggable="false" class="emojione" alt="➰" title=":curly_loop:" src="/packs/emoji/27b0.svg" />');
-      expect(emojify('➿')).toEqual('<img draggable="false" class="emojione" alt="➿" title=":loop:" src="/packs/emoji/27bf.svg" />');
-      expect(emojify('〽️')).toEqual('<img draggable="false" class="emojione" alt="〽️" title=":part_alternation_mark:" src="/packs/emoji/303d.svg" />');
-      expect(emojify('✳️')).toEqual('<img draggable="false" class="emojione" alt="✳️" title=":eight_spoked_asterisk:" src="/packs/emoji/2733.svg" />');
-      expect(emojify('✴️')).toEqual('<img draggable="false" class="emojione" alt="✴️" title=":eight_pointed_black_star:" src="/packs/emoji/2734.svg" />');
-      expect(emojify('❇️')).toEqual('<img draggable="false" class="emojione" alt="❇️" title=":sparkle:" src="/packs/emoji/2747.svg" />');
-      expect(emojify('©️')).toEqual('<img draggable="false" class="emojione" alt="©️" title=":copyright:" src="/packs/emoji/a9.svg" />');
-      expect(emojify('®️')).toEqual('<img draggable="false" class="emojione" alt="®️" title=":registered:" src="/packs/emoji/ae.svg" />');
-      expect(emojify('™️')).toEqual('<img draggable="false" class="emojione" alt="™️" title=":tm:" src="/packs/emoji/2122.svg" />');
-      expect(emojify('#️⃣')).toEqual('<img draggable="false" class="emojione" alt="#️⃣" title=":hash:" src="/packs/emoji/23-20e3.svg" />');
-      expect(emojify('*️⃣')).toEqual('<img draggable="false" class="emojione" alt="*️⃣" title=":keycap_star:" src="/packs/emoji/2a-20e3.svg" />');
-      expect(emojify('0️⃣')).toEqual('<img draggable="false" class="emojione" alt="0️⃣" title=":zero:" src="/packs/emoji/30-20e3.svg" />');
-      expect(emojify('1️⃣')).toEqual('<img draggable="false" class="emojione" alt="1️⃣" title=":one:" src="/packs/emoji/31-20e3.svg" />');
-      expect(emojify('2️⃣')).toEqual('<img draggable="false" class="emojione" alt="2️⃣" title=":two:" src="/packs/emoji/32-20e3.svg" />');
-      expect(emojify('3️⃣')).toEqual('<img draggable="false" class="emojione" alt="3️⃣" title=":three:" src="/packs/emoji/33-20e3.svg" />');
-      expect(emojify('4️⃣')).toEqual('<img draggable="false" class="emojione" alt="4️⃣" title=":four:" src="/packs/emoji/34-20e3.svg" />');
-      expect(emojify('5️⃣')).toEqual('<img draggable="false" class="emojione" alt="5️⃣" title=":five:" src="/packs/emoji/35-20e3.svg" />');
-      expect(emojify('6️⃣')).toEqual('<img draggable="false" class="emojione" alt="6️⃣" title=":six:" src="/packs/emoji/36-20e3.svg" />');
-      expect(emojify('7️⃣')).toEqual('<img draggable="false" class="emojione" alt="7️⃣" title=":seven:" src="/packs/emoji/37-20e3.svg" />');
-      expect(emojify('8️⃣')).toEqual('<img draggable="false" class="emojione" alt="8️⃣" title=":eight:" src="/packs/emoji/38-20e3.svg" />');
-      expect(emojify('9️⃣')).toEqual('<img draggable="false" class="emojione" alt="9️⃣" title=":nine:" src="/packs/emoji/39-20e3.svg" />');
-      expect(emojify('🔟')).toEqual('<img draggable="false" class="emojione" alt="🔟" title=":keycap_ten:" src="/packs/emoji/1f51f.svg" />');
-      expect(emojify('🔠')).toEqual('<img draggable="false" class="emojione" alt="🔠" title=":capital_abcd:" src="/packs/emoji/1f520.svg" />');
-      expect(emojify('🔡')).toEqual('<img draggable="false" class="emojione" alt="🔡" title=":abcd:" src="/packs/emoji/1f521.svg" />');
-      expect(emojify('🔣')).toEqual('<img draggable="false" class="emojione" alt="🔣" title=":symbols:" src="/packs/emoji/1f523.svg" />');
-      expect(emojify('🔤')).toEqual('<img draggable="false" class="emojione" alt="🔤" title=":abc:" src="/packs/emoji/1f524.svg" />');
-      expect(emojify('🅰️')).toEqual('<img draggable="false" class="emojione" alt="🅰️" title=":a:" src="/packs/emoji/1f170.svg" />');
-      expect(emojify('🆎')).toEqual('<img draggable="false" class="emojione" alt="🆎" title=":ab:" src="/packs/emoji/1f18e.svg" />');
-      expect(emojify('🅱️')).toEqual('<img draggable="false" class="emojione" alt="🅱️" title=":b:" src="/packs/emoji/1f171.svg" />');
-      expect(emojify('🆑')).toEqual('<img draggable="false" class="emojione" alt="🆑" title=":cl:" src="/packs/emoji/1f191.svg" />');
-      expect(emojify('🆒')).toEqual('<img draggable="false" class="emojione" alt="🆒" title=":cool:" src="/packs/emoji/1f192.svg" />');
-      expect(emojify('🆓')).toEqual('<img draggable="false" class="emojione" alt="🆓" title=":free:" src="/packs/emoji/1f193.svg" />');
-      expect(emojify('ℹ️')).toEqual('<img draggable="false" class="emojione" alt="ℹ️" title=":information_source:" src="/packs/emoji/2139.svg" />');
-      expect(emojify('🆔')).toEqual('<img draggable="false" class="emojione" alt="🆔" title=":id:" src="/packs/emoji/1f194.svg" />');
-      expect(emojify('Ⓜ️')).toEqual('<img draggable="false" class="emojione" alt="Ⓜ️" title=":m:" src="/packs/emoji/24c2.svg" />');
-      expect(emojify('🆕')).toEqual('<img draggable="false" class="emojione" alt="🆕" title=":new:" src="/packs/emoji/1f195.svg" />');
-      expect(emojify('🆖')).toEqual('<img draggable="false" class="emojione" alt="🆖" title=":ng:" src="/packs/emoji/1f196.svg" />');
-      expect(emojify('🅾️')).toEqual('<img draggable="false" class="emojione" alt="🅾️" title=":o2:" src="/packs/emoji/1f17e.svg" />');
-      expect(emojify('🆗')).toEqual('<img draggable="false" class="emojione" alt="🆗" title=":ok:" src="/packs/emoji/1f197.svg" />');
-      expect(emojify('🅿️')).toEqual('<img draggable="false" class="emojione" alt="🅿️" title=":parking:" src="/packs/emoji/1f17f.svg" />');
-      expect(emojify('🆘')).toEqual('<img draggable="false" class="emojione" alt="🆘" title=":sos:" src="/packs/emoji/1f198.svg" />');
-      expect(emojify('🆙')).toEqual('<img draggable="false" class="emojione" alt="🆙" title=":up:" src="/packs/emoji/1f199.svg" />');
-      expect(emojify('🆚')).toEqual('<img draggable="false" class="emojione" alt="🆚" title=":vs:" src="/packs/emoji/1f19a.svg" />');
-      expect(emojify('🈁')).toEqual('<img draggable="false" class="emojione" alt="🈁" title=":koko:" src="/packs/emoji/1f201.svg" />');
-      expect(emojify('🈂️')).toEqual('<img draggable="false" class="emojione" alt="🈂️" title=":sa:" src="/packs/emoji/1f202.svg" />');
-      expect(emojify('🈷️')).toEqual('<img draggable="false" class="emojione" alt="🈷️" title=":u6708:" src="/packs/emoji/1f237.svg" />');
-      expect(emojify('🈶')).toEqual('<img draggable="false" class="emojione" alt="🈶" title=":u6709:" src="/packs/emoji/1f236.svg" />');
-      expect(emojify('🈯')).toEqual('<img draggable="false" class="emojione" alt="🈯" title=":u6307:" src="/packs/emoji/1f22f.svg" />');
-      expect(emojify('🉐')).toEqual('<img draggable="false" class="emojione" alt="🉐" title=":ideograph_advantage:" src="/packs/emoji/1f250.svg" />');
-      expect(emojify('🈹')).toEqual('<img draggable="false" class="emojione" alt="🈹" title=":u5272:" src="/packs/emoji/1f239.svg" />');
-      expect(emojify('🈚')).toEqual('<img draggable="false" class="emojione" alt="🈚" title=":u7121:" src="/packs/emoji/1f21a.svg" />');
-      expect(emojify('🈲')).toEqual('<img draggable="false" class="emojione" alt="🈲" title=":u7981:" src="/packs/emoji/1f232.svg" />');
-      expect(emojify('🉑')).toEqual('<img draggable="false" class="emojione" alt="🉑" title=":accept:" src="/packs/emoji/1f251.svg" />');
-      expect(emojify('🈸')).toEqual('<img draggable="false" class="emojione" alt="🈸" title=":u7533:" src="/packs/emoji/1f238.svg" />');
-      expect(emojify('🈴')).toEqual('<img draggable="false" class="emojione" alt="🈴" title=":u5408:" src="/packs/emoji/1f234.svg" />');
-      expect(emojify('🈳')).toEqual('<img draggable="false" class="emojione" alt="🈳" title=":u7a7a:" src="/packs/emoji/1f233.svg" />');
-      expect(emojify('㊗️')).toEqual('<img draggable="false" class="emojione" alt="㊗️" title=":congratulations:" src="/packs/emoji/3297.svg" />');
-      expect(emojify('㊙️')).toEqual('<img draggable="false" class="emojione" alt="㊙️" title=":secret:" src="/packs/emoji/3299.svg" />');
-      expect(emojify('🈺')).toEqual('<img draggable="false" class="emojione" alt="🈺" title=":u55b6:" src="/packs/emoji/1f23a.svg" />');
-      expect(emojify('🈵')).toEqual('<img draggable="false" class="emojione" alt="🈵" title=":u6e80:" src="/packs/emoji/1f235.svg" />');
-      expect(emojify('🔴')).toEqual('<img draggable="false" class="emojione" alt="🔴" title=":red_circle:" src="/packs/emoji/1f534.svg" />');
-      expect(emojify('🟠')).toEqual('<img draggable="false" class="emojione" alt="🟠" title=":large_orange_circle:" src="/packs/emoji/1f7e0.svg" />');
-      expect(emojify('🟡')).toEqual('<img draggable="false" class="emojione" alt="🟡" title=":large_yellow_circle:" src="/packs/emoji/1f7e1.svg" />');
-      expect(emojify('🟢')).toEqual('<img draggable="false" class="emojione" alt="🟢" title=":large_green_circle:" src="/packs/emoji/1f7e2.svg" />');
-      expect(emojify('🔵')).toEqual('<img draggable="false" class="emojione" alt="🔵" title=":large_blue_circle:" src="/packs/emoji/1f535.svg" />');
-      expect(emojify('🟣')).toEqual('<img draggable="false" class="emojione" alt="🟣" title=":large_purple_circle:" src="/packs/emoji/1f7e3.svg" />');
-      expect(emojify('🟤')).toEqual('<img draggable="false" class="emojione" alt="🟤" title=":large_brown_circle:" src="/packs/emoji/1f7e4.svg" />');
-      expect(emojify('⚫')).toEqual('<img draggable="false" class="emojione" alt="⚫" title=":black_circle:" src="/packs/emoji/26ab.svg" />');
-      expect(emojify('⚪')).toEqual('<img draggable="false" class="emojione" alt="⚪" title=":white_circle:" src="/packs/emoji/26aa.svg" />');
-      expect(emojify('🟥')).toEqual('<img draggable="false" class="emojione" alt="🟥" title=":large_red_square:" src="/packs/emoji/1f7e5.svg" />');
-      expect(emojify('🟧')).toEqual('<img draggable="false" class="emojione" alt="🟧" title=":large_orange_square:" src="/packs/emoji/1f7e7.svg" />');
-      expect(emojify('🟨')).toEqual('<img draggable="false" class="emojione" alt="🟨" title=":large_yellow_square:" src="/packs/emoji/1f7e8.svg" />');
-      expect(emojify('🟩')).toEqual('<img draggable="false" class="emojione" alt="🟩" title=":large_green_square:" src="/packs/emoji/1f7e9.svg" />');
-      expect(emojify('🟦')).toEqual('<img draggable="false" class="emojione" alt="🟦" title=":large_blue_square:" src="/packs/emoji/1f7e6.svg" />');
-      expect(emojify('🟪')).toEqual('<img draggable="false" class="emojione" alt="🟪" title=":large_purple_square:" src="/packs/emoji/1f7ea.svg" />');
-      expect(emojify('🟫')).toEqual('<img draggable="false" class="emojione" alt="🟫" title=":large_brown_square:" src="/packs/emoji/1f7eb.svg" />');
-      expect(emojify('⬛')).toEqual('<img draggable="false" class="emojione" alt="⬛" title=":black_large_square:" src="/packs/emoji/2b1b.svg" />');
-      expect(emojify('⬜')).toEqual('<img draggable="false" class="emojione" alt="⬜" title=":white_large_square:" src="/packs/emoji/2b1c.svg" />');
-      expect(emojify('◼️')).toEqual('<img draggable="false" class="emojione" alt="◼️" title=":black_medium_square:" src="/packs/emoji/25fc.svg" />');
-      expect(emojify('◻️')).toEqual('<img draggable="false" class="emojione" alt="◻️" title=":white_medium_square:" src="/packs/emoji/25fb.svg" />');
-      expect(emojify('◾')).toEqual('<img draggable="false" class="emojione" alt="◾" title=":black_medium_small_square:" src="/packs/emoji/25fe.svg" />');
-      expect(emojify('◽')).toEqual('<img draggable="false" class="emojione" alt="◽" title=":white_medium_small_square:" src="/packs/emoji/25fd.svg" />');
-      expect(emojify('▪️')).toEqual('<img draggable="false" class="emojione" alt="▪️" title=":black_small_square:" src="/packs/emoji/25aa.svg" />');
-      expect(emojify('▫️')).toEqual('<img draggable="false" class="emojione" alt="▫️" title=":white_small_square:" src="/packs/emoji/25ab.svg" />');
-      expect(emojify('🔶')).toEqual('<img draggable="false" class="emojione" alt="🔶" title=":large_orange_diamond:" src="/packs/emoji/1f536.svg" />');
-      expect(emojify('🔷')).toEqual('<img draggable="false" class="emojione" alt="🔷" title=":large_blue_diamond:" src="/packs/emoji/1f537.svg" />');
-      expect(emojify('🔸')).toEqual('<img draggable="false" class="emojione" alt="🔸" title=":small_orange_diamond:" src="/packs/emoji/1f538.svg" />');
-      expect(emojify('🔹')).toEqual('<img draggable="false" class="emojione" alt="🔹" title=":small_blue_diamond:" src="/packs/emoji/1f539.svg" />');
-      expect(emojify('🔺')).toEqual('<img draggable="false" class="emojione" alt="🔺" title=":small_red_triangle:" src="/packs/emoji/1f53a.svg" />');
-      expect(emojify('🔻')).toEqual('<img draggable="false" class="emojione" alt="🔻" title=":small_red_triangle_down:" src="/packs/emoji/1f53b.svg" />');
-      expect(emojify('💠')).toEqual('<img draggable="false" class="emojione" alt="💠" title=":diamond_shape_with_a_dot_inside:" src="/packs/emoji/1f4a0.svg" />');
-      expect(emojify('🔘')).toEqual('<img draggable="false" class="emojione" alt="🔘" title=":radio_button:" src="/packs/emoji/1f518.svg" />');
-      expect(emojify('🔳')).toEqual('<img draggable="false" class="emojione" alt="🔳" title=":white_square_button:" src="/packs/emoji/1f533.svg" />');
-      expect(emojify('🔲')).toEqual('<img draggable="false" class="emojione" alt="🔲" title=":black_square_button:" src="/packs/emoji/1f532.svg" />');
-      expect(emojify('🏁')).toEqual('<img draggable="false" class="emojione" alt="🏁" title=":checkered_flag:" src="/packs/emoji/1f3c1.svg" />');
-      expect(emojify('🚩')).toEqual('<img draggable="false" class="emojione" alt="🚩" title=":triangular_flag_on_post:" src="/packs/emoji/1f6a9.svg" />');
-      expect(emojify('🎌')).toEqual('<img draggable="false" class="emojione" alt="🎌" title=":crossed_flags:" src="/packs/emoji/1f38c.svg" />');
-      expect(emojify('🏴')).toEqual('<img draggable="false" class="emojione" alt="🏴" title=":waving_black_flag:" src="/packs/emoji/1f3f4.svg" />');
-      expect(emojify('🏳️')).toEqual('<img draggable="false" class="emojione" alt="🏳️" title=":waving_white_flag:" src="/packs/emoji/1f3f3.svg" />');
-      expect(emojify('🏳️‍🌈')).toEqual('<img draggable="false" class="emojione" alt="🏳️‍🌈" title=":rainbow-flag:" src="/packs/emoji/1f3f3-fe0f-200d-1f308.svg" />');
-      expect(emojify('🏳️‍⚧️')).toEqual('<img draggable="false" class="emojione" alt="🏳️‍⚧️" title=":transgender_flag:" src="/packs/emoji/1f3f3-fe0f-200d-26a7-fe0f.svg" />');
-      expect(emojify('🏴‍☠️')).toEqual('<img draggable="false" class="emojione" alt="🏴‍☠️" title=":pirate_flag:" src="/packs/emoji/1f3f4-200d-2620-fe0f.svg" />');
-      expect(emojify('🇦🇨')).toEqual('<img draggable="false" class="emojione" alt="🇦🇨" title=":flag-ac:" src="/packs/emoji/1f1e6-1f1e8.svg" />');
-      expect(emojify('🇦🇩')).toEqual('<img draggable="false" class="emojione" alt="🇦🇩" title=":flag-ad:" src="/packs/emoji/1f1e6-1f1e9.svg" />');
-      expect(emojify('🇦🇪')).toEqual('<img draggable="false" class="emojione" alt="🇦🇪" title=":flag-ae:" src="/packs/emoji/1f1e6-1f1ea.svg" />');
-      expect(emojify('🇦🇫')).toEqual('<img draggable="false" class="emojione" alt="🇦🇫" title=":flag-af:" src="/packs/emoji/1f1e6-1f1eb.svg" />');
-      expect(emojify('🇦🇬')).toEqual('<img draggable="false" class="emojione" alt="🇦🇬" title=":flag-ag:" src="/packs/emoji/1f1e6-1f1ec.svg" />');
-      expect(emojify('🇦🇮')).toEqual('<img draggable="false" class="emojione" alt="🇦🇮" title=":flag-ai:" src="/packs/emoji/1f1e6-1f1ee.svg" />');
-      expect(emojify('🇦🇱')).toEqual('<img draggable="false" class="emojione" alt="🇦🇱" title=":flag-al:" src="/packs/emoji/1f1e6-1f1f1.svg" />');
-      expect(emojify('🇦🇲')).toEqual('<img draggable="false" class="emojione" alt="🇦🇲" title=":flag-am:" src="/packs/emoji/1f1e6-1f1f2.svg" />');
-      expect(emojify('🇦🇴')).toEqual('<img draggable="false" class="emojione" alt="🇦🇴" title=":flag-ao:" src="/packs/emoji/1f1e6-1f1f4.svg" />');
-      expect(emojify('🇦🇶')).toEqual('<img draggable="false" class="emojione" alt="🇦🇶" title=":flag-aq:" src="/packs/emoji/1f1e6-1f1f6.svg" />');
-      expect(emojify('🇦🇷')).toEqual('<img draggable="false" class="emojione" alt="🇦🇷" title=":flag-ar:" src="/packs/emoji/1f1e6-1f1f7.svg" />');
-      expect(emojify('🇦🇸')).toEqual('<img draggable="false" class="emojione" alt="🇦🇸" title=":flag-as:" src="/packs/emoji/1f1e6-1f1f8.svg" />');
-      expect(emojify('🇦🇹')).toEqual('<img draggable="false" class="emojione" alt="🇦🇹" title=":flag-at:" src="/packs/emoji/1f1e6-1f1f9.svg" />');
-      expect(emojify('🇦🇺')).toEqual('<img draggable="false" class="emojione" alt="🇦🇺" title=":flag-au:" src="/packs/emoji/1f1e6-1f1fa.svg" />');
-      expect(emojify('🇦🇼')).toEqual('<img draggable="false" class="emojione" alt="🇦🇼" title=":flag-aw:" src="/packs/emoji/1f1e6-1f1fc.svg" />');
-      expect(emojify('🇦🇽')).toEqual('<img draggable="false" class="emojione" alt="🇦🇽" title=":flag-ax:" src="/packs/emoji/1f1e6-1f1fd.svg" />');
-      expect(emojify('🇦🇿')).toEqual('<img draggable="false" class="emojione" alt="🇦🇿" title=":flag-az:" src="/packs/emoji/1f1e6-1f1ff.svg" />');
-      expect(emojify('🇧🇦')).toEqual('<img draggable="false" class="emojione" alt="🇧🇦" title=":flag-ba:" src="/packs/emoji/1f1e7-1f1e6.svg" />');
-      expect(emojify('🇧🇧')).toEqual('<img draggable="false" class="emojione" alt="🇧🇧" title=":flag-bb:" src="/packs/emoji/1f1e7-1f1e7.svg" />');
-      expect(emojify('🇧🇩')).toEqual('<img draggable="false" class="emojione" alt="🇧🇩" title=":flag-bd:" src="/packs/emoji/1f1e7-1f1e9.svg" />');
-      expect(emojify('🇧🇪')).toEqual('<img draggable="false" class="emojione" alt="🇧🇪" title=":flag-be:" src="/packs/emoji/1f1e7-1f1ea.svg" />');
-      expect(emojify('🇧🇫')).toEqual('<img draggable="false" class="emojione" alt="🇧🇫" title=":flag-bf:" src="/packs/emoji/1f1e7-1f1eb.svg" />');
-      expect(emojify('🇧🇬')).toEqual('<img draggable="false" class="emojione" alt="🇧🇬" title=":flag-bg:" src="/packs/emoji/1f1e7-1f1ec.svg" />');
-      expect(emojify('🇧🇭')).toEqual('<img draggable="false" class="emojione" alt="🇧🇭" title=":flag-bh:" src="/packs/emoji/1f1e7-1f1ed.svg" />');
-      expect(emojify('🇧🇮')).toEqual('<img draggable="false" class="emojione" alt="🇧🇮" title=":flag-bi:" src="/packs/emoji/1f1e7-1f1ee.svg" />');
-      expect(emojify('🇧🇯')).toEqual('<img draggable="false" class="emojione" alt="🇧🇯" title=":flag-bj:" src="/packs/emoji/1f1e7-1f1ef.svg" />');
-      expect(emojify('🇧🇱')).toEqual('<img draggable="false" class="emojione" alt="🇧🇱" title=":flag-bl:" src="/packs/emoji/1f1e7-1f1f1.svg" />');
-      expect(emojify('🇧🇲')).toEqual('<img draggable="false" class="emojione" alt="🇧🇲" title=":flag-bm:" src="/packs/emoji/1f1e7-1f1f2.svg" />');
-      expect(emojify('🇧🇳')).toEqual('<img draggable="false" class="emojione" alt="🇧🇳" title=":flag-bn:" src="/packs/emoji/1f1e7-1f1f3.svg" />');
-      expect(emojify('🇧🇴')).toEqual('<img draggable="false" class="emojione" alt="🇧🇴" title=":flag-bo:" src="/packs/emoji/1f1e7-1f1f4.svg" />');
-      expect(emojify('🇧🇶')).toEqual('<img draggable="false" class="emojione" alt="🇧🇶" title=":flag-bq:" src="/packs/emoji/1f1e7-1f1f6.svg" />');
-      expect(emojify('🇧🇷')).toEqual('<img draggable="false" class="emojione" alt="🇧🇷" title=":flag-br:" src="/packs/emoji/1f1e7-1f1f7.svg" />');
-      expect(emojify('🇧🇸')).toEqual('<img draggable="false" class="emojione" alt="🇧🇸" title=":flag-bs:" src="/packs/emoji/1f1e7-1f1f8.svg" />');
-      expect(emojify('🇧🇹')).toEqual('<img draggable="false" class="emojione" alt="🇧🇹" title=":flag-bt:" src="/packs/emoji/1f1e7-1f1f9.svg" />');
-      expect(emojify('🇧🇻')).toEqual('<img draggable="false" class="emojione" alt="🇧🇻" title=":flag-bv:" src="/packs/emoji/1f1e7-1f1fb.svg" />');
-      expect(emojify('🇧🇼')).toEqual('<img draggable="false" class="emojione" alt="🇧🇼" title=":flag-bw:" src="/packs/emoji/1f1e7-1f1fc.svg" />');
-      expect(emojify('🇧🇾')).toEqual('<img draggable="false" class="emojione" alt="🇧🇾" title=":flag-by:" src="/packs/emoji/1f1e7-1f1fe.svg" />');
-      expect(emojify('🇧🇿')).toEqual('<img draggable="false" class="emojione" alt="🇧🇿" title=":flag-bz:" src="/packs/emoji/1f1e7-1f1ff.svg" />');
-      expect(emojify('🇨🇦')).toEqual('<img draggable="false" class="emojione" alt="🇨🇦" title=":flag-ca:" src="/packs/emoji/1f1e8-1f1e6.svg" />');
-      expect(emojify('🇨🇨')).toEqual('<img draggable="false" class="emojione" alt="🇨🇨" title=":flag-cc:" src="/packs/emoji/1f1e8-1f1e8.svg" />');
-      expect(emojify('🇨🇩')).toEqual('<img draggable="false" class="emojione" alt="🇨🇩" title=":flag-cd:" src="/packs/emoji/1f1e8-1f1e9.svg" />');
-      expect(emojify('🇨🇫')).toEqual('<img draggable="false" class="emojione" alt="🇨🇫" title=":flag-cf:" src="/packs/emoji/1f1e8-1f1eb.svg" />');
-      expect(emojify('🇨🇬')).toEqual('<img draggable="false" class="emojione" alt="🇨🇬" title=":flag-cg:" src="/packs/emoji/1f1e8-1f1ec.svg" />');
-      expect(emojify('🇨🇭')).toEqual('<img draggable="false" class="emojione" alt="🇨🇭" title=":flag-ch:" src="/packs/emoji/1f1e8-1f1ed.svg" />');
-      expect(emojify('🇨🇮')).toEqual('<img draggable="false" class="emojione" alt="🇨🇮" title=":flag-ci:" src="/packs/emoji/1f1e8-1f1ee.svg" />');
-      expect(emojify('🇨🇰')).toEqual('<img draggable="false" class="emojione" alt="🇨🇰" title=":flag-ck:" src="/packs/emoji/1f1e8-1f1f0.svg" />');
-      expect(emojify('🇨🇱')).toEqual('<img draggable="false" class="emojione" alt="🇨🇱" title=":flag-cl:" src="/packs/emoji/1f1e8-1f1f1.svg" />');
-      expect(emojify('🇨🇲')).toEqual('<img draggable="false" class="emojione" alt="🇨🇲" title=":flag-cm:" src="/packs/emoji/1f1e8-1f1f2.svg" />');
-      expect(emojify('🇨🇳')).toEqual('<img draggable="false" class="emojione" alt="🇨🇳" title=":cn:" src="/packs/emoji/1f1e8-1f1f3.svg" />');
-      expect(emojify('🇨🇴')).toEqual('<img draggable="false" class="emojione" alt="🇨🇴" title=":flag-co:" src="/packs/emoji/1f1e8-1f1f4.svg" />');
-      expect(emojify('🇨🇵')).toEqual('<img draggable="false" class="emojione" alt="🇨🇵" title=":flag-cp:" src="/packs/emoji/1f1e8-1f1f5.svg" />');
-      expect(emojify('🇨🇷')).toEqual('<img draggable="false" class="emojione" alt="🇨🇷" title=":flag-cr:" src="/packs/emoji/1f1e8-1f1f7.svg" />');
-      expect(emojify('🇨🇺')).toEqual('<img draggable="false" class="emojione" alt="🇨🇺" title=":flag-cu:" src="/packs/emoji/1f1e8-1f1fa.svg" />');
-      expect(emojify('🇨🇻')).toEqual('<img draggable="false" class="emojione" alt="🇨🇻" title=":flag-cv:" src="/packs/emoji/1f1e8-1f1fb.svg" />');
-      expect(emojify('🇨🇼')).toEqual('<img draggable="false" class="emojione" alt="🇨🇼" title=":flag-cw:" src="/packs/emoji/1f1e8-1f1fc.svg" />');
-      expect(emojify('🇨🇽')).toEqual('<img draggable="false" class="emojione" alt="🇨🇽" title=":flag-cx:" src="/packs/emoji/1f1e8-1f1fd.svg" />');
-      expect(emojify('🇨🇾')).toEqual('<img draggable="false" class="emojione" alt="🇨🇾" title=":flag-cy:" src="/packs/emoji/1f1e8-1f1fe.svg" />');
-      expect(emojify('🇨🇿')).toEqual('<img draggable="false" class="emojione" alt="🇨🇿" title=":flag-cz:" src="/packs/emoji/1f1e8-1f1ff.svg" />');
-      expect(emojify('🇩🇪')).toEqual('<img draggable="false" class="emojione" alt="🇩🇪" title=":de:" src="/packs/emoji/1f1e9-1f1ea.svg" />');
-      expect(emojify('🇩🇬')).toEqual('<img draggable="false" class="emojione" alt="🇩🇬" title=":flag-dg:" src="/packs/emoji/1f1e9-1f1ec.svg" />');
-      expect(emojify('🇩🇯')).toEqual('<img draggable="false" class="emojione" alt="🇩🇯" title=":flag-dj:" src="/packs/emoji/1f1e9-1f1ef.svg" />');
-      expect(emojify('🇩🇰')).toEqual('<img draggable="false" class="emojione" alt="🇩🇰" title=":flag-dk:" src="/packs/emoji/1f1e9-1f1f0.svg" />');
-      expect(emojify('🇩🇲')).toEqual('<img draggable="false" class="emojione" alt="🇩🇲" title=":flag-dm:" src="/packs/emoji/1f1e9-1f1f2.svg" />');
-      expect(emojify('🇩🇴')).toEqual('<img draggable="false" class="emojione" alt="🇩🇴" title=":flag-do:" src="/packs/emoji/1f1e9-1f1f4.svg" />');
-      expect(emojify('🇩🇿')).toEqual('<img draggable="false" class="emojione" alt="🇩🇿" title=":flag-dz:" src="/packs/emoji/1f1e9-1f1ff.svg" />');
-      expect(emojify('🇪🇦')).toEqual('<img draggable="false" class="emojione" alt="🇪🇦" title=":flag-ea:" src="/packs/emoji/1f1ea-1f1e6.svg" />');
-      expect(emojify('🇪🇨')).toEqual('<img draggable="false" class="emojione" alt="🇪🇨" title=":flag-ec:" src="/packs/emoji/1f1ea-1f1e8.svg" />');
-      expect(emojify('🇪🇪')).toEqual('<img draggable="false" class="emojione" alt="🇪🇪" title=":flag-ee:" src="/packs/emoji/1f1ea-1f1ea.svg" />');
-      expect(emojify('🇪🇬')).toEqual('<img draggable="false" class="emojione" alt="🇪🇬" title=":flag-eg:" src="/packs/emoji/1f1ea-1f1ec.svg" />');
-      expect(emojify('🇪🇭')).toEqual('<img draggable="false" class="emojione" alt="🇪🇭" title=":flag-eh:" src="/packs/emoji/1f1ea-1f1ed.svg" />');
-      expect(emojify('🇪🇷')).toEqual('<img draggable="false" class="emojione" alt="🇪🇷" title=":flag-er:" src="/packs/emoji/1f1ea-1f1f7.svg" />');
-      expect(emojify('🇪🇸')).toEqual('<img draggable="false" class="emojione" alt="🇪🇸" title=":es:" src="/packs/emoji/1f1ea-1f1f8.svg" />');
-      expect(emojify('🇪🇹')).toEqual('<img draggable="false" class="emojione" alt="🇪🇹" title=":flag-et:" src="/packs/emoji/1f1ea-1f1f9.svg" />');
-      expect(emojify('🇪🇺')).toEqual('<img draggable="false" class="emojione" alt="🇪🇺" title=":flag-eu:" src="/packs/emoji/1f1ea-1f1fa.svg" />');
-      expect(emojify('🇫🇮')).toEqual('<img draggable="false" class="emojione" alt="🇫🇮" title=":flag-fi:" src="/packs/emoji/1f1eb-1f1ee.svg" />');
-      expect(emojify('🇫🇯')).toEqual('<img draggable="false" class="emojione" alt="🇫🇯" title=":flag-fj:" src="/packs/emoji/1f1eb-1f1ef.svg" />');
-      expect(emojify('🇫🇰')).toEqual('<img draggable="false" class="emojione" alt="🇫🇰" title=":flag-fk:" src="/packs/emoji/1f1eb-1f1f0.svg" />');
-      expect(emojify('🇫🇲')).toEqual('<img draggable="false" class="emojione" alt="🇫🇲" title=":flag-fm:" src="/packs/emoji/1f1eb-1f1f2.svg" />');
-      expect(emojify('🇫🇴')).toEqual('<img draggable="false" class="emojione" alt="🇫🇴" title=":flag-fo:" src="/packs/emoji/1f1eb-1f1f4.svg" />');
-      expect(emojify('🇫🇷')).toEqual('<img draggable="false" class="emojione" alt="🇫🇷" title=":fr:" src="/packs/emoji/1f1eb-1f1f7.svg" />');
-      expect(emojify('🇬🇦')).toEqual('<img draggable="false" class="emojione" alt="🇬🇦" title=":flag-ga:" src="/packs/emoji/1f1ec-1f1e6.svg" />');
-      expect(emojify('🇬🇧')).toEqual('<img draggable="false" class="emojione" alt="🇬🇧" title=":gb:" src="/packs/emoji/1f1ec-1f1e7.svg" />');
-      expect(emojify('🇬🇩')).toEqual('<img draggable="false" class="emojione" alt="🇬🇩" title=":flag-gd:" src="/packs/emoji/1f1ec-1f1e9.svg" />');
-      expect(emojify('🇬🇪')).toEqual('<img draggable="false" class="emojione" alt="🇬🇪" title=":flag-ge:" src="/packs/emoji/1f1ec-1f1ea.svg" />');
-      expect(emojify('🇬🇫')).toEqual('<img draggable="false" class="emojione" alt="🇬🇫" title=":flag-gf:" src="/packs/emoji/1f1ec-1f1eb.svg" />');
-      expect(emojify('🇬🇬')).toEqual('<img draggable="false" class="emojione" alt="🇬🇬" title=":flag-gg:" src="/packs/emoji/1f1ec-1f1ec.svg" />');
-      expect(emojify('🇬🇭')).toEqual('<img draggable="false" class="emojione" alt="🇬🇭" title=":flag-gh:" src="/packs/emoji/1f1ec-1f1ed.svg" />');
-      expect(emojify('🇬🇮')).toEqual('<img draggable="false" class="emojione" alt="🇬🇮" title=":flag-gi:" src="/packs/emoji/1f1ec-1f1ee.svg" />');
-      expect(emojify('🇬🇱')).toEqual('<img draggable="false" class="emojione" alt="🇬🇱" title=":flag-gl:" src="/packs/emoji/1f1ec-1f1f1.svg" />');
-      expect(emojify('🇬🇲')).toEqual('<img draggable="false" class="emojione" alt="🇬🇲" title=":flag-gm:" src="/packs/emoji/1f1ec-1f1f2.svg" />');
-      expect(emojify('🇬🇳')).toEqual('<img draggable="false" class="emojione" alt="🇬🇳" title=":flag-gn:" src="/packs/emoji/1f1ec-1f1f3.svg" />');
-      expect(emojify('🇬🇵')).toEqual('<img draggable="false" class="emojione" alt="🇬🇵" title=":flag-gp:" src="/packs/emoji/1f1ec-1f1f5.svg" />');
-      expect(emojify('🇬🇶')).toEqual('<img draggable="false" class="emojione" alt="🇬🇶" title=":flag-gq:" src="/packs/emoji/1f1ec-1f1f6.svg" />');
-      expect(emojify('🇬🇷')).toEqual('<img draggable="false" class="emojione" alt="🇬🇷" title=":flag-gr:" src="/packs/emoji/1f1ec-1f1f7.svg" />');
-      expect(emojify('🇬🇸')).toEqual('<img draggable="false" class="emojione" alt="🇬🇸" title=":flag-gs:" src="/packs/emoji/1f1ec-1f1f8.svg" />');
-      expect(emojify('🇬🇹')).toEqual('<img draggable="false" class="emojione" alt="🇬🇹" title=":flag-gt:" src="/packs/emoji/1f1ec-1f1f9.svg" />');
-      expect(emojify('🇬🇺')).toEqual('<img draggable="false" class="emojione" alt="🇬🇺" title=":flag-gu:" src="/packs/emoji/1f1ec-1f1fa.svg" />');
-      expect(emojify('🇬🇼')).toEqual('<img draggable="false" class="emojione" alt="🇬🇼" title=":flag-gw:" src="/packs/emoji/1f1ec-1f1fc.svg" />');
-      expect(emojify('🇬🇾')).toEqual('<img draggable="false" class="emojione" alt="🇬🇾" title=":flag-gy:" src="/packs/emoji/1f1ec-1f1fe.svg" />');
-      expect(emojify('🇭🇰')).toEqual('<img draggable="false" class="emojione" alt="🇭🇰" title=":flag-hk:" src="/packs/emoji/1f1ed-1f1f0.svg" />');
-      expect(emojify('🇭🇲')).toEqual('<img draggable="false" class="emojione" alt="🇭🇲" title=":flag-hm:" src="/packs/emoji/1f1ed-1f1f2.svg" />');
-      expect(emojify('🇭🇳')).toEqual('<img draggable="false" class="emojione" alt="🇭🇳" title=":flag-hn:" src="/packs/emoji/1f1ed-1f1f3.svg" />');
-      expect(emojify('🇭🇷')).toEqual('<img draggable="false" class="emojione" alt="🇭🇷" title=":flag-hr:" src="/packs/emoji/1f1ed-1f1f7.svg" />');
-      expect(emojify('🇭🇹')).toEqual('<img draggable="false" class="emojione" alt="🇭🇹" title=":flag-ht:" src="/packs/emoji/1f1ed-1f1f9.svg" />');
-      expect(emojify('🇭🇺')).toEqual('<img draggable="false" class="emojione" alt="🇭🇺" title=":flag-hu:" src="/packs/emoji/1f1ed-1f1fa.svg" />');
-      expect(emojify('🇮🇨')).toEqual('<img draggable="false" class="emojione" alt="🇮🇨" title=":flag-ic:" src="/packs/emoji/1f1ee-1f1e8.svg" />');
-      expect(emojify('🇮🇩')).toEqual('<img draggable="false" class="emojione" alt="🇮🇩" title=":flag-id:" src="/packs/emoji/1f1ee-1f1e9.svg" />');
-      expect(emojify('🇮🇪')).toEqual('<img draggable="false" class="emojione" alt="🇮🇪" title=":flag-ie:" src="/packs/emoji/1f1ee-1f1ea.svg" />');
-      expect(emojify('🇮🇱')).toEqual('<img draggable="false" class="emojione" alt="🇮🇱" title=":flag-il:" src="/packs/emoji/1f1ee-1f1f1.svg" />');
-      expect(emojify('🇮🇲')).toEqual('<img draggable="false" class="emojione" alt="🇮🇲" title=":flag-im:" src="/packs/emoji/1f1ee-1f1f2.svg" />');
-      expect(emojify('🇮🇳')).toEqual('<img draggable="false" class="emojione" alt="🇮🇳" title=":flag-in:" src="/packs/emoji/1f1ee-1f1f3.svg" />');
-      expect(emojify('🇮🇴')).toEqual('<img draggable="false" class="emojione" alt="🇮🇴" title=":flag-io:" src="/packs/emoji/1f1ee-1f1f4.svg" />');
-      expect(emojify('🇮🇶')).toEqual('<img draggable="false" class="emojione" alt="🇮🇶" title=":flag-iq:" src="/packs/emoji/1f1ee-1f1f6.svg" />');
-      expect(emojify('🇮🇷')).toEqual('<img draggable="false" class="emojione" alt="🇮🇷" title=":flag-ir:" src="/packs/emoji/1f1ee-1f1f7.svg" />');
-      expect(emojify('🇮🇸')).toEqual('<img draggable="false" class="emojione" alt="🇮🇸" title=":flag-is:" src="/packs/emoji/1f1ee-1f1f8.svg" />');
-      expect(emojify('🇮🇹')).toEqual('<img draggable="false" class="emojione" alt="🇮🇹" title=":it:" src="/packs/emoji/1f1ee-1f1f9.svg" />');
-      expect(emojify('🇯🇪')).toEqual('<img draggable="false" class="emojione" alt="🇯🇪" title=":flag-je:" src="/packs/emoji/1f1ef-1f1ea.svg" />');
-      expect(emojify('🇯🇲')).toEqual('<img draggable="false" class="emojione" alt="🇯🇲" title=":flag-jm:" src="/packs/emoji/1f1ef-1f1f2.svg" />');
-      expect(emojify('🇯🇴')).toEqual('<img draggable="false" class="emojione" alt="🇯🇴" title=":flag-jo:" src="/packs/emoji/1f1ef-1f1f4.svg" />');
-      expect(emojify('🇯🇵')).toEqual('<img draggable="false" class="emojione" alt="🇯🇵" title=":jp:" src="/packs/emoji/1f1ef-1f1f5.svg" />');
-      expect(emojify('🇰🇪')).toEqual('<img draggable="false" class="emojione" alt="🇰🇪" title=":flag-ke:" src="/packs/emoji/1f1f0-1f1ea.svg" />');
-      expect(emojify('🇰🇬')).toEqual('<img draggable="false" class="emojione" alt="🇰🇬" title=":flag-kg:" src="/packs/emoji/1f1f0-1f1ec.svg" />');
-      expect(emojify('🇰🇭')).toEqual('<img draggable="false" class="emojione" alt="🇰🇭" title=":flag-kh:" src="/packs/emoji/1f1f0-1f1ed.svg" />');
-      expect(emojify('🇰🇮')).toEqual('<img draggable="false" class="emojione" alt="🇰🇮" title=":flag-ki:" src="/packs/emoji/1f1f0-1f1ee.svg" />');
-      expect(emojify('🇰🇲')).toEqual('<img draggable="false" class="emojione" alt="🇰🇲" title=":flag-km:" src="/packs/emoji/1f1f0-1f1f2.svg" />');
-      expect(emojify('🇰🇳')).toEqual('<img draggable="false" class="emojione" alt="🇰🇳" title=":flag-kn:" src="/packs/emoji/1f1f0-1f1f3.svg" />');
-      expect(emojify('🇰🇵')).toEqual('<img draggable="false" class="emojione" alt="🇰🇵" title=":flag-kp:" src="/packs/emoji/1f1f0-1f1f5.svg" />');
-      expect(emojify('🇰🇷')).toEqual('<img draggable="false" class="emojione" alt="🇰🇷" title=":kr:" src="/packs/emoji/1f1f0-1f1f7.svg" />');
-      expect(emojify('🇰🇼')).toEqual('<img draggable="false" class="emojione" alt="🇰🇼" title=":flag-kw:" src="/packs/emoji/1f1f0-1f1fc.svg" />');
-      expect(emojify('🇰🇾')).toEqual('<img draggable="false" class="emojione" alt="🇰🇾" title=":flag-ky:" src="/packs/emoji/1f1f0-1f1fe.svg" />');
-      expect(emojify('🇰🇿')).toEqual('<img draggable="false" class="emojione" alt="🇰🇿" title=":flag-kz:" src="/packs/emoji/1f1f0-1f1ff.svg" />');
-      expect(emojify('🇱🇦')).toEqual('<img draggable="false" class="emojione" alt="🇱🇦" title=":flag-la:" src="/packs/emoji/1f1f1-1f1e6.svg" />');
-      expect(emojify('🇱🇧')).toEqual('<img draggable="false" class="emojione" alt="🇱🇧" title=":flag-lb:" src="/packs/emoji/1f1f1-1f1e7.svg" />');
-      expect(emojify('🇱🇨')).toEqual('<img draggable="false" class="emojione" alt="🇱🇨" title=":flag-lc:" src="/packs/emoji/1f1f1-1f1e8.svg" />');
-      expect(emojify('🇱🇮')).toEqual('<img draggable="false" class="emojione" alt="🇱🇮" title=":flag-li:" src="/packs/emoji/1f1f1-1f1ee.svg" />');
-      expect(emojify('🇱🇰')).toEqual('<img draggable="false" class="emojione" alt="🇱🇰" title=":flag-lk:" src="/packs/emoji/1f1f1-1f1f0.svg" />');
-      expect(emojify('🇱🇷')).toEqual('<img draggable="false" class="emojione" alt="🇱🇷" title=":flag-lr:" src="/packs/emoji/1f1f1-1f1f7.svg" />');
-      expect(emojify('🇱🇸')).toEqual('<img draggable="false" class="emojione" alt="🇱🇸" title=":flag-ls:" src="/packs/emoji/1f1f1-1f1f8.svg" />');
-      expect(emojify('🇱🇹')).toEqual('<img draggable="false" class="emojione" alt="🇱🇹" title=":flag-lt:" src="/packs/emoji/1f1f1-1f1f9.svg" />');
-      expect(emojify('🇱🇺')).toEqual('<img draggable="false" class="emojione" alt="🇱🇺" title=":flag-lu:" src="/packs/emoji/1f1f1-1f1fa.svg" />');
-      expect(emojify('🇱🇻')).toEqual('<img draggable="false" class="emojione" alt="🇱🇻" title=":flag-lv:" src="/packs/emoji/1f1f1-1f1fb.svg" />');
-      expect(emojify('🇱🇾')).toEqual('<img draggable="false" class="emojione" alt="🇱🇾" title=":flag-ly:" src="/packs/emoji/1f1f1-1f1fe.svg" />');
-      expect(emojify('🇲🇦')).toEqual('<img draggable="false" class="emojione" alt="🇲🇦" title=":flag-ma:" src="/packs/emoji/1f1f2-1f1e6.svg" />');
-      expect(emojify('🇲🇨')).toEqual('<img draggable="false" class="emojione" alt="🇲🇨" title=":flag-mc:" src="/packs/emoji/1f1f2-1f1e8.svg" />');
-      expect(emojify('🇲🇩')).toEqual('<img draggable="false" class="emojione" alt="🇲🇩" title=":flag-md:" src="/packs/emoji/1f1f2-1f1e9.svg" />');
-      expect(emojify('🇲🇪')).toEqual('<img draggable="false" class="emojione" alt="🇲🇪" title=":flag-me:" src="/packs/emoji/1f1f2-1f1ea.svg" />');
-      expect(emojify('🇲🇫')).toEqual('<img draggable="false" class="emojione" alt="🇲🇫" title=":flag-mf:" src="/packs/emoji/1f1f2-1f1eb.svg" />');
-      expect(emojify('🇲🇬')).toEqual('<img draggable="false" class="emojione" alt="🇲🇬" title=":flag-mg:" src="/packs/emoji/1f1f2-1f1ec.svg" />');
-      expect(emojify('🇲🇭')).toEqual('<img draggable="false" class="emojione" alt="🇲🇭" title=":flag-mh:" src="/packs/emoji/1f1f2-1f1ed.svg" />');
-      expect(emojify('🇲🇰')).toEqual('<img draggable="false" class="emojione" alt="🇲🇰" title=":flag-mk:" src="/packs/emoji/1f1f2-1f1f0.svg" />');
-      expect(emojify('🇲🇱')).toEqual('<img draggable="false" class="emojione" alt="🇲🇱" title=":flag-ml:" src="/packs/emoji/1f1f2-1f1f1.svg" />');
-      expect(emojify('🇲🇲')).toEqual('<img draggable="false" class="emojione" alt="🇲🇲" title=":flag-mm:" src="/packs/emoji/1f1f2-1f1f2.svg" />');
-      expect(emojify('🇲🇳')).toEqual('<img draggable="false" class="emojione" alt="🇲🇳" title=":flag-mn:" src="/packs/emoji/1f1f2-1f1f3.svg" />');
-      expect(emojify('🇲🇴')).toEqual('<img draggable="false" class="emojione" alt="🇲🇴" title=":flag-mo:" src="/packs/emoji/1f1f2-1f1f4.svg" />');
-      expect(emojify('🇲🇵')).toEqual('<img draggable="false" class="emojione" alt="🇲🇵" title=":flag-mp:" src="/packs/emoji/1f1f2-1f1f5.svg" />');
-      expect(emojify('🇲🇶')).toEqual('<img draggable="false" class="emojione" alt="🇲🇶" title=":flag-mq:" src="/packs/emoji/1f1f2-1f1f6.svg" />');
-      expect(emojify('🇲🇷')).toEqual('<img draggable="false" class="emojione" alt="🇲🇷" title=":flag-mr:" src="/packs/emoji/1f1f2-1f1f7.svg" />');
-      expect(emojify('🇲🇸')).toEqual('<img draggable="false" class="emojione" alt="🇲🇸" title=":flag-ms:" src="/packs/emoji/1f1f2-1f1f8.svg" />');
-      expect(emojify('🇲🇹')).toEqual('<img draggable="false" class="emojione" alt="🇲🇹" title=":flag-mt:" src="/packs/emoji/1f1f2-1f1f9.svg" />');
-      expect(emojify('🇲🇺')).toEqual('<img draggable="false" class="emojione" alt="🇲🇺" title=":flag-mu:" src="/packs/emoji/1f1f2-1f1fa.svg" />');
-      expect(emojify('🇲🇻')).toEqual('<img draggable="false" class="emojione" alt="🇲🇻" title=":flag-mv:" src="/packs/emoji/1f1f2-1f1fb.svg" />');
-      expect(emojify('🇲🇼')).toEqual('<img draggable="false" class="emojione" alt="🇲🇼" title=":flag-mw:" src="/packs/emoji/1f1f2-1f1fc.svg" />');
-      expect(emojify('🇲🇽')).toEqual('<img draggable="false" class="emojione" alt="🇲🇽" title=":flag-mx:" src="/packs/emoji/1f1f2-1f1fd.svg" />');
-      expect(emojify('🇲🇾')).toEqual('<img draggable="false" class="emojione" alt="🇲🇾" title=":flag-my:" src="/packs/emoji/1f1f2-1f1fe.svg" />');
-      expect(emojify('🇲🇿')).toEqual('<img draggable="false" class="emojione" alt="🇲🇿" title=":flag-mz:" src="/packs/emoji/1f1f2-1f1ff.svg" />');
-      expect(emojify('🇳🇦')).toEqual('<img draggable="false" class="emojione" alt="🇳🇦" title=":flag-na:" src="/packs/emoji/1f1f3-1f1e6.svg" />');
-      expect(emojify('🇳🇨')).toEqual('<img draggable="false" class="emojione" alt="🇳🇨" title=":flag-nc:" src="/packs/emoji/1f1f3-1f1e8.svg" />');
-      expect(emojify('🇳🇪')).toEqual('<img draggable="false" class="emojione" alt="🇳🇪" title=":flag-ne:" src="/packs/emoji/1f1f3-1f1ea.svg" />');
-      expect(emojify('🇳🇫')).toEqual('<img draggable="false" class="emojione" alt="🇳🇫" title=":flag-nf:" src="/packs/emoji/1f1f3-1f1eb.svg" />');
-      expect(emojify('🇳🇬')).toEqual('<img draggable="false" class="emojione" alt="🇳🇬" title=":flag-ng:" src="/packs/emoji/1f1f3-1f1ec.svg" />');
-      expect(emojify('🇳🇮')).toEqual('<img draggable="false" class="emojione" alt="🇳🇮" title=":flag-ni:" src="/packs/emoji/1f1f3-1f1ee.svg" />');
-      expect(emojify('🇳🇱')).toEqual('<img draggable="false" class="emojione" alt="🇳🇱" title=":flag-nl:" src="/packs/emoji/1f1f3-1f1f1.svg" />');
-      expect(emojify('🇳🇴')).toEqual('<img draggable="false" class="emojione" alt="🇳🇴" title=":flag-no:" src="/packs/emoji/1f1f3-1f1f4.svg" />');
-      expect(emojify('🇳🇵')).toEqual('<img draggable="false" class="emojione" alt="🇳🇵" title=":flag-np:" src="/packs/emoji/1f1f3-1f1f5.svg" />');
-      expect(emojify('🇳🇷')).toEqual('<img draggable="false" class="emojione" alt="🇳🇷" title=":flag-nr:" src="/packs/emoji/1f1f3-1f1f7.svg" />');
-      expect(emojify('🇳🇺')).toEqual('<img draggable="false" class="emojione" alt="🇳🇺" title=":flag-nu:" src="/packs/emoji/1f1f3-1f1fa.svg" />');
-      expect(emojify('🇳🇿')).toEqual('<img draggable="false" class="emojione" alt="🇳🇿" title=":flag-nz:" src="/packs/emoji/1f1f3-1f1ff.svg" />');
-      expect(emojify('🇴🇲')).toEqual('<img draggable="false" class="emojione" alt="🇴🇲" title=":flag-om:" src="/packs/emoji/1f1f4-1f1f2.svg" />');
-      expect(emojify('🇵🇦')).toEqual('<img draggable="false" class="emojione" alt="🇵🇦" title=":flag-pa:" src="/packs/emoji/1f1f5-1f1e6.svg" />');
-      expect(emojify('🇵🇪')).toEqual('<img draggable="false" class="emojione" alt="🇵🇪" title=":flag-pe:" src="/packs/emoji/1f1f5-1f1ea.svg" />');
-      expect(emojify('🇵🇫')).toEqual('<img draggable="false" class="emojione" alt="🇵🇫" title=":flag-pf:" src="/packs/emoji/1f1f5-1f1eb.svg" />');
-      expect(emojify('🇵🇬')).toEqual('<img draggable="false" class="emojione" alt="🇵🇬" title=":flag-pg:" src="/packs/emoji/1f1f5-1f1ec.svg" />');
-      expect(emojify('🇵🇭')).toEqual('<img draggable="false" class="emojione" alt="🇵🇭" title=":flag-ph:" src="/packs/emoji/1f1f5-1f1ed.svg" />');
-      expect(emojify('🇵🇰')).toEqual('<img draggable="false" class="emojione" alt="🇵🇰" title=":flag-pk:" src="/packs/emoji/1f1f5-1f1f0.svg" />');
-      expect(emojify('🇵🇱')).toEqual('<img draggable="false" class="emojione" alt="🇵🇱" title=":flag-pl:" src="/packs/emoji/1f1f5-1f1f1.svg" />');
-      expect(emojify('🇵🇲')).toEqual('<img draggable="false" class="emojione" alt="🇵🇲" title=":flag-pm:" src="/packs/emoji/1f1f5-1f1f2.svg" />');
-      expect(emojify('🇵🇳')).toEqual('<img draggable="false" class="emojione" alt="🇵🇳" title=":flag-pn:" src="/packs/emoji/1f1f5-1f1f3.svg" />');
-      expect(emojify('🇵🇷')).toEqual('<img draggable="false" class="emojione" alt="🇵🇷" title=":flag-pr:" src="/packs/emoji/1f1f5-1f1f7.svg" />');
-      expect(emojify('🇵🇸')).toEqual('<img draggable="false" class="emojione" alt="🇵🇸" title=":flag-ps:" src="/packs/emoji/1f1f5-1f1f8.svg" />');
-      expect(emojify('🇵🇹')).toEqual('<img draggable="false" class="emojione" alt="🇵🇹" title=":flag-pt:" src="/packs/emoji/1f1f5-1f1f9.svg" />');
-      expect(emojify('🇵🇼')).toEqual('<img draggable="false" class="emojione" alt="🇵🇼" title=":flag-pw:" src="/packs/emoji/1f1f5-1f1fc.svg" />');
-      expect(emojify('🇵🇾')).toEqual('<img draggable="false" class="emojione" alt="🇵🇾" title=":flag-py:" src="/packs/emoji/1f1f5-1f1fe.svg" />');
-      expect(emojify('🇶🇦')).toEqual('<img draggable="false" class="emojione" alt="🇶🇦" title=":flag-qa:" src="/packs/emoji/1f1f6-1f1e6.svg" />');
-      expect(emojify('🇷🇪')).toEqual('<img draggable="false" class="emojione" alt="🇷🇪" title=":flag-re:" src="/packs/emoji/1f1f7-1f1ea.svg" />');
-      expect(emojify('🇷🇴')).toEqual('<img draggable="false" class="emojione" alt="🇷🇴" title=":flag-ro:" src="/packs/emoji/1f1f7-1f1f4.svg" />');
-      expect(emojify('🇷🇸')).toEqual('<img draggable="false" class="emojione" alt="🇷🇸" title=":flag-rs:" src="/packs/emoji/1f1f7-1f1f8.svg" />');
-      expect(emojify('🇷🇺')).toEqual('<img draggable="false" class="emojione" alt="🇷🇺" title=":ru:" src="/packs/emoji/1f1f7-1f1fa.svg" />');
-      expect(emojify('🇷🇼')).toEqual('<img draggable="false" class="emojione" alt="🇷🇼" title=":flag-rw:" src="/packs/emoji/1f1f7-1f1fc.svg" />');
-      expect(emojify('🇸🇦')).toEqual('<img draggable="false" class="emojione" alt="🇸🇦" title=":flag-sa:" src="/packs/emoji/1f1f8-1f1e6.svg" />');
-      expect(emojify('🇸🇧')).toEqual('<img draggable="false" class="emojione" alt="🇸🇧" title=":flag-sb:" src="/packs/emoji/1f1f8-1f1e7.svg" />');
-      expect(emojify('🇸🇨')).toEqual('<img draggable="false" class="emojione" alt="🇸🇨" title=":flag-sc:" src="/packs/emoji/1f1f8-1f1e8.svg" />');
-      expect(emojify('🇸🇩')).toEqual('<img draggable="false" class="emojione" alt="🇸🇩" title=":flag-sd:" src="/packs/emoji/1f1f8-1f1e9.svg" />');
-      expect(emojify('🇸🇪')).toEqual('<img draggable="false" class="emojione" alt="🇸🇪" title=":flag-se:" src="/packs/emoji/1f1f8-1f1ea.svg" />');
-      expect(emojify('🇸🇬')).toEqual('<img draggable="false" class="emojione" alt="🇸🇬" title=":flag-sg:" src="/packs/emoji/1f1f8-1f1ec.svg" />');
-      expect(emojify('🇸🇭')).toEqual('<img draggable="false" class="emojione" alt="🇸🇭" title=":flag-sh:" src="/packs/emoji/1f1f8-1f1ed.svg" />');
-      expect(emojify('🇸🇮')).toEqual('<img draggable="false" class="emojione" alt="🇸🇮" title=":flag-si:" src="/packs/emoji/1f1f8-1f1ee.svg" />');
-      expect(emojify('🇸🇯')).toEqual('<img draggable="false" class="emojione" alt="🇸🇯" title=":flag-sj:" src="/packs/emoji/1f1f8-1f1ef.svg" />');
-      expect(emojify('🇸🇰')).toEqual('<img draggable="false" class="emojione" alt="🇸🇰" title=":flag-sk:" src="/packs/emoji/1f1f8-1f1f0.svg" />');
-      expect(emojify('🇸🇱')).toEqual('<img draggable="false" class="emojione" alt="🇸🇱" title=":flag-sl:" src="/packs/emoji/1f1f8-1f1f1.svg" />');
-      expect(emojify('🇸🇲')).toEqual('<img draggable="false" class="emojione" alt="🇸🇲" title=":flag-sm:" src="/packs/emoji/1f1f8-1f1f2.svg" />');
-      expect(emojify('🇸🇳')).toEqual('<img draggable="false" class="emojione" alt="🇸🇳" title=":flag-sn:" src="/packs/emoji/1f1f8-1f1f3.svg" />');
-      expect(emojify('🇸🇴')).toEqual('<img draggable="false" class="emojione" alt="🇸🇴" title=":flag-so:" src="/packs/emoji/1f1f8-1f1f4.svg" />');
-      expect(emojify('🇸🇷')).toEqual('<img draggable="false" class="emojione" alt="🇸🇷" title=":flag-sr:" src="/packs/emoji/1f1f8-1f1f7.svg" />');
-      expect(emojify('🇸🇸')).toEqual('<img draggable="false" class="emojione" alt="🇸🇸" title=":flag-ss:" src="/packs/emoji/1f1f8-1f1f8.svg" />');
-      expect(emojify('🇸🇹')).toEqual('<img draggable="false" class="emojione" alt="🇸🇹" title=":flag-st:" src="/packs/emoji/1f1f8-1f1f9.svg" />');
-      expect(emojify('🇸🇻')).toEqual('<img draggable="false" class="emojione" alt="🇸🇻" title=":flag-sv:" src="/packs/emoji/1f1f8-1f1fb.svg" />');
-      expect(emojify('🇸🇽')).toEqual('<img draggable="false" class="emojione" alt="🇸🇽" title=":flag-sx:" src="/packs/emoji/1f1f8-1f1fd.svg" />');
-      expect(emojify('🇸🇾')).toEqual('<img draggable="false" class="emojione" alt="🇸🇾" title=":flag-sy:" src="/packs/emoji/1f1f8-1f1fe.svg" />');
-      expect(emojify('🇸🇿')).toEqual('<img draggable="false" class="emojione" alt="🇸🇿" title=":flag-sz:" src="/packs/emoji/1f1f8-1f1ff.svg" />');
-      expect(emojify('🇹🇦')).toEqual('<img draggable="false" class="emojione" alt="🇹🇦" title=":flag-ta:" src="/packs/emoji/1f1f9-1f1e6.svg" />');
-      expect(emojify('🇹🇨')).toEqual('<img draggable="false" class="emojione" alt="🇹🇨" title=":flag-tc:" src="/packs/emoji/1f1f9-1f1e8.svg" />');
-      expect(emojify('🇹🇩')).toEqual('<img draggable="false" class="emojione" alt="🇹🇩" title=":flag-td:" src="/packs/emoji/1f1f9-1f1e9.svg" />');
-      expect(emojify('🇹🇫')).toEqual('<img draggable="false" class="emojione" alt="🇹🇫" title=":flag-tf:" src="/packs/emoji/1f1f9-1f1eb.svg" />');
-      expect(emojify('🇹🇬')).toEqual('<img draggable="false" class="emojione" alt="🇹🇬" title=":flag-tg:" src="/packs/emoji/1f1f9-1f1ec.svg" />');
-      expect(emojify('🇹🇭')).toEqual('<img draggable="false" class="emojione" alt="🇹🇭" title=":flag-th:" src="/packs/emoji/1f1f9-1f1ed.svg" />');
-      expect(emojify('🇹🇯')).toEqual('<img draggable="false" class="emojione" alt="🇹🇯" title=":flag-tj:" src="/packs/emoji/1f1f9-1f1ef.svg" />');
-      expect(emojify('🇹🇰')).toEqual('<img draggable="false" class="emojione" alt="🇹🇰" title=":flag-tk:" src="/packs/emoji/1f1f9-1f1f0.svg" />');
-      expect(emojify('🇹🇱')).toEqual('<img draggable="false" class="emojione" alt="🇹🇱" title=":flag-tl:" src="/packs/emoji/1f1f9-1f1f1.svg" />');
-      expect(emojify('🇹🇲')).toEqual('<img draggable="false" class="emojione" alt="🇹🇲" title=":flag-tm:" src="/packs/emoji/1f1f9-1f1f2.svg" />');
-      expect(emojify('🇹🇳')).toEqual('<img draggable="false" class="emojione" alt="🇹🇳" title=":flag-tn:" src="/packs/emoji/1f1f9-1f1f3.svg" />');
-      expect(emojify('🇹🇴')).toEqual('<img draggable="false" class="emojione" alt="🇹🇴" title=":flag-to:" src="/packs/emoji/1f1f9-1f1f4.svg" />');
-      expect(emojify('🇹🇷')).toEqual('<img draggable="false" class="emojione" alt="🇹🇷" title=":flag-tr:" src="/packs/emoji/1f1f9-1f1f7.svg" />');
-      expect(emojify('🇹🇹')).toEqual('<img draggable="false" class="emojione" alt="🇹🇹" title=":flag-tt:" src="/packs/emoji/1f1f9-1f1f9.svg" />');
-      expect(emojify('🇹🇻')).toEqual('<img draggable="false" class="emojione" alt="🇹🇻" title=":flag-tv:" src="/packs/emoji/1f1f9-1f1fb.svg" />');
-      expect(emojify('🇹🇼')).toEqual('<img draggable="false" class="emojione" alt="🇹🇼" title=":flag-tw:" src="/packs/emoji/1f1f9-1f1fc.svg" />');
-      expect(emojify('🇹🇿')).toEqual('<img draggable="false" class="emojione" alt="🇹🇿" title=":flag-tz:" src="/packs/emoji/1f1f9-1f1ff.svg" />');
-      expect(emojify('🇺🇦')).toEqual('<img draggable="false" class="emojione" alt="🇺🇦" title=":flag-ua:" src="/packs/emoji/1f1fa-1f1e6.svg" />');
-      expect(emojify('🇺🇬')).toEqual('<img draggable="false" class="emojione" alt="🇺🇬" title=":flag-ug:" src="/packs/emoji/1f1fa-1f1ec.svg" />');
-      expect(emojify('🇺🇲')).toEqual('<img draggable="false" class="emojione" alt="🇺🇲" title=":flag-um:" src="/packs/emoji/1f1fa-1f1f2.svg" />');
-      expect(emojify('🇺🇳')).toEqual('<img draggable="false" class="emojione" alt="🇺🇳" title=":flag-un:" src="/packs/emoji/1f1fa-1f1f3.svg" />');
-      expect(emojify('🇺🇸')).toEqual('<img draggable="false" class="emojione" alt="🇺🇸" title=":us:" src="/packs/emoji/1f1fa-1f1f8.svg" />');
-      expect(emojify('🇺🇾')).toEqual('<img draggable="false" class="emojione" alt="🇺🇾" title=":flag-uy:" src="/packs/emoji/1f1fa-1f1fe.svg" />');
-      expect(emojify('🇺🇿')).toEqual('<img draggable="false" class="emojione" alt="🇺🇿" title=":flag-uz:" src="/packs/emoji/1f1fa-1f1ff.svg" />');
-      expect(emojify('🇻🇦')).toEqual('<img draggable="false" class="emojione" alt="🇻🇦" title=":flag-va:" src="/packs/emoji/1f1fb-1f1e6.svg" />');
-      expect(emojify('🇻🇨')).toEqual('<img draggable="false" class="emojione" alt="🇻🇨" title=":flag-vc:" src="/packs/emoji/1f1fb-1f1e8.svg" />');
-      expect(emojify('🇻🇪')).toEqual('<img draggable="false" class="emojione" alt="🇻🇪" title=":flag-ve:" src="/packs/emoji/1f1fb-1f1ea.svg" />');
-      expect(emojify('🇻🇬')).toEqual('<img draggable="false" class="emojione" alt="🇻🇬" title=":flag-vg:" src="/packs/emoji/1f1fb-1f1ec.svg" />');
-      expect(emojify('🇻🇮')).toEqual('<img draggable="false" class="emojione" alt="🇻🇮" title=":flag-vi:" src="/packs/emoji/1f1fb-1f1ee.svg" />');
-      expect(emojify('🇻🇳')).toEqual('<img draggable="false" class="emojione" alt="🇻🇳" title=":flag-vn:" src="/packs/emoji/1f1fb-1f1f3.svg" />');
-      expect(emojify('🇻🇺')).toEqual('<img draggable="false" class="emojione" alt="🇻🇺" title=":flag-vu:" src="/packs/emoji/1f1fb-1f1fa.svg" />');
-      expect(emojify('🇼🇫')).toEqual('<img draggable="false" class="emojione" alt="🇼🇫" title=":flag-wf:" src="/packs/emoji/1f1fc-1f1eb.svg" />');
-      expect(emojify('🇼🇸')).toEqual('<img draggable="false" class="emojione" alt="🇼🇸" title=":flag-ws:" src="/packs/emoji/1f1fc-1f1f8.svg" />');
-      expect(emojify('🇽🇰')).toEqual('<img draggable="false" class="emojione" alt="🇽🇰" title=":flag-xk:" src="/packs/emoji/1f1fd-1f1f0.svg" />');
-      expect(emojify('🇾🇪')).toEqual('<img draggable="false" class="emojione" alt="🇾🇪" title=":flag-ye:" src="/packs/emoji/1f1fe-1f1ea.svg" />');
-      expect(emojify('🇾🇹')).toEqual('<img draggable="false" class="emojione" alt="🇾🇹" title=":flag-yt:" src="/packs/emoji/1f1fe-1f1f9.svg" />');
-      expect(emojify('🇿🇦')).toEqual('<img draggable="false" class="emojione" alt="🇿🇦" title=":flag-za:" src="/packs/emoji/1f1ff-1f1e6.svg" />');
-      expect(emojify('🇿🇲')).toEqual('<img draggable="false" class="emojione" alt="🇿🇲" title=":flag-zm:" src="/packs/emoji/1f1ff-1f1f2.svg" />');
-      expect(emojify('🇿🇼')).toEqual('<img draggable="false" class="emojione" alt="🇿🇼" title=":flag-zw:" src="/packs/emoji/1f1ff-1f1fc.svg" />');
-      expect(emojify('🏴󠁧󠁢󠁥󠁮󠁧󠁿')).toEqual('<img draggable="false" class="emojione" alt="🏴󠁧󠁢󠁥󠁮󠁧󠁿" title=":flag-england:" src="/packs/emoji/1f3f4-e0067-e0062-e0065-e006e-e0067-e007f.svg" />');
-      expect(emojify('🏴󠁧󠁢󠁳󠁣󠁴󠁿')).toEqual('<img draggable="false" class="emojione" alt="🏴󠁧󠁢󠁳󠁣󠁴󠁿" title=":flag-scotland:" src="/packs/emoji/1f3f4-e0067-e0062-e0073-e0063-e0074-e007f.svg" />');
-      expect(emojify('🏴󠁧󠁢󠁷󠁬󠁳󠁿')).toEqual('<img draggable="false" class="emojione" alt="🏴󠁧󠁢󠁷󠁬󠁳󠁿" title=":flag-wales:" src="/packs/emoji/1f3f4-e0067-e0062-e0077-e006c-e0073-e007f.svg" />');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/emoji/search.test.ts b/packages/pl-fe/src/features/emoji/search.test.ts
deleted file mode 100644
index 40c71df6c..000000000
--- a/packages/pl-fe/src/features/emoji/search.test.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import { List, Map } from 'immutable';
-import pick from 'lodash/pick';
-
-import search, { addCustomToPool } from './search';
-
-const trimEmojis = (emoji: any) => pick(emoji, ['id', 'unified', 'native', 'custom']);
-
-describe('emoji_index', () => {
-  it('should give same result for emoji_index_light and emoji-mart', () => {
-    const expected = [
-      {
-        id: 'pineapple',
-        unified: '1f34d',
-        native: '🍍',
-      },
-    ];
-    expect(search('pineapple').map(trimEmojis)).toEqual(expected);
-  });
-
-  it('orders search results correctly', () => {
-    const expected = [
-      { id: 'apple', unified: '1f34e', native: '🍎' },
-      { id: 'pineapple', unified: '1f34d', native: '🍍' },
-      { id: 'green_apple', unified: '1f34f', native: '🍏' },
-      { id: 'iphone', unified: '1f4f1', native: '📱' },
-    ];
-
-    expect(search('apple').map(trimEmojis)).toEqual(expected);
-  });
-
-  it('handles custom emojis', () => {
-    const custom = [
-      {
-        id: 'mastodon',
-        name: 'mastodon',
-        keywords: ['mastodon'],
-        skins: { src: 'http://example.com' },
-      },
-    ];
-
-    const custom_emojis = List([
-      Map({ static_url: 'http://example.com', shortcode: 'mastodon' }),
-    ]);
-
-    const lightExpected = [
-      {
-        id: 'mastodon',
-        custom: true,
-      },
-    ];
-
-    addCustomToPool(custom);
-    expect(search('masto', {}, custom_emojis).map(trimEmojis)).toEqual(lightExpected);
-  });
-
-  it('updates custom emoji if another is passed', () => {
-    const custom = [
-      {
-        id: 'mastodon',
-        name: 'mastodon',
-        keywords: ['mastodon'],
-        skins: { src: 'http://example.com' },
-      },
-    ];
-
-    addCustomToPool(custom);
-
-    const custom2 = [
-      {
-        id: 'pleroma',
-        name: 'pleroma',
-        keywords: ['pleroma'],
-        skins: { src: 'http://example.com' },
-      },
-    ];
-
-    addCustomToPool(custom2);
-
-    const custom_emojis = List([
-      Map({ static_url: 'http://example.com', shortcode: 'pleroma' }),
-    ]);
-
-    const expected: any = [];
-    expect(search('masto', {}, custom_emojis).map(trimEmojis)).toEqual(expected);
-  });
-
-  it('does an emoji whose unified name is irregular', () => {
-    const expected = [
-      {
-        'id': 'water_polo',
-        'unified': '1f93d',
-        'native': '🤽',
-      },
-      {
-        'id': 'man-playing-water-polo',
-        'unified': '1f93d-200d-2642-fe0f',
-        'native': '🤽‍♂️',
-      },
-      {
-        'id': 'woman-playing-water-polo',
-        'unified': '1f93d-200d-2640-fe0f',
-        'native': '🤽‍♀️',
-      },
-    ];
-    expect(search('polo').map(trimEmojis)).toEqual(expected);
-  });
-
-  it('can search for thinking_face', () => {
-    const expected = [
-      {
-        id: 'thinking_face',
-        unified: '1f914',
-        native: '🤔',
-      },
-    ];
-    expect(search('thinking_fac').map(trimEmojis)).toEqual(expected);
-  });
-
-  it('can search for woman-facepalming', () => {
-    const expected = [
-      {
-        id: 'woman-facepalming',
-        unified: '1f926-200d-2640-fe0f',
-        native: '🤦‍♀️',
-      },
-    ];
-    expect(search('woman-facep').map(trimEmojis)).toEqual(expected);
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-action-button.test.tsx b/packages/pl-fe/src/features/group/components/group-action-button.test.tsx
deleted file mode 100644
index a3ad268ae..000000000
--- a/packages/pl-fe/src/features/group/components/group-action-button.test.tsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import { GroupRoles } from 'pl-api';
-import React from 'react';
-
-import { buildGroup, buildGroupRelationship } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupActionButton from './group-action-button';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupActionButton />', () => {
-  describe('with no group relationship', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: null,
-      });
-    });
-
-    describe('with a private group', () => {
-      beforeEach(() => {
-        group = { ...group, locked: true };
-      });
-
-      it('should render the Request Access button', () => {
-        render(<GroupActionButton group={group} />);
-
-        expect(screen.getByRole('button')).toHaveTextContent('Request Access');
-      });
-    });
-
-    describe('with a public group', () => {
-      beforeEach(() => {
-        group = { ...group, locked: false };
-      });
-
-      it('should render the Join Group button', () => {
-        render(<GroupActionButton group={group} />);
-
-        expect(screen.getByRole('button')).toHaveTextContent('Join Group');
-      });
-    });
-  });
-
-  describe('with no group relationship member', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          member: false,
-        }),
-      });
-    });
-
-    describe('with a private group', () => {
-      beforeEach(() => {
-        group = { ...group, locked: true };
-      });
-
-      it('should render the Request Access button', () => {
-        render(<GroupActionButton group={group} />);
-
-        expect(screen.getByRole('button')).toHaveTextContent('Request Access');
-      });
-    });
-
-    describe('with a public group', () => {
-      beforeEach(() => {
-        group = { ...group, locked: false };
-      });
-
-      it('should render the Join Group button', () => {
-        render(<GroupActionButton group={group} />);
-
-        expect(screen.getByRole('button')).toHaveTextContent('Join Group');
-      });
-    });
-  });
-
-  describe('when the user has requested to join', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: true,
-          member: true,
-        }),
-      });
-    });
-
-    it('should render the Cancel Request button', () => {
-      render(<GroupActionButton group={group} />);
-
-      expect(screen.getByRole('button')).toHaveTextContent('Cancel Request');
-    });
-  });
-
-  describe('when the user is an Admin', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.OWNER,
-        }),
-      });
-    });
-
-    it('should render the Manage Group button', () => {
-      render(<GroupActionButton group={group} />);
-
-      expect(screen.getByRole('button')).toHaveTextContent('Manage Group');
-    });
-  });
-
-  describe('when the user is just a member', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.USER,
-        }),
-      });
-    });
-
-    it('should render the Leave Group button', () => {
-      render(<GroupActionButton group={group} />);
-
-      expect(screen.getByRole('button')).toHaveTextContent('Leave Group');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-header.test.tsx b/packages/pl-fe/src/features/group/components/group-header.test.tsx
deleted file mode 100644
index 5251c0a7e..000000000
--- a/packages/pl-fe/src/features/group/components/group-header.test.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-
-import { buildGroup } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupHeader from './group-header';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupHeader />', () => {
-  describe('without a group', () => {
-    it('should render the blankslate', () => {
-      render(<GroupHeader group={null} />);
-      expect(screen.getByTestId('group-header-missing')).toBeInTheDocument();
-    });
-  });
-
-  describe('when the Group has been deleted', () => {
-    it('only shows name, header, and avatar', () => {
-      group = buildGroup({ display_name: 'my group', deleted_at: new Date().toISOString() });
-      render(<GroupHeader group={group} />);
-
-      expect(screen.queryAllByTestId('group-header-missing')).toHaveLength(0);
-      expect(screen.queryAllByTestId('group-actions')).toHaveLength(0);
-      expect(screen.queryAllByTestId('group-meta')).toHaveLength(0);
-      expect(screen.getByTestId('group-header-image')).toBeInTheDocument();
-      expect(screen.getByTestId('group-avatar')).toBeInTheDocument();
-      expect(screen.getByTestId('group-name')).toBeInTheDocument();
-    });
-  });
-
-  describe('with a valid Group', () => {
-    it('only shows all fields', () => {
-      group = buildGroup({ display_name: 'my group', deleted_at: null });
-      render(<GroupHeader group={group} />);
-
-      expect(screen.queryAllByTestId('group-header-missing')).toHaveLength(0);
-      expect(screen.getByTestId('group-actions')).toBeInTheDocument();
-      expect(screen.getByTestId('group-meta')).toBeInTheDocument();
-      expect(screen.getByTestId('group-header-image')).toBeInTheDocument();
-      expect(screen.getByTestId('group-avatar')).toBeInTheDocument();
-      expect(screen.getByTestId('group-name')).toBeInTheDocument();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-member-count.test.tsx b/packages/pl-fe/src/features/group/components/group-member-count.test.tsx
deleted file mode 100644
index 0158256a8..000000000
--- a/packages/pl-fe/src/features/group/components/group-member-count.test.tsx
+++ /dev/null
@@ -1,56 +0,0 @@
-import React from 'react';
-
-import { buildGroup } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupMemberCount from './group-member-count';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupMemberCount />', () => {
-  describe('with support for "members_count"', () => {
-    describe('with 1 member', () => {
-      beforeEach(() => {
-        group = buildGroup({
-          members_count: 1,
-        });
-      });
-
-      it('should render correctly', () => {
-        render(<GroupMemberCount group={group} />);
-
-        expect(screen.getByTestId('group-member-count').textContent).toEqual('1 member');
-      });
-    });
-
-    describe('with 2 members', () => {
-      beforeEach(() => {
-        group = buildGroup({
-          members_count: 2,
-        });
-      });
-
-      it('should render correctly', () => {
-        render(<GroupMemberCount group={group} />);
-
-        expect(screen.getByTestId('group-member-count').textContent).toEqual('2 members');
-      });
-    });
-
-    describe('with 1000 members', () => {
-      beforeEach(() => {
-        group = buildGroup({
-          members_count: 1000,
-        });
-      });
-
-      it('should render correctly', () => {
-        render(<GroupMemberCount group={group} />);
-
-        expect(screen.getByTestId('group-member-count').textContent).toEqual('1k members');
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-member-list-item.test.tsx b/packages/pl-fe/src/features/group/components/group-member-list-item.test.tsx
deleted file mode 100644
index dd1f9423b..000000000
--- a/packages/pl-fe/src/features/group/components/group-member-list-item.test.tsx
+++ /dev/null
@@ -1,303 +0,0 @@
-import userEvent from '@testing-library/user-event';
-import { GroupRoles } from 'pl-api';
-import React from 'react';
-
-import { __stub } from '@/api';
-import { buildGroup, buildGroupMember, buildGroupRelationship } from '@/jest/factory';
-import { render, screen, waitFor } from '@/jest/test-helpers';
-
-import GroupMemberListItem from './group-member-list-item';
-
-describe('<GroupMemberListItem />', () => {
-  describe('account rendering', () => {
-    const accountId = '4';
-    const groupMember = buildGroupMember({}, {
-      id: accountId,
-      display_name: 'tiger woods',
-    });
-
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-      });
-    });
-
-    it('should render the users avatar', async () => {
-      const group = buildGroup({
-        relationship: buildGroupRelationship(),
-      });
-
-      render(<GroupMemberListItem group={group} member={groupMember} />);
-
-      await waitFor(() => {
-        expect(screen.getByTestId('group-member-list-item')).toHaveTextContent(groupMember.account.display_name);
-      });
-    });
-  });
-
-  describe('role badge', () => {
-    const accountId = '4';
-    const group = buildGroup();
-
-    describe('when the user is an Owner', () => {
-      const groupMember = buildGroupMember({ role: GroupRoles.OWNER }, {
-        id: accountId,
-        display_name: 'tiger woods',
-      });
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render the correct badge', async () => {
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(() => {
-          expect(screen.getByTestId('role-badge')).toHaveTextContent('owner');
-        });
-      });
-    });
-
-    describe('when the user is an Admin', () => {
-      const groupMember = buildGroupMember({ role: GroupRoles.ADMIN }, {
-        id: accountId,
-        display_name: 'tiger woods',
-      });
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render the correct badge', async () => {
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(() => {
-          expect(screen.getByTestId('role-badge')).toHaveTextContent('admin');
-        });
-      });
-    });
-
-    describe('when the user is an User', () => {
-      const groupMember = buildGroupMember({ role: GroupRoles.USER }, {
-        id: accountId,
-        display_name: 'tiger woods',
-      });
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render no correct badge', async () => {
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(() => {
-          expect(screen.queryAllByTestId('role-badge')).toHaveLength(0);
-        });
-      });
-    });
-  });
-
-  describe('as a Group owner', () => {
-    const group = buildGroup({
-      relationship: buildGroupRelationship({
-        role: GroupRoles.OWNER,
-        member: true,
-      }),
-    });
-
-    describe('when the user has role of "user"', () => {
-      const accountId = '4';
-      const groupMember = buildGroupMember({}, {
-        id: accountId,
-        display_name: 'tiger woods',
-        username: 'tiger',
-      });
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render dropdown with correct Owner actions', async () => {
-        const user = userEvent.setup();
-
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(async() => {
-          await user.click(screen.getByTestId('icon-button'));
-        });
-
-        const dropdownMenu = screen.getByTestId('dropdown-menu');
-        expect(dropdownMenu).toHaveTextContent('Assign admin role');
-        expect(dropdownMenu).toHaveTextContent('Kick @tiger from group');
-        expect(dropdownMenu).toHaveTextContent('Ban from group');
-      });
-    });
-
-    describe('when the user has role of "admin"', () => {
-      const accountId = '4';
-      const groupMember = buildGroupMember(
-        {
-          role: GroupRoles.ADMIN,
-        },
-        {
-          id: accountId,
-          display_name: 'tiger woods',
-          username: 'tiger',
-        },
-      );
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render dropdown with correct Owner actions', async () => {
-        const user = userEvent.setup();
-
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(async() => {
-          await user.click(screen.getByTestId('icon-button'));
-        });
-
-        const dropdownMenu = screen.getByTestId('dropdown-menu');
-        expect(dropdownMenu).toHaveTextContent('Remove admin role');
-        expect(dropdownMenu).toHaveTextContent('Kick @tiger from group');
-        expect(dropdownMenu).toHaveTextContent('Ban from group');
-      });
-    });
-  });
-
-  describe('as a Group admin', () => {
-    const group = buildGroup({
-      relationship: buildGroupRelationship({
-        role: GroupRoles.ADMIN,
-        member: true,
-      }),
-    });
-
-    describe('when the user has role of "user"', () => {
-      const accountId = '4';
-      const groupMember = buildGroupMember({}, {
-        id: accountId,
-        display_name: 'tiger woods',
-        username: 'tiger',
-      });
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should render dropdown with correct Admin actions', async () => {
-        const user = userEvent.setup();
-
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(async() => {
-          await user.click(screen.getByTestId('icon-button'));
-        });
-
-        const dropdownMenu = screen.getByTestId('dropdown-menu');
-        expect(dropdownMenu).not.toHaveTextContent('Assign admin role');
-        expect(dropdownMenu).toHaveTextContent('Kick @tiger from group');
-        expect(dropdownMenu).toHaveTextContent('Ban from group');
-      });
-    });
-
-    describe('when the user has role of "admin"', () => {
-      const accountId = '4';
-      const groupMember = buildGroupMember(
-        {
-          role: GroupRoles.ADMIN,
-        },
-        {
-          id: accountId,
-          display_name: 'tiger woods',
-          username: 'tiger',
-        },
-      );
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should not render the dropdown', async () => {
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(async() => {
-          expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-        });
-      });
-    });
-
-    describe('when the user has role of "owner"', () => {
-      const accountId = '4';
-      const groupMember = buildGroupMember(
-        {
-          role: GroupRoles.OWNER,
-        },
-        {
-          id: accountId,
-          display_name: 'tiger woods',
-          username: 'tiger',
-        },
-      );
-
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-        });
-      });
-
-      it('should not render the dropdown', async () => {
-        render(<GroupMemberListItem group={group} member={groupMember} />);
-
-        await waitFor(async() => {
-          expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-        });
-      });
-    });
-  });
-
-  describe('as a Group user', () => {
-    const group = buildGroup({
-      relationship: buildGroupRelationship({
-        role: GroupRoles.USER,
-        member: true,
-      }),
-    });
-    const accountId = '4';
-    const groupMember = buildGroupMember({}, {
-      id: accountId,
-      display_name: 'tiger woods',
-      username: 'tiger',
-    });
-
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/accounts/${accountId}`).reply(200, groupMember.account);
-      });
-    });
-
-    it('should not render the dropdown', async () => {
-      render(<GroupMemberListItem group={group} member={groupMember} />);
-
-      await waitFor(async() => {
-        expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-options-button.test.tsx b/packages/pl-fe/src/features/group/components/group-options-button.test.tsx
deleted file mode 100644
index 715ff823e..000000000
--- a/packages/pl-fe/src/features/group/components/group-options-button.test.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { GroupRoles } from 'pl-api';
-import React from 'react';
-
-import { buildGroup, buildGroupRelationship } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupOptionsButton from './group-options-button';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupOptionsButton />', () => {
-  describe('when the user blocked', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          blocked_by: true,
-          role: GroupRoles.USER,
-        }),
-      });
-    });
-
-    it('should render null', () => {
-      render(<GroupOptionsButton group={group} />);
-
-      expect(screen.queryAllByTestId('dropdown-menu-button')).toHaveLength(0);
-    });
-  });
-
-  describe('when the user is an admin', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.ADMIN,
-        }),
-      });
-    });
-
-    it('should render one option for leaving the group', () => {
-      render(<GroupOptionsButton group={group} />);
-
-      // Leave group option only
-      expect(screen.queryAllByTestId('dropdown-menu-button')).toHaveLength(1);
-    });
-  });
-
-  describe('when the user is an owner', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.OWNER,
-        }),
-      });
-    });
-
-    it('should render one option for muting the group', () => {
-      render(<GroupOptionsButton group={group} />);
-
-      expect(screen.queryAllByTestId('dropdown-menu-button')).toHaveLength(1);
-    });
-  });
-
-  describe('when the user is a member', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.USER,
-        }),
-      });
-    });
-
-    it('should render the dropdown menu', () => {
-      render(<GroupOptionsButton group={group} />);
-
-      expect(screen.queryAllByTestId('dropdown-menu-button')).toHaveLength(1);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-privacy.test.tsx b/packages/pl-fe/src/features/group/components/group-privacy.test.tsx
deleted file mode 100644
index ca9a99513..000000000
--- a/packages/pl-fe/src/features/group/components/group-privacy.test.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import React from 'react';
-
-import { buildGroup } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupPrivacy from './group-privacy';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupPrivacy />', () => {
-  describe('with a Private group', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        locked: true,
-      });
-    });
-
-    it('should render the correct text', () => {
-      render(<GroupPrivacy group={group} />);
-
-      expect(screen.getByTestId('group-privacy')).toHaveTextContent('Private');
-    });
-  });
-
-  describe('with a Public group', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        locked: false,
-      });
-    });
-
-    it('should render the correct text', () => {
-      render(<GroupPrivacy group={group} />);
-
-      expect(screen.getByTestId('group-privacy')).toHaveTextContent('Public');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/group/components/group-relationship.test.tsx b/packages/pl-fe/src/features/group/components/group-relationship.test.tsx
deleted file mode 100644
index 9c40c5eea..000000000
--- a/packages/pl-fe/src/features/group/components/group-relationship.test.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import { GroupRoles } from 'pl-api';
-import React from 'react';
-
-import { buildGroup, buildGroupRelationship } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupRelationship from './group-relationship';
-
-import type { Group } from 'pl-api';
-
-let group: Group;
-
-describe('<GroupRelationship />', () => {
-  describe('when the user is an admin', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.ADMIN,
-        }),
-      });
-    });
-
-    it('should render the relationship', () => {
-      render(<GroupRelationship group={group} />);
-
-      expect(screen.getByTestId('group-relationship')).toHaveTextContent('Admin');
-    });
-  });
-
-  describe('when the user is an owner', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.OWNER,
-        }),
-      });
-    });
-
-    it('should render the relationship', () => {
-      render(<GroupRelationship group={group} />);
-
-      expect(screen.getByTestId('group-relationship')).toHaveTextContent('Owner');
-    });
-  });
-
-  describe('when the user is a member', () => {
-    beforeEach(() => {
-      group = buildGroup({
-        relationship: buildGroupRelationship({
-          requested: false,
-          member: true,
-          role: GroupRoles.USER,
-        }),
-      });
-    });
-
-    it('should render null', () => {
-      render(<GroupRelationship group={group} />);
-
-      expect(screen.queryAllByTestId('group-relationship')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/groups/components/discover/group-list-item.test.tsx b/packages/pl-fe/src/features/groups/components/discover/group-list-item.test.tsx
deleted file mode 100644
index e2cff5ba4..000000000
--- a/packages/pl-fe/src/features/groups/components/discover/group-list-item.test.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-
-import { buildGroup } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import GroupListItem from './group-list-item';
-
-describe('<GroupListItem', () => {
-  it('should render correctly', () => {
-    const group = buildGroup({
-      display_name: 'group name here',
-      locked: false,
-      members_count: 6,
-    });
-    render(<GroupListItem group={group} />);
-
-    expect(screen.getByTestId('group-list-item')).toHaveTextContent(group.display_name);
-    expect(screen.getByTestId('group-list-item')).toHaveTextContent('Public');
-    expect(screen.getByTestId('group-list-item')).toHaveTextContent('6 members');
-  });
-});
diff --git a/packages/pl-fe/src/features/notifications/components/notifications.test.tsx b/packages/pl-fe/src/features/notifications/components/notifications.test.tsx
deleted file mode 100644
index edb2b7cc0..000000000
--- a/packages/pl-fe/src/features/notifications/components/notifications.test.tsx
+++ /dev/null
@@ -1,130 +0,0 @@
-import React from 'react';
-
-import { updateNotifications } from '@/actions/notifications';
-import { render, screen, rootState, createTestStore } from '@/jest/test-helpers';
-
-import Notification from './notification';
-
-/** Prepare the notification for use by the component */
-const normalize = (notification: any) => {
-  const store = createTestStore(rootState);
-  store.dispatch(updateNotifications(notification) as any);
-  const state = store.getState();
-
-  return {
-    // @ts-ignore
-    notification: state.notifications.items.get(notification.id)!,
-    state,
-  };
-};
-
-describe('<Notification />', () => {
-  it('renders a follow notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-follow.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toBeInTheDocument();
-    expect(screen.getByTestId('account')).toContainHTML('neko@rdrama.cc');
-    expect(screen.getByTestId('message')).toHaveTextContent('Nekobit followed you');
-  });
-
-  describe('grouped notifications', () => {
-    it('renders a grouped follow notification for more than 2', async () => {
-      const { notification, state } = normalize({
-        ...await import('@/__fixtures__/notification-follow.json'),
-        total_count: 5,
-      });
-
-      render(<Notification notification={notification} />, undefined, state);
-
-      expect(screen.getByTestId('notification')).toBeInTheDocument();
-      expect(screen.getByTestId('account')).toContainHTML('neko@rdrama.cc');
-      expect(screen.getByTestId('message')).toHaveTextContent('Nekobit + 4 others followed you');
-    });
-
-    it('renders a grouped follow notification for 1', async () => {
-      const { notification, state } = normalize({
-        ...await import('@/__fixtures__/notification-follow.json'),
-        total_count: 2,
-      });
-
-      render(<Notification notification={notification} />, undefined, state);
-
-      expect(screen.getByTestId('notification')).toBeInTheDocument();
-      expect(screen.getByTestId('account')).toContainHTML('neko@rdrama.cc');
-      expect(screen.getByTestId('message')).toHaveTextContent('Nekobit + 1 other followed you');
-    });
-  });
-
-  it('renders a favourite notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-favourite.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('Hollahollara@spinster.xyz');
-    expect(screen.getByTestId('status')).toContainHTML('https://media.gleasonator.com');
-  });
-
-  // it('renders a follow_request notification', async () => {
-  //   const { notification, state } = normalize(await import('@/__fixtures__/notification-follow_request.json'));
-
-  //   render(<Notification notification={notification} />, undefined, state);
-
-  //   expect(screen.getByTestId('notification')).toBeInTheDocument();
-  //   expect(screen.getByTestId('account')).toContainHTML('alex@spinster.xyz');
-  // });
-
-  it('renders a mention notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-mention.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('silverpill@mitra.social');
-    expect(screen.getByTestId('status')).toContainHTML('ActivityPub spec');
-  });
-
-  it('renders a move notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-move.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('alex@fedibird.com');
-    expect(screen.getByTestId('account')).toContainHTML('benis911');
-  });
-
-  it('renders a pleroma:emoji_reaction notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-pleroma-emoji_reaction.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('😮');
-    expect(screen.getByTestId('status')).toContainHTML('Super Mario 64');
-  });
-
-  it('renders a pleroma:chat_mention notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-pleroma-chat_mention.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('dave');
-  });
-
-  it('renders a poll notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-poll.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toBeInTheDocument();
-    expect(screen.getByTestId('status')).toContainHTML('what do you guys think?');
-  });
-
-  it('renders a reblog notification', async () => {
-    const { notification, state } = normalize(await import('@/__fixtures__/notification-reblog.json'));
-
-    render(<Notification notification={notification} />, undefined, state);
-
-    expect(screen.getByTestId('notification')).toContainHTML('rob@nicecrew.digital');
-    expect(screen.getByTestId('status')).toContainHTML('never downloaded TikTok');
-  });
-});
diff --git a/packages/pl-fe/src/features/ui/components/compose-button.test.tsx b/packages/pl-fe/src/features/ui/components/compose-button.test.tsx
deleted file mode 100644
index c601f1ef3..000000000
--- a/packages/pl-fe/src/features/ui/components/compose-button.test.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { fireEvent, render, screen } from '@testing-library/react';
-import React from 'react';
-import { IntlProvider } from 'react-intl';
-import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
-
-import { mockStore, rootState } from '@/jest/test-helpers';
-
-import ComposeButton from './compose-button';
-
-const store = mockStore(rootState);
-const renderComposeButton = () => {
-  render(
-    <Provider store={store}>
-      <IntlProvider locale='en'>
-        <MemoryRouter>
-          <ComposeButton />
-        </MemoryRouter>
-      </IntlProvider>
-    </Provider>,
-  );
-};
-
-describe('<ComposeButton />', () => {
-  it('renders a button element', () => {
-    renderComposeButton();
-
-    expect(screen.getByRole('button')).toHaveTextContent('Compose');
-  });
-
-  it('dispatches the MODAL_OPEN action', () => {
-    renderComposeButton();
-
-    expect(store.getActions().length).toEqual(0);
-    fireEvent.click(screen.getByRole('button'));
-    expect(store.getActions()[0].type).toEqual('MODAL_CLOSE');
-    expect(store.getActions()[1].type).toEqual('MODAL_OPEN');
-  });
-});
diff --git a/packages/pl-fe/src/features/ui/components/hotkeys.tsx b/packages/pl-fe/src/features/ui/components/hotkeys.tsx
index 8d607d22a..f9be46377 100644
--- a/packages/pl-fe/src/features/ui/components/hotkeys.tsx
+++ b/packages/pl-fe/src/features/ui/components/hotkeys.tsx
@@ -173,11 +173,11 @@ const hotkeyMatcherMap = {
 
 type HotkeyName = keyof typeof hotkeyMatcherMap;
 
-export type HandlerMap = Partial<
+type HandlerMap = Partial<
   Record<HotkeyName, (event: KeyboardEvent) => void>
 >;
 
-export function useHotkeys<T extends HTMLElement>(handlers: HandlerMap) {
+function useHotkeys<T extends HTMLElement>(handlers: HandlerMap) {
   const ref = useRef<T>(null);
   const bufferedKeys = useRef<string[]>([]);
   const sequenceTimer = useRef<ReturnType<typeof setTimeout> | null>(null);
diff --git a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.test.tsx b/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.test.tsx
deleted file mode 100644
index 275eaab45..000000000
--- a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.test.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-
-import { storeOpen } from '@/jest/mock-stores';
-import { render, screen } from '@/jest/test-helpers';
-
-import SignUpPanel from './sign-up-panel';
-
-describe('<SignUpPanel />', () => {
-  it('doesn\'t render by default', () => {
-    render(<SignUpPanel />);
-    expect(screen.queryByTestId('sign-up-panel')).not.toBeInTheDocument();
-  });
-
-  describe('with registrations enabled', () => {
-    it('successfully renders', () => {
-      render(<SignUpPanel />, undefined, storeOpen);
-      expect(screen.getByTestId('sign-up-panel')).toBeInTheDocument();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/ui/components/panels/trends-panel.test.tsx b/packages/pl-fe/src/features/ui/components/panels/trends-panel.test.tsx
deleted file mode 100644
index 5ca17311d..000000000
--- a/packages/pl-fe/src/features/ui/components/panels/trends-panel.test.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import React from 'react';
-
-import { __stub } from '@/api';
-import { queryClient, render, screen, waitFor } from '@/jest/test-helpers';
-
-import TrendsPanel from './trends-panel';
-
-describe('<TrendsPanel />', () => {
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('with hashtags', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/trends')
-          .reply(200, [
-            {
-              name: 'hashtag 1',
-              url: 'https://example.com',
-              history: [{
-                day: '1652745600',
-                uses: '294',
-                accounts: '180',
-              }],
-            },
-            { name: 'hashtag 2', url: 'https://example.com' },
-          ]);
-      });
-    });
-
-    it('renders trending hashtags', async() => {
-      render(<TrendsPanel limit={1} />);
-
-      await waitFor(() => {
-        expect(screen.getByTestId('hashtag')).toHaveTextContent(/hashtag 1/i);
-        expect(screen.getByTestId('hashtag')).toHaveTextContent(/180 people talking/i);
-        expect(screen.getByTestId('sparklines')).toBeInTheDocument();
-      });
-    });
-
-    it('renders multiple trends', async() => {
-      render(<TrendsPanel limit={3} />);
-
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('hashtag')).toHaveLength(2);
-      });
-    });
-
-    it('respects the limit prop', async() => {
-      render(<TrendsPanel limit={1} />);
-
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('hashtag')).toHaveLength(1);
-      });
-    });
-  });
-
-  describe('without hashtags', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/trends').reply(200, []);
-      });
-    });
-
-    it('renders empty', async() => {
-      render(<TrendsPanel limit={1} />);
-
-      await waitFor(() => {
-        expect(screen.queryAllByTestId('hashtag')).toHaveLength(0);
-      });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/features/ui/components/subscribe-button.test.tsx b/packages/pl-fe/src/features/ui/components/subscribe-button.test.tsx
deleted file mode 100644
index 624f0b636..000000000
--- a/packages/pl-fe/src/features/ui/components/subscribe-button.test.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-import { buildAccount, buildRelationship } from '@/jest/factory';
-import { render, screen } from '@/jest/test-helpers';
-
-import SubscribeButton from './subscription-button';
-
-const justin = {
-  id: '1',
-  acct: 'justin-username',
-  display_name: 'Justin L',
-  avatar: 'test.jpg',
-};
-
-describe('<SubscribeButton />', () => {
-  let store: any;
-
-  describe('with "accountNotifies" disabled', () => {
-    it('renders nothing', () => {
-      const account = buildAccount({ ...justin, relationship: buildRelationship({ following: true }) });
-
-      render(<SubscribeButton account={account} />, undefined, store);
-      expect(screen.queryAllByTestId('icon-button')).toHaveLength(0);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/hooks/__mocks__/resize-observer.ts b/packages/pl-fe/src/hooks/__mocks__/resize-observer.ts
deleted file mode 100644
index 47c3ebc17..000000000
--- a/packages/pl-fe/src/hooks/__mocks__/resize-observer.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-let listener: ((rect: any) => void) | undefined = undefined;
-const mockDisconnect = vi.fn();
-
-class ResizeObserver {
-
-  constructor(ls: any) {
-    listener = ls;
-  }
-
-  observe() {
-    // do nothing
-  }
-  unobserve() {
-    // do nothing
-  }
-  disconnect() {
-    mockDisconnect();
-  }
-
-}
-
-// eslint-disable-next-line compat/compat
-(window as any).ResizeObserver = ResizeObserver;
-
-export { ResizeObserver as default, listener, mockDisconnect };
diff --git a/packages/pl-fe/src/hooks/use-dimensions.test.ts b/packages/pl-fe/src/hooks/use-dimensions.test.ts
deleted file mode 100644
index 3ce75e972..000000000
--- a/packages/pl-fe/src/hooks/use-dimensions.test.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-import { renderHook, act } from '@testing-library/react-hooks';
-
-import { listener, mockDisconnect } from './__mocks__/resize-observer';
-import { useDimensions } from './use-dimensions';
-
-describe('useDimensions()', () => {
-  beforeEach(() => {
-    mockDisconnect.mockClear();
-  });
-
-  it('defaults to 0', () => {
-    const { result } = renderHook(() => useDimensions());
-
-    act(() => {
-      const div = document.createElement('div');
-      (result.current[1] as any)(div);
-    });
-
-    expect(result.current[2]).toMatchObject({
-      width: 0,
-      height: 0,
-    });
-  });
-
-  it('measures the dimensions of a DOM element', () => {
-    const { result } = renderHook(() => useDimensions());
-
-    act(() => {
-      const div = document.createElement('div');
-      (result.current[1] as any)(div);
-    });
-
-    act(() => {
-      listener!([
-        {
-          contentRect: {
-            width: 200,
-            height: 200,
-          },
-        },
-      ]);
-    });
-
-    expect(result.current[2]).toMatchObject({
-      width: 200,
-      height: 200,
-    });
-  });
-
-  it('disconnects on unmount', () => {
-    const { result, unmount } = renderHook(() => useDimensions());
-
-    act(() => {
-      const div = document.createElement('div');
-      (result.current[1] as any)(div);
-    });
-
-    expect(mockDisconnect).toHaveBeenCalledTimes(0);
-    unmount();
-    expect(mockDisconnect).toHaveBeenCalledTimes(1);
-  });
-});
diff --git a/packages/pl-fe/src/hooks/use-dimensions.ts b/packages/pl-fe/src/hooks/use-dimensions.ts
deleted file mode 100644
index 2376b389d..000000000
--- a/packages/pl-fe/src/hooks/use-dimensions.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import { useEffect, useMemo, useState } from 'react';
-
-type UseDimensionsRect = { width: number; height: number };
-type UseDimensionsResult = [Element | null, any, any]
-
-const defaultState: UseDimensionsRect = {
-  width: 0,
-  height: 0,
-};
-
-const useDimensions = (): UseDimensionsResult => {
-  const [element, setRef] = useState<Element | null>(null);
-  const [rect, setRect] = useState<UseDimensionsRect>(defaultState);
-
-  const observer = useMemo(
-    () =>
-      new ResizeObserver((entries: any) => {
-        if (entries[0]) {
-          const { width, height } = entries[0].contentRect;
-          setRect({ width, height });
-        }
-      }),
-    [],
-  );
-
-  useEffect(() => {
-    if (!element) return;
-    observer.observe(element);
-
-    return () => {
-      observer.disconnect();
-    };
-  }, [element]);
-
-  return [element, setRef, rect];
-};
-
-export { useDimensions };
diff --git a/packages/pl-fe/src/jest/factory.ts b/packages/pl-fe/src/jest/factory.ts
deleted file mode 100644
index df727e9c2..000000000
--- a/packages/pl-fe/src/jest/factory.ts
+++ /dev/null
@@ -1,74 +0,0 @@
-import {
-  accountSchema,
-  groupMemberSchema,
-  groupRelationshipSchema,
-  groupSchema,
-  instanceSchema,
-  relationshipSchema,
-  statusSchema,
-  GroupRoles,
-  type Account,
-  type Group,
-  type GroupMember,
-  type GroupRelationship,
-  type Instance,
-  type Relationship,
-  type Status,
-} from 'pl-api';
-import * as v from 'valibot';
-
-import type { PartialDeep } from 'type-fest';
-
-// TODO: there's probably a better way to create these factory functions.
-// This looks promising but didn't work on my first attempt: https://github.com/anatine/zod-plugins/tree/main/packages/zod-mock
-
-const buildAccount = (props: PartialDeep<Account> = {}): Account =>
-  v.parse(accountSchema, Object.assign({
-    id: crypto.randomUUID(),
-    url: `https://soapbox.test/users/${crypto.randomUUID()}`,
-  }, props));
-
-const buildGroup = (props: PartialDeep<Group> = {}): Group =>
-  v.parse(groupSchema, Object.assign({
-    id: crypto.randomUUID(),
-    owner: {
-      id: crypto.randomUUID(),
-    },
-  }, props));
-
-const buildGroupRelationship = (props: PartialDeep<GroupRelationship> = {}): GroupRelationship =>
-  v.parse(groupRelationshipSchema, Object.assign({
-    id: crypto.randomUUID(),
-  }, props));
-
-const buildGroupMember = (
-  props: PartialDeep<GroupMember> = {},
-  accountProps: PartialDeep<Account> = {},
-): GroupMember => v.parse(groupMemberSchema, Object.assign({
-  id: crypto.randomUUID(),
-  account: buildAccount(accountProps),
-  role: GroupRoles.USER,
-}, props));
-
-const buildInstance = (props: PartialDeep<Instance> = {}) => v.parse(instanceSchema, props);
-
-const buildRelationship = (props: PartialDeep<Relationship> = {}): Relationship =>
-  v.parse(relationshipSchema, Object.assign({
-    id: crypto.randomUUID(),
-  }, props));
-
-const buildStatus = (props: PartialDeep<Status> = {}) =>
-  v.parse(statusSchema, Object.assign({
-    id: crypto.randomUUID(),
-    account: buildAccount(),
-  }, props));
-
-export {
-  buildAccount,
-  buildGroup,
-  buildGroupMember,
-  buildGroupRelationship,
-  buildInstance,
-  buildRelationship,
-  buildStatus,
-};
diff --git a/packages/pl-fe/src/jest/fixtures/chats.json b/packages/pl-fe/src/jest/fixtures/chats.json
deleted file mode 100644
index 101851fc7..000000000
--- a/packages/pl-fe/src/jest/fixtures/chats.json
+++ /dev/null
@@ -1,54 +0,0 @@
-[
-  {
-    "id": "1",
-    "unread": 0,
-    "last_message": {
-      "account_id": "2",
-      "chat_id": "85",
-      "content": "last message content",
-      "created_at": "2022-09-28T17:43:01.432Z",
-      "id": "1166",
-      "unread": false
-    },
-    "created_at": "2022-08-26T14:49:16.360Z",
-    "updated_at": "2022-09-29T19:09:30.257Z",
-    "accepted": true,
-    "account": {
-      "id": "2",
-      "username": "leonard",
-      "acct": "leonard",
-      "display_name": "leonard",
-      "created_at": "2021-10-19T00:00:00.000Z",
-      "avatar": "original.jpg",
-      "avatar_static": "original.jpg",
-      "verified": false,
-      "accepting_messages": true
-    }
-  },
-  {
-    "id": "2",
-    "unread": 0,
-    "last_message": {
-      "account_id": "3",
-      "chat_id": "125",
-      "content": "\u003cp\u003eInventore enim numquam nihil facilis nostrum eum natus provident quis veritatis esse dolorem praesentium rem cumque.\u003c/p\u003e",
-      "created_at": "2022-09-23T14:09:29.625Z",
-      "id": "1033",
-      "unread": false
-    },
-    "created_at": "2022-09-22T15:06:49.675Z",
-    "updated_at": "2022-09-23T14:09:29.628Z",
-    "accepted": true,
-    "account": {
-      "id": "3",
-      "username": "sheldon",
-      "acct": "sheldon",
-      "display_name": "sheldon",
-      "created_at": "2022-09-22T00:00:00.000Z",
-      "avatar": "original.jpg",
-      "avatar_static": "original.jpg",
-      "verified": false,
-      "accepting_messages": true
-    }
-  }
-]
\ No newline at end of file
diff --git a/packages/pl-fe/src/jest/mock-stores.tsx b/packages/pl-fe/src/jest/mock-stores.tsx
deleted file mode 100644
index da7e0e3cb..000000000
--- a/packages/pl-fe/src/jest/mock-stores.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import { instanceSchema } from 'pl-api';
-import * as v from 'valibot';
-
-/** Store with registrations open. */
-const storeOpen = { instance: v.parse(instanceSchema, { registrations: true }) };
-
-export {
-  storeOpen,
-};
diff --git a/packages/pl-fe/src/jest/test-helpers.tsx b/packages/pl-fe/src/jest/test-helpers.tsx
deleted file mode 100644
index 1c4dcd756..000000000
--- a/packages/pl-fe/src/jest/test-helpers.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-import { configureMockStore } from '@jedmao/redux-mock-store';
-import { QueryClientProvider } from '@tanstack/react-query';
-import { render, RenderOptions } from '@testing-library/react';
-import { renderHook, RenderHookOptions } from '@testing-library/react-hooks';
-import React, { FC, ReactElement } from 'react';
-import { Toaster } from 'react-hot-toast';
-import { IntlProvider } from 'react-intl';
-import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
-import { applyMiddleware, createStore } from 'redux';
-import { thunk } from 'redux-thunk';
-
-import { ChatProvider } from '@/contexts/chat-context';
-import { StatProvider } from '@/contexts/stat-context';
-import { queryClient } from '@/queries/client';
-
-import { default as rootReducer } from '../reducers';
-
-import type { AppDispatch } from '@/store';
-import type { Action, AnyAction } from 'redux';
-
-// Mock Redux
-// https://redux.js.org/recipes/writing-tests/
-const rootState = rootReducer(undefined, {} as Action);
-const mockStore = configureMockStore<typeof rootState, AnyAction, AppDispatch>([thunk]);
-
-/** Apply actions to the state, one at a time. */
-const applyActions = (state: any, actions: any, reducer: any) =>
-  actions.reduce((state: any, action: any) => reducer(state, action), state);
-
-const createTestStore = (initialState: any) => createStore(rootReducer, initialState, applyMiddleware(thunk));
-const TestApp: FC<any> = ({ children, storeProps, routerProps = {} }) => {
-  let store: ReturnType<typeof createTestStore>;
-  let appState = rootState;
-
-  if (storeProps && typeof storeProps.getState !== 'undefined') { // storeProps is a store
-    store = storeProps;
-  } else if (storeProps) { // storeProps is state
-    appState = { ...rootState, ...storeProps };
-    store = createTestStore(appState);
-  } else {
-    store = createTestStore(appState);
-  }
-
-  const props = {
-    locale: 'en',
-    store,
-  };
-
-  return (
-    <div id='plfe'>
-      <Provider store={props.store}>
-        <MemoryRouter {...routerProps}>
-          <StatProvider>
-            <QueryClientProvider client={queryClient}>
-              <ChatProvider>
-                <IntlProvider locale={props.locale}>
-                  {children}
-
-                  <Toaster />
-                </IntlProvider>
-              </ChatProvider>
-            </QueryClientProvider>
-          </StatProvider>
-        </MemoryRouter>
-      </Provider>
-    </div>
-  );
-};
-
-const customRender = (
-  ui: ReactElement,
-  options?: Omit<RenderOptions, 'wrapper'>,
-  store?: any,
-  routerProps?: any,
-) => render(ui, {
-  wrapper: () => <TestApp children={ui} storeProps={store} routerProps={routerProps} />,
-  ...options,
-});
-
-/** Like renderHook, but with access to the Redux store. */
-const customRenderHook = <T extends { children?: React.ReactNode }>(
-  callback: (props?: any) => any,
-  options?: Omit<RenderHookOptions<T>, 'wrapper'>,
-  store?: any,
-) => renderHook(callback, {
-    wrapper: ({ children }) => <TestApp children={children} storeProps={store} />,
-    ...options,
-  });
-
-const mockWindowProperty = (property: any, value: any) => {
-  const { [property]: originalProperty } = window;
-  delete window[property];
-
-  beforeAll(() => {
-    Object.defineProperty(window, property, {
-      configurable: true,
-      writable: true,
-      value,
-    });
-  });
-
-  afterAll(() => {
-    window[property] = originalProperty;
-  });
-};
-
-export * from '@testing-library/react';
-export {
-  customRender as render,
-  customRenderHook as renderHook,
-  mockStore,
-  applyActions,
-  rootState,
-  mockWindowProperty,
-  createTestStore,
-  queryClient,
-};
diff --git a/packages/pl-fe/src/jest/test-setup.ts b/packages/pl-fe/src/jest/test-setup.ts
deleted file mode 100644
index 42e2b7ca1..000000000
--- a/packages/pl-fe/src/jest/test-setup.ts
+++ /dev/null
@@ -1,42 +0,0 @@
-import { act } from '@testing-library/react';
-import { toast } from 'react-hot-toast';
-// eslint-disable-next-line import/no-extraneous-dependencies
-import '@testing-library/jest-dom/vitest';
-// Mock IndexedDB
-// https://dev.to/andyhaskell/testing-your-indexeddb-code-with-jest-2o17
-import 'fake-indexeddb/auto';
-
-import { __clear as clearApiMocks } from '../api/__mocks__';
-
-// API mocking
-vi.mock('@/api');
-afterEach(() => {
-  clearApiMocks();
-});
-
-// Query mocking
-vi.mock('@/queries/client');
-
-// Clear toasts after each test.
-afterEach(() => {
-  act(() => {
-    toast.remove();
-  });
-});
-
-const intersectionObserverMock = () => ({ observe: () => null, disconnect: () => null });
-window.IntersectionObserver = vi.fn().mockImplementation(intersectionObserverMock);
-
-Object.defineProperty(window, 'matchMedia', {
-  writable: true,
-  value: vi.fn().mockImplementation(query => ({
-    matches: false,
-    media: query,
-    onchange: null,
-    addListener: vi.fn(), // Deprecated
-    removeListener: vi.fn(), // Deprecated
-    addEventListener: vi.fn(),
-    removeEventListener: vi.fn(),
-    dispatchEvent: vi.fn(),
-  })),
-});
diff --git a/packages/pl-fe/src/modals/unauthorized-modal.test.tsx b/packages/pl-fe/src/modals/unauthorized-modal.test.tsx
deleted file mode 100644
index 6a4377d9a..000000000
--- a/packages/pl-fe/src/modals/unauthorized-modal.test.tsx
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from 'react';
-
-import { storeOpen } from '@/jest/mock-stores';
-import { render, screen } from '@/jest/test-helpers';
-
-import UnauthorizedModal from './unauthorized-modal';
-
-describe('<UnauthorizedModal />', () => {
-  it('successfully renders', () => {
-    render(<UnauthorizedModal onClose={vi.fn} action='FOLLOW' />);
-    expect(screen.getByTestId('modal')).toBeInTheDocument();
-  });
-
-  it('doesn\'t display the signup button by default', () => {
-    render(<UnauthorizedModal onClose={vi.fn} action='FOLLOW' />);
-    expect(screen.queryByText('Sign up')).not.toBeInTheDocument();
-  });
-
-  describe('with registrations enabled', () => {
-    it('displays the signup button', () => {
-      render(<UnauthorizedModal onClose={vi.fn} action='FOLLOW' />, undefined, storeOpen);
-      expect(screen.getByText('Sign up')).toBeInTheDocument();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/pages/auth/login.test.tsx b/packages/pl-fe/src/pages/auth/login.test.tsx
deleted file mode 100644
index e9306f70c..000000000
--- a/packages/pl-fe/src/pages/auth/login.test.tsx
+++ /dev/null
@@ -1,52 +0,0 @@
-import { instanceSchema } from 'pl-api';
-import React from 'react';
-import * as v from 'valibot';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import LoginPage from './login';
-
-describe('<LoginPage />', () => {
-  it('renders correctly on load', () => {
-    const store = {
-      instance: v.parse(instanceSchema, {
-        version: '2.7.2 (compatible; Pleroma 2.3.0)',
-      }),
-    };
-
-    render(<LoginPage />, undefined, store);
-
-    expect(screen.getByRole('heading')).toHaveTextContent('Sign In');
-  });
-
-  // it('renders the OTP form when logIn returns with mfa_required', () => {
-  //
-  //   stubApi(mock => {
-  //     mock.onPost('/api/v1/apps').reply(200, {
-  //       data: {
-  //         client_id:'12345', client_secret:'12345', id:'111', name:'SoapboxFE', redirect_uri:'urn:ietf:wg:oauth:2.0:oob', website:null, vapid_key:'12345',
-  //       },
-  //     });
-  //     mock.onPost('/oauth/token').reply(403, {
-  //       error:'mfa_required', mfa_token:'12345', supported_challenge_types:'totp',
-  //     });
-  //   });
-  //
-  //   const app = new Map();
-  //   app.set('app', { client_id: '12345', client_secret:'12345' });
-  //   const store = mockStore(ImmutableMap({
-  //     auth: { app },
-  //   }));
-  //   const loginPage = createComponent(<LoginPage />, { store });
-  //
-  //   return loginPage.handleSubmit().then(() => {
-  //     const wrapper = loginPage.toJSON();
-  //     expect(wrapper.children[0].children[0].children[0].children[0]).toEqual(expect.objectContaining({
-  //       type: 'h1',
-  //       props: { className: 'otp-login' },
-  //       children: [ 'OTP Login' ],
-  //     }));
-  //   });
-  //
-  // });
-});
diff --git a/packages/pl-fe/src/queries/__mocks__/client.ts b/packages/pl-fe/src/queries/__mocks__/client.ts
deleted file mode 100644
index 56123fd1d..000000000
--- a/packages/pl-fe/src/queries/__mocks__/client.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { QueryClient } from '@tanstack/react-query';
-
-const queryClient = new QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: 0,
-      gcTime: Infinity,
-      retry: false,
-    },
-  },
-});
-
-export { queryClient };
diff --git a/packages/pl-fe/src/queries/chats.test.ts b/packages/pl-fe/src/queries/chats.test.ts
deleted file mode 100644
index b602879ca..000000000
--- a/packages/pl-fe/src/queries/chats.test.ts
+++ /dev/null
@@ -1,295 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-import sumBy from 'lodash/sumBy';
-import { useEffect } from 'react';
-
-import { __stub } from '@/api';
-import { buildAccount, buildRelationship } from '@/jest/factory';
-import { createTestStore, mockStore, queryClient, renderHook, rootState, waitFor } from '@/jest/test-helpers';
-import { normalizeChatMessage } from '@/normalizers/chat-message';
-import { Store } from '@/store';
-import { flattenPages } from '@/utils/queries';
-
-import { ChatKeys, IChat, useChat, useChatActions, useChatMessages, useChats } from './chats';
-
-const chat: IChat = {
-  account: buildAccount({
-    username: 'username',
-    verified: true,
-    id: '1',
-    acct: 'acct',
-    avatar: 'avatar',
-    avatar_static: 'avatar',
-    display_name: 'my name',
-  }),
-  created_at: '2020-06-10T02:05:06.000Z',
-  id: '1',
-  last_message: null,
-  unread: 0,
-};
-
-const buildChatMessage = (id: string) => normalizeChatMessage({
-  id,
-  chat_id: '1',
-  account_id: '1',
-  content: `chat message #${id}`,
-  created_at: '2020-06-10T02:05:06.000Z',
-  expiration: 1209600,
-  unread: true,
-});
-
-describe('ChatKeys', () => {
-  it('has a "chat" key', () => {
-    const id = '1';
-
-    expect(ChatKeys.chat(id)).toEqual(['chats', 'chat', id]);
-  });
-
-  it('has a "chatMessages" key', () => {
-    const id = '1';
-
-    expect(ChatKeys.chatMessages(id)).toEqual(['chats', 'messages', id]);
-  });
-});
-
-describe('useChatMessages', () => {
-  let store: ReturnType<typeof mockStore>;
-
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('when the user is blocked', () => {
-    beforeEach(() => {
-      const state = {
-        ...rootState,
-        relationships: ImmutableMap({ '1': buildRelationship({ blocked_by: true }) }),
-      };
-
-      store = mockStore(state);
-    });
-
-    it('is does not fetch the endpoint', async () => {
-      const { result } = renderHook(() => useChatMessages(chat), undefined, store);
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.data?.length).toBeUndefined();
-    });
-  });
-
-  describe('when the user is not blocked', () => {
-    describe('with a successful request', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/pleroma/chats/${chat.id}/messages`)
-            .reply(200, [
-              buildChatMessage('2'),
-            ], {
-              link: `<https://example.com/api/v1/pleroma/chats/${chat.id}/messages?since_id=2>; rel="prev"`,
-            });
-        });
-      });
-
-      it('is successful', async () => {
-        const { result } = renderHook(() => useChatMessages(chat));
-
-        await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-        expect(result.current.data?.length).toBe(1);
-      });
-    });
-
-    describe('with an unsuccessful query', () => {
-      beforeEach(() => {
-        __stub((mock) => {
-          mock.onGet(`/api/v1/pleroma/chats/${chat.id}/messages`).networkError();
-        });
-      });
-
-      it('is has error state', async() => {
-        const { result } = renderHook(() => useChatMessages(chat));
-
-        await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-        expect(result.current.error).toBeDefined();
-      });
-    });
-  });
-});
-
-describe('useChats', () => {
-  // let store: ReturnType<typeof mockStore>;
-
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  // describe('with a successful request', () => {
-  //   beforeEach(() => {
-  //     const state = rootState.setIn(['instance', 'version'], '2.7.2 (compatible; Pleroma 2.2.0)');
-  //     store = mockStore(state);
-
-  //     __stub((mock) => {
-  //       mock.onGet('/api/v1/pleroma/chats')
-  //         .reply(200, [
-  //           chat,
-  //         ], {
-  //           link: '<https://example.com/api/v1/pleroma/chats?since_id=2>; rel="prev"',
-  //         });
-  //     });
-  //   });
-
-  //   it('is successful', async () => {
-  //     const { result } = renderHook(() => useChats().chatsQuery, undefined, store);
-
-  //     await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-  //     expect(result.current.data?.length).toBe(1);
-  //   });
-  // });
-
-  describe('with an unsuccessful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/pleroma/chats').networkError();
-      });
-    });
-
-    it('is has error state', async() => {
-      const { result } = renderHook(() => useChats().chatsQuery);
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.error).toBeDefined();
-    });
-  });
-});
-
-describe('useChat()', () => {
-  const relationshipId = '123';
-  let store: Store;
-
-  beforeEach(() => {
-    const state = rootState;
-    store = createTestStore(state);
-
-    queryClient.clear();
-  });
-
-  describe('with a successful request', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/pleroma/chats/${chat.id}`).reply(200, chat);
-        mock
-          .onGet(`/api/v1/accounts/relationships?id[]=${chat.account.id}`)
-          .reply(200, [buildRelationship({ id: relationshipId, blocked_by: true })]);
-      });
-    });
-
-    it('is successful', async () => {
-      expect(store.getState().relationships.getIn([relationshipId, 'blocked_by'])).toBeUndefined();
-
-      const { result } = renderHook(() => useChat(chat.id), undefined, store);
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(store.getState().relationships.getIn([relationshipId, 'id'])).toBe(relationshipId);
-      expect(store.getState().relationships.getIn([relationshipId, 'blocked_by'])).toBe(true);
-      expect(result.current.data.id).toBe(chat.id);
-    });
-  });
-
-  describe('with an unsuccessful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet(`/api/v1/pleroma/chats/${chat.id}`).networkError();
-      });
-    });
-
-    it('is has error state', async() => {
-      const { result } = renderHook(() => useChat(chat.id));
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.error).toBeDefined();
-    });
-  });
-});
-
-describe('useChatActions', () => {
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('markChatAsRead()', () => {
-    const nextUnreadCount = 5;
-
-    beforeEach(() => {
-      __stub((mock) => {
-        mock
-          .onPost(`/api/v1/pleroma/chats/${chat.id}/read`, { last_read_id: '2' })
-          .reply(200, { ...chat, unread: nextUnreadCount });
-      });
-    });
-
-    it('updates the queryCache', async() => {
-      const initialQueryData = {
-        pages: [
-          { result: [chat], hasMore: false, link: undefined },
-        ],
-        pageParams: [undefined],
-      };
-      const initialFlattenedData = flattenPages(initialQueryData);
-      expect(sumBy(initialFlattenedData, (chat: IChat) => chat.unread)).toBe(0);
-
-      queryClient.setQueryData(['chats', 'search'], initialQueryData);
-
-      const { result } = renderHook(() => useChatActions(chat.id).markChatAsRead('2'));
-
-      await waitFor(() => {
-        expect(result.current).resolves.toBeDefined();
-      });
-
-      const nextQueryData = queryClient.getQueryData(['chats', 'search']);
-      const nextFlattenedData = flattenPages(nextQueryData as any);
-      expect(sumBy(nextFlattenedData as any, (chat: IChat) => chat.unread)).toBe(nextUnreadCount);
-    });
-  });
-
-  describe('createChatMessage()', () => {
-    beforeEach(() => {
-      const initialQueryData = {
-        pages: [
-          { result: [buildChatMessage('1')], hasMore: false, link: undefined },
-        ],
-        pageParams: [undefined],
-      };
-
-      queryClient.setQueryData(ChatKeys.chatMessages(chat.id), initialQueryData);
-
-      __stub((mock) => {
-        mock
-          .onPost(`/api/v1/pleroma/chats/${chat.id}/messages`)
-          .reply(200, { hello: 'world' });
-      });
-    });
-
-    it('creates a chat message', async() => {
-      const { result } = renderHook(() => {
-        const { createChatMessage } = useChatActions(chat.id);
-
-        useEffect(() => {
-          createChatMessage.mutate({ chatId: chat.id, content: 'hello' });
-        }, []);
-
-        return createChatMessage;
-      });
-
-      await waitFor(() => {
-        expect(result.current.isLoading).toBe(false);
-      });
-
-      expect(result.current.data.data).toEqual({ hello: 'world' });
-    });
-  });
-});
diff --git a/packages/pl-fe/src/queries/trends.test.ts b/packages/pl-fe/src/queries/trends.test.ts
deleted file mode 100644
index cd8a410e4..000000000
--- a/packages/pl-fe/src/queries/trends.test.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { __stub } from '@/api';
-import { queryClient, renderHook, waitFor } from '@/jest/test-helpers';
-
-import useTrends from './trends';
-
-describe('useTrends', () => {
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('with a successful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/trends')
-          .reply(200, [
-            { name: '#golf', url: 'https://example.com' },
-            { name: '#tennis', url: 'https://example.com' },
-          ]);
-      });
-    });
-
-    it('is successful', async() => {
-      const { result } = renderHook(() => useTrends());
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.data?.length).toBe(2);
-    });
-  });
-
-  describe('with an unsuccessful query', () => {
-    beforeEach(() => {
-      __stub((mock) => {
-        mock.onGet('/api/v1/trends').networkError();
-      });
-    });
-
-    it('is successful', async() => {
-      const { result } = renderHook(() => useTrends());
-
-      await waitFor(() => expect(result.current.isFetching).toBe(false));
-
-      expect(result.current.error).toBeDefined();
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/admin.test.ts b/packages/pl-fe/src/reducers/admin.test.ts
deleted file mode 100644
index fa4e26959..000000000
--- a/packages/pl-fe/src/reducers/admin.test.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Record as ImmutableRecord } from 'immutable';
-
-import reducer from './admin';
-
-describe('admin reducer', () => {
-  it('should return the initial state', () => {
-    const result = reducer(undefined, {} as any);
-    expect(ImmutableRecord.isRecord(result)).toBe(true);
-    expect(result.needsReboot).toBe(false);
-  });
-});
diff --git a/packages/pl-fe/src/reducers/auth.test.ts b/packages/pl-fe/src/reducers/auth.test.ts
deleted file mode 100644
index 6e7913344..000000000
--- a/packages/pl-fe/src/reducers/auth.test.ts
+++ /dev/null
@@ -1,353 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-
-import {
-  AUTH_APP_CREATED,
-  AUTH_LOGGED_IN,
-  AUTH_LOGGED_OUT,
-  VERIFY_CREDENTIALS_SUCCESS,
-  VERIFY_CREDENTIALS_FAIL,
-  SWITCH_ACCOUNT,
-} from '@/actions/auth';
-import { ME_FETCH_SKIP } from '@/actions/me';
-import { MASTODON_PRELOAD_IMPORT } from '@/actions/preload';
-import { buildAccount } from '@/jest/factory';
-
-import reducer, { AuthAppRecord, AuthTokenRecord, AuthUserRecord, ReducerRecord } from './auth';
-
-describe('auth reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any).toJS()).toMatchObject({
-      app: {},
-      users: {},
-      tokens: {},
-      me: null,
-    });
-  });
-
-  describe('AUTH_APP_CREATED', () => {
-    it('should copy in the app', () => {
-      const token = { token_type: 'Bearer', access_token: 'ABCDEFG' };
-      const action = { type: AUTH_APP_CREATED, app: token };
-
-      const result = reducer(undefined, action);
-      const expected = AuthAppRecord(token);
-
-      expect(result.app).toEqual(expected);
-    });
-  });
-
-  describe('AUTH_LOGGED_IN', () => {
-    it('should import the token', () => {
-      const token = { token_type: 'Bearer', access_token: 'ABCDEFG' };
-      const action = { type: AUTH_LOGGED_IN, token };
-
-      const result = reducer(undefined, action);
-      const expected = ImmutableMap({ 'ABCDEFG': AuthTokenRecord(token) });
-
-      expect(result.tokens).toEqual(expected);
-    });
-
-    it('should merge the token with existing state', () => {
-      const state = ReducerRecord({
-        tokens: ImmutableMap({ 'ABCDEFG': AuthTokenRecord({ token_type: 'Bearer', access_token: 'ABCDEFG' }) }),
-      });
-
-      const expected = ImmutableMap({
-        'ABCDEFG': AuthTokenRecord({ token_type: 'Bearer', access_token: 'ABCDEFG' }),
-        'HIJKLMN': AuthTokenRecord({ token_type: 'Bearer', access_token: 'HIJKLMN' }),
-      });
-
-      const action = {
-        type: AUTH_LOGGED_IN,
-        token: { token_type: 'Bearer', access_token: 'HIJKLMN' },
-      };
-
-      const result = reducer(state, action);
-      expect(result.tokens).toEqual(expected);
-    });
-  });
-
-  describe('AUTH_LOGGED_OUT', () => {
-    it('deletes the user', () => {
-      const action = {
-        type: AUTH_LOGGED_OUT,
-        account: buildAccount({ url: 'https://gleasonator.com/users/alex' }),
-      };
-
-      const state = ReducerRecord({
-        users: ImmutableMap({
-          'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-          'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-        }),
-      });
-
-      const expected = ImmutableMap({
-        'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-      });
-
-      const result = reducer(state, action);
-      expect(result.users).toEqual(expected);
-    });
-
-    it('sets `me` to the next available user', () => {
-      const state = ReducerRecord({
-        me: 'https://gleasonator.com/users/alex',
-        users: ImmutableMap({
-          'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-          'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-        }),
-      });
-
-      const action = {
-        type: AUTH_LOGGED_OUT,
-        account: buildAccount({ url: 'https://gleasonator.com/users/alex' }),
-      };
-
-      const result = reducer(state, action);
-      expect(result.me).toEqual('https://gleasonator.com/users/benis');
-    });
-  });
-
-  describe('VERIFY_CREDENTIALS_SUCCESS', () => {
-    it('should import the user', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const expected = ImmutableMap({
-        'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-      });
-
-      const result = reducer(undefined, action);
-      expect(result.users).toEqual(expected);
-    });
-
-    it('should set the account in the token', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const state = ReducerRecord({
-        tokens: ImmutableMap({ 'ABCDEFG': AuthTokenRecord({ token_type: 'Bearer', access_token: 'ABCDEFG' }) }),
-      });
-
-      const expected = {
-        'ABCDEFG': {
-          token_type: 'Bearer',
-          access_token: 'ABCDEFG',
-          account: '1234',
-          me: 'https://gleasonator.com/users/alex',
-        },
-      };
-
-      const result = reducer(state, action);
-      expect(result.tokens.toJS()).toMatchObject(expected);
-    });
-
-    it('sets `me` to the account if unset', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const result = reducer(undefined, action);
-      expect(result.me).toEqual('https://gleasonator.com/users/alex');
-    });
-
-    it('leaves `me` alone if already set', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const state = ReducerRecord({ me: 'https://gleasonator.com/users/benis' });
-
-      const result = reducer(state, action);
-      expect(result.me).toEqual('https://gleasonator.com/users/benis');
-    });
-
-    it('deletes mismatched users', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const state = ReducerRecord({
-        users: ImmutableMap({
-          'https://gleasonator.com/users/mk': AuthUserRecord({ id: '4567', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/mk' }),
-          'https://gleasonator.com/users/curtis': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/curtis' }),
-          'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5432', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-        }),
-      });
-
-      const expected = ImmutableMap({
-        'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-        'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5432', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-      });
-
-      const result = reducer(state, action);
-      expect(result.users).toEqual(expected);
-    });
-
-    it('upgrades from an ID to a URL', () => {
-      const action = {
-        type: VERIFY_CREDENTIALS_SUCCESS,
-        token: 'ABCDEFG',
-        account: { id: '1234', url: 'https://gleasonator.com/users/alex' },
-      };
-
-      const state = ReducerRecord({
-        me: '1234',
-        users: ImmutableMap({
-          '1234': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG' }),
-          '5432': AuthUserRecord({ id: '5432', access_token: 'HIJKLMN' }),
-        }),
-        tokens: ImmutableMap({
-          'ABCDEFG': AuthTokenRecord({ access_token: 'ABCDEFG', account: '1234' }),
-        }),
-      });
-
-      const expected = {
-        me: 'https://gleasonator.com/users/alex',
-        users: {
-          'https://gleasonator.com/users/alex': { id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' },
-          '5432': { id: '5432', access_token: 'HIJKLMN' },
-        },
-        tokens: {
-          'ABCDEFG': { access_token: 'ABCDEFG', account: '1234', me: 'https://gleasonator.com/users/alex' },
-        },
-      };
-
-      const result = reducer(state, action);
-      expect(result.toJS()).toMatchObject(expected);
-    });
-  });
-
-  describe('VERIFY_CREDENTIALS_FAIL', () => {
-    it('should delete the failed token if it 403\'d', () => {
-      const state = ReducerRecord({
-        tokens: ImmutableMap({
-          'ABCDEFG': AuthTokenRecord({ token_type: 'Bearer', access_token: 'ABCDEFG' }),
-          'HIJKLMN': AuthTokenRecord({ token_type: 'Bearer', access_token: 'HIJKLMN' }),
-        }),
-      });
-
-      const expected = ImmutableMap({
-        'HIJKLMN': AuthTokenRecord({ token_type: 'Bearer', access_token: 'HIJKLMN' }),
-      });
-
-      const action = {
-        type: VERIFY_CREDENTIALS_FAIL,
-        token: 'ABCDEFG',
-        error: { response: { status: 403 } },
-      };
-
-      const result = reducer(state, action);
-      expect(result.tokens).toEqual(expected);
-    });
-
-    it('should delete any users associated with the failed token', () => {
-      const state = ReducerRecord({
-        users: ImmutableMap({
-          'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-          'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-        }),
-      });
-
-      const expected = ImmutableMap({
-        'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-      });
-
-      const action = {
-        type: VERIFY_CREDENTIALS_FAIL,
-        token: 'ABCDEFG',
-        error: { response: { status: 403 } },
-      };
-
-      const result = reducer(state, action);
-      expect(result.users).toEqual(expected);
-    });
-
-    it('should reassign `me` to the next in line', () => {
-      const state = ReducerRecord({
-        me: 'https://gleasonator.com/users/alex',
-        users: ImmutableMap({
-          'https://gleasonator.com/users/alex': AuthUserRecord({ id: '1234', access_token: 'ABCDEFG', url: 'https://gleasonator.com/users/alex' }),
-          'https://gleasonator.com/users/benis': AuthUserRecord({ id: '5678', access_token: 'HIJKLMN', url: 'https://gleasonator.com/users/benis' }),
-        }),
-      });
-
-      const action = {
-        type: VERIFY_CREDENTIALS_FAIL,
-        token: 'ABCDEFG',
-        error: { response: { status: 403 } },
-      };
-
-      const result = reducer(state, action);
-      expect(result.me).toEqual('https://gleasonator.com/users/benis');
-    });
-  });
-
-  describe('SWITCH_ACCOUNT', () => {
-    it('sets the value of `me`', () => {
-      const action = {
-        type: SWITCH_ACCOUNT,
-        account: { url: 'https://gleasonator.com/users/benis' },
-      };
-
-      const result = reducer(undefined, action);
-      expect(result.me).toEqual('https://gleasonator.com/users/benis');
-    });
-  });
-
-  describe('ME_FETCH_SKIP', () => {
-    it('sets `me` to null', () => {
-      const state = ReducerRecord({ me: 'https://gleasonator.com/users/alex' });
-      const action = { type: ME_FETCH_SKIP };
-      const result = reducer(state, action);
-      expect(result.me).toEqual(null);
-    });
-  });
-
-  describe('MASTODON_PRELOAD_IMPORT', () => {
-    it('imports the user and token', async () => {
-      const data = await import('@/__fixtures__/mastodon_initial_state.json');
-
-      const action = {
-        type: MASTODON_PRELOAD_IMPORT,
-        data,
-      };
-
-      const expected = {
-        me: 'https://mastodon.social/@benis911',
-        app: {},
-        users: {
-          'https://mastodon.social/@benis911': {
-            id: '106801667066418367',
-            access_token: 'Nh15V9JWyY5Fshf2OJ_feNvOIkTV7YGVfEJFr0Y0D6Q',
-            url: 'https://mastodon.social/@benis911',
-          },
-        },
-        tokens: {
-          'Nh15V9JWyY5Fshf2OJ_feNvOIkTV7YGVfEJFr0Y0D6Q': {
-            access_token: 'Nh15V9JWyY5Fshf2OJ_feNvOIkTV7YGVfEJFr0Y0D6Q',
-            account: '106801667066418367',
-            me: 'https://mastodon.social/@benis911',
-            scope: 'read write follow push',
-            token_type: 'Bearer',
-          },
-        },
-      };
-
-      const result = reducer(undefined, action);
-      expect(result.toJS()).toMatchObject(expected);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/compose.test.ts b/packages/pl-fe/src/reducers/compose.test.ts
deleted file mode 100644
index d6baa4fc2..000000000
--- a/packages/pl-fe/src/reducers/compose.test.ts
+++ /dev/null
@@ -1,482 +0,0 @@
-import { List as ImmutableList, Record as ImmutableRecord, fromJS } from 'immutable';
-
-import * as actions from '@/actions/compose';
-import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS } from '@/actions/me';
-import { SETTING_CHANGE } from '@/actions/settings';
-import { TIMELINE_DELETE } from '@/actions/timelines';
-import { normalizeStatus } from '@/normalizers/status';
-
-import reducer, { initialState, ReducerCompose } from './compose';
-
-describe('compose reducer', () => {
-  it('returns the initial state by default', () => {
-    const state = reducer(undefined, {} as any);
-    expect(state.toJS()).toMatchObject({
-      default: {
-        sensitive: false,
-        spoiler: false,
-        spoiler_text: '',
-        privacy: 'public',
-        text: '',
-        caretPosition: null,
-        in_reply_to: null,
-        is_submitting: false,
-        is_changing_upload: false,
-        is_uploading: false,
-        progress: 0,
-        media_attachments: [],
-        poll: null,
-        suggestion_token: null,
-        suggestions: [],
-        tagHistory: [],
-        content_type: 'text/plain',
-      },
-    });
-    expect(state.get('default')!.idempotencyKey.length === 36);
-  });
-
-  describe('COMPOSE_SET_STATUS', () => {
-    it('strips Pleroma integer attachments', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-deleted.json');
-
-      const action = {
-        type: actions.COMPOSE_SET_STATUS,
-        id: 'compose-modal',
-        status: normalizeStatus(fromJS(status)),
-        v: { software: 'Pleroma' },
-        withRedraft: true,
-      };
-
-      const result = reducer(undefined, action as any);
-      expect(result.get('compose-modal')!.media_attachments.isEmpty()).toBe(true);
-    });
-
-    it('leaves non-Pleroma integer attachments alone', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-deleted.json');
-
-      const action = {
-        type: actions.COMPOSE_SET_STATUS,
-        id: 'compose-modal',
-        status: normalizeStatus(fromJS(status)),
-      };
-
-      const result = reducer(undefined, action as any);
-      expect(result.get('compose-modal')!.media_attachments.getIn([0, 'id'])).toEqual('508107650');
-    });
-
-    it('sets the id when editing a post', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-deleted.json');
-
-      const action = {
-        id: 'compose-modal',
-        withRedraft: false,
-        type: actions.COMPOSE_SET_STATUS,
-        status: normalizeStatus(fromJS(status)),
-      };
-
-      const result = reducer(undefined, action as any);
-      expect(result.get('compose-modal')!.id).toEqual('AHU2RrX0wdcwzCYjFQ');
-    });
-
-    it('does not set the id when redrafting a post', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-deleted.json');
-
-      const action = {
-        id: 'compose-modal',
-        withRedraft: true,
-        type: actions.COMPOSE_SET_STATUS,
-        status: normalizeStatus(fromJS(status)),
-      };
-
-      const result = reducer(undefined, action as any);
-      expect(result.get('compose-modal')!.id).toEqual(null);
-    });
-  });
-
-  it('uses \'public\' scope as default', () => {
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({})(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(undefined, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'public' });
-  });
-
-  it('uses \'direct\' scope when replying to a DM', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({ visibility: 'direct' })(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(state as any, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'direct' });
-  });
-
-  it('uses \'private\' scope when replying to a private post', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({ visibility: 'private' })(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(state as any, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'private' });
-  });
-
-  it('uses \'unlisted\' scope when replying to an unlisted post', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({ visibility: 'unlisted' })(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(state, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'unlisted' });
-  });
-
-  it('uses \'private\' scope when set as preference and replying to a public post', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'private' }));
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({ visibility: 'public' })(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(state, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'private' });
-  });
-
-  it('uses \'unlisted\' scope when set as preference and replying to a public post', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'unlisted' }));
-    const action = {
-      type: actions.COMPOSE_REPLY,
-      id: 'compose-modal',
-      status: ImmutableRecord({ visibility: 'public' })(),
-      account: ImmutableRecord({})(),
-    };
-    expect(reducer(state, action as any).toJS()['compose-modal']).toMatchObject({ privacy: 'unlisted' });
-  });
-
-  it('sets preferred scope on user login', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: ME_FETCH_SUCCESS,
-      me: { pleroma: { settings_store: { pl_fe: { defaultPrivacy: 'unlisted' } } } },
-    };
-    expect(reducer(state, action as any).toJS().default).toMatchObject({
-      privacy: 'unlisted',
-    });
-  });
-
-  it('sets preferred scope on settings change', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: SETTING_CHANGE,
-      path: ['defaultPrivacy'],
-      value: 'unlisted',
-    };
-    expect(reducer(state, action).toJS().default).toMatchObject({
-      privacy: 'unlisted',
-    });
-  });
-
-  it('sets default scope on settings save', () => {
-    const state = initialState.set('default', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: ME_PATCH_SUCCESS,
-      me: { pleroma: { settings_store: { pl_fe: { defaultPrivacy: 'unlisted' } } } },
-    };
-    expect(reducer(state, action).toJS().default).toMatchObject({
-      privacy: 'unlisted',
-    });
-  });
-
-  it('should handle COMPOSE_SPOILERNESS_CHANGE on CW button click', () => {
-    const state = initialState.set('home', ReducerCompose({ spoiler_text: 'spoiler text', spoiler: true, sensitive: true, media_attachments: ImmutableList() }));
-    const action = {
-      type: actions.COMPOSE_SPOILERNESS_CHANGE,
-      id: 'home',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      spoiler: false,
-      spoiler_text: '',
-      sensitive: false,
-    });
-  });
-
-  it('should handle COMPOSE_SPOILER_TEXT_CHANGE', () => {
-    const state = initialState.set('home', ReducerCompose({ spoiler_text: 'prevtext' }));
-    const action = {
-      type: actions.COMPOSE_SPOILER_TEXT_CHANGE,
-      id: 'home',
-      text: 'nexttext',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      spoiler_text: 'nexttext',
-    });
-  });
-
-  it('should handle COMPOSE_VISIBILITY_CHANGE', () => {
-    const state = initialState.set('home', ReducerCompose({ privacy: 'public' }));
-    const action = {
-      type: actions.COMPOSE_VISIBILITY_CHANGE,
-      id: 'home',
-      value: 'direct',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      privacy: 'direct',
-    });
-  });
-
-  describe('COMPOSE_CHANGE', () => {
-    it('should handle text changing', () => {
-      const state = initialState.set('home', ReducerCompose({ text: 'prevtext' }));
-      const action = {
-        type: actions.COMPOSE_CHANGE,
-        id: 'home',
-        text: 'nexttext',
-      };
-      expect(reducer(state, action).toJS().home).toMatchObject({
-        text: 'nexttext',
-      });
-    });
-  });
-
-  it('should handle COMPOSE_SUBMIT_REQUEST', () => {
-    const state = initialState.set('home', ReducerCompose({ is_submitting: false }));
-    const action = {
-      type: actions.COMPOSE_SUBMIT_REQUEST,
-      id: 'home',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      is_submitting: true,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_CHANGE_REQUEST', () => {
-    const state = initialState.set('home', ReducerCompose({ is_changing_upload: false }));
-    const action = {
-      type: actions.COMPOSE_UPLOAD_CHANGE_REQUEST,
-      id: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_changing_upload: true,
-    });
-  });
-
-  it('should handle COMPOSE_SUBMIT_SUCCESS', () => {
-    const state = initialState.set('home', ReducerCompose({ privacy: 'private' }));
-    const action = {
-      type: actions.COMPOSE_SUBMIT_SUCCESS,
-      id: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      privacy: 'public',
-    });
-  });
-
-  it('should handle COMPOSE_SUBMIT_FAIL', () => {
-    const state = initialState.set('home', ReducerCompose({ is_submitting: true }));
-    const action = {
-      type: actions.COMPOSE_SUBMIT_FAIL,
-      id: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_submitting: false,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_CHANGE_FAIL', () => {
-    const state = initialState.set('home', ReducerCompose({ is_changing_upload: true }));
-    const action = {
-      type: actions.COMPOSE_UPLOAD_CHANGE_FAIL,
-      composeId: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_changing_upload: false,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_REQUEST', () => {
-    const state = initialState.set('home', ReducerCompose({ is_uploading: false }));
-    const action = {
-      type: actions.COMPOSE_UPLOAD_REQUEST,
-      id: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_uploading: true,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_SUCCESS', () => {
-    const state = initialState.set('home', ReducerCompose({ media_attachments: ImmutableList() }));
-    const media = [
-      {
-        description: null,
-        id: '1375732379',
-        pleroma: {
-          mime_type: 'image/jpeg',
-        },
-        preview_url: 'https://media.gleasonator.com/media_attachments/files/000/853/856/original/7035d67937053e1d.jpg',
-        remote_url: 'https://media.gleasonator.com/media_attachments/files/000/853/856/original/7035d67937053e1d.jpg',
-        text_url: 'https://media.gleasonator.com/media_attachments/files/000/853/856/original/7035d67937053e1d.jpg',
-        type: 'image',
-        url: 'https://media.gleasonator.com/media_attachments/files/000/853/856/original/7035d67937053e1d.jpg',
-      },
-    ];
-    const action = {
-      type: actions.COMPOSE_UPLOAD_SUCCESS,
-      id: 'home',
-      media: media,
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_uploading: false,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_FAIL', () => {
-    const state = initialState.set('home', ReducerCompose({ is_uploading: true }));
-    const action = {
-      type: actions.COMPOSE_UPLOAD_FAIL,
-      id: 'home',
-    };
-    expect(reducer(state, action as any).toJS().home).toMatchObject({
-      is_uploading: false,
-    });
-  });
-
-  it('should handle COMPOSE_UPLOAD_PROGRESS', () => {
-    const state = initialState.set('home', ReducerCompose({ progress: 0 }));
-    const action = {
-      type: actions.COMPOSE_UPLOAD_PROGRESS,
-      id: 'home',
-      loaded: 10,
-      total: 15,
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      progress: 67,
-    });
-  });
-
-  it('should handle COMPOSE_SUGGESTIONS_CLEAR', () => {
-    const state = initialState.set('home', ReducerCompose());
-    const action = {
-      type: actions.COMPOSE_SUGGESTIONS_CLEAR,
-      id: 'home',
-      suggestions: [],
-      suggestion_token: 'aiekdns3',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      suggestion_token: null,
-    });
-  });
-
-  it('should handle COMPOSE_SUGGESTION_TAGS_UPDATE', () => {
-    const state = initialState.set('home', ReducerCompose({ tagHistory: ImmutableList([ 'hashtag' ]) }));
-    const action = {
-      type: actions.COMPOSE_SUGGESTION_TAGS_UPDATE,
-      id: 'home',
-      token: 'aaadken3',
-      tags: ImmutableList([
-        { name: 'hashtag', url: '', history: null },
-      ]),
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      suggestion_token: 'aaadken3',
-      suggestions: [],
-      tagHistory: [ 'hashtag' ],
-    });
-  });
-
-  it('should handle COMPOSE_TAG_HISTORY_UPDATE', () => {
-    const action = {
-      type: actions.COMPOSE_TAG_HISTORY_UPDATE,
-      id: 'home',
-      tags: [ 'hashtag', 'hashtag2'],
-    };
-    expect(reducer(undefined, action).toJS().home).toMatchObject({
-      tagHistory: [ 'hashtag', 'hashtag2' ],
-    });
-  });
-
-  it('should handle TIMELINE_DELETE - delete status from timeline', () => {
-    const state = initialState.set('compose-modal', ReducerCompose({ in_reply_to: '9wk6pmImMrZjgrK7iC' }));
-    const action = {
-      type: TIMELINE_DELETE,
-      id: '9wk6pmImMrZjgrK7iC',
-    };
-    expect(reducer(state, action as any).toJS()['compose-modal']).toMatchObject({
-      in_reply_to: null,
-    });
-  });
-
-  it('should handle COMPOSE_POLL_ADD', () => {
-    const state = initialState.set('home', ReducerCompose({ poll: null }));
-    const initialPoll = Object({
-      options: [
-        '',
-        '',
-      ],
-      expires_in: 86400,
-      multiple: false,
-    });
-    const action = {
-      type: actions.COMPOSE_POLL_ADD,
-      id: 'home',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      poll: initialPoll,
-    });
-  });
-
-  it('should handle COMPOSE_POLL_REMOVE', () => {
-    const state = initialState.set('home', ReducerCompose());
-    const action = {
-      type: actions.COMPOSE_POLL_REMOVE,
-      id: 'home',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      poll: null,
-    });
-  });
-
-  it('should handle COMPOSE_POLL_OPTION_CHANGE', () => {
-    const initialPoll = Object({
-      options: [
-        'option 1',
-        'option 2',
-      ],
-      expires_in: 86400,
-      multiple: false,
-    });
-    const state = initialState.set('home', ReducerCompose({ poll: initialPoll }));
-    const action = {
-      type: actions.COMPOSE_POLL_OPTION_CHANGE,
-      id: 'home',
-      index: 0,
-      title: 'change option',
-    };
-    const updatedPoll = Object({
-      options: [
-        'change option',
-        'option 2',
-      ],
-      expires_in: 86400,
-      multiple: false,
-    });
-    expect(reducer(state, action).toJS().home).toMatchObject({
-      poll: updatedPoll,
-    });
-  });
-
-  it('sets the post content-type', () => {
-    const state = initialState.set('home', ReducerCompose());
-    const action = {
-      type: actions.COMPOSE_TYPE_CHANGE,
-      id: 'home',
-      value: 'text/plain',
-    };
-    expect(reducer(state, action).toJS().home).toMatchObject({ content_type: 'text/plain' });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/contexts.test.ts b/packages/pl-fe/src/reducers/contexts.test.ts
deleted file mode 100644
index 9ab72f933..000000000
--- a/packages/pl-fe/src/reducers/contexts.test.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import {
-  Map as ImmutableMap,
-  OrderedSet as ImmutableOrderedSet,
-  fromJS,
-  is,
-} from 'immutable';
-
-import { STATUS_IMPORT } from '@/actions/importer';
-import { CONTEXT_FETCH_SUCCESS } from '@/actions/statuses';
-import { TIMELINE_DELETE } from '@/actions/timelines';
-import { applyActions } from '@/jest/test-helpers';
-
-import reducer, { ReducerRecord } from './contexts';
-
-describe('contexts reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(ReducerRecord({
-      inReplyTos: ImmutableMap(),
-      replies: ImmutableMap(),
-    }));
-  });
-
-  describe(CONTEXT_FETCH_SUCCESS, () => {
-    it('inserts a tombstone connecting an orphaned descendant', () => {
-      const status = { id: 'A', in_reply_to_id: null };
-
-      const context = {
-        id: 'A',
-        ancestors: [],
-        descendants: [
-          { id: 'C', in_reply_to_id: 'B' },
-        ],
-      };
-
-      const actions = [
-        { type: STATUS_IMPORT, status },
-        { type: CONTEXT_FETCH_SUCCESS, ...context },
-      ];
-
-      const result = applyActions(undefined, actions, reducer);
-      expect(result.inReplyTos.get('C')).toBe('C-tombstone');
-      expect(result.replies.get('A').toArray()).toEqual(['C-tombstone']);
-    });
-
-    it('inserts a tombstone connecting an orphaned descendant (with null in_reply_to_id)', () => {
-      const status = { id: 'A', in_reply_to_id: null };
-
-      const context = {
-        id: 'A',
-        ancestors: [],
-        descendants: [
-          { id: 'C', in_reply_to_id: null },
-        ],
-      };
-
-      const actions = [
-        { type: STATUS_IMPORT, status },
-        { type: CONTEXT_FETCH_SUCCESS, ...context },
-      ];
-
-      const result = applyActions(undefined, actions, reducer);
-      expect(result.inReplyTos.get('C')).toBe('C-tombstone');
-      expect(result.replies.get('A').toArray()).toEqual(['C-tombstone']);
-    });
-
-    it('doesn\'t explode when it encounters a loop', () => {
-      const status = { id: 'A', in_reply_to_id: null };
-
-      const context = {
-        id: 'A',
-        ancestors: [],
-        descendants: [
-          { id: 'C', in_reply_to_id: 'E' },
-          { id: 'D', in_reply_to_id: 'C' },
-          { id: 'E', in_reply_to_id: 'D' },
-          { id: 'F', in_reply_to_id: 'F' },
-        ],
-      };
-
-      const actions = [
-        { type: STATUS_IMPORT, status },
-        { type: CONTEXT_FETCH_SUCCESS, ...context },
-      ];
-
-      const result = applyActions(undefined, actions, reducer);
-
-      // These checks are superficial. We just don't want a stack overflow!
-      expect(result.inReplyTos.get('C')).toBe('C-tombstone');
-      expect(result.replies.get('A').toArray()).toEqual(['C-tombstone', 'F-tombstone']);
-    });
-  });
-
-  describe(TIMELINE_DELETE, () => {
-    it('deletes the status', () => {
-      const action = { type: TIMELINE_DELETE, id: 'B' };
-
-      const state = ReducerRecord({
-        inReplyTos: fromJS({
-          B: 'A',
-          C: 'B',
-        }) as ImmutableMap<string, string>,
-        replies: fromJS({
-          A: ImmutableOrderedSet(['B']),
-          B: ImmutableOrderedSet(['C']),
-        }) as ImmutableMap<string, ImmutableOrderedSet<string>>,
-      });
-
-      const expected = ReducerRecord({
-        inReplyTos: fromJS({}) as ImmutableMap<string, string>,
-        replies: fromJS({
-          A: ImmutableOrderedSet(),
-        }) as ImmutableMap<string, ImmutableOrderedSet<string>>,
-      });
-
-      expect(is(reducer(state, action), expected)).toBe(true);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/conversations.test.ts b/packages/pl-fe/src/reducers/conversations.test.ts
deleted file mode 100644
index 89027b95c..000000000
--- a/packages/pl-fe/src/reducers/conversations.test.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import { List as ImmutableList, Record as ImmutableRecord } from 'immutable';
-
-import * as actions from '@/actions/conversations';
-
-import reducer from './conversations';
-
-describe('conversations reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toMatchObject({
-      items: ImmutableList(),
-      isLoading: false,
-      hasMore: true,
-      mounted: 0,
-    });
-  });
-
-  it('should handle CONVERSATIONS_FETCH_REQUEST', () => {
-    const state = ImmutableRecord({ isLoading: false })();
-    const action = {
-      type: actions.CONVERSATIONS_FETCH_REQUEST,
-    };
-    expect(reducer(state as any, action).toJS()).toMatchObject({
-      isLoading: true,
-    });
-  });
-
-  it('should handle CONVERSATIONS_FETCH_FAIL', () => {
-    const state = ImmutableRecord({ isLoading: true })();
-    const action = {
-      type: actions.CONVERSATIONS_FETCH_FAIL,
-    };
-    expect(reducer(state as any, action).toJS()).toMatchObject({
-      isLoading: false,
-    });
-  });
-
-  // it('should handle the Action CONVERSATIONS_MOUNT', () => {
-  //   expect(
-  //     reducer(
-  //       {
-  //         mounted: false,
-  //       },
-  //       {
-  //         type: 'CONVERSATIONS_MOUNT',
-  //       },
-  //     ),
-  //   ).toEqual({
-  //     mounted: true,
-  //   });
-  // });
-  //
-  // it('should handle the Action CONVERSATIONS_UNMOUNT', () => {
-  //   expect(
-  //     reducer(
-  //       {
-  //         mounted: true,
-  //       },
-  //       {
-  //         type: 'CONVERSATIONS_UNMOUNT',
-  //       },
-  //     ),
-  //   ).toEqual({
-  //     mounted: false,
-  //   });
-  // });
-
-});
diff --git a/packages/pl-fe/src/reducers/filters.test.ts b/packages/pl-fe/src/reducers/filters.test.ts
deleted file mode 100644
index 492eff94a..000000000
--- a/packages/pl-fe/src/reducers/filters.test.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import { List as ImmutableList } from 'immutable';
-
-import reducer from './filters';
-
-describe('filters reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(ImmutableList());
-  });
-});
diff --git a/packages/pl-fe/src/reducers/index.test.ts b/packages/pl-fe/src/reducers/index.test.ts
deleted file mode 100644
index a3b1cf2ea..000000000
--- a/packages/pl-fe/src/reducers/index.test.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { Record as ImmutableRecord } from 'immutable';
-
-import reducer from '.';
-
-describe('root reducer', () => {
-  it('should return the initial state', () => {
-    const result = reducer(undefined, {} as any);
-    expect(ImmutableRecord.isRecord(result)).toBe(true);
-    expect(result.instance.version).toEqual('0.0.0');
-  });
-});
diff --git a/packages/pl-fe/src/reducers/instance.test.ts b/packages/pl-fe/src/reducers/instance.test.ts
deleted file mode 100644
index 5a0c87a82..000000000
--- a/packages/pl-fe/src/reducers/instance.test.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { ADMIN_CONFIG_UPDATE_REQUEST } from '@/actions/admin';
-
-import reducer from './instance';
-
-describe('instance reducer', () => {
-  it('should return the initial state', () => {
-    const result = reducer(undefined, {} as any);
-
-    const expected = {
-      description_limit: 1500,
-      configuration: {
-        chats: {
-          max_characters: 5000,
-          max_media_attachments: 1,
-        },
-        statuses: {
-          max_characters: 500,
-          max_media_attachments: 4,
-        },
-        polls: {
-          max_options: 4,
-          max_characters_per_option: 25,
-          min_expiration: 300,
-          max_expiration: 2629746,
-        },
-      },
-      version: '0.0.0',
-    };
-
-    expect(result).toMatchObject(expected);
-  });
-
-  describe('ADMIN_CONFIG_UPDATE_REQUEST', async () => {
-    const { configs } = await import('@/__fixtures__/pleroma-admin-config.json');
-
-    it('imports the configs', () => {
-      const action = {
-        type: ADMIN_CONFIG_UPDATE_REQUEST,
-        configs,
-      };
-
-      // The normalizer has `registrations: closed` by default
-      const state = reducer(undefined, {} as any);
-      expect(state.registrations).toBe(false);
-
-      // After importing the configs, registration will be open
-      const result = reducer(state, action);
-      expect(result.registrations).toBe(true);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/me.test.ts b/packages/pl-fe/src/reducers/me.test.ts
deleted file mode 100644
index 753171d11..000000000
--- a/packages/pl-fe/src/reducers/me.test.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import reducer from './me';
-
-describe('me reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(null);
-  });
-});
diff --git a/packages/pl-fe/src/reducers/meta.test.ts b/packages/pl-fe/src/reducers/meta.test.ts
deleted file mode 100644
index 93ddc40ee..000000000
--- a/packages/pl-fe/src/reducers/meta.test.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-import { Record as ImmutableRecord } from 'immutable';
-
-import reducer from './meta';
-
-describe('meta reducer', () => {
-  it('should return the initial state', () => {
-    const result = reducer(undefined, {} as any);
-    expect(ImmutableRecord.isRecord(result)).toBe(true);
-    expect(result.instance_fetch_failed).toBe(false);
-    expect(result.swUpdating).toBe(false);
-  });
-});
diff --git a/packages/pl-fe/src/reducers/push-notifications.test.ts b/packages/pl-fe/src/reducers/push-notifications.test.ts
deleted file mode 100644
index 021cb1771..000000000
--- a/packages/pl-fe/src/reducers/push-notifications.test.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import reducer from './push-notifications';
-
-describe('push_notifications reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any).toJS()).toEqual({
-      subscription: null,
-      alerts: {
-        follow: true,
-        follow_request: true,
-        favourite: true,
-        reblog: true,
-        mention: true,
-        poll: true,
-      },
-      isSubscribed: false,
-      browserSupport: false,
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/statuses.test.ts b/packages/pl-fe/src/reducers/statuses.test.ts
deleted file mode 100644
index b4eb857e4..000000000
--- a/packages/pl-fe/src/reducers/statuses.test.ts
+++ /dev/null
@@ -1,243 +0,0 @@
-import {
-  Map as ImmutableMap,
-  Record as ImmutableRecord,
-} from 'immutable';
-
-import { STATUS_IMPORT } from '@/actions/importer';
-import {
-  STATUS_CREATE_REQUEST,
-  STATUS_CREATE_FAIL,
-  STATUS_DELETE_REQUEST,
-  STATUS_DELETE_FAIL,
-} from '@/actions/statuses';
-import { normalizeStatus } from '@/normalizers/status';
-
-import reducer, { ReducerStatus } from './statuses';
-
-describe('statuses reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(ImmutableMap());
-  });
-
-  describe('STATUS_IMPORT', () => {
-    it('parses the status as a Record', async () => {
-      const status = await import('@/__fixtures__/pleroma-quote-post.json');
-      const action = { type: STATUS_IMPORT, status };
-      const result = reducer(undefined, action).get('AFmFMSpITT9xcOJKcK');
-
-      expect(ImmutableRecord.isRecord(result)).toBe(true);
-    });
-
-    it('fixes the order of mentions', async () => {
-      const status = await import('@/__fixtures__/status-unordered-mentions.json');
-      const action = { type: STATUS_IMPORT, status };
-
-      const expected = ['NEETzsche', 'alex', 'Lumeinshin', 'sneeden'];
-
-      const result = reducer(undefined, action)
-        .get('AFChectaqZjmOVkXZ2')?.mentions
-        .map(mention => mention.get('username'))
-        .toJS();
-
-      expect(result).toEqual(expected);
-    });
-
-    it('preserves the quote', async () => {
-      const quotePost = await import('@/__fixtures__/pleroma-quote-post.json');
-      const quotedQuotePost = await import('@/__fixtures__/pleroma-quote-of-quote-post.json');
-
-      let state = undefined;
-      state = reducer(state, { type: STATUS_IMPORT, status: quotePost });
-      state = reducer(state, { type: STATUS_IMPORT, status: quotedQuotePost.pleroma.quote });
-
-      expect(state.getIn(['AFmFMSpITT9xcOJKcK', 'quote'])).toEqual('AFmFLcd6XYVdjWCrOS');
-    });
-
-    it('normalizes Mitra attachments', async () => {
-      const status = await import('@/__fixtures__/mitra-status-with-attachments.json');
-
-      const state = reducer(undefined, { type: STATUS_IMPORT, status });
-
-      const expected = [{
-        id: '017eeb0e-e5df-30a4-77a7-a929145cb836',
-        type: 'image',
-        url: 'https://mitra.social/media/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png',
-        preview_url: 'https://mitra.social/media/8e04e6091bbbac79641b5812508683ce72c38693661c18d16040553f2371e18d.png',
-        remote_url: null,
-      }, {
-        id: '017eeb0e-e5e4-2a48-2889-afdebf368a54',
-        type: 'unknown',
-        url: 'https://mitra.social/media/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac',
-        preview_url: 'https://mitra.social/media/8f72dc2e98572eb4ba7c3a902bca5f69c448fc4391837e5f8f0d4556280440ac',
-        remote_url: null,
-      }, {
-        id: '017eeb0e-e5e5-79fd-6054-8b6869b1db49',
-        type: 'unknown',
-        url: 'https://mitra.social/media/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.oga',
-        preview_url: 'https://mitra.social/media/55a81a090247cc4fc127e5716bcf7964f6e0df9b584f85f4696c0b994747a4d0.oga',
-        remote_url: null,
-      }, {
-        id: '017eeb0e-e5e6-c416-a444-21e560c47839',
-        type: 'unknown',
-        url: 'https://mitra.social/media/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0',
-        preview_url: 'https://mitra.social/media/0d96a4ff68ad6d4b6f1f30f713b18d5184912ba8dd389f86aa7710db079abcb0',
-        remote_url: null,
-      }];
-
-      expect(state.get('017eeb0e-e5e7-98fe-6b2b-ad02349251fb')?.media_attachments.toJS()).toMatchObject(expected);
-    });
-
-    it('fixes Pleroma attachments', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-with-attachments.json');
-      const action = { type: STATUS_IMPORT, status };
-      const state = reducer(undefined, action);
-      const result = state.get('AGNkA21auFR5lnEAHw')?.media_attachments;
-
-      expect(result?.size).toBe(4);
-      expect(result?.get(1)?.meta).toEqual(ImmutableMap());
-      expect(result?.getIn([1, 'pleroma', 'mime_type'])).toBe('application/x-nes-rom');
-    });
-
-    it('hides CWs', async () => {
-      const status = await import('@/__fixtures__/status-cw.json');
-      const action = { type: STATUS_IMPORT, status };
-
-      const hidden = reducer(undefined, action).getIn(['107831528995252317', 'hidden']);
-      expect(hidden).toBe(true);
-    });
-
-    it('parses custom emojis', async () => {
-      const status = await import('@/__fixtures__/status-custom-emoji.json');
-      const action = { type: STATUS_IMPORT, status };
-
-      const expected = 'Hello <img draggable="false" class="emojione" alt=":ablobcathyper:" title=":ablobcathyper:" src="https://gleasonator.com/emoji/blobcat/ablobcathyper.png"> <img draggable="false" class="emojione" alt=":ageblobcat:" title=":ageblobcat:" src="https://gleasonator.com/emoji/blobcat/ageblobcat.png"> <img draggable="false" class="emojione" alt="😂" title=":joy:" src="/packs/emoji/1f602.svg"> world <img draggable="false" class="emojione" alt="😋" title=":yum:" src="/packs/emoji/1f60b.svg"> test <img draggable="false" class="emojione" alt=":blobcatphoto:" title=":blobcatphoto:" src="https://gleasonator.com/emoji/blobcat/blobcatphoto.png">';
-
-      const result = reducer(undefined, action).getIn(['AGm7uC9DaAIGUa4KYK', 'contentHtml']);
-      expect(result).toBe(expected);
-    });
-
-    it('builds search_index', async () => {
-      const status = await import('@/__fixtures__/status-with-poll.json');
-      const action = { type: STATUS_IMPORT, status };
-
-      const expected = `What is tolerance?
-
-Banning, censoring, and deplatforming anyone you disagree with
-
-Promoting free speech, even for people and ideas you dislike`;
-
-      const result = reducer(undefined, action).getIn(['103874034847713213', 'search_index']);
-      expect(result).toEqual(expected);
-    });
-
-    it('builds search_index with mentions', async () => {
-      const status = await import('@/__fixtures__/pleroma-status-reply-with-mentions.json');
-      const action = { type: STATUS_IMPORT, status };
-
-      const expected = `DMs are definitely only federated to the servers of the recipients tho. So if I DM a kfcc user, the kfcc admins can see it, but no other instance admins can.
-
-@crunklord420@kiwifarms.cc
-
-@becassine@kiwifarms.cc
-
-@King_Porgi@poa.st
-
-@ademan@thebag.social`;
-
-      const result = reducer(undefined, action).getIn(['AHcweewcCh0iPUtMdk', 'search_index']);
-      expect(result).toEqual(expected);
-    });
-  });
-
-  describe('STATUS_CREATE_REQUEST', () => {
-    it('increments the replies_count of its parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 4 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_CREATE_REQUEST,
-        params: { in_reply_to_id: '123' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(5);
-    });
-  });
-
-  describe('STATUS_CREATE_FAIL', () => {
-    it('decrements the replies_count of its parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 5 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_CREATE_FAIL,
-        params: { in_reply_to_id: '123' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(4);
-    });
-  });
-
-  describe('STATUS_DELETE_REQUEST', () => {
-    it('decrements the replies_count of its parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 4 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_DELETE_REQUEST,
-        params: { in_reply_to_id: '123' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(3);
-    });
-
-    it('gracefully does nothing if no parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 4 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_DELETE_REQUEST,
-        params: { id: '1' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(4);
-    });
-  });
-
-  describe('STATUS_DELETE_FAIL', () => {
-    it('decrements the replies_count of its parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 4 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_DELETE_FAIL,
-        params: { in_reply_to_id: '123' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(5);
-    });
-
-    it('gracefully does nothing if no parent', () => {
-      const state = ImmutableMap({
-        '123': normalizeStatus({ replies_count: 4 }) as ReducerStatus,
-      });
-
-      const action = {
-        type: STATUS_DELETE_FAIL,
-        params: { id: '1' },
-      };
-
-      const result = reducer(state, action).getIn(['123', 'replies_count']);
-      expect(result).toEqual(4);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/reducers/timelines.test.ts b/packages/pl-fe/src/reducers/timelines.test.ts
deleted file mode 100644
index 3af0421f9..000000000
--- a/packages/pl-fe/src/reducers/timelines.test.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import { Map as ImmutableMap, OrderedSet as ImmutableOrderedSet, Record as ImmutableRecord, fromJS } from 'immutable';
-
-import {
-  TIMELINE_EXPAND_REQUEST,
-  TIMELINE_EXPAND_FAIL,
-  TIMELINE_EXPAND_SUCCESS,
-} from '@/actions/timelines';
-
-import reducer from './timelines';
-
-describe('timelines reducer', () => {
-  it('should return the initial state', () => {
-    expect(reducer(undefined, {} as any)).toEqual(ImmutableMap());
-  });
-
-  describe('TIMELINE_EXPAND_REQUEST', () => {
-    it('sets loading to true', () => {
-      const action = {
-        type: TIMELINE_EXPAND_REQUEST,
-        timeline: 'home',
-      };
-
-      const result = reducer(undefined, action);
-      expect(result.getIn(['home', 'isLoading'])).toBe(true);
-    });
-  });
-
-  describe('TIMELINE_EXPAND_FAIL', () => {
-    it('sets loading to false', () => {
-      const state = ImmutableMap({
-        home: ImmutableRecord({ isLoading: true })(),
-      });
-
-      const action = {
-        type: TIMELINE_EXPAND_FAIL,
-        timeline: 'home',
-      };
-
-      const result = reducer(state as any, action);
-      expect(result.getIn(['home', 'isLoading'])).toBe(false);
-    });
-  });
-
-  describe('TIMELINE_EXPAND_SUCCESS', () => {
-    it('sets loading to false', () => {
-      const state = ImmutableMap(fromJS({
-        home: ImmutableRecord({ isLoading: true })(),
-      }));
-
-      const action = {
-        type: TIMELINE_EXPAND_SUCCESS,
-        timeline: 'home',
-      };
-
-      const result = reducer(state as any, action);
-      expect(result.getIn(['home', 'isLoading'])).toBe(false);
-    });
-
-    it('adds the status IDs', () => {
-      const expected = ImmutableOrderedSet(['1', '2', '5']);
-
-      const action = {
-        type: TIMELINE_EXPAND_SUCCESS,
-        timeline: 'home',
-        statuses: [{ id: '1' }, { id: '2' }, { id: '5' }],
-      };
-
-      const result = reducer(undefined, action);
-      expect(result.getIn(['home', 'items'])).toEqual(expected);
-    });
-
-    it('merges new status IDs', () => {
-      const state = ImmutableMap(fromJS({
-        home: ImmutableRecord({ items: ImmutableOrderedSet(['5', '2', '1']) })(),
-      }));
-
-      const expected = ImmutableOrderedSet(['6', '5', '4', '2', '1']);
-
-      const action = {
-        type: TIMELINE_EXPAND_SUCCESS,
-        timeline: 'home',
-        statuses: [{ id: '6' }, { id: '5' }, { id: '4' }],
-      };
-
-      const result = reducer(state as any, action);
-      expect(result.getIn(['home', 'items'])).toEqual(expected);
-    });
-
-    it('merges old status IDs', () => {
-      const state = ImmutableMap(fromJS({
-        home: ImmutableRecord({ items: ImmutableOrderedSet(['6', '4', '3']) })(),
-      }));
-
-      const expected = ImmutableOrderedSet(['6', '4', '3', '5', '2', '1']);
-
-      const action = {
-        type: TIMELINE_EXPAND_SUCCESS,
-        timeline: 'home',
-        statuses: [{ id: '5' }, { id: '2' }, { id: '1' }],
-      };
-
-      const result = reducer(state as any, action);
-      expect(result.getIn(['home', 'items'])).toEqual(expected);
-    });
-
-    it('overrides pinned post IDs', () => {
-      const state = ImmutableMap(fromJS({
-        'account:1:pinned': ImmutableRecord({ items: ImmutableOrderedSet(['5', '2', '1']) })(),
-      }));
-
-      const expected = ImmutableOrderedSet(['9', '8', '7']);
-
-      const action = {
-        type: TIMELINE_EXPAND_SUCCESS,
-        timeline: 'home',
-        statuses: [{ id: '9' }, { id: '8' }, { id: '7' }],
-      };
-
-      const result = reducer(state as any, action);
-      expect(result.getIn(['home', 'items'])).toEqual(expected);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/toast.test.tsx b/packages/pl-fe/src/toast.test.tsx
deleted file mode 100644
index af23c7e60..000000000
--- a/packages/pl-fe/src/toast.test.tsx
+++ /dev/null
@@ -1,166 +0,0 @@
-import { render } from '@testing-library/react';
-// import { AxiosError, AxiosHeaders } from 'axios';
-import React from 'react';
-import { Toaster } from 'react-hot-toast';
-import { IntlProvider } from 'react-intl';
-
-import { act, screen } from '@/jest/test-helpers';
-
-import toast from './toast';
-
-const renderApp = () => ({
-  toast,
-  ...render(
-    <IntlProvider locale='en'>
-      <Toaster />
-    </IntlProvider>,
-  ),
-});
-
-beforeAll(() => {
-  vi.spyOn(console, 'error').mockImplementation(() => {});
-});
-
-afterEach(() => {
-  (console.error as any).mockClear();
-});
-
-afterAll(() => {
-  (console.error as any).mockRestore();
-});
-
-describe('toasts', () => {
-  it('renders successfully', async() => {
-    const { toast } = renderApp();
-
-    act(() => {
-      toast.success('hello');
-    });
-
-    expect(screen.getByTestId('toast')).toBeInTheDocument();
-    expect(screen.getByTestId('toast-message')).toHaveTextContent('hello');
-  });
-
-  describe('actionable button', () => {
-    it('renders the button', async() => {
-      const { toast } = renderApp();
-
-      act(() => {
-        toast.success('hello', { action: () => null, actionLabel: 'click me' });
-      });
-
-      expect(screen.getByTestId('toast-action')).toHaveTextContent('click me');
-    });
-
-    it('does not render the button', async() => {
-      const { toast } = renderApp();
-
-      act(() => {
-        toast.success('hello');
-      });
-
-      expect(screen.queryAllByTestId('toast-action')).toHaveLength(0);
-    });
-  });
-
-  // describe('showAlertForError()', () => {
-  //   const buildError = (message: string, status: number) => new AxiosError<any>(message, String(status), undefined, null, {
-  //     data: {
-  //       error: message,
-  //     },
-  //     statusText: String(status),
-  //     status,
-  //     headers: {},
-  //     config: {
-  //       headers: new AxiosHeaders(),
-  //     },
-  //   });
-
-  //   describe('with a 502 status code', () => {
-  //     it('renders the correct message', async() => {
-  //       const message = 'The server is down';
-  //       const error = buildError(message, 502);
-  //       const { toast } = renderApp();
-
-  //       act(() => {
-  //         toast.showAlertForError(error);
-  //       });
-
-  //       expect(screen.getByTestId('toast')).toBeInTheDocument();
-  //       expect(screen.getByTestId('toast-message')).toHaveTextContent('The server is down');
-  //     });
-  //   });
-
-  //   describe('with a 404 status code', () => {
-  //     it('renders the correct message', async() => {
-  //       const error = buildError('', 404);
-  //       const { toast } = renderApp();
-
-  //       act(() => {
-  //         toast.showAlertForError(error);
-  //       });
-
-  //       expect(screen.queryAllByTestId('toast')).toHaveLength(0);
-  //     });
-  //   });
-
-  //   describe('with a 410 status code', () => {
-  //     it('renders the correct message', async() => {
-  //       const error = buildError('', 410);
-  //       const { toast } = renderApp();
-
-  //       act(() => {
-  //         toast.showAlertForError(error);
-  //       });
-
-  //       expect(screen.queryAllByTestId('toast')).toHaveLength(0);
-  //     });
-  //   });
-
-  //   describe('with an accepted status code', () => {
-  //     describe('with a message from the server', () => {
-  //       it('renders the correct message', async() => {
-  //         const message = 'custom message';
-  //         const error = buildError(message, 200);
-  //         const { toast } = renderApp();
-
-  //         act(() => {
-  //           toast.showAlertForError(error);
-  //         });
-
-  //         expect(screen.getByTestId('toast')).toBeInTheDocument();
-  //         expect(screen.getByTestId('toast-message')).toHaveTextContent(message);
-  //       });
-  //     });
-
-  //     describe('without a message from the server', () => {
-  //       it('renders the correct message', async() => {
-  //         const message = 'The request has been accepted for processing';
-  //         const error = buildError(message, 202);
-  //         const { toast } = renderApp();
-
-  //         act(() => {
-  //           toast.showAlertForError(error);
-  //         });
-
-  //         expect(screen.getByTestId('toast')).toBeInTheDocument();
-  //         expect(screen.getByTestId('toast-message')).toHaveTextContent(message);
-  //       });
-  //     });
-  //   });
-
-  //   // describe('without a response', () => {
-  //   //   it('renders the default message', async() => {
-  //   //     const error = new AxiosError();
-  //   //     const { toast } = renderApp();
-
-  //   //     act(() => {
-  //   //       toast.showAlertForError(error);
-  //   //     });
-
-  //   //     expect(screen.getByTestId('toast')).toBeInTheDocument();
-  //   //     expect(screen.getByTestId('toast-message')).toHaveTextContent('An unexpected error occurred.');
-  //   //   });
-  //   // });
-  // });
-});
diff --git a/packages/pl-fe/src/utils/badges.test.ts b/packages/pl-fe/src/utils/badges.test.ts
deleted file mode 100644
index 2dff7a903..000000000
--- a/packages/pl-fe/src/utils/badges.test.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { buildAccount } from '@/jest/factory';
-
-import {
-  tagToBadge,
-  badgeToTag,
-  filterBadges,
-  getTagDiff,
-  getBadges,
-} from './badges';
-
-test('tagToBadge', () => {
-  expect(tagToBadge('yolo')).toEqual('badge:yolo');
-});
-
-test('badgeToTag', () => {
-  expect(badgeToTag('badge:yolo')).toEqual('yolo');
-  expect(badgeToTag('badge:badge:')).toEqual('badge:');
-});
-
-test('filterBadges', () => {
-  const tags = ['one', 'badge:two', 'badge:three', 'four'];
-  const badges = ['badge:two', 'badge:three'];
-  expect(filterBadges(tags)).toEqual(badges);
-});
-
-test('getTagDiff', () => {
-  const oldTags = ['one', 'two', 'three'];
-  const newTags = ['three', 'four', 'five'];
-
-  const expected = {
-    added: ['four', 'five'],
-    removed: ['one', 'two'],
-  };
-
-  expect(getTagDiff(oldTags, newTags)).toEqual(expected);
-});
-
-test('getBadges', () => {
-  const account = buildAccount({ id: '1', pleroma: { tags: ['a', 'b', 'badge:c'] } });
-  expect(getBadges(account)).toEqual(['badge:c']);
-});
diff --git a/packages/pl-fe/src/utils/base64.test.ts b/packages/pl-fe/src/utils/base64.test.ts
deleted file mode 100644
index ae0782677..000000000
--- a/packages/pl-fe/src/utils/base64.test.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as base64 from './base64';
-
-describe('base64', () => {
-  describe('decode', () => {
-    it('returns a uint8 array', () => {
-      const arr = base64.decode('dGVzdA==');
-      expect(arr).toEqual(new Uint8Array([116, 101, 115, 116]));
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/chats.test.ts b/packages/pl-fe/src/utils/chats.test.ts
deleted file mode 100644
index cb6bee96e..000000000
--- a/packages/pl-fe/src/utils/chats.test.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import { buildAccount } from '@/jest/factory';
-import { normalizeChatMessage } from '@/normalizers/chat-message';
-import { ChatKeys, IChat } from '@/queries/chats';
-import { queryClient } from '@/queries/client';
-
-import { updateChatMessage } from './chats';
-
-const chat: IChat = {
-  account: buildAccount({
-    username: 'username',
-    verified: true,
-    id: '1',
-    acct: 'acct',
-    avatar: 'avatar',
-    avatar_static: 'avatar',
-    display_name: 'my name',
-  }),
-  created_at: '2020-06-10T02:05:06.000Z',
-  id: '1',
-  last_message: null,
-  unread: 0,
-};
-
-const buildChatMessage = (id: string) => normalizeChatMessage({
-  id,
-  chat_id: '1',
-  account_id: '1',
-  content: `chat message #${id}`,
-  created_at: '2020-06-10T02:05:06.000Z',
-  unread: true,
-});
-
-describe('chat utils', () => {
-  describe('updateChatMessage()', () => {
-    const initialChatMessage = buildChatMessage('1');
-
-    beforeEach(() => {
-      const initialQueryData = {
-        pages: [
-          { result: [initialChatMessage], hasMore: false, link: undefined },
-        ],
-        pageParams: [undefined],
-      };
-
-      queryClient.setQueryData(ChatKeys.chatMessages(chat.id), initialQueryData);
-    });
-
-    it('correctly updates the chat message', () => {
-      expect(
-        (queryClient.getQueryData(ChatKeys.chatMessages(chat.id)) as any).pages[0].result[0].content,
-      ).toEqual(initialChatMessage.content);
-
-      const nextChatMessage = normalizeChatMessage({
-        ...initialChatMessage.toJS(),
-        content: 'new content',
-      });
-
-      updateChatMessage(nextChatMessage);
-      expect(
-        (queryClient.getQueryData(ChatKeys.chatMessages(chat.id)) as any).pages[0].result[0].content,
-      ).toEqual(nextChatMessage.content);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/colors.test.ts b/packages/pl-fe/src/utils/colors.test.ts
deleted file mode 100644
index 787d5886e..000000000
--- a/packages/pl-fe/src/utils/colors.test.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import tintify from './colors';
-
-const AZURE = '#0482d8';
-
-describe('tintify()', () => {
-  it('generates tints from a base color', () => {
-    const result = tintify(AZURE);
-
-    expect(result).toEqual({
-      '100': '#e6f3fb',
-      '200': '#c0e0f5',
-      '300': '#4fa8e4',
-      '400': '#369be0',
-      '50': '#f2f9fd',
-      '500': '#0482d8',
-      '600': '#0475c2',
-      '700': '#0362a2',
-      '800': '#012741',
-      '900': '#011929',
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/comparators.test.ts b/packages/pl-fe/src/utils/comparators.test.ts
deleted file mode 100644
index d1254ae0b..000000000
--- a/packages/pl-fe/src/utils/comparators.test.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { compareId } from './comparators';
-
-test('compareId', () => {
-  expect(compareId('3', '3')).toBe(0);
-  expect(compareId('10', '1')).toBe(1);
-  expect(compareId('99', '100')).toBe(-1);
-});
diff --git a/packages/pl-fe/src/utils/config-db.test.ts b/packages/pl-fe/src/utils/config-db.test.ts
deleted file mode 100644
index c9c73eb2e..000000000
--- a/packages/pl-fe/src/utils/config-db.test.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import { List as ImmutableList, fromJS } from 'immutable';
-
-import config_db from '@/__fixtures__/config_db.json';
-
-import { ConfigDB } from './config-db';
-
-test('find', () => {
-  const configs = fromJS(config_db).get('configs');
-  expect(ConfigDB.find(configs as ImmutableList<any>, ':phoenix', ':json_library')).toEqual(fromJS({
-    group: ':phoenix',
-    key: ':json_library',
-    value: 'Jason',
-  }));
-});
diff --git a/packages/pl-fe/src/utils/emoji-reacts.test.ts b/packages/pl-fe/src/utils/emoji-reacts.test.ts
deleted file mode 100644
index 3e12a9dc9..000000000
--- a/packages/pl-fe/src/utils/emoji-reacts.test.ts
+++ /dev/null
@@ -1,82 +0,0 @@
-import { List as ImmutableList, fromJS } from 'immutable';
-import { emojiReactionSchema } from 'pl-api';
-import * as v from 'valibot';
-
-import {
-  simulateEmojiReact,
-  simulateUnEmojiReact,
-} from './emoji-reacts';
-
-describe('simulateEmojiReact', () => {
-  it('adds the emoji to the list', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 2, 'me': false, 'name': '❤', 'url': undefined },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateEmojiReact(emojiReacts, '❤')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 3, 'me': true, 'name': '❤', 'url': undefined },
-    ]));
-  });
-
-  it('creates the emoji if it didn\'t already exist', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 2, 'me': false, 'name': '❤', 'url': undefined },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateEmojiReact(emojiReacts, '😯')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 2, 'me': false, 'name': '❤', 'url': undefined },
-      { 'count': 1, 'me': true, 'name': '😯', 'url': undefined },
-    ]));
-  });
-
-  it('adds a custom emoji to the list', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 2, 'me': false, 'name': '❤', 'url': undefined },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateEmojiReact(emojiReacts, 'soapbox', 'https://gleasonator.com/emoji/Gleasonator/soapbox.png')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍', 'url': undefined },
-      { 'count': 2, 'me': false, 'name': '❤', 'url': undefined },
-      { 'count': 1, 'me': true, 'name': 'soapbox', 'url': 'https://gleasonator.com/emoji/Gleasonator/soapbox.png' },
-    ]));
-  });
-});
-
-describe('simulateUnEmojiReact', () => {
-  it('removes the emoji from the list', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 3, 'me': true, 'name': '❤' },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateUnEmojiReact(emojiReacts, '❤')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 2, 'me': false, 'name': '❤' },
-    ]));
-  });
-
-  it('removes the emoji if it\'s the last one in the list', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 2, 'me': false, 'name': '❤' },
-      { 'count': 1, 'me': true, 'name': '😯' },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateUnEmojiReact(emojiReacts, '😯')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 2, 'me': false, 'name': '❤' },
-    ]));
-  });
-
-  it ('removes custom emoji from the list', () => {
-    const emojiReacts = ImmutableList([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 2, 'me': false, 'name': '❤' },
-      { 'count': 1, 'me': true, 'name': 'soapbox', 'url': 'https://gleasonator.com/emoji/Gleasonator/soapbox.png' },
-    ].map((react) => v.parse(emojiReactionSchema, react)));
-    expect(simulateUnEmojiReact(emojiReacts, 'soapbox')).toEqual(fromJS([
-      { 'count': 2, 'me': false, 'name': '👍' },
-      { 'count': 2, 'me': false, 'name': '❤' },
-    ]));
-  });
-});
diff --git a/packages/pl-fe/src/utils/emoji.test.ts b/packages/pl-fe/src/utils/emoji.test.ts
deleted file mode 100644
index 9880589c2..000000000
--- a/packages/pl-fe/src/utils/emoji.test.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import {
-  removeVS16s,
-  toCodePoints,
-} from './emoji';
-
-const ASCII_HEART = '❤'; // '\u2764\uFE0F'
-const RED_HEART_RGI = '❤️'; // '\u2764'
-const JOY = '😂';
-
-describe('removeVS16s()', () => {
-  it('removes Variation Selector-16 characters from emoji', () => {
-    // Sanity check
-    expect(ASCII_HEART).not.toBe(RED_HEART_RGI);
-
-    // It normalizes an emoji with VS16s
-    expect(removeVS16s(RED_HEART_RGI)).toBe(ASCII_HEART);
-
-    // Leaves a regular emoji alone
-    expect(removeVS16s(JOY)).toBe(JOY);
-  });
-});
-
-describe('toCodePoints()', () => {
-  it('converts a plain emoji', () => {
-    expect(toCodePoints('😂')).toEqual(['1f602']);
-  });
-
-  it('converts a VS16 emoji', () => {
-    expect(toCodePoints(RED_HEART_RGI)).toEqual(['2764', 'fe0f']);
-  });
-
-  it('converts an ASCII character', () => {
-    expect(toCodePoints(ASCII_HEART)).toEqual(['2764']);
-  });
-
-  it('converts a sequence emoji', () => {
-    expect(toCodePoints('🇺🇸')).toEqual(['1f1fa', '1f1f8']);
-  });
-});
diff --git a/packages/pl-fe/src/utils/html.test.ts b/packages/pl-fe/src/utils/html.test.ts
deleted file mode 100644
index cf0a62d1d..000000000
--- a/packages/pl-fe/src/utils/html.test.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import * as html from './html';
-
-describe('html', () => {
-  describe('unsecapeHTML', () => {
-    it('returns unescaped HTML', () => {
-      const output = html.unescapeHTML('<p>lorem</p><p>ipsum</p><br>&lt;br&gt;');
-      expect(output).toEqual('lorem\n\nipsum\n<br>');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/input.test.ts b/packages/pl-fe/src/utils/input.test.ts
deleted file mode 100644
index 90fb1dc81..000000000
--- a/packages/pl-fe/src/utils/input.test.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { normalizeUsername } from './input';
-
-test('normalizeUsername', () => {
-  expect(normalizeUsername('@alex')).toBe('alex');
-  expect(normalizeUsername('alex@alexgleason.me')).toBe('alex@alexgleason.me');
-  expect(normalizeUsername('@alex@gleasonator.com')).toBe('alex@gleasonator.com');
-});
diff --git a/packages/pl-fe/src/utils/media.test.ts b/packages/pl-fe/src/utils/media.test.ts
deleted file mode 100644
index c819f594c..000000000
--- a/packages/pl-fe/src/utils/media.test.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { addAutoPlay } from './media';
-
-describe('addAutoPlay()', () => {
-  it('adds the correct query parameters to the src', () => {
-    const html = '<iframe src="https://youtube.com/embed/123456/" width="1920" height="1080" frameborder="0" title="Video upload for 1" allowfullscreen=""></iframe>';
-    expect(addAutoPlay(html)).toEqual('<iframe src="https://youtube.com/embed/123456/?autoplay=1&amp;auto_play=1" width="1920" height="1080" frameborder="0" title="Video upload for 1" allowfullscreen=""></iframe>');
-  });
-
-  describe('when the iframe src already has params', () => {
-    it('adds the correct query parameters to the src', () => {
-      const html = '<iframe src="https://youtube.com/embed/123456?foo=bar" width="1920" height="1080" frameborder="0" title="Video upload for 1" allowfullscreen=""></iframe>';
-      expect(addAutoPlay(html)).toEqual('<iframe src="https://youtube.com/embed/123456?foo=bar&amp;autoplay=1&amp;auto_play=1" width="1920" height="1080" frameborder="0" title="Video upload for 1" allowfullscreen=""></iframe>');
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/numbers.test.tsx b/packages/pl-fe/src/utils/numbers.test.tsx
deleted file mode 100644
index 747d7c59b..000000000
--- a/packages/pl-fe/src/utils/numbers.test.tsx
+++ /dev/null
@@ -1,108 +0,0 @@
-import React from 'react';
-
-import { render, screen } from '@/jest/test-helpers';
-
-import { isIntegerId, shortNumberFormat } from './numbers';
-
-test('isIntegerId()', () => {
-  expect(isIntegerId('0')).toBe(true);
-  expect(isIntegerId('1')).toBe(true);
-  expect(isIntegerId('508107650')).toBe(true);
-  expect(isIntegerId('-1764036199')).toBe(true);
-  expect(isIntegerId('106801667066418367')).toBe(true);
-  expect(isIntegerId('9v5bmRalQvjOy0ECcC')).toBe(false);
-  expect(isIntegerId(null as any)).toBe(false);
-  expect(isIntegerId(undefined as any)).toBe(false);
-});
-describe('shortNumberFormat', () => {
-  test('handles non-numbers', () => {
-    render(<div data-testid='num'>{shortNumberFormat('not-number')}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('•');
-  });
-
-  test('handles max argument', () => {
-    render(<div data-testid='num'>{shortNumberFormat(25, 20)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('20+');
-  });
-
-  test('formats numbers under 1,000', () => {
-    render(<div data-testid='num'>{shortNumberFormat(555)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('555');
-  });
-
-  test('formats numbers under 1,000,000', () => {
-    render(<div data-testid='num'>{shortNumberFormat(5555)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('5.55k');
-  });
-
-  test('formats numbers over 1,000,000', () => {
-    render(<div data-testid='num'>{shortNumberFormat(5555555)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('5.55M');
-  });
-
-  test('formats a multitude of numbers', () => {
-    let result = render(<div data-testid='num'>{shortNumberFormat(0)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('0');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1)}</div>);
-    expect(screen.getByTestId('num')).toHaveTextContent('1');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(999)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('999');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1000)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1001)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1005)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1006)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1010)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1.01k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1530)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1.53k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(10530)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('10.5k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(999500)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('999k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(999999)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('999k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(999499)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('999k');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1000000)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1M');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(3905558)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('3.9M');
-    result.unmount();
-
-    result = render(<div data-testid='num'>{shortNumberFormat(1031511)}</div>, undefined, null);
-    expect(screen.getByTestId('num')).toHaveTextContent('1.03M');
-    result.unmount();
-  });
-});
diff --git a/packages/pl-fe/src/utils/numbers.tsx b/packages/pl-fe/src/utils/numbers.tsx
index 3524dbcee..5b623b071 100644
--- a/packages/pl-fe/src/utils/numbers.tsx
+++ b/packages/pl-fe/src/utils/numbers.tsx
@@ -46,12 +46,8 @@ const shortNumberFormat = (number: any, max?: number): React.ReactNode => {
   );
 };
 
-/** Check if an entity ID is an integer (eg not a FlakeId). */
-const isIntegerId = (id: string): boolean => new RegExp(/^-?[0-9]+$/g).test(id);
-
 export {
   isNumber,
   roundDown,
   shortNumberFormat,
-  isIntegerId,
 };
diff --git a/packages/pl-fe/src/utils/queries.test.ts b/packages/pl-fe/src/utils/queries.test.ts
deleted file mode 100644
index 451a76b32..000000000
--- a/packages/pl-fe/src/utils/queries.test.ts
+++ /dev/null
@@ -1,109 +0,0 @@
-import { InfiniteData } from '@tanstack/react-query';
-
-import { queryClient } from '@/queries/client';
-
-import { PaginatedResult, sortQueryData, updatePageItem } from './queries';
-
-interface Item {
-  id: number;
-  text: string;
-}
-
-const buildItem = (id: number): Item => ({ id, text: `item ${id}` });
-
-const queryKey = ['test', 'query'];
-
-describe('updatePageItem()', () => {
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('without cached data', () => {
-    it('safely returns undefined', () => {
-      updatePageItem<Item>(queryKey, buildItem(1), (o, n) => o.id === n.id);
-      const nextQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(nextQueryData).toBeUndefined();
-    });
-  });
-
-  describe('with cached data', () => {
-    const cachedQueryData = {
-      pages: [
-        {
-          result: [buildItem(1), buildItem(2), buildItem(3)],
-          hasMore: false,
-          link: undefined,
-        },
-      ],
-      pageParams: [undefined],
-    };
-
-    beforeEach(() => {
-      queryClient.setQueryData(queryKey, cachedQueryData);
-    });
-
-    it('updates the correct item in the cached data', () => {
-      const initialQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(initialQueryData?.pages[0].result.map((r) => r.id)).toEqual([1, 2, 3]);
-      expect(initialQueryData?.pages[0].result.find((r) => r.id === 2)?.text).toEqual('item 2');
-      updatePageItem<Item>(queryKey, { id: 2, text: 'new text' }, (o, n) => o.id === n.id);
-      const nextQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(nextQueryData?.pages[0].result.map((r) => r.id)).toEqual([1, 2, 3]);
-      expect(nextQueryData?.pages[0].result.find((r) => r.id === 2)?.text).toEqual('new text');
-    });
-  });
-});
-
-describe('sortQueryData()', () => {
-  beforeEach(() => {
-    queryClient.clear();
-  });
-
-  describe('without cached data', () => {
-    it('safely returns undefined', () => {
-      sortQueryData<Item>(queryKey, (a, b) => b.id - a.id);
-      const nextQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(nextQueryData).toBeUndefined();
-    });
-  });
-
-  describe('with cached data', () => {
-    const cachedQueryData = {
-      pages: [
-        {
-          result: [...Array(20).fill(0).map((_, idx) => buildItem(idx))],
-          hasMore: false,
-          link: undefined,
-        },
-        {
-          result: [...Array(4).fill(0).map((_, idx) => buildItem(idx + 20))],
-          hasMore: true,
-          link: 'my-link',
-        },
-      ],
-      pageParams: [undefined],
-    };
-
-    beforeEach(() => {
-      queryClient.setQueryData(queryKey, cachedQueryData);
-    });
-
-    it('sorts the cached data', () => {
-      const initialQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(initialQueryData?.pages[0].result[0].id === 0); // first id is 0
-      sortQueryData<Item>(queryKey, (a, b) => b.id - a.id); // sort descending
-      const nextQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      expect(nextQueryData?.pages[0].result[0].id === 0); // first id is now 23
-    });
-
-    it('persists the metadata', () => {
-      const initialQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      const initialMetaData = initialQueryData?.pages.map((page) => page.link);
-      sortQueryData<Item>(queryKey, (a, b) => b.id - a.id);
-      const nextQueryData = queryClient.getQueryData<InfiniteData<PaginatedResult<Item>>>(queryKey);
-      const nextMetaData = nextQueryData?.pages.map((page) => page.link);
-
-      expect(initialMetaData).toEqual(nextMetaData);
-    });
-  });
-});
diff --git a/packages/pl-fe/src/utils/redirect.ts b/packages/pl-fe/src/utils/redirect.ts
index e344c434c..b44ae5cbf 100644
--- a/packages/pl-fe/src/utils/redirect.ts
+++ b/packages/pl-fe/src/utils/redirect.ts
@@ -1,5 +1,3 @@
-import { useEffect } from 'react';
-
 const LOCAL_STORAGE_REDIRECT_KEY = 'plfe:redirect_uri';
 
 const getRedirectUrl = () => {
@@ -12,18 +10,4 @@ const getRedirectUrl = () => {
   return redirectUri || '/';
 };
 
-const useCachedLocationHandler = () => {
-  const removeCachedRedirectUri = () => localStorage.removeItem(LOCAL_STORAGE_REDIRECT_KEY);
-
-  useEffect(() => {
-    window.addEventListener('beforeunload', removeCachedRedirectUri);
-
-    return () => {
-      window.removeEventListener('beforeunload', removeCachedRedirectUri);
-    };
-  }, []);
-
-  return null;
-};
-
-export { getRedirectUrl, useCachedLocationHandler };
+export { getRedirectUrl };
diff --git a/packages/pl-fe/src/utils/status.test.ts b/packages/pl-fe/src/utils/status.test.ts
deleted file mode 100644
index e00e0ed5b..000000000
--- a/packages/pl-fe/src/utils/status.test.ts
+++ /dev/null
@@ -1,34 +0,0 @@
-import { buildStatus } from '@/jest/factory';
-
-import {
-  hasIntegerMediaIds,
-  defaultMediaVisibility,
-} from './status';
-
-describe('hasIntegerMediaIds()', () => {
-  it('returns true for a Pleroma deleted status', async () => {
-    const status = buildStatus(await import('@/__fixtures__/pleroma-status-deleted.json') as any);
-    expect(hasIntegerMediaIds(status)).toBe(true);
-  });
-});
-
-describe('defaultMediaVisibility()', () => {
-  it('returns false with no status', () => {
-    expect(defaultMediaVisibility(undefined, 'default')).toBe(false);
-  });
-
-  it('hides sensitive media by default', () => {
-    const status = buildStatus({ sensitive: true });
-    expect(defaultMediaVisibility(status, 'default')).toBe(false);
-  });
-
-  it('hides media when displayMedia is hide_all', () => {
-    const status = buildStatus({});
-    expect(defaultMediaVisibility(status, 'hide_all')).toBe(false);
-  });
-
-  it('shows sensitive media when displayMedia is show_all', () => {
-    const status = buildStatus({ sensitive: true });
-    expect(defaultMediaVisibility(status, 'show_all')).toBe(true);
-  });
-});
diff --git a/packages/pl-fe/src/utils/status.ts b/packages/pl-fe/src/utils/status.ts
index 0c30075ac..10ec50ad5 100644
--- a/packages/pl-fe/src/utils/status.ts
+++ b/packages/pl-fe/src/utils/status.ts
@@ -1,14 +1,6 @@
-import { isIntegerId } from '@/utils/numbers';
-
 import type { Status } from '@/normalizers/status';
 import type { IntlShape } from 'react-intl';
 
-/** Get the initial visibility of media attachments from user settings. */
-const defaultMediaVisibility = (
-  status: Pick<Status, 'sensitive'>,
-  displayMedia: string,
-): boolean => (displayMedia !== 'hide_all' && !status.sensitive || displayMedia === 'show_all');
-
 /** Grab the first external link from a status. */
 const getFirstExternalLink = (status: Pick<Status, 'content'>): HTMLAnchorElement | null => {
   try {
@@ -26,11 +18,6 @@ const getFirstExternalLink = (status: Pick<Status, 'content'>): HTMLAnchorElemen
 const shouldHaveCard = (status: Pick<Status, 'content'>): boolean =>
   Boolean(getFirstExternalLink(status));
 
-/** Whether the media IDs on this status have integer IDs (opposed to FlakeIds). */
-// https://gitlab.com/soapbox-pub/soapbox/-/merge_requests/1087
-const hasIntegerMediaIds = (status: Pick<Status, 'media_attachments'>): boolean =>
-  status.media_attachments.some(({ id }) => isIntegerId(id));
-
 /** Sanitize status text for use with screen readers. */
 const textForScreenReader = (
   intl: IntlShape,
@@ -67,9 +54,7 @@ const getStatusIdsFromLinksInContent = (content: string): string[] => {
 };
 
 export {
-  defaultMediaVisibility,
   shouldHaveCard,
-  hasIntegerMediaIds,
   textForScreenReader,
   getStatusIdsFromLinksInContent,
 };
diff --git a/packages/pl-fe/src/utils/tailwind.test.ts b/packages/pl-fe/src/utils/tailwind.test.ts
deleted file mode 100644
index 4341caeb6..000000000
--- a/packages/pl-fe/src/utils/tailwind.test.ts
+++ /dev/null
@@ -1,263 +0,0 @@
-import { Map as ImmutableMap } from 'immutable';
-
-import { toTailwind, fromBasicColors, expandPalette } from './tailwind';
-
-describe('toTailwind()', () => {
-  it('handles empty pl-fe config', () => {
-    const frontendConfig = ImmutableMap<string, any>();
-    const result = toTailwind(frontendConfig);
-    const expected = ImmutableMap({ colors: ImmutableMap() });
-    expect(result).toEqual(expected);
-  });
-
-  it('converts brandColor into a Tailwind color palette', () => {
-    const frontendConfig = ImmutableMap({ brandColor: '#0482d8' });
-
-    const expected = {
-      brandColor: '#0482d8',
-      colors: {
-        primary: {
-          50: '#f2f9fd',
-          100: '#e6f3fb',
-          200: '#c0e0f5',
-          300: '#4fa8e4',
-          400: '#369be0',
-          500: '#0482d8',
-          600: '#0475c2',
-          700: '#0362a2',
-          800: '#012741',
-          900: '#011929',
-        },
-      },
-    };
-
-    const result = toTailwind(frontendConfig);
-    expect(result.toJS()).toMatchObject(expected);
-  });
-
-  it('prefers Tailwind colors object over legacy colors', () => {
-    const frontendConfig = ImmutableMap({
-      brandColor: '#0482d8',
-      colors: ImmutableMap({
-        primary: ImmutableMap({
-          300: '#ff0000',
-        }),
-      }),
-    });
-
-    const expected = {
-      brandColor: '#0482d8',
-      colors: {
-        primary: {
-          50: '#f2f9fd',
-          100: '#e6f3fb',
-          200: '#c0e0f5',
-          300: '#ff0000', // <--
-          400: '#369be0',
-          500: '#0482d8',
-          600: '#0475c2',
-          700: '#0362a2',
-          800: '#012741',
-          900: '#011929',
-        },
-      },
-    };
-
-    const result = toTailwind(frontendConfig);
-    expect(result.toJS()).toMatchObject(expected);
-  });
-});
-
-describe('fromBasicColors()', () => {
-  it('converts only brandColor', () => {
-    const frontendConfig = ImmutableMap({ brandColor: '#0482d8' });
-
-    const expected = {
-      primary: {
-        50: '#f2f9fd',
-        100: '#e6f3fb',
-        200: '#c0e0f5',
-        300: '#4fa8e4',
-        400: '#369be0',
-        500: '#0482d8',
-        600: '#0475c2',
-        700: '#0362a2',
-        800: '#012741',
-        900: '#011929',
-      },
-      // Accent color is generated from brandColor
-      accent: {
-        50: '#f3fbfd',
-        100: '#e7f7fa',
-        200: '#c3ecf4',
-        300: '#58cadf',
-        400: '#40c2da',
-        500: '#10b3d1',
-        600: '#0ea1bc',
-        700: '#0c869d',
-        800: '#05363f',
-        900: '#032228',
-      },
-      secondary: {
-        50: '#f3fbfd',
-        100: '#e7f7fa',
-        200: '#c3ecf4',
-        300: '#58cadf',
-        400: '#40c2da',
-        500: '#10b3d1',
-        600: '#0ea1bc',
-        700: '#0c869d',
-        800: '#05363f',
-        900: '#032228',
-      },
-      gray: {
-        50: '#f8fafa',
-        100: '#f1f4f6',
-        200: '#dde4e8',
-        300: '#9eb2bf',
-        400: '#91a7b5',
-        500: '#7591a3',
-        600: '#698393',
-        700: '#586d7a',
-        800: '#232c31',
-        900: '#161c1f',
-      },
-    };
-
-    const result = fromBasicColors(frontendConfig);
-    expect(result).toEqual(expected);
-  });
-
-  it('converts both legacy colors', () => {
-    const frontendConfig = ImmutableMap({
-      brandColor: '#0482d8',
-      accentColor: '#2bd110',
-    });
-
-    const expected = {
-      primary: {
-        50: '#f2f9fd',
-        100: '#e6f3fb',
-        200: '#c0e0f5',
-        300: '#4fa8e4',
-        400: '#369be0',
-        500: '#0482d8',
-        600: '#0475c2',
-        700: '#0362a2',
-        800: '#012741',
-        900: '#011929',
-      },
-      accent: {
-        50: '#f4fdf3',
-        100: '#eafae7',
-        200: '#caf4c3',
-        300: '#6bdf58',
-        400: '#55da40',
-        500: '#2bd110',
-        600: '#27bc0e',
-        700: '#209d0c',
-        800: '#0d3f05',
-        900: '#082803',
-      },
-      secondary: {
-        50: '#f4fdf3',
-        100: '#eafae7',
-        200: '#caf4c3',
-        300: '#6bdf58',
-        400: '#55da40',
-        500: '#2bd110',
-        600: '#27bc0e',
-        700: '#209d0c',
-        800: '#0d3f05',
-        900: '#082803',
-      },
-      gray: {
-        50: '#f8fafa',
-        100: '#f1f4f6',
-        200: '#dde4e8',
-        300: '#9eb2bf',
-        400: '#91a7b5',
-        500: '#7591a3',
-        600: '#698393',
-        700: '#586d7a',
-        800: '#232c31',
-        900: '#161c1f',
-      },
-    };
-
-    const result = fromBasicColors(frontendConfig);
-    expect(result).toEqual(expected);
-  });
-});
-
-describe('expandPalette()', () => {
-  it('expands one color', () => {
-    const palette = { primary: '#0482d8' };
-
-    const expected = {
-      primary: {
-        50: '#f2f9fd',
-        100: '#e6f3fb',
-        200: '#c0e0f5',
-        300: '#4fa8e4',
-        400: '#369be0',
-        500: '#0482d8',
-        600: '#0475c2',
-        700: '#0362a2',
-        800: '#012741',
-        900: '#011929',
-      },
-    };
-
-    const result = expandPalette(palette);
-    expect(result).toEqual(expected);
-  });
-
-  it('expands mixed palette', () => {
-    const palette = {
-      primary: {
-        50: '#f2f9fd',
-        100: '#e6f3fb',
-        200: '#c0e0f5',
-        300: '#4fa8e4',
-        400: '#369be0',
-        500: '#0482d8',
-        600: '#0475c2',
-        700: '#0362a2',
-        800: '#012741',
-        900: '#011929',
-      },
-      accent: '#2bd110',
-    };
-
-    const expected = {
-      primary: {
-        50: '#f2f9fd',
-        100: '#e6f3fb',
-        200: '#c0e0f5',
-        300: '#4fa8e4',
-        400: '#369be0',
-        500: '#0482d8',
-        600: '#0475c2',
-        700: '#0362a2',
-        800: '#012741',
-        900: '#011929',
-      },
-      accent: {
-        50: '#f4fdf3',
-        100: '#eafae7',
-        200: '#caf4c3',
-        300: '#6bdf58',
-        400: '#55da40',
-        500: '#2bd110',
-        600: '#27bc0e',
-        700: '#209d0c',
-        800: '#0d3f05',
-        900: '#082803',
-      },
-    };
-
-    const result = expandPalette(palette);
-    expect(result).toEqual(expected);
-  });
-});
diff --git a/packages/pl-fe/src/utils/tailwind.ts b/packages/pl-fe/src/utils/tailwind.ts
index 7041d0c52..3fc8c487e 100644
--- a/packages/pl-fe/src/utils/tailwind.ts
+++ b/packages/pl-fe/src/utils/tailwind.ts
@@ -59,7 +59,5 @@ const toTailwind = (config: {
 };
 
 export {
-  expandPalette,
-  fromBasicColors,
   toTailwind,
 };
diff --git a/packages/pl-fe/src/utils/timelines.test.ts b/packages/pl-fe/src/utils/timelines.test.ts
deleted file mode 100644
index f248e2ee9..000000000
--- a/packages/pl-fe/src/utils/timelines.test.ts
+++ /dev/null
@@ -1,73 +0,0 @@
-import { fromJS } from 'immutable';
-
-import { buildStatus } from '@/jest/factory';
-
-import { shouldFilter } from './timelines';
-
-describe('shouldFilter', () => {
-  it('returns false under normal circumstances', () => {
-    const columnSettings = fromJS({});
-    const status = buildStatus({});
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('reblog: returns true when `shows.reblog == false`', () => {
-    const columnSettings = fromJS({ shows: { reblog: false } });
-    const status = buildStatus({ reblog: buildStatus() as any });
-    expect(shouldFilter(status, columnSettings)).toBe(true);
-  });
-
-  it('reblog: returns false when `shows.reblog == true`', () => {
-    const columnSettings = fromJS({ shows: { reblog: true } });
-    const status = buildStatus({ reblog: buildStatus() as any });
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('reply: returns true when `shows.reply == false`', () => {
-    const columnSettings = fromJS({ shows: { reply: false } });
-    const status = buildStatus({ in_reply_to_id: '1234' });
-    expect(shouldFilter(status, columnSettings)).toBe(true);
-  });
-
-  it('reply: returns false when `shows.reply == true`', () => {
-    const columnSettings = fromJS({ shows: { reply: true } });
-    const status = buildStatus({ in_reply_to_id: '1234' });
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('direct: returns true when `shows.direct == false`', () => {
-    const columnSettings = fromJS({ shows: { direct: false } });
-    const status = buildStatus({ visibility: 'direct' });
-    expect(shouldFilter(status, columnSettings)).toBe(true);
-  });
-
-  it('direct: returns false when `shows.direct == true`', () => {
-    const columnSettings = fromJS({ shows: { direct: true } });
-    const status = buildStatus({ visibility: 'direct' });
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('direct: returns false for a public post when `shows.direct == false`', () => {
-    const columnSettings = fromJS({ shows: { direct: false } });
-    const status = buildStatus({ visibility: 'public' });
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('multiple settings', () => {
-    const columnSettings = fromJS({ shows: { reblog: false, reply: false, direct: false } });
-    const status = buildStatus({ reblog: null, in_reply_to_id: null, visibility: 'direct' });
-    expect(shouldFilter(status, columnSettings)).toBe(true);
-  });
-
-  it('multiple settings', () => {
-    const columnSettings = fromJS({ shows: { reblog: false, reply: true, direct: false } });
-    const status = buildStatus({ reblog: null, in_reply_to_id: '1234', visibility: 'public' });
-    expect(shouldFilter(status, columnSettings)).toBe(false);
-  });
-
-  it('multiple settings', () => {
-    const columnSettings = fromJS({ shows: { reblog: true, reply: false, direct: true } });
-    const status = buildStatus({ reblog: {}, in_reply_to_id: '1234', visibility: 'direct' });
-    expect(shouldFilter(status, columnSettings)).toBe(true);
-  });
-});
diff --git a/packages/pl-fe/tailwind/colors.test.ts b/packages/pl-fe/tailwind/colors.test.ts
deleted file mode 100644
index 426de1db2..000000000
--- a/packages/pl-fe/tailwind/colors.test.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-import {
-  withOpacityValue,
-  parseColorMatrix,
-} from './colors';
-
-describe('withOpacityValue()', () => {
-  it('returns a Tailwind color function with alpha support', () => {
-    const result = withOpacityValue('--color-primary-500');
-
-    // It returns a function
-    expect(typeof result).toBe('function');
-
-    // Test calling the function
-    expect(result).toBe('rgb(var(--color-primary-500) / <alpha-value>)');
-  });
-});
-
-describe('parseColorMatrix()', () => {
-  it('returns a Tailwind color object', () => {
-    const colorMatrix = {
-      gray: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      primary: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      success: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      danger: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      accent: [300, 500],
-    };
-
-    const result = parseColorMatrix(colorMatrix);
-
-    // Colors are mapped to functions which return CSS values
-    // @ts-ignore
-    expect(result.accent['300']).toEqual('rgb(var(--color-accent-300) / <alpha-value>)');
-  });
-
-  it('parses single-tint values', () => {
-    const colorMatrix = {
-      gray: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      primary: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      success: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      danger: [50, 100, 200, 300, 400, 500, 600, 700, 800, 900],
-      accent: [300, 500],
-      'gradient-start': true,
-      'gradient-end': true,
-    };
-
-    const result = parseColorMatrix(colorMatrix);
-
-    expect(result['gradient-start']).toEqual('rgb(var(--color-gradient-start) / <alpha-value>)');
-  });
-});
diff --git a/packages/pl-fe/tailwind/colors.ts b/packages/pl-fe/tailwind/colors.ts
index bfb21718b..a83a47f16 100644
--- a/packages/pl-fe/tailwind/colors.ts
+++ b/packages/pl-fe/tailwind/colors.ts
@@ -37,4 +37,4 @@ const parseColorMatrix = (colorMatrix: ColorMatrix): RecursiveKeyValuePair =>
     return palette;
   }, {});
 
-export { withOpacityValue, parseColorMatrix };
+export { parseColorMatrix };
diff --git a/packages/pl-fe/tsconfig.json b/packages/pl-fe/tsconfig.json
index 52cdc94f6..ba8c097f8 100644
--- a/packages/pl-fe/tsconfig.json
+++ b/packages/pl-fe/tsconfig.json
@@ -22,7 +22,6 @@
     ],
     "types": [
       "vite/client",
-      "vitest/globals",
       "vite-plugin-compile-time/client"
     ],
   },
diff --git a/packages/pl-fe/vite.config.ts b/packages/pl-fe/vite.config.ts
index b8aaa70a7..ec0e97947 100644
--- a/packages/pl-fe/vite.config.ts
+++ b/packages/pl-fe/vite.config.ts
@@ -1,4 +1,3 @@
-/// <reference types="vitest" />
 import fs from 'node:fs';
 import { fileURLToPath, URL } from 'node:url';
 
@@ -180,11 +179,6 @@ const config = defineConfig(({ command }) => ({
     ],
     dedupe: ['@floating-ui/react', 'tabbable', 'query-string', 'valibot'],
   },
-  test: {
-    globals: true,
-    environment: 'jsdom',
-    setupFiles: 'src/jest/test-setup.ts',
-  },
 }));
 
 /** Return file as string, or return empty string if the file isn't found. */
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 13336d530..e9950e695 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -431,18 +431,6 @@ importers:
       '@stylistic/eslint-plugin':
         specifier: ^3.1.0
         version: 3.1.0(eslint@8.57.1)(typescript@5.7.3)
-      '@testing-library/jest-dom':
-        specifier: ^6.6.3
-        version: 6.6.4
-      '@testing-library/react':
-        specifier: ^16.1.0
-        version: 16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@testing-library/react-hooks':
-        specifier: ^8.0.1
-        version: 8.0.1(@types/react@18.3.27)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)
-      '@testing-library/user-event':
-        specifier: ^14.5.2
-        version: 14.6.1(@testing-library/dom@10.4.1)
       '@types/dom-chromium-ai':
         specifier: ^0.0.11
         version: 0.0.11
@@ -518,15 +506,9 @@ importers:
       eslint-plugin-tailwindcss:
         specifier: ^3.17.5
         version: 3.18.2(tailwindcss@3.4.17)
-      fake-indexeddb:
-        specifier: ^6.0.0
-        version: 6.0.1
       globals:
         specifier: ^15.14.0
         version: 15.15.0
-      jsdom:
-        specifier: ^25.0.1
-        version: 25.0.1
       rollup-plugin-bundle-stats:
         specifier: ^4.21.10
         version: 4.21.10(core-js@3.44.0)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
@@ -569,9 +551,6 @@ importers:
       vite-plugin-static-copy:
         specifier: ^3.2.0
         version: 3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
-      vitest:
-        specifier: ^2.1.9
-        version: 2.1.9(@types/node@25.0.3)(jsdom@25.0.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
 
   packages/pl-hooks:
     dependencies:
@@ -636,9 +615,6 @@ packages:
   '@acemir/cssom@0.9.30':
     resolution: {integrity: sha512-9CnlMCI0LmCIq0olalQqdWrJHPzm0/tw3gzOA9zJSgvFX7Xau3D24mAGa4BtwxwY69nsuJW6kQqqCzf/mEcQgg==}
 
-  '@adobe/css-tools@4.4.3':
-    resolution: {integrity: sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==}
-
   '@alloc/quick-lru@5.2.0':
     resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
     engines: {node: '>=10'}
@@ -649,9 +625,6 @@ packages:
     peerDependencies:
       ajv: '>=8'
 
-  '@asamuzakjp/css-color@3.2.0':
-    resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
-
   '@asamuzakjp/css-color@4.1.1':
     resolution: {integrity: sha512-B0Hv6G3gWGMn0xKJ0txEi/jM5iFpT3MfDxmhZFb4W047GvytCf1DHQ1D69W3zHI4yWe2aTZAA0JnbMZ7Xc8DuQ==}
 
@@ -1240,10 +1213,6 @@ packages:
       core-js: ^3.0.0
       lodash: ^4.0.0
 
-  '@csstools/color-helpers@5.0.2':
-    resolution: {integrity: sha512-JqWH1vsgdGcw2RR6VliXXdA0/59LttzlU8UlRT/iUUsEeWfYq8I+K0yhihEUTTHLRm1EXvpsCx3083EU15ecsA==}
-    engines: {node: '>=18'}
-
   '@csstools/color-helpers@5.1.0':
     resolution: {integrity: sha512-S11EXWJyy0Mz5SYvRmY8nJYTFFd1LCNV+7cXyAgQtOOuzb4EsgfqDufL+9esx72/eLhsRdGZwaldu/h+E4t4BA==}
     engines: {node: '>=18'}
@@ -1255,13 +1224,6 @@ packages:
       '@csstools/css-parser-algorithms': ^3.0.5
       '@csstools/css-tokenizer': ^3.0.4
 
-  '@csstools/css-color-parser@3.0.10':
-    resolution: {integrity: sha512-TiJ5Ajr6WRd1r8HSiwJvZBiJOqtH86aHpUjq5aEKWHiII2Qfjqd/HCWKPOW8EP4vcspXbHnXrwIDlu5savQipg==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@csstools/css-parser-algorithms': ^3.0.5
-      '@csstools/css-tokenizer': ^3.0.4
-
   '@csstools/css-color-parser@3.1.0':
     resolution: {integrity: sha512-nbtKwh3a6xNVIp/VRuXV64yTKnb1IjTAEEh3irzS+HkKjAOYLTGNb9pmVNntZ8iVBHcWDA2Dof0QtPgFI1BaTA==}
     engines: {node: '>=18'}
@@ -2737,51 +2699,6 @@ packages:
   '@tanstack/store@0.8.0':
     resolution: {integrity: sha512-Om+BO0YfMZe//X2z0uLF2j+75nQga6TpTJgLJQBiq85aOyZNIhkCgleNcud2KQg4k4v9Y9l+Uhru3qWMPGTOzQ==}
 
-  '@testing-library/dom@10.4.1':
-    resolution: {integrity: sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg==}
-    engines: {node: '>=18'}
-
-  '@testing-library/jest-dom@6.6.4':
-    resolution: {integrity: sha512-xDXgLjVunjHqczScfkCJ9iyjdNOVHvvCdqHSSxwM9L0l/wHkTRum67SDc020uAlCoqktJplgO2AAQeLP1wgqDQ==}
-    engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
-
-  '@testing-library/react-hooks@8.0.1':
-    resolution: {integrity: sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g==}
-    engines: {node: '>=12'}
-    peerDependencies:
-      '@types/react': ^18.3.18
-      react: ^16.9.0 || ^17.0.0
-      react-dom: ^16.9.0 || ^17.0.0
-      react-test-renderer: ^16.9.0 || ^17.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      react-dom:
-        optional: true
-      react-test-renderer:
-        optional: true
-
-  '@testing-library/react@16.3.0':
-    resolution: {integrity: sha512-kFSyxiEDwv1WLl2fgsq6pPBbw5aWKrsY2/noi1Id0TK0UParSF62oFQFGHXIyaG4pp2tEub/Zlel+fjjZILDsw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      '@testing-library/dom': ^10.0.0
-      '@types/react': ^18.3.18
-      '@types/react-dom': ^18.3.5
-      react: ^18.0.0 || ^19.0.0
-      react-dom: ^18.0.0 || ^19.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      '@types/react-dom':
-        optional: true
-
-  '@testing-library/user-event@14.6.1':
-    resolution: {integrity: sha512-vq7fv0rnt+QTXgPxr5Hjc210p6YKq2kmdziLgnsZGgLJ9e6VAShx1pACLuRjd/AS/sr7phAR58OIIpf0LlmQNw==}
-    engines: {node: '>=12', npm: '>=6'}
-    peerDependencies:
-      '@testing-library/dom': '>=7.21.4'
-
   '@transfem-org/sfm-js@0.24.8':
     resolution: {integrity: sha1-G97++XwNPZZaxIExiJbm2kJZSg0=, tarball: https://activitypub.software/api/v4/projects/2/packages/npm/@transfem-org/sfm-js/-/@transfem-org/sfm-js-0.24.8.tgz}
 
@@ -2801,9 +2718,6 @@ packages:
   '@types/argparse@1.0.38':
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
 
-  '@types/aria-query@5.0.4':
-    resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
-
   '@types/babel__core@7.20.5':
     resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
 
@@ -3177,35 +3091,6 @@ packages:
     peerDependencies:
       vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  '@vitest/expect@2.1.9':
-    resolution: {integrity: sha512-UJCIkTBenHeKT1TTlKMJWy1laZewsRIzYighyYiJKZreqtdxSos/S1t+ktRMQWu2CKqaarrkeszJx1cgC5tGZw==}
-
-  '@vitest/mocker@2.1.9':
-    resolution: {integrity: sha512-tVL6uJgoUdi6icpxmdrn5YNo3g3Dxv+IHJBr0GXHaEdTcw3F+cPKnsXFhli6nO+f/6SDKPHEK1UN+k+TQv0Ehg==}
-    peerDependencies:
-      msw: ^2.4.9
-      vite: ^5.0.0
-    peerDependenciesMeta:
-      msw:
-        optional: true
-      vite:
-        optional: true
-
-  '@vitest/pretty-format@2.1.9':
-    resolution: {integrity: sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==}
-
-  '@vitest/runner@2.1.9':
-    resolution: {integrity: sha512-ZXSSqTFIrzduD63btIfEyOmNcBmQvgOVsPNPe0jYtESiXkhd8u2erDLnMxmGrDCwHCCHE7hxwRDCT3pt0esT4g==}
-
-  '@vitest/snapshot@2.1.9':
-    resolution: {integrity: sha512-oBO82rEjsxLNJincVhLhaxxZdEtV0EFHMK5Kmx5sJ6H9L183dHECjiefOAdnqpIgT5eZwT04PoggUnW88vOBNQ==}
-
-  '@vitest/spy@2.1.9':
-    resolution: {integrity: sha512-E1B35FwzXXTs9FHNK6bDszs7mtydNi5MIfUWpceJ8Xbfb1gBMscAnwLbEu+B44ed6W3XjL9/ehLPHR1fkf1KLQ==}
-
-  '@vitest/utils@2.1.9':
-    resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
-
   '@volar/language-core@2.4.22':
     resolution: {integrity: sha512-gp4M7Di5KgNyIyO903wTClYBavRt6UyFNpc5LWfyZr1lBsTUY+QrVZfmbNF2aCyfklBOVk9YC4p+zkwoyT7ECg==}
 
@@ -3384,10 +3269,6 @@ packages:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
-  ansi-styles@5.2.0:
-    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==}
-    engines: {node: '>=10'}
-
   ansi-styles@6.2.1:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
@@ -3412,9 +3293,6 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-query@5.3.0:
-    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
-
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
@@ -3455,10 +3333,6 @@ packages:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
 
-  assertion-error@2.0.1:
-    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
-    engines: {node: '>=12'}
-
   ast-metadata-inferer@0.8.1:
     resolution: {integrity: sha512-ht3Dm6Zr7SXv6t1Ra6gFo0+kLDglHGrEbYihTkcycrbHw7WCcuhBzPlJYHEsIpycaUwzsJHje+vUcxXUX4ztTA==}
 
@@ -3476,9 +3350,6 @@ packages:
   async@3.2.6:
     resolution: {integrity: sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA==}
 
-  asynckit@0.4.0:
-    resolution: {integrity: sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==}
-
   at-least-node@1.0.0:
     resolution: {integrity: sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==}
     engines: {node: '>= 4.0.0'}
@@ -3577,10 +3448,6 @@ packages:
     peerDependencies:
       esbuild: '>=0.18'
 
-  cac@6.7.14:
-    resolution: {integrity: sha512-b6Ilus+c3RrdDk+JhLKUAQfzzgLEPy6wcXqS7f/xe1EETvsDP6GORG7SFuOs6cID5YkqchW/LXZbX5bc8j7ZcQ==}
-    engines: {node: '>=8'}
-
   cacheable@1.10.3:
     resolution: {integrity: sha512-M6p10iJ/VT0wT7TLIGUnm958oVrU2cUK8pQAVU21Zu7h8rbk/PeRtRWrvHJBql97Bhzk3g1N6+2VKC+Rjxna9Q==}
 
@@ -3616,10 +3483,6 @@ packages:
   caniuse-lite@1.0.30001762:
     resolution: {integrity: sha512-PxZwGNvH7Ak8WX5iXzoK1KPZttBXNPuaOvI2ZYU7NrlM+d9Ov+TUvlLOBNGzVXAntMSMMlJPd+jY6ovrVjSmUw==}
 
-  chai@5.2.1:
-    resolution: {integrity: sha512-5nFxhUrX0PqtyogoYOA8IPswy5sZFTOsBFl/9bNsmDLgsxYTzSZQJDPppDnZPTQbzSEm0hqGjWPzRemQCYbD6A==}
-    engines: {node: '>=18'}
-
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
@@ -3632,10 +3495,6 @@ packages:
     resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
     engines: {node: '>=10'}
 
-  check-error@2.1.1:
-    resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
-    engines: {node: '>= 16'}
-
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -3680,10 +3539,6 @@ packages:
   colorjs.io@0.5.2:
     resolution: {integrity: sha512-twmVoizEW7ylZSN32OgKdXRmo1qg+wT5/6C3xu5b9QsWzSFAhHLn2xd8ro0diCsKfCj1RdaTP/nrcW+vAoQPIw==}
 
-  combined-stream@1.0.8:
-    resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
-    engines: {node: '>= 0.8'}
-
   commander@13.1.0:
     resolution: {integrity: sha512-/rFeCpNJQbhSZjGVwO9RFV3xPqbnERS8MmIQzCtD/zl6gpJuV/bMLuN92oG3F7d8oDEHHRrujSXNUr8fpjntKw==}
     engines: {node: '>=18'}
@@ -3797,9 +3652,6 @@ packages:
     resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
     engines: {node: '>= 6'}
 
-  css.escape@1.5.1:
-    resolution: {integrity: sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==}
-
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -3827,10 +3679,6 @@ packages:
     resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
 
-  cssstyle@4.6.0:
-    resolution: {integrity: sha512-2z+rWdzbbSZv6/rhtvzvqeZQHrBaqgogqt85sqFNbabZOuFbCVFb8kPeEtZjiKkbrm395irpNKiYeFeLiQnFPg==}
-    engines: {node: '>=18'}
-
   cssstyle@5.3.7:
     resolution: {integrity: sha512-7D2EPVltRrsTkhpQmksIu+LxeWAIEk6wRDMJ1qljlv+CKHJM+cJLlfhWIzNA44eAsHXSNe3+vO6DW1yCYx8SuQ==}
     engines: {node: '>=20'}
@@ -3844,10 +3692,6 @@ packages:
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
-  data-urls@5.0.0:
-    resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
-    engines: {node: '>=18'}
-
   data-urls@6.0.0:
     resolution: {integrity: sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==}
     engines: {node: '>=20'}
@@ -3903,10 +3747,6 @@ packages:
     resolution: {integrity: sha512-+8VxcR21HhTy8nOt6jf20w0c9CADrw1O8d+VZ/YzzCt4bJ3uBjw+D1q2osAB8RnpwwaeYBxy0HyKQxD5JBMuuQ==}
     engines: {node: '>=14.16'}
 
-  deep-eql@5.0.2:
-    resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
-    engines: {node: '>=6'}
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -3922,14 +3762,6 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
-  delayed-stream@1.0.0:
-    resolution: {integrity: sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==}
-    engines: {node: '>=0.4.0'}
-
-  dequal@2.0.3:
-    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
-    engines: {node: '>=6'}
-
   detect-it@4.0.1:
     resolution: {integrity: sha512-dg5YBTJYvogK1+dA2mBUDKzOWfYZtHVba89SyZUhc4+e3i2tzgjANFg5lDRCd3UOtRcw00vUTMK8LELcMdicug==}
 
@@ -3962,12 +3794,6 @@ packages:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
 
-  dom-accessibility-api@0.5.16:
-    resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
-
-  dom-accessibility-api@0.6.3:
-    resolution: {integrity: sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==}
-
   dom-serializer@1.4.1:
     resolution: {integrity: sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag==}
 
@@ -4297,9 +4123,6 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -4318,17 +4141,9 @@ packages:
   exifr@7.1.3:
     resolution: {integrity: sha512-g/aje2noHivrRSLbAUtBPWFbxKdKhgj/xr1vATDdUXPOFYJlQ62Ft0oy+72V6XLIpDJfHs6gXLbBLAolqOXYRw==}
 
-  expect-type@1.2.2:
-    resolution: {integrity: sha512-JhFGDVJ7tmDJItKhYgJCGLOWjuK9vPxiXoUFLwLDc99NlmklilbiQJwoctZtt13+xMw91MCk/REan6MWHqDjyA==}
-    engines: {node: '>=12.0.0'}
-
   exsolve@1.0.7:
     resolution: {integrity: sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw==}
 
-  fake-indexeddb@6.0.1:
-    resolution: {integrity: sha512-He2AjQGHe46svIFq5+L2Nx/eHDTI1oKgoevBP+TthnjymXiKkeJQ3+ITeWey99Y5+2OaPFbI1qEsx/5RsGtWnQ==}
-    engines: {node: '>=18'}
-
   fast-average-color@9.5.0:
     resolution: {integrity: sha512-nC6x2YIlJ9xxgkMFMd1BNoM1ctMjNoRKfRliPmiEWW3S6rLTHiQcy9g3pt/xiKv/D0NAAkhb9VyV+WJFvTqMGg==}
     engines: {node: '>= 12'}
@@ -4430,10 +4245,6 @@ packages:
     resolution: {integrity: sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==}
     engines: {node: '>=14'}
 
-  form-data@4.0.4:
-    resolution: {integrity: sha512-KrGhL9Q4zjj0kiUt5OO4Mr/A/jlI2jDYs5eHBpYHPcBEVSiipAvn2Ko2HnPe20rmcuuvMHNdZFp+4IlGTMF0Ow==}
-    engines: {node: '>= 6'}
-
   fraction.js@5.3.4:
     resolution: {integrity: sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==}
 
@@ -4604,10 +4415,6 @@ packages:
   html-dom-parser@5.1.2:
     resolution: {integrity: sha512-9nD3Rj3/FuQt83AgIa1Y3ruzspwFFA54AJbQnohXN+K6fL1/bhcDQJJY5Ne4L4A163ADQFVESd/0TLyNoV0mfg==}
 
-  html-encoding-sniffer@4.0.0:
-    resolution: {integrity: sha512-Y22oTqIU4uuPgEemfz7NDJz6OeKf12Lsu+QC+s3BVpda64lTiMYCyGwg5ki4vFxkMwQdeZDl2adZoqUgdFuTgQ==}
-    engines: {node: '>=18'}
-
   html-encoding-sniffer@6.0.0:
     resolution: {integrity: sha512-CV9TW3Y3f8/wT0BRFc1/KAVQ3TUHiXmaAb6VW9vtiMFf7SLoMd1PdAc4W3KFOFETBJUb90KatHqlsZMWV+R9Gg==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -4654,10 +4461,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  iconv-lite@0.6.3:
-    resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
-    engines: {node: '>=0.10.0'}
-
   idb@7.1.1:
     resolution: {integrity: sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==}
 
@@ -4690,10 +4493,6 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
-  indent-string@4.0.0:
-    resolution: {integrity: sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==}
-    engines: {node: '>=8'}
-
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
@@ -4942,15 +4741,6 @@ packages:
     resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
     engines: {node: '>=12.0.0'}
 
-  jsdom@25.0.1:
-    resolution: {integrity: sha512-8i7LzZj7BF8uplX+ZyOlIz86V6TAsSs+np6m1kpW9u0JWi4z/1t+FzcK1aek+ybTnAC4KhBL4uXCNT0wcUIeCw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      canvas: ^2.11.2
-    peerDependenciesMeta:
-      canvas:
-        optional: true
-
   jsdom@27.4.0:
     resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -5155,9 +4945,6 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  loupe@3.2.0:
-    resolution: {integrity: sha512-2NCfZcT5VGVNX9mSZIxLRkEAegDGBpuQZBy13desuHeVORmBDyAET4TkJr4SjqQy3A8JDofMN6LpkK8Xcm/dlw==}
-
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
@@ -5178,10 +4965,6 @@ packages:
   lunr@2.3.9:
     resolution: {integrity: sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow==}
 
-  lz-string@1.5.0:
-    resolution: {integrity: sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==}
-    hasBin: true
-
   magic-string@0.25.9:
     resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
 
@@ -5252,10 +5035,6 @@ packages:
     resolution: {integrity: sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA==}
     engines: {node: '>=18'}
 
-  min-indent@1.0.1:
-    resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
-    engines: {node: '>=4'}
-
   mini-css-extract-plugin@2.9.4:
     resolution: {integrity: sha512-ZWYT7ln73Hptxqxk2DxPU9MmapXRhxkJD6tkSR04dnQxm8BGu2hzgKLugK5yySD97u/8yy7Ma7E76k9ZdvtjkQ==}
     engines: {node: '>= 12.13.0'}
@@ -5347,9 +5126,6 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nwsapi@2.2.21:
-    resolution: {integrity: sha512-o6nIY3qwiSXl7/LuOU0Dmuctd34Yay0yeuZRLFmDPrrdHpXKFndPj3hM+YEPVHYC5fx2otBx4Ilc/gyYSAUaIA==}
-
   object-assign@4.1.1:
     resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
     engines: {node: '>=0.10.0'}
@@ -5455,9 +5231,6 @@ packages:
   parse-statements@1.0.11:
     resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
 
-  parse5@7.3.0:
-    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
-
   parse5@8.0.0:
     resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
 
@@ -5497,16 +5270,9 @@ packages:
   pathe@0.2.0:
     resolution: {integrity: sha512-sTitTPYnn23esFR3RlqYBWn4c45WGeLcsKzQiUpXJAyfcWkolvlYpV8FLo7JishK946oQwMFUCHXQ9AjGPKExw==}
 
-  pathe@1.1.2:
-    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
-
   pathe@2.0.3:
     resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
 
-  pathval@2.0.1:
-    resolution: {integrity: sha512-//nshmD55c46FuFw26xV/xFAaB5HF9Xdap7HJBBnrKdAd6/GxDBaNA1870O79+9ueg61cZLSVc+OaFlfmObYVQ==}
-    engines: {node: '>= 14.16'}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -5786,10 +5552,6 @@ packages:
     resolution: {integrity: sha512-mQUvGU6aUFQ+rNvTIAcZuWGRT9a6f6Yrg9bHs4ImKF+HZCEK+plBvnAZYSIQztknZF2qnzNtr6F8s0+IuptdlQ==}
     engines: {node: ^14.13.1 || >=16.0.0}
 
-  pretty-format@27.5.1:
-    resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-
   prismjs@1.30.0:
     resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
     engines: {node: '>=6'}
@@ -5847,12 +5609,6 @@ packages:
     peerDependencies:
       react: ^19.2.3
 
-  react-error-boundary@3.1.4:
-    resolution: {integrity: sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==}
-    engines: {node: '>=10', npm: '>=6'}
-    peerDependencies:
-      react: '>=16.13.1'
-
   react-error-boundary@4.1.2:
     resolution: {integrity: sha512-GQDxZ5Jd+Aq/qUxbCm1UtzmL/s++V7zKgE8yMktJiCQXCCFZnMZh9ng+6/Ne6PjNSXH0L9CjeOEREfRnq6Duag==}
     peerDependencies:
@@ -5906,9 +5662,6 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
-  react-is@17.0.2:
-    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
-
   react-property@2.0.2:
     resolution: {integrity: sha512-+PbtI3VuDV0l6CleQMsx2gtK0JZbZKbpdu5ynr+lbsuvtmgbNcS3VM0tuY2QjFNOcWxvXeHjDpy42RO+4U2rug==}
 
@@ -5983,10 +5736,6 @@ packages:
     resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
     engines: {node: '>= 14.18.0'}
 
-  redent@3.0.0:
-    resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
-    engines: {node: '>=8'}
-
   redux-thunk@3.1.0:
     resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
     peerDependencies:
@@ -6142,12 +5891,6 @@ packages:
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rrweb-cssom@0.7.1:
-    resolution: {integrity: sha512-TrEMa7JGdVm0UThDJSx7ddw5nVm3UJS9o9CCIZ72B1vSyEZoziDqBYP3XIoi/12lKrJR8rE3jeFHMok2F/Mnsg==}
-
-  rrweb-cssom@0.8.0:
-    resolution: {integrity: sha512-guoltQEx+9aMf2gDZ0s62EcV8lsXR+0w8915TC3ITdn2YueuNjdAYh/levpU9nFaoChh9RUS5ZdQMrKfVEN9tw==}
-
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
@@ -6169,9 +5912,6 @@ packages:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
 
-  safer-buffer@2.1.2:
-    resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
-
   sass-embedded-all-unknown@1.93.3:
     resolution: {integrity: sha512-3okGgnE41eg+CPLtAPletu6nQ4N0ij7AeW+Sl5Km4j29XcmqZQeFwYjHe1AlKTEgLi/UAONk1O8i8/lupeKMbw==}
     cpu: ['!arm', '!arm64', '!riscv64', '!x64']
@@ -6369,9 +6109,6 @@ packages:
     resolution: {integrity: sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==}
     engines: {node: '>= 0.4'}
 
-  siginfo@2.0.0:
-    resolution: {integrity: sha512-ybx0WO1/8bSBLEWXZvEd7gMW3Sn3JFlW3TvX1nREbDLRNQNaeNN8WK0meBwPdAaOI7TtRRRJn/Es1zhrrCHu7g==}
-
   signal-exit@4.1.0:
     resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
     engines: {node: '>=14'}
@@ -6439,12 +6176,6 @@ packages:
   stable-hash@0.0.5:
     resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
 
-  stackback@0.0.2:
-    resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
-
-  std-env@3.9.0:
-    resolution: {integrity: sha512-UGvjygr6F6tpH7o2qyqR6QYpwraIjKSdtzyBdyytFOHmPZY917kwdwLG0RbOjWOnKmnm3PeHjaoLLMie7kPLQw==}
-
   stop-iteration-iterator@1.1.0:
     resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
     engines: {node: '>= 0.4'}
@@ -6524,10 +6255,6 @@ packages:
     resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
     engines: {node: '>=12'}
 
-  strip-indent@3.0.0:
-    resolution: {integrity: sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==}
-    engines: {node: '>=8'}
-
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -6706,15 +6433,9 @@ packages:
   tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
-  tinybench@2.9.0:
-    resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
-
   tinycolor2@1.6.0:
     resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
 
-  tinyexec@0.3.2:
-    resolution: {integrity: sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==}
-
   tinyglobby@0.2.14:
     resolution: {integrity: sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ==}
     engines: {node: '>=12.0.0'}
@@ -6723,28 +6444,9 @@ packages:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
-  tinypool@1.1.1:
-    resolution: {integrity: sha512-Zba82s87IFq9A9XmjiX5uZA/ARWDrB03OHlq+Vw1fSdt0I+4/Kutwy8BP4Y/y/aORMo61FQ0vIb5j44vSo5Pkg==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-
-  tinyrainbow@1.2.0:
-    resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
-    engines: {node: '>=14.0.0'}
-
-  tinyspy@3.0.2:
-    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
-    engines: {node: '>=14.0.0'}
-
-  tldts-core@6.1.86:
-    resolution: {integrity: sha512-Je6p7pkk+KMzMv2XXKmAE3McmolOQFdxkKw0R8EYNr7sELW46JqnNeTX8ybPiQgvg1ymCoF8LXs5fzFaZvJPTA==}
-
   tldts-core@7.0.19:
     resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
 
-  tldts@6.1.86:
-    resolution: {integrity: sha512-WMi/OQ2axVTf/ykqCQgXiIct+mSQDFdH2fkwhPwgEwvJ1kSzZRiinb0zF2Xb8u4+OqPChmyI6MEu4EezNJz+FQ==}
-    hasBin: true
-
   tldts@7.0.19:
     resolution: {integrity: sha512-8PWx8tvC4jDB39BQw1m4x8y5MH1BcQ5xHeL2n7UVFulMPH/3Q0uiamahFJ3lXA0zO2SUyRXuVVbWSDmstlt9YA==}
     hasBin: true
@@ -6753,10 +6455,6 @@ packages:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
 
-  tough-cookie@5.1.2:
-    resolution: {integrity: sha512-FVDYdxtnj0G6Qm/DhNPSb8Ju59ULcup3tuJxkFb5K8Bv2pUXILbf0xZWU8PX8Ov19OXljbUyveOFwRMwkXzO+A==}
-    engines: {node: '>=16'}
-
   tough-cookie@6.0.0:
     resolution: {integrity: sha512-kXuRi1mtaKMrsLUxz3sQYvVl37B0Ns6MzfrtV5DvJceE9bPyspOqk9xxv7XbZWcfLWbFmm997vl83qUWVJA64w==}
     engines: {node: '>=16'}
@@ -6764,10 +6462,6 @@ packages:
   tr46@1.0.1:
     resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
 
-  tr46@5.1.1:
-    resolution: {integrity: sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw==}
-    engines: {node: '>=18'}
-
   tr46@6.0.0:
     resolution: {integrity: sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw==}
     engines: {node: '>=20'}
@@ -6958,11 +6652,6 @@ packages:
   varint@6.0.0:
     resolution: {integrity: sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg==}
 
-  vite-node@2.1.9:
-    resolution: {integrity: sha512-AM9aQ/IPrW/6ENLQg3AGY4K1N2TGZdR5e4gu/MmmR2xR3Ll1+dib+nook92g4TV3PXVyeyxdWwtaCAiUL0hMxA==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-
   vite-plugin-checker@0.12.0:
     resolution: {integrity: sha512-CmdZdDOGss7kdQwv73UyVgLPv0FVYe5czAgnmRX2oKljgEvSrODGuClaV3PDR2+3ou7N/OKGauDDBjy2MB07Rg==}
     engines: {node: '>=16.11'}
@@ -7114,31 +6803,6 @@ packages:
       yaml:
         optional: true
 
-  vitest@2.1.9:
-    resolution: {integrity: sha512-MSmPM9REYqDGBI8439mA4mWhV5sKmDlBKWIYbA3lRb2PTHACE0mgKwA8yQ2xq9vxDTuk4iPrECBAEW2aoFXY0Q==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@edge-runtime/vm': '*'
-      '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 2.1.9
-      '@vitest/ui': 2.1.9
-      happy-dom: '*'
-      jsdom: '*'
-    peerDependenciesMeta:
-      '@edge-runtime/vm':
-        optional: true
-      '@types/node':
-        optional: true
-      '@vitest/browser':
-        optional: true
-      '@vitest/ui':
-        optional: true
-      happy-dom:
-        optional: true
-      jsdom:
-        optional: true
-
   vscode-uri@3.1.0:
     resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
 
@@ -7168,10 +6832,6 @@ packages:
   webidl-conversions@4.0.2:
     resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
 
-  webidl-conversions@7.0.0:
-    resolution: {integrity: sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==}
-    engines: {node: '>=12'}
-
   webidl-conversions@8.0.1:
     resolution: {integrity: sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ==}
     engines: {node: '>=20'}
@@ -7190,19 +6850,10 @@ packages:
       webpack-cli:
         optional: true
 
-  whatwg-encoding@3.1.1:
-    resolution: {integrity: sha512-6qN4hJdMwfYBtE3YBTTHhoeuUrDBPZmbQaxWAqSALV/MeEnR5z1xd8UKud2RAkFoPkmB+hli1TZSnyi84xz1vQ==}
-    engines: {node: '>=18'}
-    deprecated: Use @exodus/bytes instead for a more spec-conformant and faster implementation
-
   whatwg-mimetype@4.0.0:
     resolution: {integrity: sha512-QaKxh0eNIi2mE9p2vEdzfagOKHCcj1pJ56EEHGQOVxp8r9/iszLUUV7v89x9O1p/T+NlTM5W7jW6+cz4Fq1YVg==}
     engines: {node: '>=18'}
 
-  whatwg-url@14.2.0:
-    resolution: {integrity: sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==}
-    engines: {node: '>=18'}
-
   whatwg-url@15.1.0:
     resolution: {integrity: sha512-2ytDk0kiEj/yu90JOAp44PVPUkO9+jVhyf+SybKlRHSDlvOOZhdPIrr7xTH64l4WixO2cP+wQIcgujkGBPPz6g==}
     engines: {node: '>=20'}
@@ -7235,11 +6886,6 @@ packages:
     engines: {node: '>= 8'}
     hasBin: true
 
-  why-is-node-running@2.3.0:
-    resolution: {integrity: sha512-hUrmaWBdVDcxvYqnyh09zunKzROWjbZTiNy8dBEjkS7ehEDQibXJ7XvlmtbwuTclUiIyN+CyXQD4Vmko8fNm8w==}
-    engines: {node: '>=8'}
-    hasBin: true
-
   word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
@@ -7392,8 +7038,6 @@ snapshots:
 
   '@acemir/cssom@0.9.30': {}
 
-  '@adobe/css-tools@4.4.3': {}
-
   '@alloc/quick-lru@5.2.0': {}
 
   '@apideck/better-ajv-errors@0.3.6(ajv@8.18.0)':
@@ -7403,14 +7047,6 @@ snapshots:
       jsonpointer: 5.0.1
       leven: 3.1.0
 
-  '@asamuzakjp/css-color@3.2.0':
-    dependencies:
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-color-parser': 3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
-      lru-cache: 10.4.3
-
   '@asamuzakjp/css-color@4.1.1':
     dependencies:
       '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
@@ -8186,8 +7822,6 @@ snapshots:
       lodash: 4.17.23
       serialize-query-params: 2.0.4
 
-  '@csstools/color-helpers@5.0.2': {}
-
   '@csstools/color-helpers@5.1.0': {}
 
   '@csstools/css-calc@2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
@@ -8195,13 +7829,6 @@ snapshots:
       '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
       '@csstools/css-tokenizer': 3.0.4
 
-  '@csstools/css-color-parser@3.0.10(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
-    dependencies:
-      '@csstools/color-helpers': 5.0.2
-      '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-parser-algorithms': 3.0.5(@csstools/css-tokenizer@3.0.4)
-      '@csstools/css-tokenizer': 3.0.4
-
   '@csstools/css-color-parser@3.1.0(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)':
     dependencies:
       '@csstools/color-helpers': 5.1.0
@@ -9574,50 +9201,6 @@ snapshots:
 
   '@tanstack/store@0.8.0': {}
 
-  '@testing-library/dom@10.4.1':
-    dependencies:
-      '@babel/code-frame': 7.29.0
-      '@babel/runtime': 7.28.6
-      '@types/aria-query': 5.0.4
-      aria-query: 5.3.0
-      dom-accessibility-api: 0.5.16
-      lz-string: 1.5.0
-      picocolors: 1.1.1
-      pretty-format: 27.5.1
-
-  '@testing-library/jest-dom@6.6.4':
-    dependencies:
-      '@adobe/css-tools': 4.4.3
-      aria-query: 5.3.2
-      css.escape: 1.5.1
-      dom-accessibility-api: 0.6.3
-      lodash: 4.17.23
-      picocolors: 1.1.1
-      redent: 3.0.0
-
-  '@testing-library/react-hooks@8.0.1(@types/react@18.3.27)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@babel/runtime': 7.28.2
-      react: 19.2.3
-      react-error-boundary: 3.1.4(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 18.3.27
-      react-dom: 19.2.3(react@19.2.3)
-
-  '@testing-library/react@16.3.0(@testing-library/dom@10.4.1)(@types/react-dom@18.3.7(@types/react@18.3.27))(@types/react@18.3.27)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)':
-    dependencies:
-      '@babel/runtime': 7.28.2
-      '@testing-library/dom': 10.4.1
-      react: 19.2.3
-      react-dom: 19.2.3(react@19.2.3)
-    optionalDependencies:
-      '@types/react': 18.3.27
-      '@types/react-dom': 18.3.7(@types/react@18.3.27)
-
-  '@testing-library/user-event@14.6.1(@testing-library/dom@10.4.1)':
-    dependencies:
-      '@testing-library/dom': 10.4.1
-
   '@transfem-org/sfm-js@0.24.8':
     dependencies:
       '@twemoji/parser': 15.0.0
@@ -9635,8 +9218,6 @@ snapshots:
 
   '@types/argparse@1.0.38': {}
 
-  '@types/aria-query@5.0.4': {}
-
   '@types/babel__core@7.20.5':
     dependencies:
       '@babel/parser': 7.29.0
@@ -10129,46 +9710,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@vitest/expect@2.1.9':
-    dependencies:
-      '@vitest/spy': 2.1.9
-      '@vitest/utils': 2.1.9
-      chai: 5.2.1
-      tinyrainbow: 1.2.0
-
-  '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))':
-    dependencies:
-      '@vitest/spy': 2.1.9
-      estree-walker: 3.0.3
-      magic-string: 0.30.17
-    optionalDependencies:
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
-
-  '@vitest/pretty-format@2.1.9':
-    dependencies:
-      tinyrainbow: 1.2.0
-
-  '@vitest/runner@2.1.9':
-    dependencies:
-      '@vitest/utils': 2.1.9
-      pathe: 1.1.2
-
-  '@vitest/snapshot@2.1.9':
-    dependencies:
-      '@vitest/pretty-format': 2.1.9
-      magic-string: 0.30.17
-      pathe: 1.1.2
-
-  '@vitest/spy@2.1.9':
-    dependencies:
-      tinyspy: 3.0.2
-
-  '@vitest/utils@2.1.9':
-    dependencies:
-      '@vitest/pretty-format': 2.1.9
-      loupe: 3.2.0
-      tinyrainbow: 1.2.0
-
   '@volar/language-core@2.4.22':
     dependencies:
       '@volar/source-map': 2.4.22
@@ -10397,8 +9938,6 @@ snapshots:
     dependencies:
       color-convert: 2.0.1
 
-  ansi-styles@5.2.0: {}
-
   ansi-styles@6.2.1: {}
 
   any-promise@1.3.0: {}
@@ -10418,10 +9957,6 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-query@5.3.0:
-    dependencies:
-      dequal: 2.0.3
-
   aria-query@5.3.2: {}
 
   array-buffer-byte-length@1.0.2:
@@ -10493,8 +10028,6 @@ snapshots:
       get-intrinsic: 1.3.0
       is-array-buffer: 3.0.5
 
-  assertion-error@2.0.1: {}
-
   ast-metadata-inferer@0.8.1:
     dependencies:
       '@mdn/browser-compat-data': 5.7.6
@@ -10507,8 +10040,6 @@ snapshots:
 
   async@3.2.6: {}
 
-  asynckit@0.4.0: {}
-
   at-least-node@1.0.0: {}
 
   autoprefixer@10.4.23(postcss@8.5.6):
@@ -10605,8 +10136,6 @@ snapshots:
       esbuild: 0.24.2
       load-tsconfig: 0.2.5
 
-  cac@6.7.14: {}
-
   cacheable@1.10.3:
     dependencies:
       hookified: 1.11.0
@@ -10649,14 +10178,6 @@ snapshots:
 
   caniuse-lite@1.0.30001762: {}
 
-  chai@5.2.1:
-    dependencies:
-      assertion-error: 2.0.1
-      check-error: 2.1.1
-      deep-eql: 5.0.2
-      loupe: 3.2.0
-      pathval: 2.0.1
-
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
@@ -10666,8 +10187,6 @@ snapshots:
 
   char-regex@1.0.2: {}
 
-  check-error@2.1.1: {}
-
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -10713,10 +10232,6 @@ snapshots:
 
   colorjs.io@0.5.2: {}
 
-  combined-stream@1.0.8:
-    dependencies:
-      delayed-stream: 1.0.0
-
   commander@13.1.0: {}
 
   commander@2.20.3: {}
@@ -10813,8 +10328,6 @@ snapshots:
 
   css-what@6.2.2: {}
 
-  css.escape@1.5.1: {}
-
   cssesc@3.0.0: {}
 
   cssnano-preset-default@6.1.2(postcss@8.5.6):
@@ -10865,11 +10378,6 @@ snapshots:
     dependencies:
       css-tree: 2.2.1
 
-  cssstyle@4.6.0:
-    dependencies:
-      '@asamuzakjp/css-color': 3.2.0
-      rrweb-cssom: 0.8.0
-
   cssstyle@5.3.7:
     dependencies:
       '@asamuzakjp/css-color': 4.1.1
@@ -10883,11 +10391,6 @@ snapshots:
 
   damerau-levenshtein@1.0.8: {}
 
-  data-urls@5.0.0:
-    dependencies:
-      whatwg-mimetype: 4.0.0
-      whatwg-url: 14.2.0
-
   data-urls@6.0.0:
     dependencies:
       whatwg-mimetype: 4.0.0
@@ -10931,8 +10434,6 @@ snapshots:
 
   decode-uri-component@0.4.1: {}
 
-  deep-eql@5.0.2: {}
-
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -10949,10 +10450,6 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
-  delayed-stream@1.0.0: {}
-
-  dequal@2.0.3: {}
-
   detect-it@4.0.1: {}
 
   detect-libc@1.0.3:
@@ -10980,10 +10477,6 @@ snapshots:
     dependencies:
       esutils: 2.0.3
 
-  dom-accessibility-api@0.5.16: {}
-
-  dom-accessibility-api@0.6.3: {}
-
   dom-serializer@1.4.1:
     dependencies:
       domelementtype: 2.3.0
@@ -11621,10 +11114,6 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
-  estree-walker@3.0.3:
-    dependencies:
-      '@types/estree': 1.0.8
-
   esutils@2.0.3: {}
 
   eventemitter3@5.0.1: {}
@@ -11645,12 +11134,8 @@ snapshots:
 
   exifr@7.1.3: {}
 
-  expect-type@1.2.2: {}
-
   exsolve@1.0.7: {}
 
-  fake-indexeddb@6.0.1: {}
-
   fast-average-color@9.5.0: {}
 
   fast-deep-equal@3.1.3: {}
@@ -11748,14 +11233,6 @@ snapshots:
       cross-spawn: 7.0.6
       signal-exit: 4.1.0
 
-  form-data@4.0.4:
-    dependencies:
-      asynckit: 0.4.0
-      combined-stream: 1.0.8
-      es-set-tostringtag: 2.1.0
-      hasown: 2.0.2
-      mime-types: 2.1.35
-
   fraction.js@5.3.4: {}
 
   fs-extra@10.1.0:
@@ -11941,10 +11418,6 @@ snapshots:
       domhandler: 5.0.3
       htmlparser2: 10.0.0
 
-  html-encoding-sniffer@4.0.0:
-    dependencies:
-      whatwg-encoding: 3.1.1
-
   html-encoding-sniffer@6.0.0:
     dependencies:
       '@exodus/bytes': 1.8.0
@@ -12000,10 +11473,6 @@ snapshots:
 
   husky@9.1.7: {}
 
-  iconv-lite@0.6.3:
-    dependencies:
-      safer-buffer: 2.1.2
-
   idb@7.1.1: {}
 
   ignore@5.3.2: {}
@@ -12025,8 +11494,6 @@ snapshots:
 
   imurmurhash@0.1.4: {}
 
-  indent-string@4.0.0: {}
-
   inflight@1.0.6:
     dependencies:
       once: 1.4.0
@@ -12276,34 +11743,6 @@ snapshots:
 
   jsdoc-type-pratt-parser@4.1.0: {}
 
-  jsdom@25.0.1:
-    dependencies:
-      cssstyle: 4.6.0
-      data-urls: 5.0.0
-      decimal.js: 10.6.0
-      form-data: 4.0.4
-      html-encoding-sniffer: 4.0.0
-      http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.6
-      is-potential-custom-element-name: 1.0.1
-      nwsapi: 2.2.21
-      parse5: 7.3.0
-      rrweb-cssom: 0.7.1
-      saxes: 6.0.0
-      symbol-tree: 3.2.4
-      tough-cookie: 5.1.2
-      w3c-xmlserializer: 5.0.0
-      webidl-conversions: 7.0.0
-      whatwg-encoding: 3.1.1
-      whatwg-mimetype: 4.0.0
-      whatwg-url: 14.2.0
-      ws: 8.18.3
-      xml-name-validator: 5.0.0
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
   jsdom@27.4.0:
     dependencies:
       '@acemir/cssom': 0.9.30
@@ -12518,8 +11957,6 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  loupe@3.2.0: {}
-
   lower-case@2.0.2:
     dependencies:
       tslib: 2.8.1
@@ -12538,8 +11975,6 @@ snapshots:
 
   lunr@2.3.9: {}
 
-  lz-string@1.5.0: {}
-
   magic-string@0.25.9:
     dependencies:
       sourcemap-codec: 1.4.8
@@ -12598,8 +12033,6 @@ snapshots:
 
   mimic-function@5.0.1: {}
 
-  min-indent@1.0.1: {}
-
   mini-css-extract-plugin@2.9.4(webpack@5.101.0(esbuild@0.24.2)):
     dependencies:
       schema-utils: 4.3.2
@@ -12685,8 +12118,6 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nwsapi@2.2.21: {}
-
   object-assign@4.1.1: {}
 
   object-hash@3.0.0: {}
@@ -12806,10 +12237,6 @@ snapshots:
 
   parse-statements@1.0.11: {}
 
-  parse5@7.3.0:
-    dependencies:
-      entities: 6.0.1
-
   parse5@8.0.0:
     dependencies:
       entities: 6.0.1
@@ -12840,12 +12267,8 @@ snapshots:
 
   pathe@0.2.0: {}
 
-  pathe@1.1.2: {}
-
   pathe@2.0.3: {}
 
-  pathval@2.0.1: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -13088,12 +12511,6 @@ snapshots:
 
   pretty-bytes@6.1.1: {}
 
-  pretty-format@27.5.1:
-    dependencies:
-      ansi-regex: 5.0.1
-      ansi-styles: 5.2.0
-      react-is: 17.0.2
-
   prismjs@1.30.0: {}
 
   process@0.11.10: {}
@@ -13156,11 +12573,6 @@ snapshots:
       react: 19.2.3
       scheduler: 0.27.0
 
-  react-error-boundary@3.1.4(react@19.2.3):
-    dependencies:
-      '@babel/runtime': 7.28.2
-      react: 19.2.3
-
   react-error-boundary@4.1.2(react@19.2.3):
     dependencies:
       '@babel/runtime': 7.28.2
@@ -13219,8 +12631,6 @@ snapshots:
 
   react-is@16.13.1: {}
 
-  react-is@17.0.2: {}
-
   react-property@2.0.2: {}
 
   react-redux@9.2.0(@types/react@18.3.27)(react@19.2.3)(redux@5.0.1):
@@ -13295,11 +12705,6 @@ snapshots:
 
   readdirp@4.1.2: {}
 
-  redent@3.0.0:
-    dependencies:
-      indent-string: 4.0.0
-      strip-indent: 3.0.0
-
   redux-thunk@3.1.0(redux@5.0.1):
     dependencies:
       redux: 5.0.1
@@ -13484,10 +12889,6 @@ snapshots:
       '@rollup/rollup-win32-x64-msvc': 4.57.1
       fsevents: 2.3.3
 
-  rrweb-cssom@0.7.1: {}
-
-  rrweb-cssom@0.8.0: {}
-
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
@@ -13517,8 +12918,6 @@ snapshots:
       es-errors: 1.3.0
       is-regex: 1.2.1
 
-  safer-buffer@2.1.2: {}
-
   sass-embedded-all-unknown@1.93.3:
     dependencies:
       sass: 1.93.3
@@ -13709,8 +13108,6 @@ snapshots:
       side-channel-map: 1.0.1
       side-channel-weakmap: 1.0.2
 
-  siginfo@2.0.0: {}
-
   signal-exit@4.1.0: {}
 
   slash@3.0.0: {}
@@ -13765,10 +13162,6 @@ snapshots:
 
   stable-hash@0.0.5: {}
 
-  stackback@0.0.2: {}
-
-  std-env@3.9.0: {}
-
   stop-iteration-iterator@1.1.0:
     dependencies:
       es-errors: 1.3.0
@@ -13876,10 +13269,6 @@ snapshots:
 
   strip-final-newline@3.0.0: {}
 
-  strip-indent@3.0.0:
-    dependencies:
-      min-indent: 1.0.1
-
   strip-json-comments@3.1.1: {}
 
   style-to-js@1.1.21:
@@ -14118,12 +13507,8 @@ snapshots:
 
   tiny-warning@1.0.3: {}
 
-  tinybench@2.9.0: {}
-
   tinycolor2@1.6.0: {}
 
-  tinyexec@0.3.2: {}
-
   tinyglobby@0.2.14:
     dependencies:
       fdir: 6.4.6(picomatch@4.0.3)
@@ -14134,20 +13519,8 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
-  tinypool@1.1.1: {}
-
-  tinyrainbow@1.2.0: {}
-
-  tinyspy@3.0.2: {}
-
-  tldts-core@6.1.86: {}
-
   tldts-core@7.0.19: {}
 
-  tldts@6.1.86:
-    dependencies:
-      tldts-core: 6.1.86
-
   tldts@7.0.19:
     dependencies:
       tldts-core: 7.0.19
@@ -14156,10 +13529,6 @@ snapshots:
     dependencies:
       is-number: 7.0.0
 
-  tough-cookie@5.1.2:
-    dependencies:
-      tldts: 6.1.86
-
   tough-cookie@6.0.0:
     dependencies:
       tldts: 7.0.19
@@ -14168,10 +13537,6 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  tr46@5.1.1:
-    dependencies:
-      punycode: 2.3.1
-
   tr46@6.0.0:
     dependencies:
       punycode: 2.3.1
@@ -14379,24 +13744,6 @@ snapshots:
 
   varint@6.0.0: {}
 
-  vite-node@2.1.9(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
-    dependencies:
-      cac: 6.7.14
-      debug: 4.4.1
-      es-module-lexer: 1.7.0
-      pathe: 1.1.2
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
-    transitivePeerDependencies:
-      - '@types/node'
-      - less
-      - lightningcss
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-
   vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/code-frame': 7.29.0
@@ -14538,18 +13885,6 @@ snapshots:
       sass-embedded: 1.93.3
       terser: 5.46.0
 
-  vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
-    dependencies:
-      esbuild: 0.21.5
-      postcss: 8.5.6
-      rollup: 4.52.5
-    optionalDependencies:
-      '@types/node': 25.0.3
-      fsevents: 2.3.3
-      sass: 1.93.3
-      sass-embedded: 1.93.3
-      terser: 5.46.0
-
   vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:
       esbuild: 0.27.3
@@ -14567,42 +13902,6 @@ snapshots:
       terser: 5.46.0
       yaml: 2.8.0
 
-  vitest@2.1.9(@types/node@25.0.3)(jsdom@25.0.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
-    dependencies:
-      '@vitest/expect': 2.1.9
-      '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
-      '@vitest/pretty-format': 2.1.9
-      '@vitest/runner': 2.1.9
-      '@vitest/snapshot': 2.1.9
-      '@vitest/spy': 2.1.9
-      '@vitest/utils': 2.1.9
-      chai: 5.2.1
-      debug: 4.4.1
-      expect-type: 1.2.2
-      magic-string: 0.30.17
-      pathe: 1.1.2
-      std-env: 3.9.0
-      tinybench: 2.9.0
-      tinyexec: 0.3.2
-      tinypool: 1.1.1
-      tinyrainbow: 1.2.0
-      vite: 5.4.21(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
-      vite-node: 2.1.9(@types/node@25.0.3)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
-      why-is-node-running: 2.3.0
-    optionalDependencies:
-      '@types/node': 25.0.3
-      jsdom: 25.0.1
-    transitivePeerDependencies:
-      - less
-      - lightningcss
-      - msw
-      - sass
-      - sass-embedded
-      - stylus
-      - sugarss
-      - supports-color
-      - terser
-
   vscode-uri@3.1.0: {}
 
   vue-loader@17.4.2(@vue/compiler-sfc@3.5.18)(webpack@5.101.0(esbuild@0.24.2)):
@@ -14629,8 +13928,6 @@ snapshots:
 
   webidl-conversions@4.0.2: {}
 
-  webidl-conversions@7.0.0: {}
-
   webidl-conversions@8.0.1: {}
 
   webpack-sources@3.3.3: {}
@@ -14667,17 +13964,8 @@ snapshots:
       - esbuild
       - uglify-js
 
-  whatwg-encoding@3.1.1:
-    dependencies:
-      iconv-lite: 0.6.3
-
   whatwg-mimetype@4.0.0: {}
 
-  whatwg-url@14.2.0:
-    dependencies:
-      tr46: 5.1.1
-      webidl-conversions: 7.0.0
-
   whatwg-url@15.1.0:
     dependencies:
       tr46: 6.0.0
@@ -14738,11 +14026,6 @@ snapshots:
     dependencies:
       isexe: 2.0.0
 
-  why-is-node-running@2.3.0:
-    dependencies:
-      siginfo: 2.0.0
-      stackback: 0.0.2
-
   word-wrap@1.2.5: {}
 
   workbox-background-sync@7.3.0:

From 1cfa337ac2e46891224c06647c638b2bbf0ee1ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 23:27:12 +0100
Subject: [PATCH 05/74] nicolium: update vite-plugin-compile-time
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/package.json                   |   3 +-
 packages/pl-fe/src/build-config.ts            |  49 +++++++-
 .../utils/manifest-map-compiletime.ts         |  16 ---
 .../crypto-donate/utils/manifest-map.ts       |  16 ++-
 .../src/features/emoji/mapping-compiletime.ts | 107 ------------------
 packages/pl-fe/src/features/emoji/mapping.ts  | 106 ++++++++++++++++-
 packages/pl-fe/src/service-worker/sw.ts       |   4 +-
 .../src/service-worker/web-push-locales.ts    |  54 ++++-----
 packages/pl-fe/src/utils/code-compiletime.ts  |  52 ---------
 packages/pl-fe/src/utils/code.ts              |  55 ++++++++-
 pnpm-lock.yaml                                |  82 ++++----------
 11 files changed, 275 insertions(+), 269 deletions(-)
 delete mode 100644 packages/pl-fe/src/features/crypto-donate/utils/manifest-map-compiletime.ts
 delete mode 100644 packages/pl-fe/src/features/emoji/mapping-compiletime.ts
 delete mode 100644 packages/pl-fe/src/utils/code-compiletime.ts

diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index 53242f48c..51930828b 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -127,6 +127,7 @@
     "resize-observer": "^1.0.4",
     "sass-embedded": "^1.93.3",
     "stringz": "^2.1.0",
+    "tabbable": "^6.4.0",
     "use-mutative": "^1.3.1",
     "util": "^0.12.5",
     "valibot": "^1.2.0",
@@ -171,7 +172,7 @@
     "typescript": "5.7.3",
     "vite": "^7.3.1",
     "vite-plugin-checker": "^0.12.0",
-    "vite-plugin-compile-time": "^0.3.2",
+    "vite-plugin-compile-time": "^0.4.6",
     "vite-plugin-html": "^3.2.2",
     "vite-plugin-pwa": "^1.2.0",
     "vite-plugin-require": "^1.2.14",
diff --git a/packages/pl-fe/src/build-config.ts b/packages/pl-fe/src/build-config.ts
index 72e4b5186..448b407fc 100644
--- a/packages/pl-fe/src/build-config.ts
+++ b/packages/pl-fe/src/build-config.ts
@@ -1,8 +1,51 @@
-import type { PlFeEnv } from './build-config-compiletime';
+/**
+ * Build config: configuration set at build time.
+ * @module pl-fe/build-config
+ */
 
-export const {
+// eslint-disable-next-line import/extensions
+import trim from 'lodash/trim.js';
+// eslint-disable-next-line import/extensions
+import trimEnd from 'lodash/trimEnd.js';
+
+const env = compileTime(() => {
+  const {
+    NODE_ENV,
+    BACKEND_URL,
+    FE_SUBDIRECTORY,
+    WITH_LANDING_PAGE,
+  } = process.env;
+
+  const sanitizeURL = (url: string | undefined = ''): string => {
+    try {
+      return trimEnd(new URL(url).toString(), '/');
+    } catch {
+      return '';
+    }
+  };
+
+  const sanitizeBasename = (path: string | undefined = ''): string => `/${trim(path, '/')}`;
+
+  return {
+    NODE_ENV: NODE_ENV || 'development',
+    BACKEND_URL: sanitizeURL(BACKEND_URL),
+    FE_SUBDIRECTORY: sanitizeBasename(FE_SUBDIRECTORY),
+    WITH_LANDING_PAGE: WITH_LANDING_PAGE === 'true',
+  };
+});
+
+const {
   NODE_ENV,
   BACKEND_URL,
   FE_SUBDIRECTORY,
   WITH_LANDING_PAGE,
-} = import.meta.compileTime<PlFeEnv>('./build-config-compiletime.ts');
+} = env;
+
+export type PlFeEnv = typeof env;
+
+export {
+  NODE_ENV,
+  BACKEND_URL,
+  FE_SUBDIRECTORY,
+  WITH_LANDING_PAGE,
+};
diff --git a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map-compiletime.ts b/packages/pl-fe/src/features/crypto-donate/utils/manifest-map-compiletime.ts
deleted file mode 100644
index ff3686620..000000000
--- a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map-compiletime.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-// Converts cryptocurrency-icon's manifest file from a list to a map.
-// See: https://github.com/spothq/cryptocurrency-icons/blob/master/manifest.json
-
-import { createRequire } from 'node:module';
-
-const require = createRequire(import.meta.url);
-const manifest = require('cryptocurrency-icons/manifest.json');
-
-const manifestMap = manifest.reduce((acc: Record<string, typeof manifest[0]>, entry: typeof manifest[0]) => {
-  acc[entry.symbol.toLowerCase()] = entry;
-  return acc;
-}, {});
-
-export default () => ({
-  data: manifestMap,
-});
diff --git a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts b/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
index d544bde5b..781ff82e2 100644
--- a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
+++ b/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
@@ -1,3 +1,5 @@
+import { createRequire } from 'node:module';
+
 interface ManifestMap {
   [s: string]: {
     symbol: string;
@@ -6,6 +8,18 @@ interface ManifestMap {
   };
 }
 
-export default import.meta.compileTime<ManifestMap>('./manifest-map-compiletime.ts');
+const manifestMap = compileTime(() => {
+  const require = createRequire(import.meta.url);
+  const manifest = require('cryptocurrency-icons/manifest.json');
+
+  const manifestMap = manifest.reduce((acc: Record<string, typeof manifest[0]>, entry: typeof manifest[0]) => {
+    acc[entry.symbol.toLowerCase()] = entry;
+    return acc;
+  }, {});
+
+  return manifestMap;
+});
+
+export default manifestMap;
 
 export type { ManifestMap };
diff --git a/packages/pl-fe/src/features/emoji/mapping-compiletime.ts b/packages/pl-fe/src/features/emoji/mapping-compiletime.ts
deleted file mode 100644
index f5ef8cdf0..000000000
--- a/packages/pl-fe/src/features/emoji/mapping-compiletime.ts
+++ /dev/null
@@ -1,107 +0,0 @@
-import { createRequire } from 'node:module';
-
-import type { EmojiData } from './data';
-import type { UnicodeMap } from './mapping';
-
-const require = createRequire(import.meta.url);
-const data = require('@emoji-mart/data/sets/14/twitter.json');
-
-const stripLeadingZeros = /^0+/;
-
-/*
- * Twemoji strips their hex codes from unicode codepoints to make it look "pretty"
- * - leading 0s are removed
- * - fe0f is removed unless it has 200d
- * - fe0f is NOT removed for 1f441-fe0f-200d-1f5e8-fe0f even though it has a 200d
- *
- * this is all wrong
- */
-const blacklist = {
-  '1f441-fe0f-200d-1f5e8-fe0f': true,
-};
-
-const tweaks = {
-  '#⃣': ['23-20e3', 'hash'],
-  '*⃣': ['2a-20e3', 'keycap_star'],
-  '0⃣': ['30-20e3', 'zero'],
-  '1⃣': ['31-20e3', 'one'],
-  '2⃣': ['32-20e3', 'two'],
-  '3⃣': ['33-20e3', 'three'],
-  '4⃣': ['34-20e3', 'four'],
-  '5⃣': ['35-20e3', 'five'],
-  '6⃣': ['36-20e3', 'six'],
-  '7⃣': ['37-20e3', 'seven'],
-  '8⃣': ['38-20e3', 'eight'],
-  '9⃣': ['39-20e3', 'nine'],
-  '❤‍🔥': ['2764-fe0f-200d-1f525', 'heart_on_fire'],
-  '❤‍🩹': ['2764-fe0f-200d-1fa79', 'mending_heart'],
-  '👁‍🗨️': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
-  '👁️‍🗨': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
-  '👁‍🗨': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
-  '🕵‍♂️': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
-  '🕵️‍♂': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
-  '🕵‍♂': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
-  '🕵‍♀️': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
-  '🕵️‍♀': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
-  '🕵‍♀': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
-  '🏌‍♂️': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
-  '🏌️‍♂': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
-  '🏌‍♂': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
-  '🏌‍♀️': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
-  '🏌️‍♀': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
-  '🏌‍♀': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
-  '⛹‍♂️': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
-  '⛹️‍♂': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
-  '⛹‍♂': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
-  '⛹‍♀️': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
-  '⛹️‍♀': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
-  '⛹‍♀': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
-  '🏋‍♂️': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
-  '🏋️‍♂': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
-  '🏋‍♂': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
-  '🏋‍♀️': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
-  '🏋️‍♀': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
-  '🏋‍♀': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
-  '🏳‍🌈': ['1f3f3-fe0f-200d-1f308', 'rainbow_flag'],
-  '🏳‍⚧️': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
-  '🏳️‍⚧': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
-  '🏳‍⚧': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
-};
-
-const stripcodes = (unified: string, native: string) => {
-  const stripped = unified.replace(stripLeadingZeros, '');
-
-  if (unified.includes('200d') && !(unified in blacklist)) {
-    return stripped;
-  } else {
-    return stripped.replaceAll('-fe0f', '');
-  }
-};
-
-const generateMappings = (emojiMap: EmojiData['emojis']): UnicodeMap => {
-  const result: UnicodeMap = {};
-  const emojis = Object.values(emojiMap ?? {});
-
-  for (const value of emojis) {
-    for (const item of value.skins) {
-      const { unified, native } = item;
-      const stripped = stripcodes(unified, native);
-
-      result[native] = { unified: stripped, shortcode: value.id };
-    }
-  }
-
-  for (const [native, [unified, shortcode]] of Object.entries(tweaks)) {
-    const stripped = stripcodes(unified, native);
-
-    result[native] = { unified: stripped, shortcode };
-  }
-
-  return result;
-};
-
-const unicodeMapping = generateMappings(data.emojis);
-
-export default () => ({
-  data: unicodeMapping,
-});
diff --git a/packages/pl-fe/src/features/emoji/mapping.ts b/packages/pl-fe/src/features/emoji/mapping.ts
index a76d52245..2e6ca376a 100644
--- a/packages/pl-fe/src/features/emoji/mapping.ts
+++ b/packages/pl-fe/src/features/emoji/mapping.ts
@@ -1,3 +1,7 @@
+import { createRequire } from 'node:module';
+
+import type { EmojiData } from './data';
+
 interface UnicodeMap {
   [s: string]: {
     unified: string;
@@ -5,6 +9,106 @@ interface UnicodeMap {
   };
 }
 
-export default import.meta.compileTime<UnicodeMap>('./mapping-compiletime.ts');
+const unicodeMapping = compileTime(() => {
+  const require = createRequire(import.meta.url);
+  const data = require('@emoji-mart/data/sets/14/twitter.json');
+
+  const stripLeadingZeros = /^0+/;
+
+  /*
+ * Twemoji strips their hex codes from unicode codepoints to make it look "pretty"
+ * - leading 0s are removed
+ * - fe0f is removed unless it has 200d
+ * - fe0f is NOT removed for 1f441-fe0f-200d-1f5e8-fe0f even though it has a 200d
+ *
+ * this is all wrong
+ */
+  const blacklist = {
+    '1f441-fe0f-200d-1f5e8-fe0f': true,
+  };
+
+  const tweaks = {
+    '#⃣': ['23-20e3', 'hash'],
+    '*⃣': ['2a-20e3', 'keycap_star'],
+    '0⃣': ['30-20e3', 'zero'],
+    '1⃣': ['31-20e3', 'one'],
+    '2⃣': ['32-20e3', 'two'],
+    '3⃣': ['33-20e3', 'three'],
+    '4⃣': ['34-20e3', 'four'],
+    '5⃣': ['35-20e3', 'five'],
+    '6⃣': ['36-20e3', 'six'],
+    '7⃣': ['37-20e3', 'seven'],
+    '8⃣': ['38-20e3', 'eight'],
+    '9⃣': ['39-20e3', 'nine'],
+    '❤‍🔥': ['2764-fe0f-200d-1f525', 'heart_on_fire'],
+    '❤‍🩹': ['2764-fe0f-200d-1fa79', 'mending_heart'],
+    '👁‍🗨️': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
+    '👁️‍🗨': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
+    '👁‍🗨': ['1f441-fe0f-200d-1f5e8-fe0f', 'eye-in-speech-bubble'],
+    '🕵‍♂️': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
+    '🕵️‍♂': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
+    '🕵‍♂': ['1f575-fe0f-200d-2642-fe0f', 'male-detective'],
+    '🕵‍♀️': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
+    '🕵️‍♀': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
+    '🕵‍♀': ['1f575-fe0f-200d-2640-fe0f', 'female-detective'],
+    '🏌‍♂️': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
+    '🏌️‍♂': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
+    '🏌‍♂': ['1f3cc-fe0f-200d-2642-fe0f', 'man-golfing'],
+    '🏌‍♀️': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
+    '🏌️‍♀': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
+    '🏌‍♀': ['1f3cc-fe0f-200d-2640-fe0f', 'woman-golfing'],
+    '⛹‍♂️': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
+    '⛹️‍♂': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
+    '⛹‍♂': ['26f9-fe0f-200d-2642-fe0f', 'man-bouncing-ball'],
+    '⛹‍♀️': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
+    '⛹️‍♀': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
+    '⛹‍♀': ['26f9-fe0f-200d-2640-fe0f', 'woman-bouncing-ball'],
+    '🏋‍♂️': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
+    '🏋️‍♂': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
+    '🏋‍♂': ['1f3cb-fe0f-200d-2642-fe0f', 'man-lifting-weights'],
+    '🏋‍♀️': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
+    '🏋️‍♀': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
+    '🏋‍♀': ['1f3cb-fe0f-200d-2640-fe0f', 'woman-lifting-weights'],
+    '🏳‍🌈': ['1f3f3-fe0f-200d-1f308', 'rainbow_flag'],
+    '🏳‍⚧️': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
+    '🏳️‍⚧': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
+    '🏳‍⚧': ['1f3f3-fe0f-200d-26a7-fe0f', 'transgender_flag'],
+  };
+
+  const stripcodes = (unified: string, native: string) => {
+    const stripped = unified.replace(stripLeadingZeros, '');
+
+    if (unified.includes('200d') && !(unified in blacklist)) {
+      return stripped;
+    } else {
+      return stripped.replaceAll('-fe0f', '');
+    }
+  };
+
+  const generateMappings = (emojiMap: EmojiData['emojis']): UnicodeMap => {
+    const result: UnicodeMap = {};
+    const emojis = Object.values(emojiMap ?? {});
+
+    for (const value of emojis) {
+      for (const item of value.skins) {
+        const { unified, native } = item;
+        const stripped = stripcodes(unified, native);
+
+        result[native] = { unified: stripped, shortcode: value.id };
+      }
+    }
+
+    for (const [native, [unified, shortcode]] of Object.entries(tweaks)) {
+      const stripped = stripcodes(unified, native);
+
+      result[native] = { unified: stripped, shortcode };
+    }
+
+    return result;
+  };
+
+  return generateMappings(data.emojis);
+});
+export default unicodeMapping;
 
 export type { UnicodeMap };
diff --git a/packages/pl-fe/src/service-worker/sw.ts b/packages/pl-fe/src/service-worker/sw.ts
index cc0b86699..94172c61f 100644
--- a/packages/pl-fe/src/service-worker/sw.ts
+++ b/packages/pl-fe/src/service-worker/sw.ts
@@ -3,14 +3,14 @@ import IntlMessageFormat from 'intl-messageformat';
 import 'intl-pluralrules';
 import unescape from 'lodash/unescape';
 
+import locales from './web-push-locales';
+
 import type {
   Account as AccountEntity,
   Notification as NotificationEntity,
   Status as StatusEntity,
 } from 'pl-api';
 
-const locales = import.meta.compileTime<Record<string, Record<string, string>>>('./web-push-locales.ts');
-
 /** Limit before we start grouping device notifications into a single notification. */
 const MAX_NOTIFICATIONS = 5;
 /** Tag for the grouped notification. */
diff --git a/packages/pl-fe/src/service-worker/web-push-locales.ts b/packages/pl-fe/src/service-worker/web-push-locales.ts
index efb638dd1..ec52e339c 100644
--- a/packages/pl-fe/src/service-worker/web-push-locales.ts
+++ b/packages/pl-fe/src/service-worker/web-push-locales.ts
@@ -1,37 +1,39 @@
 import fs from 'node:fs';
 import path from 'path';
 
-const filtered: Record<string, Record<string, string>> = {};
-const filenames = fs.readdirSync(path.resolve(__dirname, '../locales'));
+const filtered = compileTime(() => {
+  const filtered: Record<string, Record<string, string>> = {};
+  const filenames = fs.readdirSync(path.resolve(__dirname, '../locales'));
 
-filenames.forEach(filename => {
-  if (!filename.match(/\.json$/) || filename.match(/defaultMessages|whitelist/)) return;
+  filenames.forEach(filename => {
+    if (!filename.match(/\.json$/) || filename.match(/defaultMessages|whitelist/)) return;
 
-  const content = fs.readFileSync(path.resolve(__dirname, `../locales/${filename}`), 'utf-8');
-  const full = JSON.parse(content) as Record<string, string>;
-  const locale = filename.split('.')[0];
+    const content = fs.readFileSync(path.resolve(__dirname, `../locales/${filename}`), 'utf-8');
+    const full = JSON.parse(content) as Record<string, string>;
+    const locale = filename.split('.')[0];
 
-  filtered[locale] = {
-    'notification.favourite': full['notification.favourite'] || '',
-    'notification.follow': full['notification.follow'] || '',
-    'notification.follow_request': full['notification.follow_request'] || '',
-    'notification.mention': full['notification.mention'] || '',
-    'notification.reblog': full['notification.reblog'] || '',
-    'notification.poll': full['notification.poll'] || '',
-    'notification.status': full['notification.status'] || '',
-    'notification.move': full['notification.move'] || '',
+    filtered[locale] = {
+      'notification.favourite': full['notification.favourite'] || '',
+      'notification.follow': full['notification.follow'] || '',
+      'notification.follow_request': full['notification.follow_request'] || '',
+      'notification.mention': full['notification.mention'] || '',
+      'notification.reblog': full['notification.reblog'] || '',
+      'notification.poll': full['notification.poll'] || '',
+      'notification.status': full['notification.status'] || '',
+      'notification.move': full['notification.move'] || '',
 
-    'notification.pleroma:chat_mention': full['notification.pleroma:chat_mention'] || '',
-    'notification.pleroma:emoji_reaction': full['notification.pleroma:emoji_reaction'] || '',
+      'notification.pleroma:chat_mention': full['notification.pleroma:chat_mention'] || '',
+      'notification.pleroma:emoji_reaction': full['notification.pleroma:emoji_reaction'] || '',
 
-    'status.show_more': full['status.show_more'] || '',
-    'status.reblog': full['status.reblog'] || '',
-    'status.favourite': full['status.favourite'] || '',
+      'status.show_more': full['status.show_more'] || '',
+      'status.reblog': full['status.reblog'] || '',
+      'status.favourite': full['status.favourite'] || '',
 
-    'notifications.group': full['notifications.group'] || '',
-  };
+      'notifications.group': full['notifications.group'] || '',
+    };
+  });
+
+  return filtered;
 });
 
-export default () => ({
-  data: filtered,
-});
+export default filtered;
diff --git a/packages/pl-fe/src/utils/code-compiletime.ts b/packages/pl-fe/src/utils/code-compiletime.ts
deleted file mode 100644
index f229d5e10..000000000
--- a/packages/pl-fe/src/utils/code-compiletime.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { execSync } from 'node:child_process';
-
-import pkg from '../../package.json';
-
-const { CI_COMMIT_TAG, CI_COMMIT_REF_NAME, CI_COMMIT_SHA } = process.env;
-
-const shortRepoName = (url: string): string => new URL(url).pathname.substring(1);
-const trimHash = (hash: string): string => hash.substring(0, 7);
-
-const tryGit = (cmd: string): string | undefined => {
-  try {
-    return String(execSync(cmd));
-  } catch (e) {
-    return undefined;
-  }
-};
-
-const version = (pkg: { version: string }): string => {
-  // Try to discern from GitLab CI first
-  if (CI_COMMIT_TAG === `v${pkg.version}` || CI_COMMIT_REF_NAME === 'stable') {
-    return pkg.version;
-  }
-
-  if (typeof CI_COMMIT_SHA === 'string') {
-    return `${pkg.version}-${trimHash(CI_COMMIT_SHA)}`;
-  }
-
-  // Fall back to git directly
-  const head = tryGit('git rev-parse HEAD');
-  const tag = tryGit(`git rev-parse v${pkg.version}`);
-
-  if (head && head !== tag) return `${pkg.version}-${trimHash(head)}`;
-
-  // Fall back to version in package.json
-  return pkg.version;
-};
-
-const code = {
-  name: pkg.name,
-  displayName: pkg.displayName,
-  url: pkg.repository.url,
-  repository: shortRepoName(pkg.repository.url),
-  version: version(pkg),
-  homepage: pkg.homepage,
-  ref: CI_COMMIT_TAG || CI_COMMIT_SHA || tryGit('git rev-parse HEAD'),
-};
-
-export type Code = typeof code;
-
-export default () => ({
-  data: code,
-});
diff --git a/packages/pl-fe/src/utils/code.ts b/packages/pl-fe/src/utils/code.ts
index dd22a303c..ec9e02b6f 100644
--- a/packages/pl-fe/src/utils/code.ts
+++ b/packages/pl-fe/src/utils/code.ts
@@ -1,3 +1,54 @@
-import type { Code } from './code-compiletime';
+import { execSync } from 'node:child_process';
 
-export default import.meta.compileTime<Code>('./code-compiletime.ts');
+import pkg from '../../package.json';
+
+const code = compileTime(() => {
+  const { CI_COMMIT_TAG, CI_COMMIT_REF_NAME, CI_COMMIT_SHA } = process.env;
+
+  const shortRepoName = (url: string): string => new URL(url).pathname.substring(1);
+  const trimHash = (hash: string): string => hash.substring(0, 7);
+
+  const tryGit = (cmd: string): string | undefined => {
+    try {
+      return String(execSync(cmd));
+    } catch (e) {
+      return undefined;
+    }
+  };
+
+  const version = (pkg: { version: string }): string => {
+  // Try to discern from GitLab CI first
+    if (CI_COMMIT_TAG === `v${pkg.version}` || CI_COMMIT_REF_NAME === 'stable') {
+      return pkg.version;
+    }
+
+    if (typeof CI_COMMIT_SHA === 'string') {
+      return `${pkg.version}-${trimHash(CI_COMMIT_SHA)}`;
+    }
+
+    // Fall back to git directly
+    const head = tryGit('git rev-parse HEAD');
+    const tag = tryGit(`git rev-parse v${pkg.version}`);
+
+    if (head && head !== tag) return `${pkg.version}-${trimHash(head)}`;
+
+    // Fall back to version in package.json
+    return pkg.version;
+  };
+
+  const code = {
+    name: pkg.name,
+    displayName: pkg.displayName,
+    url: pkg.repository.url,
+    repository: shortRepoName(pkg.repository.url),
+    version: version(pkg),
+    homepage: pkg.homepage,
+    ref: CI_COMMIT_TAG || CI_COMMIT_SHA || tryGit('git rev-parse HEAD'),
+  };
+
+  return code;
+});
+
+export type Code = typeof code;
+
+export default code;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e9950e695..98ab5bc87 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -280,9 +280,6 @@ importers:
       html-react-parser:
         specifier: ^5.2.11
         version: 5.2.11(@types/react@18.3.27)(react@19.2.3)
-      immutable:
-        specifier: ^5.0.3
-        version: 5.1.3
       intersection-observer:
         specifier: ^0.12.2
         version: 0.12.2
@@ -349,9 +346,6 @@ importers:
       react-dom:
         specifier: ^19.2.3
         version: 19.2.3(react@19.2.3)
-      react-error-boundary:
-        specifier: ^4.1.2
-        version: 4.1.2(react@19.2.3)
       react-helmet-async:
         specifier: ^2.0.5
         version: 2.0.5(react@19.2.3)
@@ -400,9 +394,6 @@ importers:
       tabbable:
         specifier: ^6.4.0
         version: 6.4.0
-      tiny-queue:
-        specifier: ^0.2.1
-        version: 0.2.1
       use-mutative:
         specifier: ^1.3.1
         version: 1.3.1(@types/react@18.3.27)(mutative@1.3.0)(react@19.2.3)
@@ -422,9 +413,6 @@ importers:
       '@formatjs/cli':
         specifier: ^6.9.0
         version: 6.9.0(@vue/compiler-core@3.5.18)
-      '@jedmao/redux-mock-store':
-        specifier: ^3.0.5
-        version: 3.0.5(redux@5.0.1)
       '@sentry/types':
         specifier: ^8.47.0
         version: 8.55.0
@@ -461,9 +449,6 @@ importers:
       '@types/react-swipeable-views':
         specifier: ^0.13.6
         version: 0.13.6
-      '@types/redux-mock-store':
-        specifier: ^1.5.0
-        version: 1.5.0
       '@typescript-eslint/eslint-plugin':
         specifier: ^8.24.1
         version: 8.38.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)
@@ -537,8 +522,8 @@ importers:
         specifier: ^0.12.0
         version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
-        specifier: ^0.3.2
-        version: 0.3.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        specifier: ^0.4.6
+        version: 0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-html:
         specifier: ^3.2.2
         version: 3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
@@ -1891,11 +1876,6 @@ packages:
     resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
     engines: {node: '>=12'}
 
-  '@jedmao/redux-mock-store@3.0.5':
-    resolution: {integrity: sha512-zNcVCd5/ekSMdQWk64CqTPM24D9Lo59st9KvS+fljGpQXV4SliB7Vo0NFQIgvQJWPYeeobdngnrGy0XbCaARNw==}
-    peerDependencies:
-      redux: ^4
-
   '@jridgewell/gen-mapping@0.3.12':
     resolution: {integrity: sha512-OuLGC46TjB5BbN1dH8JULVVZY4WTdkF7tV9Ys6wLL1rubZnCMstOhNHueU5bLCrnRuDhKPDM4g6sw4Bel5Gzqg==}
 
@@ -2837,9 +2817,6 @@ packages:
     peerDependencies:
       '@types/react': ^18.3.18
 
-  '@types/redux-mock-store@1.5.0':
-    resolution: {integrity: sha512-jcscBazm6j05Hs6xYCca6psTUBbFT2wqMxT7wZEHAYFxHB/I8jYk7d5msrHUlDiSL02HdTqTmkK2oIV8i3C8DA==}
-
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -3373,6 +3350,9 @@ packages:
     resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
     engines: {node: '>= 0.4'}
 
+  babel-dead-code-elimination@1.0.12:
+    resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
+
   babel-plugin-polyfill-corejs2@0.4.15:
     resolution: {integrity: sha512-hR3GwrRwHUfYwGfrisXPIDP3JcYfBrW7wKE7+Au6wDYl7fm/ka1NEII6kORzxNU556JjfidZeBsO10kYvtV1aw==}
     peerDependencies:
@@ -5609,11 +5589,6 @@ packages:
     peerDependencies:
       react: ^19.2.3
 
-  react-error-boundary@4.1.2:
-    resolution: {integrity: sha512-GQDxZ5Jd+Aq/qUxbCm1UtzmL/s++V7zKgE8yMktJiCQXCCFZnMZh9ng+6/Ne6PjNSXH0L9CjeOEREfRnq6Duag==}
-    peerDependencies:
-      react: '>=16.13.1'
-
   react-error-boundary@6.0.0:
     resolution: {integrity: sha512-gdlJjD7NWr0IfkPlaREN2d9uUZUlksrfOx7SX62VRerwXbMY6ftGCIZua1VG1aXFNOimhISsTq+Owp725b9SiA==}
     peerDependencies:
@@ -5741,9 +5716,6 @@ packages:
     peerDependencies:
       redux: ^5.0.0
 
-  redux@4.2.1:
-    resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==}
-
   redux@5.0.1:
     resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
 
@@ -6427,9 +6399,6 @@ packages:
   tiny-invariant@1.3.3:
     resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
 
-  tiny-queue@0.2.1:
-    resolution: {integrity: sha512-EijGsv7kzd9I9g0ByCl6h42BWNGUZrlCSejfrb3AKeHC33SGbASu1VDf5O3rRiiUOhAC9CHdZxFPbZu0HmR70A==}
-
   tiny-warning@1.0.3:
     resolution: {integrity: sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==}
 
@@ -6689,8 +6658,8 @@ packages:
       vue-tsc:
         optional: true
 
-  vite-plugin-compile-time@0.3.2:
-    resolution: {integrity: sha512-obNDktew663JQlriX5MJV/l2e8ofPzr1yfZBq0erjIxMuwmmnEfT7SYBGfcb/Y35u17nzQqsAvCvqbsxpbmvwQ==}
+  vite-plugin-compile-time@0.4.6:
+    resolution: {integrity: sha512-0aHRCd3AtDekc5pMq5+cyrVqBPVjT8bISD1/EU3ebJDovZsv3Wom6uDF4+Uf1zxUTfn27gHFSFQ11R3ciqPg7g==}
     peerDependencies:
       vite: '>=2'
 
@@ -8276,10 +8245,6 @@ snapshots:
       wrap-ansi: 8.1.0
       wrap-ansi-cjs: wrap-ansi@7.0.0
 
-  '@jedmao/redux-mock-store@3.0.5(redux@5.0.1)':
-    dependencies:
-      redux: 5.0.1
-
   '@jridgewell/gen-mapping@0.3.12':
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.4
@@ -9356,10 +9321,6 @@ snapshots:
     dependencies:
       '@types/react': 18.3.27
 
-  '@types/redux-mock-store@1.5.0':
-    dependencies:
-      redux: 4.2.1
-
   '@types/resolve@1.20.2': {}
 
   '@types/semver@7.7.0': {}
@@ -10059,6 +10020,15 @@ snapshots:
 
   axobject-query@4.1.0: {}
 
+  babel-dead-code-elimination@1.0.12:
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/parser': 7.29.0
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
   babel-plugin-polyfill-corejs2@0.4.15(@babel/core@7.29.0):
     dependencies:
       '@babel/compat-data': 7.29.0
@@ -12573,11 +12543,6 @@ snapshots:
       react: 19.2.3
       scheduler: 0.27.0
 
-  react-error-boundary@4.1.2(react@19.2.3):
-    dependencies:
-      '@babel/runtime': 7.28.2
-      react: 19.2.3
-
   react-error-boundary@6.0.0(react@19.2.3):
     dependencies:
       '@babel/runtime': 7.28.6
@@ -12709,10 +12674,6 @@ snapshots:
     dependencies:
       redux: 5.0.1
 
-  redux@4.2.1:
-    dependencies:
-      '@babel/runtime': 7.28.2
-
   redux@5.0.1: {}
 
   reflect.getprototypeof@1.0.10:
@@ -13503,8 +13464,6 @@ snapshots:
 
   tiny-invariant@1.3.3: {}
 
-  tiny-queue@0.2.1: {}
-
   tiny-warning@1.0.3: {}
 
   tinycolor2@1.6.0: {}
@@ -13762,13 +13721,20 @@ snapshots:
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 
-  vite-plugin-compile-time@0.3.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-compile-time@0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
+      '@babel/generator': 7.29.1
+      '@babel/parser': 7.29.0
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      babel-dead-code-elimination: 1.0.12
       bundle-require: 5.1.0(esbuild@0.24.2)
       devalue: 5.1.1
       esbuild: 0.24.2
       magic-string: 0.30.17
       vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+    transitivePeerDependencies:
+      - supports-color
 
   vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
     dependencies:

From a6ab74f72ddfa9ce26b4628f687de3395b0a65d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 23:33:32 +0100
Subject: [PATCH 06/74] nicolium: switch to vite 8 beta
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/package.json             |   2 +-
 packages/pl-fe/src/service-worker/sw.ts |   6 +-
 pnpm-lock.yaml                          | 705 +++++++++++++-----------
 3 files changed, 391 insertions(+), 322 deletions(-)

diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index 51930828b..af0e933a0 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -170,7 +170,7 @@
     "tslib": "^2.8.1",
     "type-fest": "^4.30.1",
     "typescript": "5.7.3",
-    "vite": "^7.3.1",
+    "vite": "^8.0.0-beta.14",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-compile-time": "^0.4.6",
     "vite-plugin-html": "^3.2.2",
diff --git a/packages/pl-fe/src/service-worker/sw.ts b/packages/pl-fe/src/service-worker/sw.ts
index 94172c61f..2b9df1b3a 100644
--- a/packages/pl-fe/src/service-worker/sw.ts
+++ b/packages/pl-fe/src/service-worker/sw.ts
@@ -194,21 +194,21 @@ const handlePush = (event: PushEvent) => {
 /** Native action to open a status on the device. */
 const actionExpand = (preferred_locale: string) => ({
   action: 'expand',
-  icon: `/${require('../../assets/images/web-push/web-push-icon_expand.png')}`,
+  icon: `/${require('../assets/images/web-push/web-push-icon_expand.png')}`,
   title: formatMessage('status.show_more', preferred_locale),
 });
 
 /** Native action to repost status. */
 const actionReblog = (preferred_locale: string) => ({
   action: 'reblog',
-  icon: `/${require('../../assets/images/web-push/web-push-icon_reblog.png')}`,
+  icon: `/${require('../assets/images/web-push/web-push-icon_reblog.png')}`,
   title: formatMessage('status.reblog', preferred_locale),
 });
 
 /** Native action to like status. */
 const actionFavourite = (preferred_locale: string) => ({
   action: 'favourite',
-  icon: `/${require('../../assets/images/web-push/web-push-icon_favourite.png')}`,
+  icon: `/${require('../assets/images/web-push/web-push-icon_favourite.png')}`,
   title: formatMessage('status.favourite', preferred_locale),
 });
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 98ab5bc87..d0a1cc1ef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -105,10 +105,10 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^5.4.21
-        version: 5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+        version: 5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
       ws:
         specifier: ^8.18.3
         version: 8.18.3
@@ -457,7 +457,7 @@ importers:
         version: 8.38.0(eslint@8.57.1)(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^5.1.3
-        version: 5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 5.1.4(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       eslint:
         specifier: ^8.57.1
         version: 8.57.1
@@ -496,7 +496,7 @@ importers:
         version: 15.15.0
       rollup-plugin-bundle-stats:
         specifier: ^4.21.10
-        version: 4.21.10(core-js@3.44.0)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       stylelint:
         specifier: ^16.12.0
         version: 16.23.0(typescript@5.7.3)
@@ -516,26 +516,26 @@ importers:
         specifier: 5.7.3
         version: 5.7.3
       vite:
-        specifier: ^7.3.1
-        version: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+        specifier: ^8.0.0-beta.14
+        version: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-checker:
         specifier: ^0.12.0
-        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
         specifier: ^0.4.6
-        version: 0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.4.6(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-html:
         specifier: ^3.2.2
-        version: 3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 3.2.2(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-pwa:
         specifier: ^1.2.0
-        version: 1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
+        version: 1.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
       vite-plugin-require:
         specifier: ^1.2.14
-        version: 1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 1.2.14(esbuild@0.24.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-static-copy:
         specifier: ^3.2.0
-        version: 3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 3.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
 
   packages/pl-hooks:
     dependencies:
@@ -590,10 +590,10 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^5.4.21
-        version: 5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+        version: 5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
       vite-plugin-dts:
         specifier: ^4.2.1
-        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
 
 packages:
 
@@ -1249,12 +1249,21 @@ packages:
   '@emnapi/core@1.4.5':
     resolution: {integrity: sha512-XsLw1dEOpkSX/WucdqUhPWP7hDxSvZiY+fsUC14h+FtQ2Ifni4znbBt8punRX+Uj2JG/uDb8nEHVKvrVlvdZ5Q==}
 
+  '@emnapi/core@1.8.1':
+    resolution: {integrity: sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg==}
+
   '@emnapi/runtime@1.4.5':
     resolution: {integrity: sha512-++LApOtY0pEEz1zrd9vy1/zXVaVJJ/EbAF3u0fXIzPJEDtnITsBGbbK0EkM72amhl/R5b+5xx0Y/QhcVOpuulg==}
 
+  '@emnapi/runtime@1.8.1':
+    resolution: {integrity: sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg==}
+
   '@emnapi/wasi-threads@1.0.4':
     resolution: {integrity: sha512-PJR+bOmMOPH8AtcTGAyYNiuJ3/Fcoj2XN/gBEWzDIKh254XO+mM9XoXHk5GNEhodxeMznbg7BlRojVbKN+gC6g==}
 
+  '@emnapi/wasi-threads@1.1.0':
+    resolution: {integrity: sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ==}
+
   '@emoji-mart/data@1.2.1':
     resolution: {integrity: sha512-no2pQMWiBy6gpBEiqGeU77/bFejDqUTRY7KX+0+iur13op3bqUsXdnwoZs6Xb1zbv0gAj5VvS1PWoUUckSr5Dw==}
 
@@ -1274,12 +1283,6 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/aix-ppc64@0.27.3':
-    resolution: {integrity: sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [aix]
-
   '@esbuild/android-arm64@0.21.5':
     resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
     engines: {node: '>=12'}
@@ -1292,12 +1295,6 @@ packages:
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm64@0.27.3':
-    resolution: {integrity: sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm@0.21.5':
     resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
     engines: {node: '>=12'}
@@ -1310,12 +1307,6 @@ packages:
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-arm@0.27.3':
-    resolution: {integrity: sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-x64@0.21.5':
     resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
     engines: {node: '>=12'}
@@ -1328,12 +1319,6 @@ packages:
     cpu: [x64]
     os: [android]
 
-  '@esbuild/android-x64@0.27.3':
-    resolution: {integrity: sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/darwin-arm64@0.21.5':
     resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
     engines: {node: '>=12'}
@@ -1346,12 +1331,6 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-arm64@0.27.3':
-    resolution: {integrity: sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.21.5':
     resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
     engines: {node: '>=12'}
@@ -1364,12 +1343,6 @@ packages:
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.27.3':
-    resolution: {integrity: sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/freebsd-arm64@0.21.5':
     resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
     engines: {node: '>=12'}
@@ -1382,12 +1355,6 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-arm64@0.27.3':
-    resolution: {integrity: sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.21.5':
     resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
     engines: {node: '>=12'}
@@ -1400,12 +1367,6 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.27.3':
-    resolution: {integrity: sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/linux-arm64@0.21.5':
     resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
     engines: {node: '>=12'}
@@ -1418,12 +1379,6 @@ packages:
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm64@0.27.3':
-    resolution: {integrity: sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm@0.21.5':
     resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
     engines: {node: '>=12'}
@@ -1436,12 +1391,6 @@ packages:
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-arm@0.27.3':
-    resolution: {integrity: sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==}
-    engines: {node: '>=18'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.21.5':
     resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
     engines: {node: '>=12'}
@@ -1454,12 +1403,6 @@ packages:
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.27.3':
-    resolution: {integrity: sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.21.5':
     resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
     engines: {node: '>=12'}
@@ -1472,12 +1415,6 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.27.3':
-    resolution: {integrity: sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==}
-    engines: {node: '>=18'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.21.5':
     resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
     engines: {node: '>=12'}
@@ -1490,12 +1427,6 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.27.3':
-    resolution: {integrity: sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==}
-    engines: {node: '>=18'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.21.5':
     resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
     engines: {node: '>=12'}
@@ -1508,12 +1439,6 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.27.3':
-    resolution: {integrity: sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==}
-    engines: {node: '>=18'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.21.5':
     resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
     engines: {node: '>=12'}
@@ -1526,12 +1451,6 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.27.3':
-    resolution: {integrity: sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==}
-    engines: {node: '>=18'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.21.5':
     resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
     engines: {node: '>=12'}
@@ -1544,12 +1463,6 @@ packages:
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.27.3':
-    resolution: {integrity: sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==}
-    engines: {node: '>=18'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-x64@0.21.5':
     resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
     engines: {node: '>=12'}
@@ -1562,24 +1475,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
-  '@esbuild/linux-x64@0.27.3':
-    resolution: {integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/netbsd-arm64@0.24.2':
     resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-arm64@0.27.3':
-    resolution: {integrity: sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.21.5':
     resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
     engines: {node: '>=12'}
@@ -1592,24 +1493,12 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.27.3':
-    resolution: {integrity: sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/openbsd-arm64@0.24.2':
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-arm64@0.27.3':
-    resolution: {integrity: sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.21.5':
     resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
     engines: {node: '>=12'}
@@ -1622,18 +1511,6 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.27.3':
-    resolution: {integrity: sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [openbsd]
-
-  '@esbuild/openharmony-arm64@0.27.3':
-    resolution: {integrity: sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [openharmony]
-
   '@esbuild/sunos-x64@0.21.5':
     resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
     engines: {node: '>=12'}
@@ -1646,12 +1523,6 @@ packages:
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/sunos-x64@0.27.3':
-    resolution: {integrity: sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/win32-arm64@0.21.5':
     resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
     engines: {node: '>=12'}
@@ -1664,12 +1535,6 @@ packages:
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-arm64@0.27.3':
-    resolution: {integrity: sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==}
-    engines: {node: '>=18'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.21.5':
     resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
     engines: {node: '>=12'}
@@ -1682,12 +1547,6 @@ packages:
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.27.3':
-    resolution: {integrity: sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==}
-    engines: {node: '>=18'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-x64@0.21.5':
     resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
     engines: {node: '>=12'}
@@ -1700,12 +1559,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@esbuild/win32-x64@0.27.3':
-    resolution: {integrity: sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==}
-    engines: {node: '>=18'}
-    cpu: [x64]
-    os: [win32]
-
   '@eslint-community/eslint-utils@4.7.0':
     resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2009,6 +1862,9 @@ packages:
   '@napi-rs/wasm-runtime@0.2.12':
     resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
 
+  '@napi-rs/wasm-runtime@1.1.1':
+    resolution: {integrity: sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==}
+
   '@nodelib/fs.scandir@2.1.5':
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
     engines: {node: '>= 8'}
@@ -2025,6 +1881,13 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
+  '@oxc-project/runtime@0.113.0':
+    resolution: {integrity: sha512-apRWH/gXeAsl/sQiblIZnLu7f8P/C9S2fJIicuHV9KOK9J7Hv1JPyTwB8WAcOrDBfjs+cbzjMOGe9UR2ue4ZQg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  '@oxc-project/types@0.113.0':
+    resolution: {integrity: sha512-Tp3XmgxwNQ9pEN9vxgJBAqdRamHibi76iowQ38O2I4PMpcvNRQNVsU2n1x1nv9yh0XoTrGFzf7cZSGxmixxrhA==}
+
   '@parcel/watcher-android-arm64@2.5.1':
     resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
     engines: {node: '>= 10.0.0'}
@@ -2211,9 +2074,89 @@ packages:
       react-redux:
         optional: true
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.4':
+    resolution: {integrity: sha512-vRq9f4NzvbdZavhQbjkJBx7rRebDKYR9zHfO/Wg486+I7bSecdUapzCm5cyXoK+LHokTxgSq7A5baAXUZkIz0w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.4':
+    resolution: {integrity: sha512-kFgEvkWLqt3YCgKB5re9RlIrx9bRsvyVUnaTakEpOPuLGzLpLapYxE9BufJNvPg8GjT6mB1alN4yN1NjzoeM8Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.4':
+    resolution: {integrity: sha512-JXmaOJGsL/+rsmMfutcDjxWM2fTaVgCHGoXS7nE8Z3c9NAYjGqHvXrAhMUZvMpHS/k7Mg+X7n/MVKb7NYWKKww==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.4':
+    resolution: {integrity: sha512-ep3Catd6sPnHTM0P4hNEvIv5arnDvk01PfyJIJ+J3wVCG1eEaPo09tvFqdtcaTrkwQy0VWR24uz+cb4IsK53Qw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.4':
+    resolution: {integrity: sha512-LwA5ayKIpnsgXJEwWc3h8wPiS33NMIHd9BhsV92T8VetVAbGe2qXlJwNVDGHN5cOQ22R9uYvbrQir2AB+ntT2w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.4':
+    resolution: {integrity: sha512-AC1WsGdlV1MtGay/OQ4J9T7GRadVnpYRzTcygV1hKnypbYN20Yh4t6O1Sa2qRBMqv1etulUknqXjc3CTIsBu6A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.4':
+    resolution: {integrity: sha512-lU+6rgXXViO61B4EudxtVMXSOfiZONR29Sys5VGSetUY7X8mg9FCKIIjcPPj8xNDeYzKl+H8F/qSKOBVFJChCQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.4':
+    resolution: {integrity: sha512-DZaN1f0PGp/bSvKhtw50pPsnln4T13ycDq1FrDWRiHmWt1JeW+UtYg9touPFf8yt993p8tS2QjybpzKNTxYEwg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.4':
+    resolution: {integrity: sha512-RnGxwZLN7fhMMAItnD6dZ7lvy+TI7ba+2V54UF4dhaWa/p8I/ys1E73KO6HmPmgz92ZkfD8TXS1IMV8+uhbR9g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.4':
+    resolution: {integrity: sha512-6lcI79+X8klGiGd8yHuTgQRjuuJYNggmEml+RsyN596P23l/zf9FVmJ7K0KVKkFAeYEdg0iMUKyIxiV5vebDNQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.4':
+    resolution: {integrity: sha512-wz7ohsKCAIWy91blZ/1FlpPdqrsm1xpcEOQVveWoL6+aSPKL4VUcoYmmzuLTssyZxRpEwzuIxL/GDsvpjaBtOw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.4':
+    resolution: {integrity: sha512-cfiMrfuWCIgsFmcVG0IPuO6qTRHvF7NuG3wngX1RZzc6dU8FuBFb+J3MIR5WrdTNozlumfgL4cvz+R4ozBCvsQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.4':
+    resolution: {integrity: sha512-p6UeR9y7ht82AH57qwGuFYn69S6CZ7LLKdCKy/8T3zS9VTrJei2/CGsTUV45Da4Z9Rbhc7G4gyWQ/Ioamqn09g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@rolldown/pluginutils@1.0.0-rc.3':
     resolution: {integrity: sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==}
 
+  '@rolldown/pluginutils@1.0.0-rc.4':
+    resolution: {integrity: sha512-1BrrmTu0TWfOP1riA8uakjFc9bpIUGzVKETsOtzY39pPga8zELGDl8eu1Dx7/gjM5CAz14UknsUMpBO8L+YntQ==}
+
   '@rollup/plugin-babel@5.3.1':
     resolution: {integrity: sha512-WFfdLWU/xVWKeRQnKmIAQULUI7Il0gZnBIH/ZFO069wYIfPu+8zrfp/KMW0atmELoRDq8FbiP3VCss9MhCut7Q==}
     engines: {node: '>= 10.0.0'}
@@ -2695,6 +2638,9 @@ packages:
   '@tybys/wasm-util@0.10.0':
     resolution: {integrity: sha512-VyyPYFlOMNylG45GoAe0xDoLwWuowvf92F9kySqzYh8vmYm7D2u4iUJKa1tOUpS70Ku13ASrOkS4ScXFsTaCNQ==}
 
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
   '@types/argparse@1.0.38':
     resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
 
@@ -3750,6 +3696,10 @@ packages:
     engines: {node: '>=0.10'}
     hasBin: true
 
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
   detect-passive-events@2.0.3:
     resolution: {integrity: sha512-QN/1X65Axis6a9D8qg8Py9cwY/fkWAmAH/edTbmLMcv4m5dboLJ7LcAi8CfaCON2tjk904KwKX/HTdsHC6yeRg==}
 
@@ -3916,11 +3866,6 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
-  esbuild@0.27.3:
-    resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
-    engines: {node: '>=18'}
-    hasBin: true
-
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -4834,6 +4779,76 @@ packages:
   lie@3.1.1:
     resolution: {integrity: sha512-RiNhHysUjhrDQntfYSfY4MU24coXXdEOgw9WGcKHNeEwffDYbF//u87M1EWaMGzuFoSbqW0C9C6lEEhDOAswfw==}
 
+  lightningcss-android-arm64@1.31.1:
+    resolution: {integrity: sha512-HXJF3x8w9nQ4jbXRiNppBCqeZPIAfUo8zE/kOEGbW5NZvGc/K7nMxbhIr+YlFlHW5mpbg/YFPdbnCh1wAXCKFg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.31.1:
+    resolution: {integrity: sha512-02uTEqf3vIfNMq3h/z2cJfcOXnQ0GRwQrkmPafhueLb2h7mqEidiCzkE4gBMEH65abHRiQvhdcQ+aP0D0g67sg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.31.1:
+    resolution: {integrity: sha512-1ObhyoCY+tGxtsz1lSx5NXCj3nirk0Y0kB/g8B8DT+sSx4G9djitg9ejFnjb3gJNWo7qXH4DIy2SUHvpoFwfTA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.31.1:
+    resolution: {integrity: sha512-1RINmQKAItO6ISxYgPwszQE1BrsVU5aB45ho6O42mu96UiZBxEXsuQ7cJW4zs4CEodPUioj/QrXW1r9pLUM74A==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    resolution: {integrity: sha512-OOCm2//MZJ87CdDK62rZIu+aw9gBv4azMJuA8/KB74wmfS3lnC4yoPHm0uXZ/dvNNHmnZnB8XLAZzObeG0nS1g==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    resolution: {integrity: sha512-WKyLWztD71rTnou4xAD5kQT+982wvca7E6QoLpoawZ1gP9JM0GJj4Tp5jMUh9B3AitHbRZ2/H3W5xQmdEOUlLg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    resolution: {integrity: sha512-mVZ7Pg2zIbe3XlNbZJdjs86YViQFoJSpc41CbVmKBPiGmC4YrfeOyz65ms2qpAobVd7WQsbW4PdsSJEMymyIMg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    resolution: {integrity: sha512-xGlFWRMl+0KvUhgySdIaReQdB4FNudfUTARn7q0hh/V67PVGCs3ADFjw+6++kG1RNd0zdGRlEKa+T13/tQjPMA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.31.1:
+    resolution: {integrity: sha512-eowF8PrKHw9LpoZii5tdZwnBcYDxRw2rRCyvAXLi34iyeYfqCQNA9rmUM0ce62NlPhCvof1+9ivRaTY6pSKDaA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    resolution: {integrity: sha512-aJReEbSEQzx1uBlQizAOBSjcmr9dCdL3XuC/6HLXAxmtErsj2ICo5yYggg1qOODQMtnjNQv2UHb9NpOuFtYe4w==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    resolution: {integrity: sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.31.1:
+    resolution: {integrity: sha512-l51N2r93WmGUye3WuFoN5k10zyvrVs0qfKBhyC5ogUQ6Ew6JUSswh78mbSO+IU3nTWsyOArqPCcShdQSadghBQ==}
+    engines: {node: '>= 12.0.0'}
+
   lilconfig@3.1.3:
     resolution: {integrity: sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==}
     engines: {node: '>=14'}
@@ -5803,6 +5818,11 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
+  rolldown@1.0.0-rc.4:
+    resolution: {integrity: sha512-V2tPDUrY3WSevrvU2E41ijZlpF+5PbZu4giH+VpNraaadsJGHa4fR6IFwsocVwEXDoAdIv5qgPPxgrvKAOIPtA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   rollup-plugin-bundle-stats@4.21.10:
     resolution: {integrity: sha512-vcUqcAZpXHhBf/Gu7OLcRIVU4Rz6ZXISNCsbuFdpfkGcYDOOcB+pYkTXx73ZHHdD4RkT5SlkrQQwdNKfrTPc5g==}
     engines: {node: '>= 16.0'}
@@ -6732,15 +6752,16 @@ packages:
       terser:
         optional: true
 
-  vite@7.3.1:
-    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+  vite@8.0.0-beta.14:
+    resolution: {integrity: sha512-oLW66oi8tZcoxu6+1HFXb+5hLHco3OnEVu2Awmj5NqEo7vxaqybjBM0BXHcq+jAFhzkMGXJl8xcO5qDBczgKLg==}
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
     peerDependencies:
       '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.0.0-alpha.31
+      esbuild: ^0.27.0
       jiti: '>=1.21.0'
       less: ^4.0.0
-      lightningcss: ^1.21.0
       sass: ^1.70.0
       sass-embedded: ^1.70.0
       stylus: '>=0.54.8'
@@ -6751,12 +6772,14 @@ packages:
     peerDependenciesMeta:
       '@types/node':
         optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
       jiti:
         optional: true
       less:
         optional: true
-      lightningcss:
-        optional: true
       sass:
         optional: true
       sass-embedded:
@@ -7830,16 +7853,32 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/core@1.8.1':
+    dependencies:
+      '@emnapi/wasi-threads': 1.1.0
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@1.4.5':
     dependencies:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.8.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/wasi-threads@1.0.4':
     dependencies:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/wasi-threads@1.1.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emoji-mart/data@1.2.1': {}
 
   '@es-joy/jsdoccomment@0.50.2':
@@ -7856,222 +7895,144 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/aix-ppc64@0.27.3':
-    optional: true
-
   '@esbuild/android-arm64@0.21.5':
     optional: true
 
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm64@0.27.3':
-    optional: true
-
   '@esbuild/android-arm@0.21.5':
     optional: true
 
   '@esbuild/android-arm@0.24.2':
     optional: true
 
-  '@esbuild/android-arm@0.27.3':
-    optional: true
-
   '@esbuild/android-x64@0.21.5':
     optional: true
 
   '@esbuild/android-x64@0.24.2':
     optional: true
 
-  '@esbuild/android-x64@0.27.3':
-    optional: true
-
   '@esbuild/darwin-arm64@0.21.5':
     optional: true
 
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.27.3':
-    optional: true
-
   '@esbuild/darwin-x64@0.21.5':
     optional: true
 
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.27.3':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.27.3':
-    optional: true
-
   '@esbuild/freebsd-x64@0.21.5':
     optional: true
 
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.27.3':
-    optional: true
-
   '@esbuild/linux-arm64@0.21.5':
     optional: true
 
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.27.3':
-    optional: true
-
   '@esbuild/linux-arm@0.21.5':
     optional: true
 
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm@0.27.3':
-    optional: true
-
   '@esbuild/linux-ia32@0.21.5':
     optional: true
 
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.27.3':
-    optional: true
-
   '@esbuild/linux-loong64@0.21.5':
     optional: true
 
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
-  '@esbuild/linux-loong64@0.27.3':
-    optional: true
-
   '@esbuild/linux-mips64el@0.21.5':
     optional: true
 
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.27.3':
-    optional: true
-
   '@esbuild/linux-ppc64@0.21.5':
     optional: true
 
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.27.3':
-    optional: true
-
   '@esbuild/linux-riscv64@0.21.5':
     optional: true
 
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.27.3':
-    optional: true
-
   '@esbuild/linux-s390x@0.21.5':
     optional: true
 
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.27.3':
-    optional: true
-
   '@esbuild/linux-x64@0.21.5':
     optional: true
 
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
-  '@esbuild/linux-x64@0.27.3':
-    optional: true
-
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-arm64@0.27.3':
-    optional: true
-
   '@esbuild/netbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.27.3':
-    optional: true
-
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-arm64@0.27.3':
-    optional: true
-
   '@esbuild/openbsd-x64@0.21.5':
     optional: true
 
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.27.3':
-    optional: true
-
-  '@esbuild/openharmony-arm64@0.27.3':
-    optional: true
-
   '@esbuild/sunos-x64@0.21.5':
     optional: true
 
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.27.3':
-    optional: true
-
   '@esbuild/win32-arm64@0.21.5':
     optional: true
 
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.27.3':
-    optional: true
-
   '@esbuild/win32-ia32@0.21.5':
     optional: true
 
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.27.3':
-    optional: true
-
   '@esbuild/win32-x64@0.21.5':
     optional: true
 
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
-  '@esbuild/win32-x64@0.27.3':
-    optional: true
-
   '@eslint-community/eslint-utils@4.7.0(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
@@ -8523,6 +8484,13 @@ snapshots:
       '@tybys/wasm-util': 0.10.0
     optional: true
 
+  '@napi-rs/wasm-runtime@1.1.1':
+    dependencies:
+      '@emnapi/core': 1.8.1
+      '@emnapi/runtime': 1.8.1
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@nodelib/fs.scandir@2.1.5':
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -8537,6 +8505,10 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
+  '@oxc-project/runtime@0.113.0': {}
+
+  '@oxc-project/types@0.113.0': {}
+
   '@parcel/watcher-android-arm64@2.5.1':
     optional: true
 
@@ -8715,8 +8687,51 @@ snapshots:
       react: 19.2.3
       react-redux: 9.2.0(@types/react@18.3.27)(react@19.2.3)(redux@5.0.1)
 
+  '@rolldown/binding-android-arm64@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-wasm32-wasi@1.0.0-rc.4':
+    dependencies:
+      '@napi-rs/wasm-runtime': 1.1.1
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.0.0-rc.4':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.0.0-rc.4':
+    optional: true
+
   '@rolldown/pluginutils@1.0.0-rc.3': {}
 
+  '@rolldown/pluginutils@1.0.0-rc.4': {}
+
   '@rollup/plugin-babel@5.3.1(@babel/core@7.29.0)(@types/babel__core@7.20.5)(rollup@2.79.2)':
     dependencies:
       '@babel/core': 7.29.0
@@ -9181,6 +9196,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@types/argparse@1.0.38': {}
 
   '@types/babel__core@7.20.5':
@@ -9659,7 +9679,7 @@ snapshots:
       '@use-gesture/core': 10.3.1
       react: 19.2.3
 
-  '@vitejs/plugin-react@5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))':
+  '@vitejs/plugin-react@5.1.4(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -9667,7 +9687,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-rc.3
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -10425,6 +10445,8 @@ snapshots:
   detect-libc@1.0.3:
     optional: true
 
+  detect-libc@2.1.2: {}
+
   detect-passive-events@2.0.3:
     dependencies:
       detect-it: 4.0.1
@@ -10696,35 +10718,6 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
-  esbuild@0.27.3:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.27.3
-      '@esbuild/android-arm': 0.27.3
-      '@esbuild/android-arm64': 0.27.3
-      '@esbuild/android-x64': 0.27.3
-      '@esbuild/darwin-arm64': 0.27.3
-      '@esbuild/darwin-x64': 0.27.3
-      '@esbuild/freebsd-arm64': 0.27.3
-      '@esbuild/freebsd-x64': 0.27.3
-      '@esbuild/linux-arm': 0.27.3
-      '@esbuild/linux-arm64': 0.27.3
-      '@esbuild/linux-ia32': 0.27.3
-      '@esbuild/linux-loong64': 0.27.3
-      '@esbuild/linux-mips64el': 0.27.3
-      '@esbuild/linux-ppc64': 0.27.3
-      '@esbuild/linux-riscv64': 0.27.3
-      '@esbuild/linux-s390x': 0.27.3
-      '@esbuild/linux-x64': 0.27.3
-      '@esbuild/netbsd-arm64': 0.27.3
-      '@esbuild/netbsd-x64': 0.27.3
-      '@esbuild/openbsd-arm64': 0.27.3
-      '@esbuild/openbsd-x64': 0.27.3
-      '@esbuild/openharmony-arm64': 0.27.3
-      '@esbuild/sunos-x64': 0.27.3
-      '@esbuild/win32-arm64': 0.27.3
-      '@esbuild/win32-ia32': 0.27.3
-      '@esbuild/win32-x64': 0.27.3
-
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -11835,6 +11828,55 @@ snapshots:
     dependencies:
       immediate: 3.0.6
 
+  lightningcss-android-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-arm64@1.31.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.31.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.31.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.31.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.31.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.31.1:
+    optional: true
+
+  lightningcss@1.31.1:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.31.1
+      lightningcss-darwin-arm64: 1.31.1
+      lightningcss-darwin-x64: 1.31.1
+      lightningcss-freebsd-x64: 1.31.1
+      lightningcss-linux-arm-gnueabihf: 1.31.1
+      lightningcss-linux-arm64-gnu: 1.31.1
+      lightningcss-linux-arm64-musl: 1.31.1
+      lightningcss-linux-x64-gnu: 1.31.1
+      lightningcss-linux-x64-musl: 1.31.1
+      lightningcss-win32-arm64-msvc: 1.31.1
+      lightningcss-win32-x64-msvc: 1.31.1
+
   lilconfig@3.1.3: {}
 
   line-awesome@1.3.0: {}
@@ -12764,28 +12806,50 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
-  rollup-plugin-bundle-stats@4.21.10(core-js@3.44.0)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rolldown@1.0.0-rc.4:
+    dependencies:
+      '@oxc-project/types': 0.113.0
+      '@rolldown/pluginutils': 1.0.0-rc.4
+    optionalDependencies:
+      '@rolldown/binding-android-arm64': 1.0.0-rc.4
+      '@rolldown/binding-darwin-arm64': 1.0.0-rc.4
+      '@rolldown/binding-darwin-x64': 1.0.0-rc.4
+      '@rolldown/binding-freebsd-x64': 1.0.0-rc.4
+      '@rolldown/binding-linux-arm-gnueabihf': 1.0.0-rc.4
+      '@rolldown/binding-linux-arm64-gnu': 1.0.0-rc.4
+      '@rolldown/binding-linux-arm64-musl': 1.0.0-rc.4
+      '@rolldown/binding-linux-x64-gnu': 1.0.0-rc.4
+      '@rolldown/binding-linux-x64-musl': 1.0.0-rc.4
+      '@rolldown/binding-openharmony-arm64': 1.0.0-rc.4
+      '@rolldown/binding-wasm32-wasi': 1.0.0-rc.4
+      '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.4
+      '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.4
+
+  rollup-plugin-bundle-stats@4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@bundle-stats/cli-utils': 4.21.10(core-js@3.44.0)
-      rollup-plugin-webpack-stats: 2.1.11(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+      rollup-plugin-webpack-stats: 2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       tslib: 2.8.1
     optionalDependencies:
+      rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - core-js
 
-  rollup-plugin-stats@1.5.6(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rollup-plugin-stats@1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     optionalDependencies:
+      rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  rollup-plugin-webpack-stats@2.1.11(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rollup-plugin-webpack-stats@2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
-      rollup-plugin-stats: 1.5.6(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+      rollup-plugin-stats: 1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
     optionalDependencies:
+      rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
   rollup@2.79.2:
     optionalDependencies:
@@ -12849,6 +12913,7 @@ snapshots:
       '@rollup/rollup-win32-x64-gnu': 4.57.1
       '@rollup/rollup-win32-x64-msvc': 4.57.1
       fsevents: 2.3.3
+    optional: true
 
   run-parallel@1.2.0:
     dependencies:
@@ -13703,7 +13768,7 @@ snapshots:
 
   varint@6.0.0: {}
 
-  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -13712,7 +13777,7 @@ snapshots:
       picomatch: 4.0.3
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.15
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       eslint: 8.57.1
@@ -13721,7 +13786,7 @@ snapshots:
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 
-  vite-plugin-compile-time@0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-compile-time@0.4.6(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/generator': 7.29.1
       '@babel/parser': 7.29.0
@@ -13732,11 +13797,11 @@ snapshots:
       devalue: 5.1.1
       esbuild: 0.24.2
       magic-string: 0.30.17
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@20.19.9)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13749,13 +13814,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@22.17.0)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13768,13 +13833,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-html@3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-html@3.2.2(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       colorette: 2.0.20
@@ -13788,27 +13853,27 @@ snapshots:
       html-minifier-terser: 6.1.0
       node-html-parser: 5.4.2
       pathe: 0.2.0
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite-plugin-pwa@1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
+  vite-plugin-pwa@1.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
     dependencies:
       debug: 4.4.3
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.15
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       workbox-build: 7.3.0(@types/babel__core@7.20.5)
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/generator': 7.28.0
       '@babel/parser': 7.28.0
       '@babel/traverse': 7.28.0
       '@babel/types': 7.28.2
       '@vue/compiler-sfc': 3.5.18
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vue-loader: 17.4.2(@vue/compiler-sfc@3.5.18)(webpack@5.101.0(esbuild@0.24.2))
       webpack: 5.101.0(esbuild@0.24.2)
     transitivePeerDependencies:
@@ -13819,15 +13884,15 @@ snapshots:
       - vue
       - webpack-cli
 
-  vite-plugin-static-copy@3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-static-copy@3.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       chokidar: 3.6.0
       p-map: 7.0.4
       picocolors: 1.1.1
       tinyglobby: 0.2.15
-      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite@5.4.21(@types/node@20.19.9)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
+  vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.6
@@ -13835,11 +13900,12 @@ snapshots:
     optionalDependencies:
       '@types/node': 20.19.9
       fsevents: 2.3.3
+      lightningcss: 1.31.1
       sass: 1.93.3
       sass-embedded: 1.93.3
       terser: 5.46.0
 
-  vite@5.4.21(@types/node@22.17.0)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
+  vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
     dependencies:
       esbuild: 0.21.5
       postcss: 8.5.6
@@ -13847,20 +13913,23 @@ snapshots:
     optionalDependencies:
       '@types/node': 22.17.0
       fsevents: 2.3.3
+      lightningcss: 1.31.1
       sass: 1.93.3
       sass-embedded: 1.93.3
       terser: 5.46.0
 
-  vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
+  vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:
-      esbuild: 0.27.3
+      '@oxc-project/runtime': 0.113.0
       fdir: 6.5.0(picomatch@4.0.3)
+      lightningcss: 1.31.1
       picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.57.1
+      rolldown: 1.0.0-rc.4
       tinyglobby: 0.2.15
     optionalDependencies:
       '@types/node': 25.0.3
+      esbuild: 0.24.2
       fsevents: 2.3.3
       jiti: 1.21.7
       sass: 1.93.3

From ffdfeadb8f1c9d8d18c6aa882062735d5cb2fab6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 14 Feb 2026 23:37:32 +0100
Subject: [PATCH 07/74] nicolium: also migrate pl-api
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/package.json   |   2 +-
 packages/pl-hooks/package.json |   2 +-
 pnpm-lock.yaml                 | 524 ++-------------------------------
 3 files changed, 30 insertions(+), 498 deletions(-)

diff --git a/packages/pl-api/package.json b/packages/pl-api/package.json
index 6f1bf1506..9717800b4 100644
--- a/packages/pl-api/package.json
+++ b/packages/pl-api/package.json
@@ -36,7 +36,7 @@
     "typedoc-material-theme": "^1.4.0",
     "typedoc-plugin-valibot": "^1.0.0",
     "typescript": "^5.8.3",
-    "vite": "^5.4.21",
+    "vite": "^8.0.0-beta.14",
     "vite-plugin-dts": "^4.5.4",
     "ws": "^8.18.3"
   },
diff --git a/packages/pl-hooks/package.json b/packages/pl-hooks/package.json
index cb56fad19..29e898a48 100644
--- a/packages/pl-hooks/package.json
+++ b/packages/pl-hooks/package.json
@@ -29,7 +29,7 @@
     "eslint-plugin-import": "^2.28.1",
     "eslint-plugin-promise": "^6.0.0",
     "typescript": "^5.6.2",
-    "vite": "^5.4.21",
+    "vite": "^8.0.0-beta.14",
     "vite-plugin-dts": "^4.2.1"
   },
   "dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d0a1cc1ef..c523169c3 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -104,11 +104,11 @@ importers:
         specifier: ^5.8.3
         version: 5.9.2
       vite:
-        specifier: ^5.4.21
-        version: 5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+        specifier: ^8.0.0-beta.14
+        version: 8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       ws:
         specifier: ^8.18.3
         version: 8.18.3
@@ -589,11 +589,11 @@ importers:
         specifier: ^5.6.2
         version: 5.9.2
       vite:
-        specifier: ^5.4.21
-        version: 5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+        specifier: ^8.0.0-beta.14
+        version: 8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-dts:
         specifier: ^4.2.1
-        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0))
+        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
 
 packages:
 
@@ -1271,204 +1271,102 @@ packages:
     resolution: {integrity: sha512-YAdE/IJSpwbOTiaURNCKECdAwqrJuFiZhylmesBcIRawtYKnBR2wxPhoIewMg+Yu+QuYvHfJNReWpoxGBKOChA==}
     engines: {node: '>=18'}
 
-  '@esbuild/aix-ppc64@0.21.5':
-    resolution: {integrity: sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [aix]
-
   '@esbuild/aix-ppc64@0.24.2':
     resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [aix]
 
-  '@esbuild/android-arm64@0.21.5':
-    resolution: {integrity: sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [android]
-
   '@esbuild/android-arm64@0.24.2':
     resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
-  '@esbuild/android-arm@0.21.5':
-    resolution: {integrity: sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [android]
-
   '@esbuild/android-arm@0.24.2':
     resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
-  '@esbuild/android-x64@0.21.5':
-    resolution: {integrity: sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [android]
-
   '@esbuild/android-x64@0.24.2':
     resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
-  '@esbuild/darwin-arm64@0.21.5':
-    resolution: {integrity: sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [darwin]
-
   '@esbuild/darwin-arm64@0.24.2':
     resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
-  '@esbuild/darwin-x64@0.21.5':
-    resolution: {integrity: sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [darwin]
-
   '@esbuild/darwin-x64@0.24.2':
     resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
-  '@esbuild/freebsd-arm64@0.21.5':
-    resolution: {integrity: sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@esbuild/freebsd-arm64@0.24.2':
     resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
-  '@esbuild/freebsd-x64@0.21.5':
-    resolution: {integrity: sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [freebsd]
-
   '@esbuild/freebsd-x64@0.24.2':
     resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
-  '@esbuild/linux-arm64@0.21.5':
-    resolution: {integrity: sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [linux]
-
   '@esbuild/linux-arm64@0.24.2':
     resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
-  '@esbuild/linux-arm@0.21.5':
-    resolution: {integrity: sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==}
-    engines: {node: '>=12'}
-    cpu: [arm]
-    os: [linux]
-
   '@esbuild/linux-arm@0.24.2':
     resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
-  '@esbuild/linux-ia32@0.21.5':
-    resolution: {integrity: sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [linux]
-
   '@esbuild/linux-ia32@0.24.2':
     resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
-  '@esbuild/linux-loong64@0.21.5':
-    resolution: {integrity: sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==}
-    engines: {node: '>=12'}
-    cpu: [loong64]
-    os: [linux]
-
   '@esbuild/linux-loong64@0.24.2':
     resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
-  '@esbuild/linux-mips64el@0.21.5':
-    resolution: {integrity: sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==}
-    engines: {node: '>=12'}
-    cpu: [mips64el]
-    os: [linux]
-
   '@esbuild/linux-mips64el@0.24.2':
     resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
-  '@esbuild/linux-ppc64@0.21.5':
-    resolution: {integrity: sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==}
-    engines: {node: '>=12'}
-    cpu: [ppc64]
-    os: [linux]
-
   '@esbuild/linux-ppc64@0.24.2':
     resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
-  '@esbuild/linux-riscv64@0.21.5':
-    resolution: {integrity: sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==}
-    engines: {node: '>=12'}
-    cpu: [riscv64]
-    os: [linux]
-
   '@esbuild/linux-riscv64@0.24.2':
     resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
-  '@esbuild/linux-s390x@0.21.5':
-    resolution: {integrity: sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==}
-    engines: {node: '>=12'}
-    cpu: [s390x]
-    os: [linux]
-
   '@esbuild/linux-s390x@0.24.2':
     resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
-  '@esbuild/linux-x64@0.21.5':
-    resolution: {integrity: sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [linux]
-
   '@esbuild/linux-x64@0.24.2':
     resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
@@ -1481,12 +1379,6 @@ packages:
     cpu: [arm64]
     os: [netbsd]
 
-  '@esbuild/netbsd-x64@0.21.5':
-    resolution: {integrity: sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [netbsd]
-
   '@esbuild/netbsd-x64@0.24.2':
     resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
@@ -1499,60 +1391,30 @@ packages:
     cpu: [arm64]
     os: [openbsd]
 
-  '@esbuild/openbsd-x64@0.21.5':
-    resolution: {integrity: sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [openbsd]
-
   '@esbuild/openbsd-x64@0.24.2':
     resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
-  '@esbuild/sunos-x64@0.21.5':
-    resolution: {integrity: sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [sunos]
-
   '@esbuild/sunos-x64@0.24.2':
     resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
-  '@esbuild/win32-arm64@0.21.5':
-    resolution: {integrity: sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==}
-    engines: {node: '>=12'}
-    cpu: [arm64]
-    os: [win32]
-
   '@esbuild/win32-arm64@0.24.2':
     resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
-  '@esbuild/win32-ia32@0.21.5':
-    resolution: {integrity: sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==}
-    engines: {node: '>=12'}
-    cpu: [ia32]
-    os: [win32]
-
   '@esbuild/win32-ia32@0.24.2':
     resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
-  '@esbuild/win32-x64@0.21.5':
-    resolution: {integrity: sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==}
-    engines: {node: '>=12'}
-    cpu: [x64]
-    os: [win32]
-
   '@esbuild/win32-x64@0.24.2':
     resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
@@ -2219,111 +2081,56 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.52.5':
-    resolution: {integrity: sha512-8c1vW4ocv3UOMp9K+gToY5zL2XiiVw3k7f1ksf4yO1FlDFQ1C2u72iACFnSOceJFsWskc2WZNqeRhFRPzv+wtQ==}
-    cpu: [arm]
-    os: [android]
-
   '@rollup/rollup-android-arm-eabi@4.57.1':
     resolution: {integrity: sha512-A6ehUVSiSaaliTxai040ZpZ2zTevHYbvu/lDoeAteHI8QnaosIzm4qwtezfRg1jOYaUmnzLX1AOD6Z+UJjtifg==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.52.5':
-    resolution: {integrity: sha512-mQGfsIEFcu21mvqkEKKu2dYmtuSZOBMmAl5CFlPGLY94Vlcm+zWApK7F/eocsNzp8tKmbeBP8yXyAbx0XHsFNA==}
-    cpu: [arm64]
-    os: [android]
-
   '@rollup/rollup-android-arm64@4.57.1':
     resolution: {integrity: sha512-dQaAddCY9YgkFHZcFNS/606Exo8vcLHwArFZ7vxXq4rigo2bb494/xKMMwRRQW6ug7Js6yXmBZhSBRuBvCCQ3w==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.52.5':
-    resolution: {integrity: sha512-takF3CR71mCAGA+v794QUZ0b6ZSrgJkArC+gUiG6LB6TQty9T0Mqh3m2ImRBOxS2IeYBo4lKWIieSvnEk2OQWA==}
-    cpu: [arm64]
-    os: [darwin]
-
   '@rollup/rollup-darwin-arm64@4.57.1':
     resolution: {integrity: sha512-crNPrwJOrRxagUYeMn/DZwqN88SDmwaJ8Cvi/TN1HnWBU7GwknckyosC2gd0IqYRsHDEnXf328o9/HC6OkPgOg==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.52.5':
-    resolution: {integrity: sha512-W901Pla8Ya95WpxDn//VF9K9u2JbocwV/v75TE0YIHNTbhqUTv9w4VuQ9MaWlNOkkEfFwkdNhXgcLqPSmHy0fA==}
-    cpu: [x64]
-    os: [darwin]
-
   '@rollup/rollup-darwin-x64@4.57.1':
     resolution: {integrity: sha512-Ji8g8ChVbKrhFtig5QBV7iMaJrGtpHelkB3lsaKzadFBe58gmjfGXAOfI5FV0lYMH8wiqsxKQ1C9B0YTRXVy4w==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-freebsd-arm64@4.52.5':
-    resolution: {integrity: sha512-QofO7i7JycsYOWxe0GFqhLmF6l1TqBswJMvICnRUjqCx8b47MTo46W8AoeQwiokAx3zVryVnxtBMcGcnX12LvA==}
-    cpu: [arm64]
-    os: [freebsd]
-
   '@rollup/rollup-freebsd-arm64@4.57.1':
     resolution: {integrity: sha512-R+/WwhsjmwodAcz65guCGFRkMb4gKWTcIeLy60JJQbXrJ97BOXHxnkPFrP+YwFlaS0m+uWJTstrUA9o+UchFug==}
     cpu: [arm64]
     os: [freebsd]
 
-  '@rollup/rollup-freebsd-x64@4.52.5':
-    resolution: {integrity: sha512-jr21b/99ew8ujZubPo9skbrItHEIE50WdV86cdSoRkKtmWa+DDr6fu2c/xyRT0F/WazZpam6kk7IHBerSL7LDQ==}
-    cpu: [x64]
-    os: [freebsd]
-
   '@rollup/rollup-freebsd-x64@4.57.1':
     resolution: {integrity: sha512-IEQTCHeiTOnAUC3IDQdzRAGj3jOAYNr9kBguI7MQAAZK3caezRrg0GxAb6Hchg4lxdZEI5Oq3iov/w/hnFWY9Q==}
     cpu: [x64]
     os: [freebsd]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
-    resolution: {integrity: sha512-PsNAbcyv9CcecAUagQefwX8fQn9LQ4nZkpDboBOttmyffnInRy8R8dSg6hxxl2Re5QhHBf6FYIDhIj5v982ATQ==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
     resolution: {integrity: sha512-F8sWbhZ7tyuEfsmOxwc2giKDQzN3+kuBLPwwZGyVkLlKGdV1nvnNwYD0fKQ8+XS6hp9nY7B+ZeK01EBUE7aHaw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
-    resolution: {integrity: sha512-Fw4tysRutyQc/wwkmcyoqFtJhh0u31K+Q6jYjeicsGJJ7bbEq8LwPWV/w0cnzOqR2m694/Af6hpFayLJZkG2VQ==}
-    cpu: [arm]
-    os: [linux]
-
   '@rollup/rollup-linux-arm-musleabihf@4.57.1':
     resolution: {integrity: sha512-rGfNUfn0GIeXtBP1wL5MnzSj98+PZe/AXaGBCRmT0ts80lU5CATYGxXukeTX39XBKsxzFpEeK+Mrp9faXOlmrw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.52.5':
-    resolution: {integrity: sha512-a+3wVnAYdQClOTlyapKmyI6BLPAFYs0JM8HRpgYZQO02rMR09ZcV9LbQB+NL6sljzG38869YqThrRnfPMCDtZg==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-gnu@4.57.1':
     resolution: {integrity: sha512-MMtej3YHWeg/0klK2Qodf3yrNzz6CGjo2UntLvk2RSPlhzgLvYEB3frRvbEF2wRKh1Z2fDIg9KRPe1fawv7C+g==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.52.5':
-    resolution: {integrity: sha512-AvttBOMwO9Pcuuf7m9PkC1PUIKsfaAJ4AYhy944qeTJgQOqJYJ9oVl2nYgY7Rk0mkbsuOpCAYSs6wLYB2Xiw0Q==}
-    cpu: [arm64]
-    os: [linux]
-
   '@rollup/rollup-linux-arm64-musl@4.57.1':
     resolution: {integrity: sha512-1a/qhaaOXhqXGpMFMET9VqwZakkljWHLmZOX48R0I/YLbhdxr1m4gtG1Hq7++VhVUmf+L3sTAf9op4JlhQ5u1Q==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-loong64-gnu@4.52.5':
-    resolution: {integrity: sha512-DkDk8pmXQV2wVrF6oq5tONK6UHLz/XcEVow4JTTerdeV1uqPeHxwcg7aFsfnSm9L+OO8WJsWotKM2JJPMWrQtA==}
-    cpu: [loong64]
-    os: [linux]
-
   '@rollup/rollup-linux-loong64-gnu@4.57.1':
     resolution: {integrity: sha512-QWO6RQTZ/cqYtJMtxhkRkidoNGXc7ERPbZN7dVW5SdURuLeVU7lwKMpo18XdcmpWYd0qsP1bwKPf7DNSUinhvA==}
     cpu: [loong64]
@@ -2334,11 +2141,6 @@ packages:
     cpu: [loong64]
     os: [linux]
 
-  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
-    resolution: {integrity: sha512-W/b9ZN/U9+hPQVvlGwjzi+Wy4xdoH2I8EjaCkMvzpI7wJUs8sWJ03Rq96jRnHkSrcHTpQe8h5Tg3ZzUPGauvAw==}
-    cpu: [ppc64]
-    os: [linux]
-
   '@rollup/rollup-linux-ppc64-gnu@4.57.1':
     resolution: {integrity: sha512-4BrCgrpZo4hvzMDKRqEaW1zeecScDCR+2nZ86ATLhAoJ5FQ+lbHVD3ttKe74/c7tNT9c6F2viwB3ufwp01Oh2w==}
     cpu: [ppc64]
@@ -2349,51 +2151,26 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
-    resolution: {integrity: sha512-sjQLr9BW7R/ZiXnQiWPkErNfLMkkWIoCz7YMn27HldKsADEKa5WYdobaa1hmN6slu9oWQbB6/jFpJ+P2IkVrmw==}
-    cpu: [riscv64]
-    os: [linux]
-
   '@rollup/rollup-linux-riscv64-gnu@4.57.1':
     resolution: {integrity: sha512-ptA88htVp0AwUUqhVghwDIKlvJMD/fmL/wrQj99PRHFRAG6Z5nbWoWG4o81Nt9FT+IuqUQi+L31ZKAFeJ5Is+A==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-musl@4.52.5':
-    resolution: {integrity: sha512-hq3jU/kGyjXWTvAh2awn8oHroCbrPm8JqM7RUpKjalIRWWXE01CQOf/tUNWNHjmbMHg/hmNCwc/Pz3k1T/j/Lg==}
-    cpu: [riscv64]
-    os: [linux]
-
   '@rollup/rollup-linux-riscv64-musl@4.57.1':
     resolution: {integrity: sha512-S51t7aMMTNdmAMPpBg7OOsTdn4tySRQvklmL3RpDRyknk87+Sp3xaumlatU+ppQ+5raY7sSTcC2beGgvhENfuw==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.52.5':
-    resolution: {integrity: sha512-gn8kHOrku8D4NGHMK1Y7NA7INQTRdVOntt1OCYypZPRt6skGbddska44K8iocdpxHTMMNui5oH4elPH4QOLrFQ==}
-    cpu: [s390x]
-    os: [linux]
-
   '@rollup/rollup-linux-s390x-gnu@4.57.1':
     resolution: {integrity: sha512-Bl00OFnVFkL82FHbEqy3k5CUCKH6OEJL54KCyx2oqsmZnFTR8IoNqBF+mjQVcRCT5sB6yOvK8A37LNm/kPJiZg==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.52.5':
-    resolution: {integrity: sha512-hXGLYpdhiNElzN770+H2nlx+jRog8TyynpTVzdlc6bndktjKWyZyiCsuDAlpd+j+W+WNqfcyAWz9HxxIGfZm1Q==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-gnu@4.57.1':
     resolution: {integrity: sha512-ABca4ceT4N+Tv/GtotnWAeXZUZuM/9AQyCyKYyKnpk4yoA7QIAuBt6Hkgpw8kActYlew2mvckXkvx0FfoInnLg==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.52.5':
-    resolution: {integrity: sha512-arCGIcuNKjBoKAXD+y7XomR9gY6Mw7HnFBv5Rw7wQRvwYLR7gBAgV7Mb2QTyjXfTveBNFAtPt46/36vV9STLNg==}
-    cpu: [x64]
-    os: [linux]
-
   '@rollup/rollup-linux-x64-musl@4.57.1':
     resolution: {integrity: sha512-HFps0JeGtuOR2convgRRkHCekD7j+gdAuXM+/i6kGzQtFhlCtQkpwtNzkNj6QhCDp7DRJ7+qC/1Vg2jt5iSOFw==}
     cpu: [x64]
@@ -2404,51 +2181,26 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
-  '@rollup/rollup-openharmony-arm64@4.52.5':
-    resolution: {integrity: sha512-QoFqB6+/9Rly/RiPjaomPLmR/13cgkIGfA40LHly9zcH1S0bN2HVFYk3a1eAyHQyjs3ZJYlXvIGtcCs5tko9Cw==}
-    cpu: [arm64]
-    os: [openharmony]
-
   '@rollup/rollup-openharmony-arm64@4.57.1':
     resolution: {integrity: sha512-4wYoDpNg6o/oPximyc/NG+mYUejZrCU2q+2w6YZqrAs2UcNUChIZXjtafAiiZSUc7On8v5NyNj34Kzj/Ltk6dQ==}
     cpu: [arm64]
     os: [openharmony]
 
-  '@rollup/rollup-win32-arm64-msvc@4.52.5':
-    resolution: {integrity: sha512-w0cDWVR6MlTstla1cIfOGyl8+qb93FlAVutcor14Gf5Md5ap5ySfQ7R9S/NjNaMLSFdUnKGEasmVnu3lCMqB7w==}
-    cpu: [arm64]
-    os: [win32]
-
   '@rollup/rollup-win32-arm64-msvc@4.57.1':
     resolution: {integrity: sha512-O54mtsV/6LW3P8qdTcamQmuC990HDfR71lo44oZMZlXU4tzLrbvTii87Ni9opq60ds0YzuAlEr/GNwuNluZyMQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.52.5':
-    resolution: {integrity: sha512-Aufdpzp7DpOTULJCuvzqcItSGDH73pF3ko/f+ckJhxQyHtp67rHw3HMNxoIdDMUITJESNE6a8uh4Lo4SLouOUg==}
-    cpu: [ia32]
-    os: [win32]
-
   '@rollup/rollup-win32-ia32-msvc@4.57.1':
     resolution: {integrity: sha512-P3dLS+IerxCT/7D2q2FYcRdWRl22dNbrbBEtxdWhXrfIMPP9lQhb5h4Du04mdl5Woq05jVCDPCMF7Ub0NAjIew==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-gnu@4.52.5':
-    resolution: {integrity: sha512-UGBUGPFp1vkj6p8wCRraqNhqwX/4kNQPS57BCFc8wYh0g94iVIW33wJtQAx3G7vrjjNtRaxiMUylM0ktp/TRSQ==}
-    cpu: [x64]
-    os: [win32]
-
   '@rollup/rollup-win32-x64-gnu@4.57.1':
     resolution: {integrity: sha512-VMBH2eOOaKGtIJYleXsi2B8CPVADrh+TyNxJ4mWPnKfLB/DBUmzW+5m1xUrcwWoMfSLagIRpjUFeW5CO5hyciQ==}
     cpu: [x64]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.52.5':
-    resolution: {integrity: sha512-TAcgQh2sSkykPRWLrdyy2AiceMckNf5loITqXxFI5VuQjS5tSuw3WlwdN8qv8vzjLAUTvYaH/mVjSFpbkFbpTg==}
-    cpu: [x64]
-    os: [win32]
-
   '@rollup/rollup-win32-x64-msvc@4.57.1':
     resolution: {integrity: sha512-mxRFDdHIWRxg3UfIIAwCm6NzvxG0jDX/wBN6KsQFTvKFqqg9vTrWUE68qEjHt19A5wwx5X5aUi2zuZT7YR0jrA==}
     cpu: [x64]
@@ -3856,11 +3608,6 @@ packages:
     resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
     engines: {node: '>= 0.4'}
 
-  esbuild@0.21.5:
-    resolution: {integrity: sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==}
-    engines: {node: '>=12'}
-    hasBin: true
-
   esbuild@0.24.2:
     resolution: {integrity: sha512-+9egpBW8I3CD5XPe0n6BfT5fxLzxrlDzqydF3aviG+9ni1lDC/OvMHcxqEFV0+LANZG5R1bFMWfUrjVsdwxJvA==}
     engines: {node: '>=18'}
@@ -5873,11 +5620,6 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
 
-  rollup@4.52.5:
-    resolution: {integrity: sha512-3GuObel8h7Kqdjt0gxkEzaifHTqLVW56Y/bjN7PSQtkKr0w3V/QYSdt6QWYtd7A1xUtYQigtdUfgj1RvWVtorw==}
-    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
-    hasBin: true
-
   rollup@4.57.1:
     resolution: {integrity: sha512-oQL6lgK3e2QZeQ7gcgIkS2YZPg5slw37hYufJ3edKlfQSGGm8ICoxswK15ntSzF/a8+h7ekRy7k7oWc3BQ7y8A==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -6721,37 +6463,6 @@ packages:
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
-  vite@5.4.21:
-    resolution: {integrity: sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      sass-embedded: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      sass-embedded:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-
   vite@8.0.0-beta.14:
     resolution: {integrity: sha512-oLW66oi8tZcoxu6+1HFXb+5hLHco3OnEVu2Awmj5NqEo7vxaqybjBM0BXHcq+jAFhzkMGXJl8xcO5qDBczgKLg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -7889,147 +7600,78 @@ snapshots:
       esquery: 1.6.0
       jsdoc-type-pratt-parser: 4.1.0
 
-  '@esbuild/aix-ppc64@0.21.5':
-    optional: true
-
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm64@0.21.5':
-    optional: true
-
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
-  '@esbuild/android-arm@0.21.5':
-    optional: true
-
   '@esbuild/android-arm@0.24.2':
     optional: true
 
-  '@esbuild/android-x64@0.21.5':
-    optional: true
-
   '@esbuild/android-x64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-arm64@0.21.5':
-    optional: true
-
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
-  '@esbuild/darwin-x64@0.21.5':
-    optional: true
-
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-arm64@0.21.5':
-    optional: true
-
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/freebsd-x64@0.21.5':
-    optional: true
-
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm64@0.21.5':
-    optional: true
-
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
-  '@esbuild/linux-arm@0.21.5':
-    optional: true
-
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
-  '@esbuild/linux-ia32@0.21.5':
-    optional: true
-
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
-  '@esbuild/linux-loong64@0.21.5':
-    optional: true
-
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
-  '@esbuild/linux-mips64el@0.21.5':
-    optional: true
-
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
-  '@esbuild/linux-ppc64@0.21.5':
-    optional: true
-
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
-  '@esbuild/linux-riscv64@0.21.5':
-    optional: true
-
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
-  '@esbuild/linux-s390x@0.21.5':
-    optional: true
-
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
-  '@esbuild/linux-x64@0.21.5':
-    optional: true
-
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/netbsd-x64@0.21.5':
-    optional: true
-
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
-  '@esbuild/openbsd-x64@0.21.5':
-    optional: true
-
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
-  '@esbuild/sunos-x64@0.21.5':
-    optional: true
-
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
-  '@esbuild/win32-arm64@0.21.5':
-    optional: true
-
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
-  '@esbuild/win32-ia32@0.21.5':
-    optional: true
-
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
-  '@esbuild/win32-x64@0.21.5':
-    optional: true
-
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
@@ -8795,144 +8437,78 @@ snapshots:
     optionalDependencies:
       rollup: 2.79.2
 
-  '@rollup/rollup-android-arm-eabi@4.52.5':
-    optional: true
-
   '@rollup/rollup-android-arm-eabi@4.57.1':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.52.5':
-    optional: true
-
   '@rollup/rollup-android-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.52.5':
-    optional: true
-
   '@rollup/rollup-darwin-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.52.5':
-    optional: true
-
   '@rollup/rollup-darwin-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-freebsd-arm64@4.52.5':
-    optional: true
-
   '@rollup/rollup-freebsd-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-freebsd-x64@4.52.5':
-    optional: true
-
   '@rollup/rollup-freebsd-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-arm-gnueabihf@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-arm-musleabihf@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-arm64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-arm64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-loong64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-loong64-gnu@4.57.1':
     optional: true
 
   '@rollup/rollup-linux-loong64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-ppc64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-ppc64-gnu@4.57.1':
     optional: true
 
   '@rollup/rollup-linux-ppc64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-riscv64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-musl@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-riscv64-musl@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-s390x-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-x64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.52.5':
-    optional: true
-
   '@rollup/rollup-linux-x64-musl@4.57.1':
     optional: true
 
   '@rollup/rollup-openbsd-x64@4.57.1':
     optional: true
 
-  '@rollup/rollup-openharmony-arm64@4.52.5':
-    optional: true
-
   '@rollup/rollup-openharmony-arm64@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.52.5':
-    optional: true
-
   '@rollup/rollup-win32-arm64-msvc@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.52.5':
-    optional: true
-
   '@rollup/rollup-win32-ia32-msvc@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-gnu@4.52.5':
-    optional: true
-
   '@rollup/rollup-win32-x64-gnu@4.57.1':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.52.5':
-    optional: true
-
   '@rollup/rollup-win32-x64-msvc@4.57.1':
     optional: true
 
@@ -10664,32 +10240,6 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  esbuild@0.21.5:
-    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.21.5
-      '@esbuild/android-arm': 0.21.5
-      '@esbuild/android-arm64': 0.21.5
-      '@esbuild/android-x64': 0.21.5
-      '@esbuild/darwin-arm64': 0.21.5
-      '@esbuild/darwin-x64': 0.21.5
-      '@esbuild/freebsd-arm64': 0.21.5
-      '@esbuild/freebsd-x64': 0.21.5
-      '@esbuild/linux-arm': 0.21.5
-      '@esbuild/linux-arm64': 0.21.5
-      '@esbuild/linux-ia32': 0.21.5
-      '@esbuild/linux-loong64': 0.21.5
-      '@esbuild/linux-mips64el': 0.21.5
-      '@esbuild/linux-ppc64': 0.21.5
-      '@esbuild/linux-riscv64': 0.21.5
-      '@esbuild/linux-s390x': 0.21.5
-      '@esbuild/linux-x64': 0.21.5
-      '@esbuild/netbsd-x64': 0.21.5
-      '@esbuild/openbsd-x64': 0.21.5
-      '@esbuild/sunos-x64': 0.21.5
-      '@esbuild/win32-arm64': 0.21.5
-      '@esbuild/win32-ia32': 0.21.5
-      '@esbuild/win32-x64': 0.21.5
-
   esbuild@0.24.2:
     optionalDependencies:
       '@esbuild/aix-ppc64': 0.24.2
@@ -12855,34 +12405,6 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.52.5:
-    dependencies:
-      '@types/estree': 1.0.8
-    optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.52.5
-      '@rollup/rollup-android-arm64': 4.52.5
-      '@rollup/rollup-darwin-arm64': 4.52.5
-      '@rollup/rollup-darwin-x64': 4.52.5
-      '@rollup/rollup-freebsd-arm64': 4.52.5
-      '@rollup/rollup-freebsd-x64': 4.52.5
-      '@rollup/rollup-linux-arm-gnueabihf': 4.52.5
-      '@rollup/rollup-linux-arm-musleabihf': 4.52.5
-      '@rollup/rollup-linux-arm64-gnu': 4.52.5
-      '@rollup/rollup-linux-arm64-musl': 4.52.5
-      '@rollup/rollup-linux-loong64-gnu': 4.52.5
-      '@rollup/rollup-linux-ppc64-gnu': 4.52.5
-      '@rollup/rollup-linux-riscv64-gnu': 4.52.5
-      '@rollup/rollup-linux-riscv64-musl': 4.52.5
-      '@rollup/rollup-linux-s390x-gnu': 4.52.5
-      '@rollup/rollup-linux-x64-gnu': 4.52.5
-      '@rollup/rollup-linux-x64-musl': 4.52.5
-      '@rollup/rollup-openharmony-arm64': 4.52.5
-      '@rollup/rollup-win32-arm64-msvc': 4.52.5
-      '@rollup/rollup-win32-ia32-msvc': 4.52.5
-      '@rollup/rollup-win32-x64-gnu': 4.52.5
-      '@rollup/rollup-win32-x64-msvc': 4.52.5
-      fsevents: 2.3.3
-
   rollup@4.57.1:
     dependencies:
       '@types/estree': 1.0.8
@@ -13801,7 +13323,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@20.19.9)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13814,13 +13336,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)):
+  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@22.17.0)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13833,7 +13355,7 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)
+      vite: 8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
@@ -13892,31 +13414,41 @@ snapshots:
       tinyglobby: 0.2.15
       vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite@5.4.21(@types/node@20.19.9)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
+  vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:
-      esbuild: 0.21.5
+      '@oxc-project/runtime': 0.113.0
+      fdir: 6.5.0(picomatch@4.0.3)
+      lightningcss: 1.31.1
+      picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.52.5
+      rolldown: 1.0.0-rc.4
+      tinyglobby: 0.2.15
     optionalDependencies:
       '@types/node': 20.19.9
       fsevents: 2.3.3
-      lightningcss: 1.31.1
+      jiti: 1.21.7
       sass: 1.93.3
       sass-embedded: 1.93.3
       terser: 5.46.0
+      yaml: 2.8.0
 
-  vite@5.4.21(@types/node@22.17.0)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0):
+  vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:
-      esbuild: 0.21.5
+      '@oxc-project/runtime': 0.113.0
+      fdir: 6.5.0(picomatch@4.0.3)
+      lightningcss: 1.31.1
+      picomatch: 4.0.3
       postcss: 8.5.6
-      rollup: 4.52.5
+      rolldown: 1.0.0-rc.4
+      tinyglobby: 0.2.15
     optionalDependencies:
       '@types/node': 22.17.0
       fsevents: 2.3.3
-      lightningcss: 1.31.1
+      jiti: 1.21.7
       sass: 1.93.3
       sass-embedded: 1.93.3
       terser: 5.46.0
+      yaml: 2.8.0
 
   vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:

From f4c74902638003fb19ffc87730573715487823b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 00:40:44 +0100
Subject: [PATCH 08/74] nicolium: probably a fix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/.eslintrc.json                |   5 +-
 packages/pl-api/package.json                  |   9 +-
 packages/pl-fe/package.json                   |   2 +-
 .../pl-fe/src/build-config-compiletime.ts     |  39 ----
 packages/pl-fe/src/build-config.ts            |   9 +-
 packages/pl-fe/vite.config.ts                 |   6 +-
 pnpm-lock.yaml                                | 221 +++++++++++++++++-
 7 files changed, 230 insertions(+), 61 deletions(-)
 delete mode 100644 packages/pl-fe/src/build-config-compiletime.ts

diff --git a/packages/pl-api/.eslintrc.json b/packages/pl-api/.eslintrc.json
index 6bf945a6e..d3d44b71f 100644
--- a/packages/pl-api/.eslintrc.json
+++ b/packages/pl-api/.eslintrc.json
@@ -50,10 +50,7 @@
       "ResizeObserver",
       "URL",
       "URLSearchParams"
-    ],
-    "tailwindcss": {
-      "config": "tailwind.config.ts"
-    }
+    ]
   },
   "rules": {
     "brace-style": "error",
diff --git a/packages/pl-api/package.json b/packages/pl-api/package.json
index 9717800b4..525831e38 100644
--- a/packages/pl-api/package.json
+++ b/packages/pl-api/package.json
@@ -15,7 +15,8 @@
     "build": "vite build",
     "watch": "vite build --watch",
     "preview": "vite preview",
-    "lint": "npx eslint --ext .js,.jsx,.cjs,.mjs,.ts,.tsx . --cache"
+    "lint": "oxlint",
+    "precommit": "lint-staged"
   },
   "license": "AGPL-3.0-or-later",
   "devDependencies": {
@@ -32,6 +33,7 @@
     "eslint-plugin-compat": "6.0.2",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-promise": "^7.2.1",
+    "oxlint": "^1.47.0",
     "typedoc": "^0.28.7",
     "typedoc-material-theme": "^1.4.0",
     "typedoc-plugin-valibot": "^1.0.0",
@@ -55,5 +57,8 @@
   "types": "dist/main.d.ts",
   "files": [
     "dist"
-  ]
+  ],
+  "lint-staged": {
+    "*.{js,cjs,mjs,ts,tsx}": "pnpm run lint"
+  }
 }
diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index af0e933a0..b85b2ccb3 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -98,7 +98,7 @@
     "lexical": "^0.39.0",
     "line-awesome": "^1.3.0",
     "localforage": "^1.10.0",
-    "lodash": "^4.17.23",
+    "lodash-es": "^4.17.23",
     "mini-css-extract-plugin": "^2.9.4",
     "mutative": "^1.3.0",
     "path-browserify": "^1.0.1",
diff --git a/packages/pl-fe/src/build-config-compiletime.ts b/packages/pl-fe/src/build-config-compiletime.ts
deleted file mode 100644
index 452bc0f63..000000000
--- a/packages/pl-fe/src/build-config-compiletime.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Build config: configuration set at build time.
- * @module pl-fe/build-config
- */
-
-// eslint-disable-next-line import/extensions
-import trim from 'lodash/trim.js';
-// eslint-disable-next-line import/extensions
-import trimEnd from 'lodash/trimEnd.js';
-
-const {
-  NODE_ENV,
-  BACKEND_URL,
-  FE_SUBDIRECTORY,
-  WITH_LANDING_PAGE,
-} = process.env;
-
-const sanitizeURL = (url: string | undefined = ''): string => {
-  try {
-    return trimEnd(new URL(url).toString(), '/');
-  } catch {
-    return '';
-  }
-};
-
-const sanitizeBasename = (path: string | undefined = ''): string => `/${trim(path, '/')}`;
-
-const env = {
-  NODE_ENV: NODE_ENV || 'development',
-  BACKEND_URL: sanitizeURL(BACKEND_URL),
-  FE_SUBDIRECTORY: sanitizeBasename(FE_SUBDIRECTORY),
-  WITH_LANDING_PAGE: WITH_LANDING_PAGE === 'true',
-};
-
-export type PlFeEnv = typeof env;
-
-export default () => ({
-  data: env,
-});
diff --git a/packages/pl-fe/src/build-config.ts b/packages/pl-fe/src/build-config.ts
index 448b407fc..c9416a059 100644
--- a/packages/pl-fe/src/build-config.ts
+++ b/packages/pl-fe/src/build-config.ts
@@ -3,11 +3,6 @@
  * @module pl-fe/build-config
  */
 
-// eslint-disable-next-line import/extensions
-import trim from 'lodash/trim.js';
-// eslint-disable-next-line import/extensions
-import trimEnd from 'lodash/trimEnd.js';
-
 const env = compileTime(() => {
   const {
     NODE_ENV,
@@ -18,13 +13,13 @@ const env = compileTime(() => {
 
   const sanitizeURL = (url: string | undefined = ''): string => {
     try {
-      return trimEnd(new URL(url).toString(), '/');
+      return new URL(url).toString().replace(/\/+$/, '');
     } catch {
       return '';
     }
   };
 
-  const sanitizeBasename = (path: string | undefined = ''): string => `/${trim(path, '/')}`;
+  const sanitizeBasename = (path: string | undefined = ''): string => `/${path.replace(/^\/+|\/+$/g, '')}`;
 
   return {
     NODE_ENV: NODE_ENV || 'development',
diff --git a/packages/pl-fe/vite.config.ts b/packages/pl-fe/vite.config.ts
index ec0e97947..7299eb968 100644
--- a/packages/pl-fe/vite.config.ts
+++ b/packages/pl-fe/vite.config.ts
@@ -12,7 +12,7 @@ import { VitePWA } from 'vite-plugin-pwa';
 import vitePluginRequire from 'vite-plugin-require';
 import { viteStaticCopy } from 'vite-plugin-static-copy';
 
-const config = defineConfig(({ command }) => ({
+const config = defineConfig(() => ({
   build: {
     assetsDir: 'packs',
     assetsInlineLimit: 0,
@@ -176,6 +176,10 @@ const config = defineConfig(({ command }) => ({
         find: '@/',
         replacement: fileURLToPath(new URL('./src/', import.meta.url)),
       },
+      {
+        find: 'lodash',
+        replacement: 'lodash-es',
+      },
     ],
     dedupe: ['@floating-ui/react', 'tabbable', 'query-string', 'valibot'],
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c523169c3..cac6d549f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -91,6 +91,9 @@ importers:
       eslint-plugin-promise:
         specifier: ^7.2.1
         version: 7.2.1(eslint@8.57.1)
+      oxlint:
+        specifier: ^1.47.0
+        version: 1.47.0
       typedoc:
         specifier: ^0.28.7
         version: 0.28.9(typescript@5.9.2)
@@ -304,7 +307,7 @@ importers:
       localforage:
         specifier: ^1.10.0
         version: 1.10.0
-      lodash:
+      lodash-es:
         specifier: ^4.17.23
         version: 4.17.23
       mini-css-extract-plugin:
@@ -520,7 +523,7 @@ importers:
         version: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-checker:
         specifier: ^0.12.0
-        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
         specifier: ^0.4.6
         version: 0.4.6(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
@@ -1750,6 +1753,120 @@ packages:
   '@oxc-project/types@0.113.0':
     resolution: {integrity: sha512-Tp3XmgxwNQ9pEN9vxgJBAqdRamHibi76iowQ38O2I4PMpcvNRQNVsU2n1x1nv9yh0XoTrGFzf7cZSGxmixxrhA==}
 
+  '@oxlint/binding-android-arm-eabi@1.47.0':
+    resolution: {integrity: sha512-UHqo3te9K/fh29brCuQdHjN+kfpIi9cnTPABuD5S9wb9ykXYRGTOOMVuSV/CK43sOhU4wwb2nT1RVjcbrrQjFw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxlint/binding-android-arm64@1.47.0':
+    resolution: {integrity: sha512-xh02lsTF1TAkR+SZrRMYHR/xCx8Wg2MAHxJNdHVpAKELh9/yE9h4LJeqAOBbIb3YYn8o/D97U9VmkvkfJfrHfw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxlint/binding-darwin-arm64@1.47.0':
+    resolution: {integrity: sha512-OSOfNJqabOYbkyQDGT5pdoL+05qgyrmlQrvtCO58M4iKGEQ/xf3XkkKj7ws+hO+k8Y4VF4zGlBsJlwqy7qBcHA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint/binding-darwin-x64@1.47.0':
+    resolution: {integrity: sha512-hP2bOI4IWNS+F6pVXWtRshSTuJ1qCRZgDgVUg6EBUqsRy+ExkEPJkx+YmIuxgdCduYK1LKptLNFuQLJP8voPbQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint/binding-freebsd-x64@1.47.0':
+    resolution: {integrity: sha512-F55jIEH5xmGu7S661Uho8vGiLFk0bY3A/g4J8CTKiLJnYu/PSMZ2WxFoy5Hji6qvFuujrrM9Q8XXbMO0fKOYPg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.47.0':
+    resolution: {integrity: sha512-wxmOn/wns/WKPXUC1fo5mu9pMZPVOu8hsynaVDrgmmXMdHKS7on6bA5cPauFFN9tJXNdsjW26AK9lpfu3IfHBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm-musleabihf@1.47.0':
+    resolution: {integrity: sha512-KJTmVIA/GqRlM2K+ZROH30VMdydEU7bDTY35fNg3tOPzQRIs2deLZlY/9JWwdWo1F/9mIYmpbdCmPqtKhWNOPg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm64-gnu@1.47.0':
+    resolution: {integrity: sha512-PF7ELcFg1GVlS0X0ZB6aWiXobjLrAKer3T8YEkwIoO8RwWiAMkL3n3gbleg895BuZkHVlJ2kPRUwfrhHrVkD1A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm64-musl@1.47.0':
+    resolution: {integrity: sha512-4BezLRO5cu0asf0Jp1gkrnn2OHiXrPPPEfBTxq1k5/yJ2zdGGTmZxHD2KF2voR23wb8Elyu3iQawXo7wvIZq0Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxlint/binding-linux-ppc64-gnu@1.47.0':
+    resolution: {integrity: sha512-aI5ds9jq2CPDOvjeapiIj48T/vlWp+f4prkxs+FVzrmVN9BWIj0eqeJ/hV8WgXg79HVMIz9PU6deI2ki09bR1w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxlint/binding-linux-riscv64-gnu@1.47.0':
+    resolution: {integrity: sha512-mO7ycp9Elvgt5EdGkQHCwJA6878xvo9tk+vlMfT1qg++UjvOMB8INsOCQIOH2IKErF/8/P21LULkdIrocMw9xA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxlint/binding-linux-riscv64-musl@1.47.0':
+    resolution: {integrity: sha512-24D0wsYT/7hDFn3Ow32m3/+QT/1ZwrUhShx4/wRDAmz11GQHOZ1k+/HBuK/MflebdnalmXWITcPEy4BWTi7TCA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxlint/binding-linux-s390x-gnu@1.47.0':
+    resolution: {integrity: sha512-8tPzPne882mtML/uy3mApvdCyuVOpthJ7xUv3b67gVfz63hOOM/bwO0cysSkPyYYFDFRn6/FnUb7Jhmsesntvg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@oxlint/binding-linux-x64-gnu@1.47.0':
+    resolution: {integrity: sha512-q58pIyGIzeffEBhEgbRxLFHmHfV9m7g1RnkLiahQuEvyjKNiJcvdHOwKH2BdgZxdzc99Cs6hF5xTa86X40WzPw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxlint/binding-linux-x64-musl@1.47.0':
+    resolution: {integrity: sha512-e7DiLZtETZUCwTa4EEHg9G+7g3pY+afCWXvSeMG7m0TQ29UHHxMARPaEQUE4mfKgSqIWnJaUk2iZzRPMRdga5g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxlint/binding-openharmony-arm64@1.47.0':
+    resolution: {integrity: sha512-3AFPfQ0WKMleT/bKd7zsks3xoawtZA6E/wKf0DjwysH7wUiMMJkNKXOzYq1R/00G98JFgSU1AkrlOQrSdNNhlg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxlint/binding-win32-arm64-msvc@1.47.0':
+    resolution: {integrity: sha512-cLMVVM6TBxp+N7FldQJ2GQnkcLYEPGgiuEaXdvhgvSgODBk9ov3jed+khIXSAWtnFOW0wOnG3RjwqPh0rCuheA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint/binding-win32-ia32-msvc@1.47.0':
+    resolution: {integrity: sha512-VpFOSzvTnld77/Edje3ZdHgZWnlTb5nVWXyTgjD3/DKF/6t5bRRbwn3z77zOdnGy44xAMvbyAwDNOSeOdVUmRA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxlint/binding-win32-x64-msvc@1.47.0':
+    resolution: {integrity: sha512-+q8IWptxXx2HMTM6JluR67284t0h8X/oHJgqpxH1siowxPMqZeIpAcWCUq+tY+Rv2iQK8TUugjZnSBQAVV5CmA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@parcel/watcher-android-arm64@2.5.1':
     resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
     engines: {node: '>= 10.0.0'}
@@ -4641,8 +4758,8 @@ packages:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
 
   lodash.castarray@4.4.0:
     resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
@@ -4926,6 +5043,16 @@ packages:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
+  oxlint@1.47.0:
+    resolution: {integrity: sha512-v7xkK1iv1qdvTxJGclM97QzN8hHs5816AneFAQ0NGji1BMUquhiDAhXpMwp8+ls16uRVJtzVHxP9pAAXblDeGA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      oxlint-tsgolint: '>=0.11.2'
+    peerDependenciesMeta:
+      oxlint-tsgolint:
+        optional: true
+
   p-limit@2.3.0:
     resolution: {integrity: sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==}
     engines: {node: '>=6'}
@@ -8151,6 +8278,63 @@ snapshots:
 
   '@oxc-project/types@0.113.0': {}
 
+  '@oxlint/binding-android-arm-eabi@1.47.0':
+    optional: true
+
+  '@oxlint/binding-android-arm64@1.47.0':
+    optional: true
+
+  '@oxlint/binding-darwin-arm64@1.47.0':
+    optional: true
+
+  '@oxlint/binding-darwin-x64@1.47.0':
+    optional: true
+
+  '@oxlint/binding-freebsd-x64@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-musleabihf@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-gnu@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-musl@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-ppc64-gnu@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-gnu@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-musl@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-s390x-gnu@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-gnu@1.47.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-musl@1.47.0':
+    optional: true
+
+  '@oxlint/binding-openharmony-arm64@1.47.0':
+    optional: true
+
+  '@oxlint/binding-win32-arm64-msvc@1.47.0':
+    optional: true
+
+  '@oxlint/binding-win32-ia32-msvc@1.47.0':
+    optional: true
+
+  '@oxlint/binding-win32-x64-msvc@1.47.0':
+    optional: true
+
   '@parcel/watcher-android-arm64@2.5.1':
     optional: true
 
@@ -11483,7 +11667,7 @@ snapshots:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.21: {}
+  lodash-es@4.17.23: {}
 
   lodash.castarray@4.4.0: {}
 
@@ -11753,6 +11937,28 @@ snapshots:
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
+  oxlint@1.47.0:
+    optionalDependencies:
+      '@oxlint/binding-android-arm-eabi': 1.47.0
+      '@oxlint/binding-android-arm64': 1.47.0
+      '@oxlint/binding-darwin-arm64': 1.47.0
+      '@oxlint/binding-darwin-x64': 1.47.0
+      '@oxlint/binding-freebsd-x64': 1.47.0
+      '@oxlint/binding-linux-arm-gnueabihf': 1.47.0
+      '@oxlint/binding-linux-arm-musleabihf': 1.47.0
+      '@oxlint/binding-linux-arm64-gnu': 1.47.0
+      '@oxlint/binding-linux-arm64-musl': 1.47.0
+      '@oxlint/binding-linux-ppc64-gnu': 1.47.0
+      '@oxlint/binding-linux-riscv64-gnu': 1.47.0
+      '@oxlint/binding-linux-riscv64-musl': 1.47.0
+      '@oxlint/binding-linux-s390x-gnu': 1.47.0
+      '@oxlint/binding-linux-x64-gnu': 1.47.0
+      '@oxlint/binding-linux-x64-musl': 1.47.0
+      '@oxlint/binding-openharmony-arm64': 1.47.0
+      '@oxlint/binding-win32-arm64-msvc': 1.47.0
+      '@oxlint/binding-win32-ia32-msvc': 1.47.0
+      '@oxlint/binding-win32-x64-msvc': 1.47.0
+
   p-limit@2.3.0:
     dependencies:
       p-try: 2.2.0
@@ -12115,7 +12321,7 @@ snapshots:
     dependencies:
       '@icons/material': 0.2.4(react@19.2.3)
       lodash: 4.17.23
-      lodash-es: 4.17.21
+      lodash-es: 4.17.23
       material-colors: 1.2.6
       prop-types: 15.8.1
       react: 19.2.3
@@ -13290,7 +13496,7 @@ snapshots:
 
   varint@6.0.0: {}
 
-  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -13305,6 +13511,7 @@ snapshots:
       eslint: 8.57.1
       meow: 13.2.0
       optionator: 0.9.4
+      oxlint: 1.47.0
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 

From df7feb8ea837f76b3dbf7987e482d5a7987e5f7a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 00:46:40 +0100
Subject: [PATCH 09/74] downgrade vite
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/package.json |   2 +-
 packages/pl-fe/package.json  |   2 +-
 pnpm-lock.yaml               | 467 +++++++++++++++++++++++++++++------
 3 files changed, 389 insertions(+), 82 deletions(-)

diff --git a/packages/pl-api/package.json b/packages/pl-api/package.json
index 525831e38..17b294da5 100644
--- a/packages/pl-api/package.json
+++ b/packages/pl-api/package.json
@@ -38,7 +38,7 @@
     "typedoc-material-theme": "^1.4.0",
     "typedoc-plugin-valibot": "^1.0.0",
     "typescript": "^5.8.3",
-    "vite": "^8.0.0-beta.14",
+    "vite": "^7.0.0",
     "vite-plugin-dts": "^4.5.4",
     "ws": "^8.18.3"
   },
diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index b85b2ccb3..3731739b5 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -170,7 +170,7 @@
     "tslib": "^2.8.1",
     "type-fest": "^4.30.1",
     "typescript": "5.7.3",
-    "vite": "^8.0.0-beta.14",
+    "vite": "^7.0.0",
     "vite-plugin-checker": "^0.12.0",
     "vite-plugin-compile-time": "^0.4.6",
     "vite-plugin-html": "^3.2.2",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cac6d549f..32a1db160 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -107,11 +107,11 @@ importers:
         specifier: ^5.8.3
         version: 5.9.2
       vite:
-        specifier: ^8.0.0-beta.14
-        version: 8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+        specifier: ^7.0.0
+        version: 7.3.1(@types/node@22.17.0)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-dts:
         specifier: ^4.5.4
-        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@7.3.1(@types/node@22.17.0)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       ws:
         specifier: ^8.18.3
         version: 8.18.3
@@ -460,7 +460,7 @@ importers:
         version: 8.38.0(eslint@8.57.1)(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^5.1.3
-        version: 5.1.4(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       eslint:
         specifier: ^8.57.1
         version: 8.57.1
@@ -499,7 +499,7 @@ importers:
         version: 15.15.0
       rollup-plugin-bundle-stats:
         specifier: ^4.21.10
-        version: 4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       stylelint:
         specifier: ^16.12.0
         version: 16.23.0(typescript@5.7.3)
@@ -519,26 +519,26 @@ importers:
         specifier: 5.7.3
         version: 5.7.3
       vite:
-        specifier: ^8.0.0-beta.14
-        version: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+        specifier: ^7.0.0
+        version: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-checker:
         specifier: ^0.12.0
-        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
         specifier: ^0.4.6
-        version: 0.4.6(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-html:
         specifier: ^3.2.2
-        version: 3.2.2(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-pwa:
         specifier: ^1.2.0
-        version: 1.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
+        version: 1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0)
       vite-plugin-require:
         specifier: ^1.2.14
-        version: 1.2.14(esbuild@0.24.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-static-copy:
         specifier: ^3.2.0
-        version: 3.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
 
   packages/pl-hooks:
     dependencies:
@@ -593,10 +593,10 @@ importers:
         version: 5.9.2
       vite:
         specifier: ^8.0.0-beta.14
-        version: 8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+        version: 8.0.0-beta.14(@types/node@20.19.9)(esbuild@0.27.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-dts:
         specifier: ^4.2.1
-        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(esbuild@0.27.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
 
 packages:
 
@@ -1280,150 +1280,306 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.27.3':
+    resolution: {integrity: sha512-9fJMTNFTWZMh5qwrBItuziu834eOCUcEqymSH7pY+zoMVEZg3gcPuBNxH1EvfVYe9h0x/Ptw8KBzv7qxb7l8dg==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.24.2':
     resolution: {integrity: sha512-cNLgeqCqV8WxfcTIOeL4OAtSmL8JjcN6m09XIgro1Wi7cF4t/THaWEa7eL5CMoMBdjoHOTh/vwTO/o2TRXIyzg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.27.3':
+    resolution: {integrity: sha512-YdghPYUmj/FX2SYKJ0OZxf+iaKgMsKHVPF1MAq/P8WirnSpCStzKJFjOjzsW0QQ7oIAiccHdcqjbHmJxRb/dmg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.24.2':
     resolution: {integrity: sha512-tmwl4hJkCfNHwFB3nBa8z1Uy3ypZpxqxfTQOcHX+xRByyYgunVbZ9MzUUfb0RxaHIMnbHagwAxuTL+tnNM+1/Q==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.27.3':
+    resolution: {integrity: sha512-i5D1hPY7GIQmXlXhs2w8AWHhenb00+GxjxRncS2ZM7YNVGNfaMxgzSGuO8o8SJzRc/oZwU2bcScvVERk03QhzA==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.24.2':
     resolution: {integrity: sha512-B6Q0YQDqMx9D7rvIcsXfmJfvUYLoP722bgfBlO5cGvNVb5V/+Y7nhBE3mHV9OpxBf4eAS2S68KZztiPaWq4XYw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.27.3':
+    resolution: {integrity: sha512-IN/0BNTkHtk8lkOM8JWAYFg4ORxBkZQf9zXiEOfERX/CzxW3Vg1ewAhU7QSWQpVIzTW+b8Xy+lGzdYXV6UZObQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.24.2':
     resolution: {integrity: sha512-kj3AnYWc+CekmZnS5IPu9D+HWtUI49hbnyqk0FLEJDbzCIQt7hg7ucF1SQAilhtYpIujfaHr6O0UHlzzSPdOeA==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.27.3':
+    resolution: {integrity: sha512-Re491k7ByTVRy0t3EKWajdLIr0gz2kKKfzafkth4Q8A5n1xTHrkqZgLLjFEHVD+AXdUGgQMq+Godfq45mGpCKg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.24.2':
     resolution: {integrity: sha512-WeSrmwwHaPkNR5H3yYfowhZcbriGqooyu3zI/3GGpF8AyUdsrrP0X6KumITGA9WOyiJavnGZUwPGvxvwfWPHIA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.27.3':
+    resolution: {integrity: sha512-vHk/hA7/1AckjGzRqi6wbo+jaShzRowYip6rt6q7VYEDX4LEy1pZfDpdxCBnGtl+A5zq8iXDcyuxwtv3hNtHFg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.24.2':
     resolution: {integrity: sha512-UN8HXjtJ0k/Mj6a9+5u6+2eZ2ERD7Edt1Q9IZiB5UZAIdPnVKDoG7mdTVGhHJIeEml60JteamR3qhsr1r8gXvg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.27.3':
+    resolution: {integrity: sha512-ipTYM2fjt3kQAYOvo6vcxJx3nBYAzPjgTCk7QEgZG8AUO3ydUhvelmhrbOheMnGOlaSFUoHXB6un+A7q4ygY9w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.24.2':
     resolution: {integrity: sha512-TvW7wE/89PYW+IevEJXZ5sF6gJRDY/14hyIGFXdIucxCsbRmLUcjseQu1SyTko+2idmCw94TgyaEZi9HUSOe3Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.27.3':
+    resolution: {integrity: sha512-dDk0X87T7mI6U3K9VjWtHOXqwAMJBNN2r7bejDsc+j03SEjtD9HrOl8gVFByeM0aJksoUuUVU9TBaZa2rgj0oA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.24.2':
     resolution: {integrity: sha512-7HnAD6074BW43YvvUmE/35Id9/NB7BeX5EoNkK9obndmZBUk8xmJJeU7DwmUeN7tkysslb2eSl6CTrYz6oEMQg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.27.3':
+    resolution: {integrity: sha512-sZOuFz/xWnZ4KH3YfFrKCf1WyPZHakVzTiqji3WDc0BCl2kBwiJLCXpzLzUBLgmp4veFZdvN5ChW4Eq/8Fc2Fg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.24.2':
     resolution: {integrity: sha512-n0WRM/gWIdU29J57hJyUdIsk0WarGd6To0s+Y+LwvlC55wt+GT/OgkwoXCXvIue1i1sSNWblHEig00GBWiJgfA==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.27.3':
+    resolution: {integrity: sha512-s6nPv2QkSupJwLYyfS+gwdirm0ukyTFNl3KTgZEAiJDd+iHZcbTPPcWCcRYH+WlNbwChgH2QkE9NSlNrMT8Gfw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.24.2':
     resolution: {integrity: sha512-sfv0tGPQhcZOgTKO3oBE9xpHuUqguHvSo4jl+wjnKwFpapx+vUDcawbwPNuBIAYdRAvIDBfZVvXprIj3HA+Ugw==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.27.3':
+    resolution: {integrity: sha512-yGlQYjdxtLdh0a3jHjuwOrxQjOZYD/C9PfdbgJJF3TIZWnm/tMd/RcNiLngiu4iwcBAOezdnSLAwQDPqTmtTYg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.24.2':
     resolution: {integrity: sha512-CN9AZr8kEndGooS35ntToZLTQLHEjtVB5n7dl8ZcTZMonJ7CCfStrYhrzF97eAecqVbVJ7APOEe18RPI4KLhwQ==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.27.3':
+    resolution: {integrity: sha512-WO60Sn8ly3gtzhyjATDgieJNet/KqsDlX5nRC5Y3oTFcS1l0KWba+SEa9Ja1GfDqSF1z6hif/SkpQJbL63cgOA==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.24.2':
     resolution: {integrity: sha512-iMkk7qr/wl3exJATwkISxI7kTcmHKE+BlymIAbHO8xanq/TjHaaVThFF6ipWzPHryoFsesNQJPE/3wFJw4+huw==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.27.3':
+    resolution: {integrity: sha512-APsymYA6sGcZ4pD6k+UxbDjOFSvPWyZhjaiPyl/f79xKxwTnrn5QUnXR5prvetuaSMsb4jgeHewIDCIWljrSxw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.24.2':
     resolution: {integrity: sha512-shsVrgCZ57Vr2L8mm39kO5PPIb+843FStGt7sGGoqiiWYconSxwTiuswC1VJZLCjNiMLAMh34jg4VSEQb+iEbw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.27.3':
+    resolution: {integrity: sha512-eizBnTeBefojtDb9nSh4vvVQ3V9Qf9Df01PfawPcRzJH4gFSgrObw+LveUyDoKU3kxi5+9RJTCWlj4FjYXVPEA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.24.2':
     resolution: {integrity: sha512-4eSFWnU9Hhd68fW16GD0TINewo1L6dRrB+oLNNbYyMUAeOD2yCK5KXGK1GH4qD/kT+bTEXjsyTCiJGHPZ3eM9Q==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.27.3':
+    resolution: {integrity: sha512-3Emwh0r5wmfm3ssTWRQSyVhbOHvqegUDRd0WhmXKX2mkHJe1SFCMJhagUleMq+Uci34wLSipf8Lagt4LlpRFWQ==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.24.2':
     resolution: {integrity: sha512-S0Bh0A53b0YHL2XEXC20bHLuGMOhFDO6GN4b3YjRLK//Ep3ql3erpNcPlEFed93hsQAjAQDNsvcK+hV90FubSw==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.27.3':
+    resolution: {integrity: sha512-pBHUx9LzXWBc7MFIEEL0yD/ZVtNgLytvx60gES28GcWMqil8ElCYR4kvbV2BDqsHOvVDRrOxGySBM9Fcv744hw==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.24.2':
     resolution: {integrity: sha512-8Qi4nQcCTbLnK9WoMjdC9NiTG6/E38RNICU6sUNqK0QFxCYgoARqVqxdFmWkdonVsvGqWhmm7MO0jyTqLqwj0Q==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.27.3':
+    resolution: {integrity: sha512-Czi8yzXUWIQYAtL/2y6vogER8pvcsOsk5cpwL4Gk5nJqH5UZiVByIY8Eorm5R13gq+DQKYg0+JyQoytLQas4dA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.24.2':
     resolution: {integrity: sha512-wuLK/VztRRpMt9zyHSazyCVdCXlpHkKm34WUyinD2lzK07FAHTq0KQvZZlXikNWkDGoT6x3TD51jKQ7gMVpopw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.27.3':
+    resolution: {integrity: sha512-sDpk0RgmTCR/5HguIZa9n9u+HVKf40fbEUt+iTzSnCaGvY9kFP0YKBWZtJaraonFnqef5SlJ8/TiPAxzyS+UoA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.24.2':
     resolution: {integrity: sha512-VefFaQUc4FMmJuAxmIHgUmfNiLXY438XrL4GDNV1Y1H/RW3qow68xTwjZKfj/+Plp9NANmzbH5R40Meudu8mmw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.27.3':
+    resolution: {integrity: sha512-P14lFKJl/DdaE00LItAukUdZO5iqNH7+PjoBm+fLQjtxfcfFE20Xf5CrLsmZdq5LFFZzb5JMZ9grUwvtVYzjiA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.24.2':
     resolution: {integrity: sha512-YQbi46SBct6iKnszhSvdluqDmxCJA+Pu280Av9WICNwQmMxV7nLRHZfjQzwbPs3jeWnuAhE9Jy0NrnJ12Oz+0A==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.27.3':
+    resolution: {integrity: sha512-AIcMP77AvirGbRl/UZFTq5hjXK+2wC7qFRGoHSDrZ5v5b8DK/GYpXW3CPRL53NkvDqb9D+alBiC/dV0Fb7eJcw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.24.2':
     resolution: {integrity: sha512-+iDS6zpNM6EnJyWv0bMGLWSWeXGN/HTaF/LXHXHwejGsVi+ooqDfMCCTerNFxEkM3wYVcExkeGXNqshc9iMaOA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.27.3':
+    resolution: {integrity: sha512-DnW2sRrBzA+YnE70LKqnM3P+z8vehfJWHXECbwBmH/CU51z6FiqTQTHFenPlHmo3a8UgpLyH3PT+87OViOh1AQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.27.3':
+    resolution: {integrity: sha512-NinAEgr/etERPTsZJ7aEZQvvg/A6IsZG/LgZy+81wON2huV7SrK3e63dU0XhyZP4RKGyTm7aOgmQk0bGp0fy2g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
   '@esbuild/sunos-x64@0.24.2':
     resolution: {integrity: sha512-hTdsW27jcktEvpwNHJU4ZwWFGkz2zRJUz8pvddmXPtXDzVKTTINmlmga3ZzwcuMpUvLw7JkLy9QLKyGpD2Yxig==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.27.3':
+    resolution: {integrity: sha512-PanZ+nEz+eWoBJ8/f8HKxTTD172SKwdXebZ0ndd953gt1HRBbhMsaNqjTyYLGLPdoWHy4zLU7bDVJztF5f3BHA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.24.2':
     resolution: {integrity: sha512-LihEQ2BBKVFLOC9ZItT9iFprsE9tqjDjnbulhHoFxYQtQfai7qfluVODIYxt1PgdoyQkz23+01rzwNwYfutxUQ==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.27.3':
+    resolution: {integrity: sha512-B2t59lWWYrbRDw/tjiWOuzSsFh1Y/E95ofKz7rIVYSQkUYBjfSgf6oeYPNWHToFRr2zx52JKApIcAS/D5TUBnA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.24.2':
     resolution: {integrity: sha512-q+iGUwfs8tncmFC9pcnD5IvRHAzmbwQ3GPS5/ceCyHdjXubwQWI12MKWSNSMYLJMq23/IUCvJMS76PDqXe1fxA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.27.3':
+    resolution: {integrity: sha512-QLKSFeXNS8+tHW7tZpMtjlNb7HKau0QDpwm49u0vUp9y1WOF+PEzkU84y9GqYaAVW8aH8f3GcBck26jh54cX4Q==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.24.2':
     resolution: {integrity: sha512-7VTgWzgMGvup6aSqDPLiW5zHaxYJGTO4OokMjIlrCtf+VpEL+cXKtCvg723iguPYI5oaUNdS+/V7OU2gvXVWEg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.27.3':
+    resolution: {integrity: sha512-4uJGhsxuptu3OcpVAzli+/gWusVGwZZHTlS63hh++ehExkVT8SgiEf7/uC/PclrPPkLhZqGgCTjd0VWLo6xMqA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.7.0':
     resolution: {integrity: sha512-dyybb3AcajC7uha6CvhdVRJqaKyn7w2YKqKyAN37NKYgZT36w+iRb0Dymmc5qEJ549c/S31cMMSFd75bteCpCw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3730,6 +3886,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.27.3:
+    resolution: {integrity: sha512-8VwMnyGCONIs6cWue2IdpHxHnAjzxnw2Zr7MkVxB2vjmQ2ivqGFb4LEG3SMnv0Gb2F/G/2yA8zUaiL1gywDCCg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -6590,6 +6751,46 @@ packages:
     peerDependencies:
       vite: ^5.0.0 || ^6.0.0 || ^7.0.0
 
+  vite@7.3.1:
+    resolution: {integrity: sha512-w+N7Hifpc3gRjZ63vYBXA56dvvRlNWRczTdmCBBa+CotUzAPf5b7YMdMR/8CQoeYE5LX3W4wj6RYTgonm1b9DA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      lightningcss: ^1.21.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vite@8.0.0-beta.14:
     resolution: {integrity: sha512-oLW66oi8tZcoxu6+1HFXb+5hLHco3OnEVu2Awmj5NqEo7vxaqybjBM0BXHcq+jAFhzkMGXJl8xcO5qDBczgKLg==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -7730,78 +7931,156 @@ snapshots:
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/aix-ppc64@0.27.3':
+    optional: true
+
   '@esbuild/android-arm64@0.24.2':
     optional: true
 
+  '@esbuild/android-arm64@0.27.3':
+    optional: true
+
   '@esbuild/android-arm@0.24.2':
     optional: true
 
+  '@esbuild/android-arm@0.27.3':
+    optional: true
+
   '@esbuild/android-x64@0.24.2':
     optional: true
 
+  '@esbuild/android-x64@0.27.3':
+    optional: true
+
   '@esbuild/darwin-arm64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-arm64@0.27.3':
+    optional: true
+
   '@esbuild/darwin-x64@0.24.2':
     optional: true
 
+  '@esbuild/darwin-x64@0.27.3':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/freebsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/freebsd-x64@0.27.3':
+    optional: true
+
   '@esbuild/linux-arm64@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm64@0.27.3':
+    optional: true
+
   '@esbuild/linux-arm@0.24.2':
     optional: true
 
+  '@esbuild/linux-arm@0.27.3':
+    optional: true
+
   '@esbuild/linux-ia32@0.24.2':
     optional: true
 
+  '@esbuild/linux-ia32@0.27.3':
+    optional: true
+
   '@esbuild/linux-loong64@0.24.2':
     optional: true
 
+  '@esbuild/linux-loong64@0.27.3':
+    optional: true
+
   '@esbuild/linux-mips64el@0.24.2':
     optional: true
 
+  '@esbuild/linux-mips64el@0.27.3':
+    optional: true
+
   '@esbuild/linux-ppc64@0.24.2':
     optional: true
 
+  '@esbuild/linux-ppc64@0.27.3':
+    optional: true
+
   '@esbuild/linux-riscv64@0.24.2':
     optional: true
 
+  '@esbuild/linux-riscv64@0.27.3':
+    optional: true
+
   '@esbuild/linux-s390x@0.24.2':
     optional: true
 
+  '@esbuild/linux-s390x@0.27.3':
+    optional: true
+
   '@esbuild/linux-x64@0.24.2':
     optional: true
 
+  '@esbuild/linux-x64@0.27.3':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/netbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/netbsd-x64@0.27.3':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.27.3':
+    optional: true
+
   '@esbuild/openbsd-x64@0.24.2':
     optional: true
 
+  '@esbuild/openbsd-x64@0.27.3':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.27.3':
+    optional: true
+
   '@esbuild/sunos-x64@0.24.2':
     optional: true
 
+  '@esbuild/sunos-x64@0.27.3':
+    optional: true
+
   '@esbuild/win32-arm64@0.24.2':
     optional: true
 
+  '@esbuild/win32-arm64@0.27.3':
+    optional: true
+
   '@esbuild/win32-ia32@0.24.2':
     optional: true
 
+  '@esbuild/win32-ia32@0.27.3':
+    optional: true
+
   '@esbuild/win32-x64@0.24.2':
     optional: true
 
+  '@esbuild/win32-x64@0.27.3':
+    optional: true
+
   '@eslint-community/eslint-utils@4.7.0(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
@@ -9439,7 +9718,7 @@ snapshots:
       '@use-gesture/core': 10.3.1
       react: 19.2.3
 
-  '@vitejs/plugin-react@5.1.4(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))':
+  '@vitejs/plugin-react@5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))':
     dependencies:
       '@babel/core': 7.29.0
       '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
@@ -9447,7 +9726,7 @@ snapshots:
       '@rolldown/pluginutils': 1.0.0-rc.3
       '@types/babel__core': 7.20.5
       react-refresh: 0.18.0
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
@@ -10452,6 +10731,35 @@ snapshots:
       '@esbuild/win32-ia32': 0.24.2
       '@esbuild/win32-x64': 0.24.2
 
+  esbuild@0.27.3:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.27.3
+      '@esbuild/android-arm': 0.27.3
+      '@esbuild/android-arm64': 0.27.3
+      '@esbuild/android-x64': 0.27.3
+      '@esbuild/darwin-arm64': 0.27.3
+      '@esbuild/darwin-x64': 0.27.3
+      '@esbuild/freebsd-arm64': 0.27.3
+      '@esbuild/freebsd-x64': 0.27.3
+      '@esbuild/linux-arm': 0.27.3
+      '@esbuild/linux-arm64': 0.27.3
+      '@esbuild/linux-ia32': 0.27.3
+      '@esbuild/linux-loong64': 0.27.3
+      '@esbuild/linux-mips64el': 0.27.3
+      '@esbuild/linux-ppc64': 0.27.3
+      '@esbuild/linux-riscv64': 0.27.3
+      '@esbuild/linux-s390x': 0.27.3
+      '@esbuild/linux-x64': 0.27.3
+      '@esbuild/netbsd-arm64': 0.27.3
+      '@esbuild/netbsd-x64': 0.27.3
+      '@esbuild/openbsd-arm64': 0.27.3
+      '@esbuild/openbsd-x64': 0.27.3
+      '@esbuild/openharmony-arm64': 0.27.3
+      '@esbuild/sunos-x64': 0.27.3
+      '@esbuild/win32-arm64': 0.27.3
+      '@esbuild/win32-ia32': 0.27.3
+      '@esbuild/win32-x64': 0.27.3
+
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -12581,31 +12889,31 @@ snapshots:
       '@rolldown/binding-win32-arm64-msvc': 1.0.0-rc.4
       '@rolldown/binding-win32-x64-msvc': 1.0.0-rc.4
 
-  rollup-plugin-bundle-stats@4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rollup-plugin-bundle-stats@4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@bundle-stats/cli-utils': 4.21.10(core-js@3.44.0)
-      rollup-plugin-webpack-stats: 2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+      rollup-plugin-webpack-stats: 2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       tslib: 2.8.1
     optionalDependencies:
       rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - core-js
 
-  rollup-plugin-stats@1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rollup-plugin-stats@1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     optionalDependencies:
       rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  rollup-plugin-webpack-stats@2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  rollup-plugin-webpack-stats@2.1.11(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
-      rollup-plugin-stats: 1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+      rollup-plugin-stats: 1.5.6(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
     optionalDependencies:
       rolldown: 1.0.0-rc.4
       rollup: 2.79.2
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
   rollup@2.79.2:
     optionalDependencies:
@@ -12641,7 +12949,6 @@ snapshots:
       '@rollup/rollup-win32-x64-gnu': 4.57.1
       '@rollup/rollup-win32-x64-msvc': 4.57.1
       fsevents: 2.3.3
-    optional: true
 
   run-parallel@1.2.0:
     dependencies:
@@ -13496,7 +13803,7 @@ snapshots:
 
   varint@6.0.0: {}
 
-  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -13505,7 +13812,7 @@ snapshots:
       picomatch: 4.0.3
       tiny-invariant: 1.3.3
       tinyglobby: 0.2.15
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vscode-uri: 3.1.0
     optionalDependencies:
       eslint: 8.57.1
@@ -13515,7 +13822,7 @@ snapshots:
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 
-  vite-plugin-compile-time@0.4.6(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-compile-time@0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/generator': 7.29.1
       '@babel/parser': 7.29.0
@@ -13526,11 +13833,11 @@ snapshots:
       devalue: 5.1.1
       esbuild: 0.24.2
       magic-string: 0.30.17
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-dts@4.5.4(@types/node@20.19.9)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@20.19.9)(esbuild@0.27.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@20.19.9)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13543,13 +13850,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 8.0.0-beta.14(@types/node@20.19.9)(esbuild@0.27.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-dts@4.5.4(@types/node@22.17.0)(rollup@4.57.1)(typescript@5.9.2)(vite@7.3.1(@types/node@22.17.0)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@microsoft/api-extractor': 7.52.10(@types/node@22.17.0)
       '@rollup/pluginutils': 5.2.0(rollup@4.57.1)
@@ -13562,13 +13869,13 @@ snapshots:
       magic-string: 0.30.17
       typescript: 5.9.2
     optionalDependencies:
-      vite: 8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@22.17.0)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
     transitivePeerDependencies:
       - '@types/node'
       - rollup
       - supports-color
 
-  vite-plugin-html@3.2.2(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-html@3.2.2(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       colorette: 2.0.20
@@ -13582,27 +13889,27 @@ snapshots:
       html-minifier-terser: 6.1.0
       node-html-parser: 5.4.2
       pathe: 0.2.0
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite-plugin-pwa@1.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
+  vite-plugin-pwa@1.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))(workbox-build@7.3.0(@types/babel__core@7.20.5))(workbox-window@7.3.0):
     dependencies:
       debug: 4.4.3
       pretty-bytes: 6.1.1
       tinyglobby: 0.2.15
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       workbox-build: 7.3.0(@types/babel__core@7.20.5)
       workbox-window: 7.3.0
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-require@1.2.14(esbuild@0.24.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/generator': 7.28.0
       '@babel/parser': 7.28.0
       '@babel/traverse': 7.28.0
       '@babel/types': 7.28.2
       '@vue/compiler-sfc': 3.5.18
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vue-loader: 17.4.2(@vue/compiler-sfc@3.5.18)(webpack@5.101.0(esbuild@0.24.2))
       webpack: 5.101.0(esbuild@0.24.2)
     transitivePeerDependencies:
@@ -13613,15 +13920,51 @@ snapshots:
       - vue
       - webpack-cli
 
-  vite-plugin-static-copy@3.2.0(vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-static-copy@3.2.0(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       chokidar: 3.6.0
       p-map: 7.0.4
       picocolors: 1.1.1
       tinyglobby: 0.2.15
-      vite: 8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
+      vite: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
 
-  vite@8.0.0-beta.14(@types/node@20.19.9)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
+  vite@7.3.1(@types/node@22.17.0)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
+    dependencies:
+      esbuild: 0.27.3
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.57.1
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 22.17.0
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.31.1
+      sass: 1.93.3
+      sass-embedded: 1.93.3
+      terser: 5.46.0
+      yaml: 2.8.0
+
+  vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
+    dependencies:
+      esbuild: 0.27.3
+      fdir: 6.5.0(picomatch@4.0.3)
+      picomatch: 4.0.3
+      postcss: 8.5.6
+      rollup: 4.57.1
+      tinyglobby: 0.2.15
+    optionalDependencies:
+      '@types/node': 25.0.3
+      fsevents: 2.3.3
+      jiti: 1.21.7
+      lightningcss: 1.31.1
+      sass: 1.93.3
+      sass-embedded: 1.93.3
+      terser: 5.46.0
+      yaml: 2.8.0
+
+  vite@8.0.0-beta.14(@types/node@20.19.9)(esbuild@0.27.3)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
     dependencies:
       '@oxc-project/runtime': 0.113.0
       fdir: 6.5.0(picomatch@4.0.3)
@@ -13632,43 +13975,7 @@ snapshots:
       tinyglobby: 0.2.15
     optionalDependencies:
       '@types/node': 20.19.9
-      fsevents: 2.3.3
-      jiti: 1.21.7
-      sass: 1.93.3
-      sass-embedded: 1.93.3
-      terser: 5.46.0
-      yaml: 2.8.0
-
-  vite@8.0.0-beta.14(@types/node@22.17.0)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
-    dependencies:
-      '@oxc-project/runtime': 0.113.0
-      fdir: 6.5.0(picomatch@4.0.3)
-      lightningcss: 1.31.1
-      picomatch: 4.0.3
-      postcss: 8.5.6
-      rolldown: 1.0.0-rc.4
-      tinyglobby: 0.2.15
-    optionalDependencies:
-      '@types/node': 22.17.0
-      fsevents: 2.3.3
-      jiti: 1.21.7
-      sass: 1.93.3
-      sass-embedded: 1.93.3
-      terser: 5.46.0
-      yaml: 2.8.0
-
-  vite@8.0.0-beta.14(@types/node@25.0.3)(esbuild@0.24.2)(jiti@1.21.7)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0):
-    dependencies:
-      '@oxc-project/runtime': 0.113.0
-      fdir: 6.5.0(picomatch@4.0.3)
-      lightningcss: 1.31.1
-      picomatch: 4.0.3
-      postcss: 8.5.6
-      rolldown: 1.0.0-rc.4
-      tinyglobby: 0.2.15
-    optionalDependencies:
-      '@types/node': 25.0.3
-      esbuild: 0.24.2
+      esbuild: 0.27.3
       fsevents: 2.3.3
       jiti: 1.21.7
       sass: 1.93.3

From ad0012941150a4b6e311386c3da0c8d6498f336d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 02:55:43 +0100
Subject: [PATCH 10/74] pl-api: migrate to oxfmt+oxlint
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .husky/pre-commit                             |    3 +-
 packages/pl-api/.eslintignore                 |    7 -
 packages/pl-api/.eslintrc.json                |  215 --
 packages/pl-api/.oxfmtrc.json                 |   11 +
 packages/pl-api/.oxlintrc.json                |   60 +
 packages/pl-api/README.md                     |    5 +-
 packages/pl-api/lib/client.ts                 | 2338 +++++++++++------
 packages/pl-api/lib/directory-client.ts       |    7 +-
 .../pl-api/lib/entities/account-warning.ts    |   12 +-
 packages/pl-api/lib/entities/account.ts       |  222 +-
 packages/pl-api/lib/entities/admin/account.ts |   17 +-
 .../entities/admin/canonical-email-block.ts   |    5 +-
 packages/pl-api/lib/entities/admin/cohort.ts  |   17 +-
 .../pl-api/lib/entities/admin/dimension.ts    |   21 +-
 .../pl-api/lib/entities/admin/domain-allow.ts |    5 +-
 .../pl-api/lib/entities/admin/domain-block.ts |    5 +-
 packages/pl-api/lib/entities/admin/domain.ts  |    2 +-
 .../lib/entities/admin/email-domain-block.ts  |   17 +-
 .../pl-api/lib/entities/admin/ip-block.ts     |    5 +-
 packages/pl-api/lib/entities/admin/ip.ts      |    5 +-
 packages/pl-api/lib/entities/admin/measure.ts |   15 +-
 .../entities/admin/moderation-log-entry.ts    |    2 +-
 .../lib/entities/admin/pleroma-config.ts      |   14 +-
 packages/pl-api/lib/entities/admin/relay.ts   |    2 +-
 packages/pl-api/lib/entities/admin/report.ts  |   10 +-
 packages/pl-api/lib/entities/admin/tag.ts     |    5 +-
 packages/pl-api/lib/entities/announcement.ts  |   10 +-
 packages/pl-api/lib/entities/antenna.ts       |    2 +-
 packages/pl-api/lib/entities/application.ts   |   42 +-
 .../pl-api/lib/entities/bookmark-folder.ts    |   22 +-
 packages/pl-api/lib/entities/drive-file.ts    |   40 +-
 packages/pl-api/lib/entities/drive-folder.ts  |   28 +-
 packages/pl-api/lib/entities/drive-status.ts  |   22 +-
 .../pl-api/lib/entities/emoji-reaction.ts     |   18 +-
 .../pl-api/lib/entities/familiar-followers.ts |    2 +-
 packages/pl-api/lib/entities/filter.ts        |   12 +-
 packages/pl-api/lib/entities/group-member.ts  |   41 +-
 packages/pl-api/lib/entities/group.ts         |  113 +-
 .../entities/grouped-notifications-results.ts |   34 +-
 packages/pl-api/lib/entities/instance.ts      |  188 +-
 .../pl-api/lib/entities/interaction-policy.ts |   19 +-
 packages/pl-api/lib/entities/item.ts          |   53 +-
 packages/pl-api/lib/entities/location.ts      |   13 +-
 packages/pl-api/lib/entities/marker.ts        |   19 +-
 .../pl-api/lib/entities/media-attachment.ts   |  121 +-
 packages/pl-api/lib/entities/notification.ts  |   47 +-
 packages/pl-api/lib/entities/quote.ts         |   12 +-
 packages/pl-api/lib/entities/review.ts        |    5 +-
 packages/pl-api/lib/entities/role.ts          |    5 +-
 packages/pl-api/lib/entities/rule.ts          |   14 +-
 .../pl-api/lib/entities/scheduled-status.ts   |   17 +-
 packages/pl-api/lib/entities/scrobble.ts      |   12 +-
 packages/pl-api/lib/entities/status-edit.ts   |   17 +-
 packages/pl-api/lib/entities/status.ts        |  116 +-
 .../lib/entities/story-carousel-item.ts       |   38 +-
 packages/pl-api/lib/entities/story-media.ts   |   22 +-
 .../pl-api/lib/entities/streaming-event.ts    |   90 +-
 .../lib/entities/subscription-details.ts      |    5 +-
 .../lib/entities/subscription-invoice.ts      |   16 +-
 .../lib/entities/subscription-option.ts       |    5 +-
 packages/pl-api/lib/entities/suggestion.ts    |   19 +-
 packages/pl-api/lib/entities/tag.ts           |   18 +-
 packages/pl-api/lib/entities/translation.ts   |   25 +-
 packages/pl-api/lib/entities/utils.ts         |   22 +-
 packages/pl-api/lib/features.ts               |  236 +-
 packages/pl-api/lib/main.ts                   |    2 +-
 packages/pl-api/lib/params/accounts.ts        |   14 +-
 packages/pl-api/lib/params/admin.ts           |   30 +-
 packages/pl-api/lib/params/antennas.ts        |    5 +-
 packages/pl-api/lib/params/apps.ts            |    4 +-
 packages/pl-api/lib/params/chats.ts           |   22 +-
 packages/pl-api/lib/params/circles.ts         |    5 +-
 packages/pl-api/lib/params/instance.ts        |    4 +-
 .../pl-api/lib/params/interaction-requests.ts |    4 +-
 packages/pl-api/lib/params/lists.ts           |   10 +-
 packages/pl-api/lib/params/media.ts           |    5 +-
 packages/pl-api/lib/params/oauth.ts           |    7 +-
 .../pl-api/lib/params/scheduled-statuses.ts   |    4 +-
 packages/pl-api/lib/params/search.ts          |    4 +-
 packages/pl-api/lib/params/settings.ts        |   36 +-
 packages/pl-api/lib/params/statuses.ts        |   18 +-
 packages/pl-api/lib/params/stories.ts         |   10 +-
 packages/pl-api/lib/params/timelines.ts       |   26 +-
 packages/pl-api/lib/params/trends.ts          |    6 +-
 packages/pl-api/lib/request.ts                |   60 +-
 packages/pl-api/lib/responses.ts              |    4 +-
 packages/pl-api/lib/utils/accounts.ts         |   17 +-
 packages/pl-api/lib/utils/domain.ts           |    3 +-
 packages/pl-api/lib/utils/url.ts              |   12 +-
 packages/pl-api/package.json                  |   63 +-
 pnpm-lock.yaml                                |  372 +--
 91 files changed, 3167 insertions(+), 2147 deletions(-)
 delete mode 100644 packages/pl-api/.eslintignore
 delete mode 100644 packages/pl-api/.eslintrc.json
 create mode 100644 packages/pl-api/.oxfmtrc.json
 create mode 100644 packages/pl-api/.oxlintrc.json

diff --git a/.husky/pre-commit b/.husky/pre-commit
index b3d4e050d..143e52c17 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -1,4 +1,5 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-cd packages/pl-fe && pnpm precommit && cd -
\ No newline at end of file
+cd packages/pl-api && pnpm precommit && cd -
+cd packages/pl-fe && pnpm precommit && cd -
diff --git a/packages/pl-api/.eslintignore b/packages/pl-api/.eslintignore
deleted file mode 100644
index 256b5ff45..000000000
--- a/packages/pl-api/.eslintignore
+++ /dev/null
@@ -1,7 +0,0 @@
-/node_modules/**
-/dist/**
-/static/**
-/public/**
-/tmp/**
-/coverage/**
-/custom/**
diff --git a/packages/pl-api/.eslintrc.json b/packages/pl-api/.eslintrc.json
deleted file mode 100644
index d3d44b71f..000000000
--- a/packages/pl-api/.eslintrc.json
+++ /dev/null
@@ -1,215 +0,0 @@
-{
-  "root": true,
-  "extends": [
-    "eslint:recommended",
-    "plugin:import/typescript",
-    "plugin:compat/recommended"
-  ],
-  "env": {
-    "browser": true,
-    "node": true,
-    "es6": true,
-    "jest": true
-  },
-  "globals": {
-    "ATTACHMENT_HOST": false
-  },
-  "plugins": [
-    "@stylistic",
-    "import",
-    "promise",
-    "@typescript-eslint"
-  ],
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true
-    },
-    "ecmaVersion": 2018
-  },
-  "settings": {
-    "import/extensions": [
-      ".js",
-      ".cjs",
-      ".mjs",
-      ".ts"
-    ],
-    "import/ignore": [
-      "node_modules",
-      "\\.(css|scss|json)$"
-    ],
-    "import/resolver": {
-      "typescript": true,
-      "node": true
-    },
-    "polyfills": [
-      "es:all",
-      "fetch",
-      "IntersectionObserver",
-      "Promise",
-      "ResizeObserver",
-      "URL",
-      "URLSearchParams"
-    ]
-  },
-  "rules": {
-    "brace-style": "error",
-    "comma-dangle": [
-      "error",
-      "always-multiline"
-    ],
-    "comma-spacing": [
-      "warn",
-      {
-        "before": false,
-        "after": true
-      }
-    ],
-    "comma-style": [
-      "warn",
-      "last"
-    ],
-    "import/no-duplicates": "error",
-    "space-before-function-paren": [
-      "error",
-      "never"
-    ],
-    "space-infix-ops": "error",
-    "space-in-parens": [
-      "error",
-      "never"
-    ],
-    "keyword-spacing": "error",
-    "dot-notation": "error",
-    "eqeqeq": "error",
-    "indent": [
-      "error",
-      2,
-      {
-        "SwitchCase": 1,
-        "ignoredNodes": [
-          "TemplateLiteral"
-        ]
-      }
-    ],
-    "key-spacing": [
-      "error",
-      {
-        "mode": "minimum"
-      }
-    ],
-    "no-catch-shadow": "error",
-    "no-cond-assign": "error",
-    "no-console": [
-      "warn",
-      {
-        "allow": [
-          "error",
-          "warn"
-        ]
-      }
-    ],
-    "no-extra-semi": "error",
-    "no-const-assign": "error",
-    "no-fallthrough": "error",
-    "no-irregular-whitespace": "error",
-    "no-loop-func": "error",
-    "no-mixed-spaces-and-tabs": "error",
-    "no-nested-ternary": "warn",
-    "no-trailing-spaces": "error",
-    "no-undef": "error",
-    "no-unreachable": "error",
-    "no-unused-expressions": "error",
-    "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        "vars": "all",
-        "args": "none",
-        "ignoreRestSiblings": true,
-        "caughtErrors": "none",
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_"
-      }
-    ],
-    "no-useless-escape": "warn",
-    "no-var": "error",
-    "object-curly-spacing": [
-      "error",
-      "always"
-    ],
-    "padded-blocks": [
-      "error",
-      {
-        "classes": "always"
-      }
-    ],
-    "prefer-const": "error",
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "semi": "error",
-    "space-unary-ops": [
-      "error",
-      {
-        "words": true,
-        "nonwords": false
-      }
-    ],
-    "strict": "off",
-    "valid-typeof": "error",
-    "import/extensions": [
-      "error",
-      "always",
-      {
-        "js": "never",
-        "mjs": "ignorePackages",
-        "ts": "never"
-      }
-    ],
-    "import/newline-after-import": "error",
-    "import/no-extraneous-dependencies": "error",
-    "import/no-unresolved": "error",
-    "import/no-webpack-loader-syntax": "error",
-    "import/order": [
-      "error",
-      {
-        "groups": [
-          "builtin",
-          "external",
-          "internal",
-          "parent",
-          "sibling",
-          "index",
-          "object",
-          "type"
-        ],
-        "newlines-between": "always",
-        "alphabetize": {
-          "order": "asc"
-        }
-      }
-    ],
-    "@stylistic/member-delimiter-style": "error",
-    "promise/catch-or-return": "error",
-    "sort-imports": [
-      "error",
-      {
-        "ignoreCase": true,
-        "ignoreDeclarationSort": true
-      }
-    ],
-    "eol-last": "error"
-  },
-  "overrides": [
-    {
-      "files": ["**/*.ts"],
-      "rules": {
-        "no-undef": "off",
-        "space-before-function-paren": "off"
-      },
-      "parser": "@typescript-eslint/parser"
-    }
-  ]
-}
diff --git a/packages/pl-api/.oxfmtrc.json b/packages/pl-api/.oxfmtrc.json
new file mode 100644
index 000000000..f3af56790
--- /dev/null
+++ b/packages/pl-api/.oxfmtrc.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": [],
+  "printWidth": null,
+  "singleQuote": true,
+  "arrowParens": null,
+  "experimentalSortImports": {
+    "groups": ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"]
+  },
+  "tabWidth": 2
+}
diff --git a/packages/pl-api/.oxlintrc.json b/packages/pl-api/.oxlintrc.json
new file mode 100644
index 000000000..ad54a5067
--- /dev/null
+++ b/packages/pl-api/.oxlintrc.json
@@ -0,0 +1,60 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "import", "promise"],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "pedantic": "warn"
+  },
+  "rules": {
+    "max-dependencies": "off",
+    "max-lines": "off",
+    "max-lines-per-function": "off",
+    "no-inline-comments": "off",
+    "no-unused-vars": [
+      "error",
+      {
+        "vars": "all",
+        "args": "none",
+        "ignoreRestSiblings": true,
+        "caughtErrors": "none",
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ]
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {},
+      "attributes": {}
+    },
+    "next": {
+      "rootDir": []
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": [],
+      "version": null,
+      "componentWrapperFunctions": []
+    },
+    "jsdoc": {
+      "ignorePrivate": false,
+      "ignoreInternal": false,
+      "ignoreReplacesDocs": true,
+      "overrideReplacesDocs": true,
+      "augmentsExtendsReplacesDocs": false,
+      "implementsReplacesDocs": false,
+      "exemptDestructuredRootsFromChecks": false,
+      "tagNamePreference": {}
+    }
+  },
+  "env": {
+    "builtin": true,
+    "browser": true,
+    "node": true,
+    "es6": true
+  },
+  "globals": {},
+  "ignorePatterns": []
+}
diff --git a/packages/pl-api/README.md b/packages/pl-api/README.md
index 0c5e3e4ab..db28bdfb9 100644
--- a/packages/pl-api/README.md
+++ b/packages/pl-api/README.md
@@ -9,6 +9,7 @@ A JavaScript library for interacting with Mastodon API-compatible servers, focus
 `pl-api` attempts to abstract out the implementation details when supporting different backends, implementing the same features in different ways. It uses [Valibot](https://valibot.dev/) to ensure type safety and normalize API responses.
 
 Example:
+
 ```ts
 import { PlApiClient, type CreateApplicationParams } from 'pl-api';
 
@@ -37,8 +38,8 @@ For unsupported projects, it falls back to a basic feature set, though every met
 
 ## Projects using `pl-api`
 
-* [Nicolium](https://codeberg.org/mkljczk/nicolium/src/branch/develop/packages/pl-fe) is a web client for Mastodon-compatible servers forked from Soapbox. It uses `pl-api` for API interactions.
-* [`pl-hooks`](https://codeberg.org/mkljczk/nicolium/src/branch/develop/packages/pl-hooks) is a work-in-progress library utilizing `pl-api`.
+- [Nicolium](https://codeberg.org/mkljczk/nicolium/src/branch/develop/packages/pl-fe) is a web client for Mastodon-compatible servers forked from Soapbox. It uses `pl-api` for API interactions.
+- [`pl-hooks`](https://codeberg.org/mkljczk/nicolium/src/branch/develop/packages/pl-hooks) is a work-in-progress library utilizing `pl-api`.
 
 If you are using `pl-api` in your project, please open a pull request with a link to the project.
 
diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 5cbca163e..b2276cdce 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -97,8 +97,23 @@ import {
   webPushSubscriptionSchema,
 } from './entities';
 import { coerceObject, filteredArray } from './entities/utils';
-import { AKKOMA, type Features, getFeatures, GOTOSOCIAL, ICESHRIMP_NET, MITRA, PIXELFED, PLEROMA } from './features';
-import request, { getAsyncRefreshHeader, getNextLink, getPrevLink, type RequestBody, type RequestMeta } from './request';
+import {
+  AKKOMA,
+  type Features,
+  getFeatures,
+  GOTOSOCIAL,
+  ICESHRIMP_NET,
+  MITRA,
+  PIXELFED,
+  PLEROMA,
+} from './features';
+import request, {
+  getAsyncRefreshHeader,
+  getNextLink,
+  getPrevLink,
+  type RequestBody,
+  type RequestMeta,
+} from './request';
 import { buildFullPath } from './utils/url';
 
 import type {
@@ -191,7 +206,10 @@ import type {
   MuteAccountParams,
   UpdateFilterParams,
 } from './params/filtering';
-import type { GetGroupedNotificationsParams, GetUnreadNotificationGroupCountParams } from './params/grouped-notifications';
+import type {
+  GetGroupedNotificationsParams,
+  GetUnreadNotificationGroupCountParams,
+} from './params/grouped-notifications';
 import type {
   CreateGroupParams,
   GetGroupBlocksParams,
@@ -200,18 +218,9 @@ import type {
   UpdateGroupParams,
 } from './params/groups';
 import type { ProfileDirectoryParams } from './params/instance';
-import type {
-  GetInteractionRequestsParams,
-} from './params/interaction-requests';
-import type {
-  CreateListParams,
-  GetListAccountsParams,
-  UpdateListParams,
-} from './params/lists';
-import type {
-  UpdateMediaParams,
-  UploadMediaParams,
-} from './params/media';
+import type { GetInteractionRequestsParams } from './params/interaction-requests';
+import type { CreateListParams, GetListAccountsParams, UpdateListParams } from './params/lists';
+import type { UpdateMediaParams, UploadMediaParams } from './params/media';
 import type {
   CreateBookmarkFolderParams,
   GetBookmarksParams,
@@ -258,7 +267,12 @@ import type {
   GetStatusQuotesParams,
   GetStatusReferencesParams,
 } from './params/statuses';
-import type { CreateStoryParams, CreateStoryPollParams, CropStoryPhotoParams, StoryReportType } from './params/stories';
+import type {
+  CreateStoryParams,
+  CreateStoryPollParams,
+  CropStoryPhotoParams,
+  StoryReportType,
+} from './params/stories';
 import type {
   AntennaTimelineParams,
   BubbleTimelineParams,
@@ -272,14 +286,19 @@ import type {
   SaveMarkersParams,
   WrenchedTimelineParams,
 } from './params/timelines';
-import type {
-  GetTrendingLinks,
-  GetTrendingStatuses,
-  GetTrendingTags,
-} from './params/trends';
+import type { GetTrendingLinks, GetTrendingStatuses, GetTrendingTags } from './params/trends';
 import type { PaginatedResponse } from './responses';
 
-const GROUPED_TYPES = ['favourite', 'reblog', 'emoji_reaction', 'event_reminder', 'participation_accepted', 'participation_request'];
+const GROUPED_TYPES = [
+  'favourite',
+  'reblog',
+  'emoji_reaction',
+  'event_reminder',
+  'participation_accepted',
+  'participation_request',
+];
+
+type EmptyObject = Record<string, never>;
 
 interface PlApiClientConstructorOpts {
   /** Instance object to use by default, to be populated eg. from cache */
@@ -301,7 +320,6 @@ interface PlApiClientConstructorOpts {
  * @category Clients
  */
 class PlApiClient {
-
   baseURL: string;
   #accessToken?: string;
   #iceshrimpAccessToken?: string;
@@ -326,14 +344,18 @@ class PlApiClient {
    * @param baseURL Mastodon API-compatible server URL
    * @param accessToken OAuth token for an authorized user
    */
-  constructor(baseURL: string, accessToken?: string, {
-    instance,
-    fetchInstance,
-    fetchInstanceSignal,
-    onInstanceFetchSuccess,
-    onInstanceFetchError,
-    customAuthorizationToken,
-  }: PlApiClientConstructorOpts = {}) {
+  constructor(
+    baseURL: string,
+    accessToken?: string,
+    {
+      instance,
+      fetchInstance,
+      fetchInstanceSignal,
+      onInstanceFetchSuccess,
+      onInstanceFetchError,
+      customAuthorizationToken,
+    }: PlApiClientConstructorOpts = {},
+  ) {
     this.baseURL = baseURL;
     this.#accessToken = accessToken;
     this.#customAuthorizationToken = customAuthorizationToken;
@@ -342,27 +364,37 @@ class PlApiClient {
       this.#setInstance(instance);
     }
     if (fetchInstance) {
-      this.instance.getInstance().then((instance) => {
-        if (fetchInstanceSignal?.aborted) return;
-        onInstanceFetchSuccess?.(instance);
-      }).catch((error) => {
-        if (fetchInstanceSignal?.aborted) return;
-        onInstanceFetchError?.(error);
-      });
+      this.instance
+        .getInstance()
+        .then((instance) => {
+          if (fetchInstanceSignal?.aborted) return;
+          return onInstanceFetchSuccess?.(instance);
+        })
+        .catch((error) => {
+          if (fetchInstanceSignal?.aborted) return;
+          onInstanceFetchError?.(error);
+        });
     }
   }
 
-  #paginatedGet = async <T, IsArray extends true | false = true>(input: URL | RequestInfo, body: RequestBody, schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>, isArray = true as IsArray): Promise<PaginatedResponse<T, typeof isArray>> => {
+  #paginatedGet = async <T, IsArray extends true | false = true>(
+    input: URL | RequestInfo,
+    body: RequestBody,
+    schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>,
+    isArray = true as IsArray,
+  ): Promise<PaginatedResponse<T, typeof isArray>> => {
     const targetSchema = isArray ? filteredArray(schema) : schema;
 
-    const processResponse = (response: PlApiResponse<any>) => ({
-      previous: getMore(getPrevLink(response)),
-      next: getMore(getNextLink(response)),
-      items: v.parse(targetSchema, response.json),
-      partial: response.status === 206,
-    } as PaginatedResponse<T, IsArray>);
+    const processResponse = (response: PlApiResponse<any>) =>
+      ({
+        previous: getMore(getPrevLink(response)),
+        next: getMore(getNextLink(response)),
+        items: v.parse(targetSchema, response.json),
+        partial: response.status === 206,
+      }) as PaginatedResponse<T, IsArray>;
 
-    const getMore = (input: string | null) => input ? () => this.request(input).then(processResponse) : null;
+    const getMore = (input: string | null) =>
+      input ? () => this.request(input).then(processResponse) : null;
 
     const response = await this.request(input, body);
 
@@ -387,10 +419,14 @@ class PlApiClient {
     // adminAccounts.forEach((adminAccount) => adminAccount.account = accounts.find(({ id }) => id === adminAccount.id) || null);
 
     return {
-      previous: !params.page ? null : () => this.#paginatedPleromaAccounts({ ...params, page: params.page! - 1 }),
-      next: response.json?.count > (params.page_size * ((params.page || 1) - 1) + response.json?.users?.length)
-        ? () => this.#paginatedPleromaAccounts({ ...params, page: (params.page || 0) + 1 })
+      previous: params.page
+        ? () => this.#paginatedPleromaAccounts({ ...params, page: params.page! - 1 })
         : null,
+      next:
+        response.json?.count >
+        params.page_size * ((params.page || 1) - 1) + response.json?.users?.length
+          ? () => this.#paginatedPleromaAccounts({ ...params, page: (params.page || 0) + 1 })
+          : null,
       items: adminAccounts,
       partial: response.status === 206,
       total: response.json?.count,
@@ -406,10 +442,14 @@ class PlApiClient {
     const response = await this.request('/api/v1/pleroma/admin/reports', { params });
 
     return {
-      previous: !params.page ? null : () => this.#paginatedPleromaReports({ ...params, page: params.page! - 1 }),
-      next: response.json?.total > (params.page_size * ((params.page || 1) - 1) + response.json?.reports?.length)
-        ? () => this.#paginatedPleromaReports({ ...params, page: (params.page || 0) + 1 })
+      previous: params.page
+        ? () => this.#paginatedPleromaReports({ ...params, page: params.page! - 1 })
         : null,
+      next:
+        response.json?.total >
+        params.page_size * ((params.page || 1) - 1) + response.json?.reports?.length
+          ? () => this.#paginatedPleromaReports({ ...params, page: (params.page || 0) + 1 })
+          : null,
       items: v.parse(filteredArray(adminReportSchema), response.json?.reports),
       partial: response.status === 206,
       total: response.json?.total,
@@ -426,7 +466,9 @@ class PlApiClient {
     const response = await this.request('/api/v1/pleroma/admin/statuses', { params });
 
     return {
-      previous: !params.page ? null : () => this.#paginatedPleromaStatuses({ ...params, page: params.page! - 1 }),
+      previous: params.page
+        ? () => this.#paginatedPleromaStatuses({ ...params, page: params.page! - 1 })
+        : null,
       next: response.json?.length
         ? () => this.#paginatedPleromaStatuses({ ...params, page: (params.page || 0) + 1 })
         : null,
@@ -435,10 +477,13 @@ class PlApiClient {
     };
   };
 
-  #paginatedIceshrimpAccountsList = async <T> (url: string, fn: (body: T) => Array<string>): Promise<PaginatedResponse<Account>> => {
+  #paginatedIceshrimpAccountsList = async <T>(
+    url: string,
+    fn: (body: T) => Array<string>,
+  ): Promise<PaginatedResponse<Account>> => {
     await this.#getIceshrimpAccessToken();
 
-    const response = (await this.request<T>(url));
+    const response = await this.request<T>(url);
     const ids = fn(response.json);
 
     const accounts = await this.accounts.getAccounts(ids);
@@ -454,19 +499,24 @@ class PlApiClient {
     };
   };
 
-  #groupNotifications = ({ previous, next, items, ...response }: PaginatedResponse<Notification>, params?: GetGroupedNotificationsParams): PaginatedResponse<GroupedNotificationsResults, false> => {
+  #groupNotifications = (
+    { previous, next, items, ...response }: PaginatedResponse<Notification>,
+    params?: GetGroupedNotificationsParams,
+  ): PaginatedResponse<GroupedNotificationsResults, false> => {
     const notificationGroups: Array<NotificationGroup> = [];
 
     for (const notification of items) {
       let existingGroup: NotificationGroup | undefined;
       if ((params?.grouped_types || GROUPED_TYPES).includes(notification.type)) {
-        existingGroup = notificationGroups
-          .find(notificationGroup =>
-            notificationGroup.type === notification.type
-              && ((notification.type === 'emoji_reaction' && notificationGroup.type === 'emoji_reaction') ? notification.emoji === notificationGroup.emoji : true)
-              // @ts-ignore
-              && notificationGroup.status_id === notification.status?.id,
-          );
+        existingGroup = notificationGroups.find(
+          (notificationGroup) =>
+            notificationGroup.type === notification.type &&
+            (notification.type === 'emoji_reaction' && notificationGroup.type === 'emoji_reaction'
+              ? notification.emoji === notificationGroup.emoji
+              : true) &&
+            // @ts-expect-error used optional chaining
+            notificationGroup.status_id === notification.status?.id,
+        );
       }
 
       if (existingGroup) {
@@ -475,7 +525,7 @@ class PlApiClient {
         existingGroup.sample_account_ids.push(notification.account.id);
       } else {
         notificationGroups.push({
-          ...(omit(notification, ['account', 'status', 'target'])),
+          ...omit(notification, ['account', 'status', 'target']),
           group_key: notification.id,
           notifications_count: 1,
           most_recent_notification_id: notification.id,
@@ -483,25 +533,30 @@ class PlApiClient {
           page_max_id: notification.id,
           latest_page_notification_at: notification.created_at,
           sample_account_ids: [notification.account.id],
-          // @ts-ignore
+          // @ts-expect-error used optional chaining
           status_id: notification.status?.id,
-          // @ts-ignore
+          // @ts-expect-error used optional chaining
           target_id: notification.target?.id,
         });
       }
     }
 
     const groupedNotificationsResults: GroupedNotificationsResults = {
-      accounts: Object.values(items.reduce<Record<string, Account>>((accounts, notification) => {
-        accounts[notification.account.id] = notification.account;
-        if ('target' in notification) accounts[notification.target.id] = notification.target;
+      accounts: Object.values(
+        items.reduce<Record<string, Account>>((accounts, notification) => {
+          accounts[notification.account.id] = notification.account;
+          if ('target' in notification) accounts[notification.target.id] = notification.target;
 
-        return accounts;
-      }, {})),
-      statuses: Object.values(items.reduce<Record<string, Status>>((statuses, notification) => {
-        if ('status' in notification && notification.status) statuses[notification.status.id] = notification.status;
-        return statuses;
-      }, {})),
+          return accounts;
+        }, {}),
+      ),
+      statuses: Object.values(
+        items.reduce<Record<string, Status>>((statuses, notification) => {
+          if ('status' in notification && notification.status)
+            statuses[notification.status.id] = notification.status;
+          return statuses;
+        }, {}),
+      ),
       notification_groups: notificationGroups,
     };
 
@@ -557,35 +612,39 @@ class PlApiClient {
      */
     getToken: async (params: GetTokenParams) => {
       if (this.features.version.software === ICESHRIMP_NET && params.grant_type === 'password') {
-        const loginResponse = (await this.request<{
-          token: string;
-        }>('/api/iceshrimp/auth/login', {
-          method: 'POST',
-          body: {
-            username: params.username,
-            password: params.password,
-          },
-        })).json;
+        const loginResponse = (
+          await this.request<{
+            token: string;
+          }>('/api/iceshrimp/auth/login', {
+            method: 'POST',
+            body: {
+              username: params.username,
+              password: params.password,
+            },
+          })
+        ).json;
         this.#iceshrimpAccessToken = loginResponse.token;
 
-        const mastodonTokenResponse = (await this.request<{
-          id: string;
-          token: string;
-          created_at: string;
-          scopes: Array<string>;
-        }>('/api/iceshrimp/sessions/mastodon', {
-          method: 'POST',
-          body: {
-            appName: params.client_id,
-            scopes: params.scope?.split(' '),
-            flags: {
-              supportsHtmlFormatting: true,
-              autoDetectQuotes: false,
-              isPleroma: true,
-              supportsInlineMedia: true,
+        const mastodonTokenResponse = (
+          await this.request<{
+            id: string;
+            token: string;
+            created_at: string;
+            scopes: Array<string>;
+          }>('/api/iceshrimp/sessions/mastodon', {
+            method: 'POST',
+            body: {
+              appName: params.client_id,
+              scopes: params.scope?.split(' '),
+              flags: {
+                supportsHtmlFormatting: true,
+                autoDetectQuotes: false,
+                isPleroma: true,
+                supportsInlineMedia: true,
+              },
             },
-          },
-        })).json;
+          })
+        ).json;
 
         return v.parse(tokenSchema, {
           access_token: mastodonTokenResponse.token,
@@ -594,11 +653,14 @@ class PlApiClient {
           created_at: new Date(mastodonTokenResponse.created_at).getTime(),
           id: mastodonTokenResponse.id,
         });
-      } else {
-        const response = await this.request('/oauth/token', { method: 'POST', body: params, contentType: '' });
-
-        return v.parse(tokenSchema, { scope: params.scope || '', ...response.json });
       }
+      const response = await this.request('/oauth/token', {
+        method: 'POST',
+        body: params,
+        contentType: '',
+      });
+
+      return v.parse(tokenSchema, { scope: params.scope || '', ...response.json });
     },
 
     /**
@@ -607,11 +669,15 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/oauth/#revoke}
      */
     revokeToken: async (params: RevokeTokenParams) => {
-      const response = await this.request('/oauth/revoke', { method: 'POST', body: params, contentType: '' });
+      const response = await this.request<EmptyObject>('/oauth/revoke', {
+        method: 'POST',
+        body: params,
+        contentType: '',
+      });
 
       this.#socket?.close();
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -634,13 +700,19 @@ class PlApiClient {
     /**
      * Get a new captcha
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#apiv1pleromacaptcha}
-    */
+     */
     getCaptcha: async () => {
       const response = await this.request('/api/pleroma/captcha');
 
-      return v.parse(v.intersect([v.object({
-        type: v.string(),
-      }), v.record(v.string(), v.any())]), response.json);
+      return v.parse(
+        v.intersect([
+          v.object({
+            type: v.string(),
+          }),
+          v.record(v.string(), v.any()),
+        ]),
+        response.json,
+      );
     },
 
     mfaChallenge: async (params: MfaChallengeParams) => {
@@ -652,9 +724,12 @@ class PlApiClient {
 
   public readonly emails = {
     resendConfirmationEmail: async (email: string) => {
-      const response = await this.request('/api/v1/emails/confirmations', { method: 'POST', body: { email } });
+      const response = await this.request<EmptyObject>('/api/v1/emails/confirmations', {
+        method: 'POST',
+        body: { email },
+      });
 
-      return response.json as {};
+      return response.json;
     },
   };
 
@@ -688,7 +763,7 @@ class PlApiClient {
      * Statuses posted to the given account.
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#statuses}
      */
-    getAccountStatuses: async (accountId: string, params?: GetAccountStatusesParams) =>
+    getAccountStatuses: (accountId: string, params?: GetAccountStatusesParams) =>
       this.#paginatedGet(`/api/v1/accounts/${accountId}/statuses`, { params }, statusSchema),
 
     /**
@@ -696,7 +771,7 @@ class PlApiClient {
      * Accounts which follow the given account, if network is not hidden by the account owner.
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#followers}
      */
-    getAccountFollowers: async (accountId: string, params?: GetAccountFollowersParams) =>
+    getAccountFollowers: (accountId: string, params?: GetAccountFollowersParams) =>
       this.#paginatedGet(`/api/v1/accounts/${accountId}/followers`, { params }, accountSchema),
 
     /**
@@ -704,7 +779,7 @@ class PlApiClient {
      * Accounts which the given account is following, if network is not hidden by the account owner.
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#following}
      */
-    getAccountFollowing: async (accountId: string, params?: GetAccountFollowingParams) =>
+    getAccountFollowing: (accountId: string, params?: GetAccountFollowingParams) =>
       this.#paginatedGet(`/api/v1/accounts/${accountId}/following`, { params }, accountSchema),
 
     /**
@@ -712,7 +787,7 @@ class PlApiClient {
      *
      * Requires features{@link Features.subscriptions}.
      */
-    getAccountSubscribers: async (accountId: string, params?: GetAccountSubscribersParams) =>
+    getAccountSubscribers: (accountId: string, params?: GetAccountSubscribersParams) =>
       this.#paginatedGet(`/api/v1/accounts/${accountId}/subscribers`, { params }, accountSchema),
 
     /**
@@ -777,7 +852,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#follow}
      */
     followAccount: async (accountId: string, params?: FollowAccountParams) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/follow`, { method: 'POST', body: params });
+      const response = await this.request(`/api/v1/accounts/${accountId}/follow`, {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -788,7 +866,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#unfollow}
      */
     unfollowAccount: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/unfollow`, { method: 'POST' });
+      const response = await this.request(`/api/v1/accounts/${accountId}/unfollow`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -799,7 +879,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#remove_from_followers}
      */
     removeAccountFromFollowers: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/remove_from_followers`, { method: 'POST' });
+      const response = await this.request(`/api/v1/accounts/${accountId}/remove_from_followers`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -821,7 +903,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#unpin}
      */
     unpinAccount: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/unpin`, { method: 'POST' });
+      const response = await this.request(`/api/v1/accounts/${accountId}/unpin`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -832,7 +916,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#note}
      */
     updateAccountNote: async (accountId: string, comment: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/note`, { method: 'POST', body: { comment } });
+      const response = await this.request(`/api/v1/accounts/${accountId}/note`, {
+        method: 'POST',
+        body: { comment },
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -843,7 +930,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#relationships}
      */
     getRelationships: async (accountIds: string[], params?: GetRelationshipsParams) => {
-      const response = await this.request('/api/v1/accounts/relationships', { params: { ...params, id: accountIds } });
+      const response = await this.request('/api/v1/accounts/relationships', {
+        params: { ...params, id: accountIds },
+      });
 
       return v.parse(filteredArray(relationshipSchema), response.json);
     },
@@ -868,7 +957,9 @@ class PlApiClient {
           });
         }
       } else {
-        response = (await this.request('/api/v1/accounts/familiar_followers', { params: { id: accountIds } })).json;
+        response = (
+          await this.request('/api/v1/accounts/familiar_followers', { params: { id: accountIds } })
+        ).json;
       }
 
       return v.parse(filteredArray(familiarFollowersSchema), response);
@@ -880,7 +971,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#search}
      */
     searchAccounts: async (q: string, params?: SearchAccountParams, meta?: RequestMeta) => {
-      const response = await this.request('/api/v1/accounts/search', { ...meta, params: { ...params, q } });
+      const response = await this.request('/api/v1/accounts/search', {
+        ...meta,
+        params: { ...params, q },
+      });
 
       return v.parse(filteredArray(accountSchema), response.json);
     },
@@ -919,7 +1013,7 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#apiv1pleromaaccountsidendorsements}
      * @see {@link https://docs.joinmastodon.org/methods/accounts/endorsements}
      */
-    getAccountEndorsements: async (accountId: string, params?: GetAccountEndorsementsParams) =>
+    getAccountEndorsements: (accountId: string, params?: GetAccountEndorsementsParams) =>
       this.#paginatedGet(
         `/api/v1/${[PLEROMA].includes(this.features.version.software as string) ? 'pleroma/' : ''}accounts/${accountId}/endorsements`,
         { params },
@@ -944,8 +1038,12 @@ class PlApiClient {
      * Requires features{@link Features.publicFavourites}.
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#apiv1pleromaaccountsidfavourites}
      */
-    getAccountFavourites: async (accountId: string, params?: GetAccountFavouritesParams) =>
-      this.#paginatedGet(`/api/v1/pleroma/accounts/${accountId}/favourites`, { params }, statusSchema),
+    getAccountFavourites: (accountId: string, params?: GetAccountFavouritesParams) =>
+      this.#paginatedGet(
+        `/api/v1/pleroma/accounts/${accountId}/favourites`,
+        { params },
+        statusSchema,
+      ),
 
     /**
      * Interact with profile or status from remote account
@@ -956,13 +1054,19 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#apiv1pleromaremote_interaction}
      */
     remoteInteraction: async (ap_id: string, profile: string) => {
-      const response = await this.request('/api/v1/pleroma/remote_interaction', { method: 'POST', body: { ap_id, profile } });
+      const response = await this.request('/api/v1/pleroma/remote_interaction', {
+        method: 'POST',
+        body: { ap_id, profile },
+      });
 
       if (response.json?.error) throw response.json.error;
 
-      return v.parse(v.object({
-        url: v.string(),
-      }), response.json);
+      return v.parse(
+        v.object({
+          url: v.string(),
+        }),
+        response.json,
+      );
     },
 
     /**
@@ -975,14 +1079,20 @@ class PlApiClient {
       let response;
       switch (this.features.version.software) {
         case ICESHRIMP_NET:
-          response = await this.request('/api/v1/bite', { method: 'POST', body: accountId });
+          response = await this.request<EmptyObject>('/api/v1/bite', {
+            method: 'POST',
+            body: accountId,
+          });
           break;
         default:
-          response = await this.request('/api/v1/bite', { method: 'POST', params: { id: accountId } });
+          response = await this.request<EmptyObject>('/api/v1/bite', {
+            method: 'POST',
+            params: { id: accountId },
+          });
           break;
       }
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -991,8 +1101,12 @@ class PlApiClient {
      * Requires features{@link Features.scrobbles}
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#get-apiv1pleromaaccountsidscrobbles}
      */
-    getScrobbles: async (accountId: string, params?: GetScrobblesParams) =>
-      this.#paginatedGet(`/api/v1/pleroma/accounts/${accountId}/scrobbles`, { params }, scrobbleSchema),
+    getScrobbles: (accountId: string, params?: GetScrobblesParams) =>
+      this.#paginatedGet(
+        `/api/v1/pleroma/accounts/${accountId}/scrobbles`,
+        { params },
+        scrobbleSchema,
+      ),
 
     /**
      * Creates a new Listen activity for an account
@@ -1014,7 +1128,10 @@ class PlApiClient {
      * Requires features{@link Features.loadActivities}
      */
     loadActivities: async (accountId: string) => {
-      const response = await this.request<{}>(`/api/v1/accounts/${accountId}/load_activities`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/accounts/${accountId}/load_activities`,
+        { method: 'POST' },
+      );
 
       return response.json;
     },
@@ -1026,7 +1143,7 @@ class PlApiClient {
      * Statuses the user has bookmarked.
      * @see {@link https://docs.joinmastodon.org/methods/bookmarks/#get}
      */
-    getBookmarks: async (params?: GetBookmarksParams) =>
+    getBookmarks: (params?: GetBookmarksParams) =>
       this.#paginatedGet(
         this.features.bookmarkFoldersMultiple && params?.folder_id
           ? `/api/v1/bookmark_categories/${params.folder_id}/statuses`
@@ -1040,14 +1157,14 @@ class PlApiClient {
      * Statuses the user has favourited.
      * @see {@link https://docs.joinmastodon.org/methods/favourites/#get}
      */
-    getFavourites: async (params?: GetFavouritesParams) =>
+    getFavourites: (params?: GetFavouritesParams) =>
       this.#paginatedGet('/api/v1/favourites', { params }, statusSchema),
 
     /**
      * View pending follow requests
      * @see {@link https://docs.joinmastodon.org/methods/follow_requests/#get}
      */
-    getFollowRequests: async (params?: GetFollowRequestsParams) =>
+    getFollowRequests: (params?: GetFollowRequestsParams) =>
       this.#paginatedGet('/api/v1/follow_requests', { params }, accountSchema),
 
     /**
@@ -1055,11 +1172,11 @@ class PlApiClient {
      *
      * Requires features{@link Features.outgoingFollowRequests}.
      */
-    getOutgoingFollowRequests: async (params?: GetFollowRequestsParams) => {
+    getOutgoingFollowRequests: (params?: GetFollowRequestsParams) => {
       if (this.features.version.software === ICESHRIMP_NET) {
         return this.#paginatedIceshrimpAccountsList(
           '/api/iceshrimp/follow_requests/outgoing',
-          (response: Array<{ user: {id: string } }>) => response.map(({ user }) => user.id),
+          (response: Array<{ user: { id: string } }>) => response.map(({ user }) => user.id),
         );
       }
 
@@ -1068,7 +1185,11 @@ class PlApiClient {
           return this.#paginatedGet('/api/v1/follow_requests/outgoing', { params }, accountSchema);
 
         default:
-          return this.#paginatedGet('/api/v1/pleroma/outgoing_follow_requests', { params }, accountSchema);
+          return this.#paginatedGet(
+            '/api/v1/pleroma/outgoing_follow_requests',
+            { params },
+            accountSchema,
+          );
       }
     },
 
@@ -1077,7 +1198,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/follow_requests/#accept}
      */
     acceptFollowRequest: async (accountId: string) => {
-      const response = await this.request(`/api/v1/follow_requests/${accountId}/authorize`, { method: 'POST' });
+      const response = await this.request(`/api/v1/follow_requests/${accountId}/authorize`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -1087,7 +1210,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/follow_requests/#reject}
      */
     rejectFollowRequest: async (accountId: string) => {
-      const response = await this.request(`/api/v1/follow_requests/${accountId}/reject`, { method: 'POST' });
+      const response = await this.request(`/api/v1/follow_requests/${accountId}/reject`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -1097,7 +1222,7 @@ class PlApiClient {
      * Accounts that the user is currently featuring on their profile.
      * @see {@link https://docs.joinmastodon.org/methods/endorsements/#get}
      */
-    getEndorsements: async (params?: GetEndorsementsParams) =>
+    getEndorsements: (params?: GetEndorsementsParams) =>
       this.#paginatedGet('/api/v1/endorsements', { params }, accountSchema),
 
     /**
@@ -1137,12 +1262,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/featured_tags/#unfeature}
      */
     unfeatureTag: async (name: string) => {
-      const response = await this.request('/api/v1/featured_tags', {
+      const response = await this.request<EmptyObject>('/api/v1/featured_tags', {
         method: 'DELETE',
         body: { name },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1165,7 +1290,7 @@ class PlApiClient {
      * Requires features{@link Features.followHashtags}.
      * @see {@link https://docs.joinmastodon.org/methods/followed_tags/#get}
      */
-    getFollowedTags: async (params?: GetFollowedTagsParams) =>
+    getFollowedTags: (params?: GetFollowedTagsParams) =>
       this.#paginatedGet('/api/v1/followed_tags', { params }, tagSchema),
 
     /**
@@ -1229,9 +1354,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/suggestions/#remove}
      */
     dismissSuggestions: async (accountId: string) => {
-      const response = await this.request(`/api/v1/suggestions/${accountId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v1/suggestions/${accountId}`, {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1241,7 +1368,11 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#get-apiv1pleromabookmark_folders}
      */
     getBookmarkFolders: async () => {
-      const response = await this.request(this.features.version.software === PLEROMA ? '/api/v1/pleroma/bookmark_folders' : '/api/v1/bookmark_categories');
+      const response = await this.request(
+        this.features.version.software === PLEROMA
+          ? '/api/v1/pleroma/bookmark_folders'
+          : '/api/v1/bookmark_categories',
+      );
 
       return v.parse(filteredArray(bookmarkFolderSchema), response.json);
     },
@@ -1255,7 +1386,9 @@ class PlApiClient {
      */
     createBookmarkFolder: async (params: CreateBookmarkFolderParams) => {
       const response = await this.request(
-        this.features.version.software === PLEROMA ? '/api/v1/pleroma/bookmark_folders' : '/api/v1/bookmark_categories',
+        this.features.version.software === PLEROMA
+          ? '/api/v1/pleroma/bookmark_folders'
+          : '/api/v1/bookmark_categories',
         { method: 'POST', body: { title: params.name, ...params } },
       );
 
@@ -1297,7 +1430,7 @@ class PlApiClient {
      * Requires features{@link Features.bookmarkFoldersMultiple}.
      */
     addBookmarkToFolder: async (statusId: string, folderId: string) => {
-      const response = await this.request <{}>(
+      const response = await this.request<EmptyObject>(
         `/api/v1/bookmark_categories/${folderId}/statuses`,
         { method: 'POST', params: { status_ids: [statusId] } },
       );
@@ -1309,7 +1442,7 @@ class PlApiClient {
      * Requires features{@link Features.bookmarkFoldersMultiple}.
      */
     removeBookmarkFromFolder: async (statusId: string, folderId: string) => {
-      const response = await this.request<{}>(
+      const response = await this.request<EmptyObject>(
         `/api/v1/bookmark_categories/${folderId}/statuses`,
         { method: 'DELETE', params: { status_ids: [statusId] } },
       );
@@ -1332,10 +1465,14 @@ class PlApiClient {
         body: { language: params.locale, birthday: params.date_of_birth, ...params },
       });
 
-      if ('identifier' in response.json) return v.parse(v.object({
-        message: v.string(),
-        identifier: v.string(),
-      }), response.json);
+      if ('identifier' in response.json)
+        return v.parse(
+          v.object({
+            message: v.string(),
+            identifier: v.string(),
+          }),
+          response.json,
+        );
       return v.parse(tokenSchema, response.json);
     },
 
@@ -1376,7 +1513,13 @@ class PlApiClient {
 
       const response = await this.request('/api/v1/accounts/update_credentials', {
         method: 'PATCH',
-        contentType: (this.features.version.software === GOTOSOCIAL || this.features.version.software === ICESHRIMP_NET || params.avatar || params.header) ? '' : undefined,
+        contentType:
+          this.features.version.software === GOTOSOCIAL ||
+          this.features.version.software === ICESHRIMP_NET ||
+          params.avatar ||
+          params.header
+            ? ''
+            : undefined,
         body: params,
       });
 
@@ -1458,7 +1601,10 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#add-alias-to-the-current-account}
      */
     addAccountAlias: async (alias: string) => {
-      const response = await this.request('/api/pleroma/aliases', { method: 'PUT', body: { alias } });
+      const response = await this.request('/api/pleroma/aliases', {
+        method: 'PUT',
+        body: { alias },
+      });
 
       return v.parse(v.object({ status: v.literal('success') }), response.json);
     },
@@ -1471,7 +1617,10 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#delete-alias-from-the-current-account}
      */
     deleteAccountAlias: async (alias: string) => {
-      const response = await this.request('/api/pleroma/aliases', { method: 'DELETE', body: { alias } });
+      const response = await this.request('/api/pleroma/aliases', {
+        method: 'DELETE',
+        body: { alias },
+      });
 
       return v.parse(v.object({ status: v.literal('success') }), response.json);
     },
@@ -1511,17 +1660,23 @@ class PlApiClient {
 
       switch (this.features.version.software) {
         case GOTOSOCIAL:
-          response = await this.request(`/api/v1/tokens/${oauthTokenId}/invalidate`, { method: 'POST' });
+          response = await this.request<EmptyObject>(`/api/v1/tokens/${oauthTokenId}/invalidate`, {
+            method: 'POST',
+          });
           break;
         case MITRA:
-          response = await this.request(`/api/v1/settings/sessions/${oauthTokenId}`, { method: 'DELETE' });
+          response = await this.request<EmptyObject>(`/api/v1/settings/sessions/${oauthTokenId}`, {
+            method: 'DELETE',
+          });
           break;
         default:
-          response = await this.request(`/api/oauth_tokens/${oauthTokenId}`, { method: 'DELETE' });
+          response = await this.request<EmptyObject>(`/api/oauth_tokens/${oauthTokenId}`, {
+            method: 'DELETE',
+          });
           break;
       }
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1537,7 +1692,7 @@ class PlApiClient {
 
       switch (this.features.version.software) {
         case GOTOSOCIAL:
-          response = await this.request('/api/v1/user/password_change', {
+          response = await this.request<EmptyObject>('/api/v1/user/password_change', {
             method: 'POST',
             body: {
               old_password: current_password,
@@ -1547,7 +1702,7 @@ class PlApiClient {
           break;
         case ICESHRIMP_NET:
           await this.#getIceshrimpAccessToken();
-          response = await this.request('/api/iceshrimp/auth/change-password', {
+          response = await this.request<EmptyObject>('/api/iceshrimp/auth/change-password', {
             method: 'POST',
             body: {
               oldPassword: current_password,
@@ -1556,13 +1711,13 @@ class PlApiClient {
           });
           break;
         case MITRA:
-          response = await this.request('/api/v1/settings/change_password', {
+          response = await this.request<EmptyObject>('/api/v1/settings/change_password', {
             method: 'POST',
             body: { new_password },
           });
           break;
         case PIXELFED:
-          response = await this.request('/api/v1.1/accounts/change-password', {
+          response = await this.request<EmptyObject>('/api/v1.1/accounts/change-password', {
             method: 'POST',
             body: {
               current_password,
@@ -1573,7 +1728,7 @@ class PlApiClient {
           if (response.redirected) throw response;
           break;
         default:
-          response = await this.request('/api/pleroma/change_password', {
+          response = await this.request<EmptyObject>('/api/pleroma/change_password', {
             method: 'POST',
             body: {
               password: current_password,
@@ -1583,7 +1738,7 @@ class PlApiClient {
           });
       }
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1592,12 +1747,12 @@ class PlApiClient {
      * Requires features{@link Features.resetPassword}.
      */
     resetPassword: async (email?: string, nickname?: string) => {
-      const response = await this.request('/auth/password', {
+      const response = await this.request<EmptyObject>('/auth/password', {
         method: 'POST',
         body: { email, nickname },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1608,7 +1763,7 @@ class PlApiClient {
 
       switch (this.features.version.software) {
         case GOTOSOCIAL:
-          response = await this.request('/api/v1/user/email_change', {
+          response = await this.request<EmptyObject>('/api/v1/user/email_change', {
             method: 'POST',
             body: {
               new_email: email,
@@ -1617,7 +1772,7 @@ class PlApiClient {
           });
           break;
         default:
-          response = await this.request('/api/pleroma/change_email', {
+          response = await this.request<EmptyObject>('/api/pleroma/change_email', {
             method: 'POST',
             body: {
               email,
@@ -1628,7 +1783,7 @@ class PlApiClient {
 
       if (response.json?.error) throw response.json.error;
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1639,13 +1794,13 @@ class PlApiClient {
 
       switch (this.features.version.software) {
         case GOTOSOCIAL:
-          response = await this.request('/api/v1/accounts/delete', {
+          response = await this.request<EmptyObject>('/api/v1/accounts/delete', {
             method: 'POST',
             body: { password },
           });
           break;
         default:
-          response = await this.request('/api/pleroma/delete_account', {
+          response = await this.request<EmptyObject>('/api/pleroma/delete_account', {
             method: 'POST',
             body: { password },
           });
@@ -1653,18 +1808,18 @@ class PlApiClient {
 
       if (response.json?.error) throw response.json.error;
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
      * Requires features{@link Features.deleteAccountWithoutPassword}.
      */
     deleteAccountWithoutPassword: async () => {
-      const response = await this.request('/api/v1/settings/delete_account', {
+      const response = await this.request<EmptyObject>('/api/v1/settings/delete_account', {
         method: 'POST',
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -1673,28 +1828,28 @@ class PlApiClient {
      * Requires features{@link Features.disableAccount}.
      */
     disableAccount: async (password: string) => {
-      const response = await this.request('/api/pleroma/disable_account', {
+      const response = await this.request<EmptyObject>('/api/pleroma/disable_account', {
         method: 'POST',
         body: { password },
       });
 
       if (response.json?.error) throw response.json.error;
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
      * Requires features{@link Features.accountMoving}.
      */
     moveAccount: async (target_account: string, password: string) => {
-      const response = await this.request('/api/pleroma/move_account', {
+      const response = await this.request<EmptyObject>('/api/pleroma/move_account', {
         method: 'POST',
         body: { password, target_account },
       });
 
       if (response.json?.error) throw response.json.error;
 
-      return response.json as {};
+      return response.json;
     },
 
     mfa: {
@@ -1717,12 +1872,15 @@ class PlApiClient {
             response = (await this.request('/api/pleroma/accounts/mfa')).json;
         }
 
-        return v.parse(v.object({
-          settings: coerceObject({
-            enabled: v.boolean(),
-            totp: v.boolean(),
+        return v.parse(
+          v.object({
+            settings: coerceObject({
+              enabled: v.boolean(),
+              totp: v.boolean(),
+            }),
           }),
-        }), response);
+          response,
+        );
       },
 
       /**
@@ -1731,9 +1889,12 @@ class PlApiClient {
       getMfaBackupCodes: async () => {
         const response = await this.request('/api/pleroma/accounts/mfa/backup_codes');
 
-        return v.parse(v.object({
-          codes: v.array(v.string()),
-        }), response.json);
+        return v.parse(
+          v.object({
+            codes: v.array(v.string()),
+          }),
+          response.json,
+        );
       },
 
       /**
@@ -1753,10 +1914,13 @@ class PlApiClient {
             response = (await this.request(`/api/pleroma/accounts/mfa/setup/${method}`)).json;
         }
 
-        return v.parse(v.object({
-          key: v.fallback(v.string(), ''),
-          provisioning_uri: v.string(),
-        }), response);
+        return v.parse(
+          v.object({
+            key: v.fallback(v.string(), ''),
+            provisioning_uri: v.string(),
+          }),
+          response,
+        );
       },
 
       /**
@@ -1767,18 +1931,23 @@ class PlApiClient {
 
         switch (this.features.version.software) {
           case GOTOSOCIAL:
-            response = await this.request('/api/v1/user/2fa/enable', { method: 'POST', body: { code } });
+            response = await this.request('/api/v1/user/2fa/enable', {
+              method: 'POST',
+              body: { code },
+            });
             break;
           default:
-            response = (await this.request(`/api/pleroma/accounts/mfa/confirm/${method}`, {
-              method: 'POST',
-              body: { code, password },
-            })).json;
+            response = (
+              await this.request(`/api/pleroma/accounts/mfa/confirm/${method}`, {
+                method: 'POST',
+                body: { code, password },
+              })
+            ).json;
         }
 
         if (response?.error) throw response.error;
 
-        return response as {};
+        return response as EmptyObject;
       },
 
       /**
@@ -1789,13 +1958,13 @@ class PlApiClient {
 
         switch (this.features.version.software) {
           case GOTOSOCIAL:
-            response = await this.request('/api/v1/user/2fa/disable', {
+            response = await this.request<EmptyObject>('/api/v1/user/2fa/disable', {
               method: 'POST',
               body: { password },
             });
             break;
           default:
-            response = await this.request(`/api/pleroma/accounts/mfa/${method}`, {
+            response = await this.request<EmptyObject>(`/api/pleroma/accounts/mfa/${method}`, {
               method: 'DELETE',
               body: { password },
             });
@@ -1803,7 +1972,7 @@ class PlApiClient {
 
         if (response.json?.error) throw response.json.error;
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -1843,14 +2012,17 @@ class PlApiClient {
     },
 
     /**
-    * Move followers from remote alias. (experimental?)
-    *
-    * Requires features{@link Features.importFollowers}.
-    */
+     * Move followers from remote alias. (experimental?)
+     *
+     * Requires features{@link Features.importFollowers}.
+     */
     importFollowers: async (list: File | string, actorId: string) => {
       const response = await this.request('/api/v1/settings/import_followers', {
         method: 'POST',
-        body: { from_actor_id: actorId, followers_csv: typeof list === 'string' ? list : await list.text() },
+        body: {
+          from_actor_id: actorId,
+          followers_csv: typeof list === 'string' ? list : await list.text(),
+        },
       });
 
       return response.json;
@@ -1961,10 +2133,10 @@ class PlApiClient {
     },
 
     /**
-      * Export lists to CSV file
-      *
-      * Requires features{@link Features.exportLists}.
-      */
+     * Export lists to CSV file
+     *
+     * Requires features{@link Features.exportLists}.
+     */
     exportLists: async () => {
       const response = await this.request('/api/v1/exports/lists.csv', {
         method: 'GET',
@@ -1974,10 +2146,10 @@ class PlApiClient {
     },
 
     /**
-      * Export blocks to CSV file
-      *
-      * Requires features{@link Features.exportBlocks}.
-      */
+     * Export blocks to CSV file
+     *
+     * Requires features{@link Features.exportBlocks}.
+     */
     exportBlocks: async () => {
       const response = await this.request('/api/v1/exports/blocks.csv', {
         method: 'GET',
@@ -1987,10 +2159,10 @@ class PlApiClient {
     },
 
     /**
-      * Export mutes to CSV file
-      *
-      * Requires features{@link Features.exportMutes}.
-      */
+     * Export mutes to CSV file
+     *
+     * Requires features{@link Features.exportMutes}.
+     */
     exportMutes: async () => {
       const response = await this.request('/api/v1/exports/mutes.csv', {
         method: 'GET',
@@ -2006,7 +2178,10 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/pleroma_api/#apipleromanotification_settings}
      */
     updateNotificationSettings: async (params: UpdateNotificationSettingsParams) => {
-      const response = await this.request('/api/pleroma/notification_settings', { method: 'PUT', body: params });
+      const response = await this.request('/api/pleroma/notification_settings', {
+        method: 'PUT',
+        body: params,
+      });
 
       if (response.json?.error) throw response.json.error;
 
@@ -2032,7 +2207,10 @@ class PlApiClient {
      * @see {@link https://docs.gotosocial.org/en/latest/api/swagger/}
      */
     updateInteractionPolicies: async (params: UpdateInteractionPoliciesParams) => {
-      const response = await this.request('/api/v1/interaction_policies/defaults', { method: 'PATCH', body: params });
+      const response = await this.request('/api/v1/interaction_policies/defaults', {
+        method: 'PATCH',
+        body: params,
+      });
 
       return v.parse(interactionPoliciesSchema, response.json);
     },
@@ -2056,13 +2234,18 @@ class PlApiClient {
      * Requires features{@link Features.preferredFrontends}.
      */
     setPreferredFrontend: async (frontendName: string) => {
-      const response = await this.request('/api/v1/akkoma/preferred_frontend', { method: 'PUT', body: { frontend_name: frontendName } });
+      const response = await this.request('/api/v1/akkoma/preferred_frontend', {
+        method: 'PUT',
+        body: { frontend_name: frontendName },
+      });
 
       return v.parse(v.object({ frontend_name: v.string() }), response.json);
     },
 
     authorizeIceshrimp: async () => {
-      const response = await this.request<string>('/api/v1/accounts/authorize_iceshrimp', { method: 'POST' });
+      const response = await this.request<string>('/api/v1/accounts/authorize_iceshrimp', {
+        method: 'POST',
+      });
 
       return response.json;
     },
@@ -2076,7 +2259,10 @@ class PlApiClient {
      * `duration` parameter requires features{@link Features.blocksDuration}.
      */
     blockAccount: async (accountId: string, params?: BlockAccountParams) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/block`, { method: 'POST', body: params });
+      const response = await this.request(`/api/v1/accounts/${accountId}/block`, {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -2087,7 +2273,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#unblock}
      */
     unblockAccount: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/unblock`, { method: 'POST' });
+      const response = await this.request(`/api/v1/accounts/${accountId}/unblock`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -2100,7 +2288,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#mute}
      */
     muteAccount: async (accountId: string, params?: MuteAccountParams) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/mute`, { method: 'POST', body: params });
+      const response = await this.request(`/api/v1/accounts/${accountId}/mute`, {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -2113,7 +2304,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/accounts/#unmute}
      */
     unmuteAccount: async (accountId: string) => {
-      const response = await this.request(`/api/v1/accounts/${accountId}/unmute`, { method: 'POST' });
+      const response = await this.request(`/api/v1/accounts/${accountId}/unmute`, {
+        method: 'POST',
+      });
 
       return v.parse(relationshipSchema, response.json);
     },
@@ -2125,14 +2318,14 @@ class PlApiClient {
      * Requires features{@link Features.mutes}.
      * @see {@link https://docs.joinmastodon.org/methods/mutes/#get}
      */
-    getMutes: async (params?: GetMutesParams) =>
+    getMutes: (params?: GetMutesParams) =>
       this.#paginatedGet('/api/v1/mutes', { params }, mutedAccountSchema),
 
     /**
      * View blocked users
      * @see {@link https://docs.joinmastodon.org/methods/blocks/#get}
      */
-    getBlocks: async (params?: GetBlocksParams) =>
+    getBlocks: (params?: GetBlocksParams) =>
       this.#paginatedGet('/api/v1/blocks', { params }, blockedAccountSchema),
 
     /**
@@ -2140,7 +2333,7 @@ class PlApiClient {
      * View domains the user has blocked.
      * @see {@link https://docs.joinmastodon.org/methods/domain_blocks/#get}
      */
-    getDomainBlocks: async (params?: GetDomainBlocksParams) =>
+    getDomainBlocks: (params?: GetDomainBlocksParams) =>
       this.#paginatedGet('/api/v1/domain_blocks', { params }, v.string()),
 
     /**
@@ -2153,9 +2346,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/domain_blocks/#block}
      */
     blockDomain: async (domain: string) => {
-      const response = await this.request('/api/v1/domain_blocks', { method: 'POST', body: { domain } });
+      const response = await this.request<EmptyObject>('/api/v1/domain_blocks', {
+        method: 'POST',
+        body: { domain },
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -2164,12 +2360,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/domain_blocks/#unblock}
      */
     unblockDomain: async (domain: string) => {
-      const response = await this.request('/api/v1/domain_blocks', {
+      const response = await this.request<EmptyObject>('/api/v1/domain_blocks', {
         method: 'DELETE',
         body: { domain },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -2180,7 +2376,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/filters/#get}
      */
     getFilters: async () => {
-      const response = await this.request(this.features.filtersV2 ? '/api/v2/filters' : '/api/v1/filters');
+      const response = await this.request(
+        this.features.filtersV2 ? '/api/v2/filters' : '/api/v1/filters',
+      );
 
       return v.parse(filteredArray(filterSchema), response.json);
     },
@@ -2194,9 +2392,7 @@ class PlApiClient {
      */
     getFilter: async (filterId: string) => {
       const response = await this.request(
-        this.features.filtersV2
-          ? `/api/v2/filters/${filterId}`
-          : `/api/v1/filters/${filterId}`,
+        this.features.filtersV2 ? `/api/v2/filters/${filterId}` : `/api/v1/filters/${filterId}`,
       );
 
       return v.parse(filterSchema, response.json);
@@ -2211,19 +2407,18 @@ class PlApiClient {
      */
     createFilter: async (params: CreateFilterParams) => {
       const { filtersV2 } = this.features;
-      const response = await this.request(
-        filtersV2 ? '/api/v2/filters' : '/api/v1/filters',
-        {
-          method: 'POST',
-          body: filtersV2 ? params : {
-            phrase: params.keywords_attributes[0]?.keyword,
-            context: params.context,
-            irreversible: params.filter_action === 'hide',
-            whole_word: params.keywords_attributes[0]?.whole_word,
-            expires_in: params.expires_in,
-          },
-        },
-      );
+      const response = await this.request(filtersV2 ? '/api/v2/filters' : '/api/v1/filters', {
+        method: 'POST',
+        body: filtersV2
+          ? params
+          : {
+              phrase: params.keywords_attributes[0]?.keyword,
+              context: params.context,
+              irreversible: params.filter_action === 'hide',
+              whole_word: params.keywords_attributes[0]?.whole_word,
+              expires_in: params.expires_in,
+            },
+      });
 
       return v.parse(filterSchema, response.json);
     },
@@ -2241,13 +2436,15 @@ class PlApiClient {
         filtersV2 ? `/api/v2/filters/${filterId}` : `/api/v1/filters/${filterId}`,
         {
           method: 'PUT',
-          body: filtersV2 ? params : {
-            phrase: params.keywords_attributes?.[0]?.keyword,
-            context: params.context,
-            irreversible: params.filter_action === 'hide',
-            whole_word: params.keywords_attributes?.[0]?.whole_word,
-            expires_in: params.expires_in,
-          },
+          body: filtersV2
+            ? params
+            : {
+                phrase: params.keywords_attributes?.[0]?.keyword,
+                context: params.context,
+                irreversible: params.filter_action === 'hide',
+                whole_word: params.keywords_attributes?.[0]?.whole_word,
+                expires_in: params.expires_in,
+              },
         },
       );
 
@@ -2262,14 +2459,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/filters/#delete}
      */
     deleteFilter: async (filterId: string) => {
-      const response = await this.request(
-        this.features.filtersV2
-          ? `/api/v2/filters/${filterId}`
-          : `/api/v1/filters/${filterId}`,
+      const response = await this.request<EmptyObject>(
+        this.features.filtersV2 ? `/api/v2/filters/${filterId}` : `/api/v1/filters/${filterId}`,
         { method: 'DELETE' },
       );
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -2338,9 +2533,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/filters/#keywords-delete}
      */
     deleteFilterKeyword: async (filterId: string) => {
-      const response = await this.request(`/api/v2/filters/keywords/${filterId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v2/filters/keywords/${filterId}`, {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -2393,11 +2590,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/filters/#statuses-remove}
      */
     deleteFilterStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v2/filters/statuses/${statusId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v2/filters/statuses/${statusId}`, {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
-
   };
 
   public readonly statuses = {
@@ -2414,19 +2612,25 @@ class PlApiClient {
 
       const fixedParams: ExtendedCreateStatusParams = params;
 
-      if (params.content_type === 'text/markdown' && this.#instance.api_versions['kmyblue_markdown.fedibird.pl-api'] >= 1) {
+      if (
+        params.content_type === 'text/markdown' &&
+        this.#instance.api_versions['kmyblue_markdown.fedibird.pl-api'] >= 1
+      ) {
         fixedParams.markdown = true;
       }
       if (params.visibility?.startsWith('api/v1/bookmark_categories')) {
         fixedParams.circle_id = params.visibility.slice(7);
         fixedParams.visibility = 'circle';
       }
-      if (params.quote_id && this.#instance.api_versions.mastodon >= 7) params.quoted_status_id = params.quote_id;
-      else if (params.quoted_status_id && (this.#instance.api_versions.mastodon || 0) < 7) params.quote_id = params.quoted_status_id;
+      if (params.quote_id && this.#instance.api_versions.mastodon >= 7)
+        params.quoted_status_id = params.quote_id;
+      else if (params.quoted_status_id && (this.#instance.api_versions.mastodon || 0) < 7)
+        params.quote_id = params.quoted_status_id;
 
-      const input = params.preview && this.features.version.software === MITRA
-        ? '/api/v1/statuses/preview'
-        : '/api/v1/statuses';
+      const input =
+        params.preview && this.features.version.software === MITRA
+          ? '/api/v1/statuses/preview'
+          : '/api/v1/statuses';
 
       const response = await this.request(input, {
         method: 'POST',
@@ -2441,9 +2645,10 @@ class PlApiClient {
      * Requires features{@link Features.createStatusPreview}.
      */
     previewStatus: async (params: CreateStatusParams) => {
-      const input = this.features.version.software === PLEROMA || this.features.version.software === AKKOMA
-        ? '/api/v1/statuses'
-        : '/api/v1/statuses/preview';
+      const input =
+        this.features.version.software === PLEROMA || this.features.version.software === AKKOMA
+          ? '/api/v1/statuses'
+          : '/api/v1/statuses/preview';
 
       if (this.features.version.software === PLEROMA || this.features.version.software === AKKOMA) {
         params.preview = true;
@@ -2474,9 +2679,11 @@ class PlApiClient {
      *
      * Requires features{@link Features.getStatuses}.
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#index}
-    */
+     */
     getStatuses: async (statusIds: string[], params?: GetStatusesParams) => {
-      const response = await this.request('/api/v1/statuses', { params: { ...params, id: statusIds } });
+      const response = await this.request('/api/v1/statuses', {
+        params: { ...params, id: statusIds },
+      });
 
       return v.parse(filteredArray(statusSchema), response.json);
     },
@@ -2489,7 +2696,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#delete}
      */
     deleteStatus: async (statusId: string, deleteMedia?: boolean) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}`, { method: 'DELETE', params: { delete_media: deleteMedia } });
+      const response = await this.request(`/api/v1/statuses/${statusId}`, {
+        method: 'DELETE',
+        params: { delete_media: deleteMedia },
+      });
 
       return v.parse(statusSourceSchema, response.json);
     },
@@ -2504,7 +2714,7 @@ class PlApiClient {
 
       const asyncRefreshHeader = getAsyncRefreshHeader(response);
 
-      return { asyncRefreshHeader, ...v.parse(contextSchema, response.json) } ;
+      return { asyncRefreshHeader, ...v.parse(contextSchema, response.json) };
     },
 
     /**
@@ -2516,9 +2726,11 @@ class PlApiClient {
       let response;
       if (this.features.version.software === AKKOMA) {
         response = await this.request(`/api/v1/statuses/${statusId}/translations/${lang}`);
-
       } else {
-        response = await this.request(`/api/v1/statuses/${statusId}/translate`, { method: 'POST', body: { lang } });
+        response = await this.request(`/api/v1/statuses/${statusId}/translate`, {
+          method: 'POST',
+          body: { lang },
+        });
       }
 
       return v.parse(translationSchema, response.json);
@@ -2530,7 +2742,10 @@ class PlApiClient {
      * Requires features{@link Features.lazyTranslations}.
      */
     translateStatuses: async (statusIds: Array<string>, lang: string) => {
-      const response = await this.request('/api/v1/pl/statuses/translate', { method: 'POST', body: { ids: statusIds, lang } });
+      const response = await this.request('/api/v1/pl/statuses/translate', {
+        method: 'POST',
+        body: { ids: statusIds, lang },
+      });
 
       return v.parse(filteredArray(translationSchema), response.json);
     },
@@ -2540,7 +2755,7 @@ class PlApiClient {
      * View who boosted a given status.
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#reblogged_by}
      */
-    getRebloggedBy: async (statusId: string, params?: GetRebloggedByParams) =>
+    getRebloggedBy: (statusId: string, params?: GetRebloggedByParams) =>
       this.#paginatedGet(`/api/v1/statuses/${statusId}/reblogged_by`, { params }, accountSchema),
 
     /**
@@ -2548,7 +2763,7 @@ class PlApiClient {
      * View who favourited a given status.
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#favourited_by}
      */
-    getFavouritedBy: async (statusId: string, params?: GetFavouritedByParams) =>
+    getFavouritedBy: (statusId: string, params?: GetFavouritedByParams) =>
       this.#paginatedGet(`/api/v1/statuses/${statusId}/favourited_by`, { params }, accountSchema),
 
     /**
@@ -2557,7 +2772,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#favourite}
      */
     favouriteStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/favourite`, { method: 'POST' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/favourite`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2568,7 +2785,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#unfavourite}
      */
     unfavouriteStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/unfavourite`, { method: 'POST' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/unfavourite`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2581,7 +2800,10 @@ class PlApiClient {
      * Specifying reblog visibility requires features{@link Features.reblogVisibility}.
      */
     reblogStatus: async (statusId: string, visibility?: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/reblog`, { method: 'POST', body: { visibility } });
+      const response = await this.request(`/api/v1/statuses/${statusId}/reblog`, {
+        method: 'POST',
+        body: { visibility },
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2592,7 +2814,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#unreblog}
      */
     unreblogStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/unreblog`, { method: 'POST' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/unreblog`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2603,10 +2827,16 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#bookmark}
      */
     bookmarkStatus: async (statusId: string, folderId?: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/bookmark`, { method: 'POST', body: { folder_id: folderId } });
+      const response = await this.request(`/api/v1/statuses/${statusId}/bookmark`, {
+        method: 'POST',
+        body: { folder_id: folderId },
+      });
 
       if (folderId && this.features.bookmarkFoldersMultiple) {
-        await this.request(`/api/v1/bookmark_categories/${folderId}/statuses`, { method: 'POST', params: { status_ids: [statusId] } });
+        await this.request(`/api/v1/bookmark_categories/${folderId}/statuses`, {
+          method: 'POST',
+          params: { status_ids: [statusId] },
+        });
       }
 
       return v.parse(statusSchema, response.json);
@@ -2618,7 +2848,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#unbookmark}
      */
     unbookmarkStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/unbookmark`, { method: 'POST' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/unbookmark`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2629,7 +2861,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#revoke_quote}
      */
     revokeQuote: async (statusId: string, quotingStatusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/quotes/${quotingStatusId}/revoke`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/statuses/${statusId}/quotes/${quotingStatusId}/revoke`,
+        { method: 'POST' },
+      );
 
       return v.parse(statusSchema, response.json);
     },
@@ -2651,7 +2886,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#unmute}
      */
     unmuteStatus: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/unmute`, { method: 'POST' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/unmute`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2690,11 +2927,17 @@ class PlApiClient {
 
       const fixedParams: ExtendedEditStatusParams = params;
 
-      if (params.content_type === 'text/markdown' && this.#instance.api_versions['kmyblue_markdown.fedibird.pl-api'] >= 1) {
+      if (
+        params.content_type === 'text/markdown' &&
+        this.#instance.api_versions['kmyblue_markdown.fedibird.pl-api'] >= 1
+      ) {
         fixedParams.markdown = true;
       }
 
-      const response = await this.request(`/api/v1/statuses/${statusId}`, { method: 'PUT', body: params });
+      const response = await this.request(`/api/v1/statuses/${statusId}`, {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2705,7 +2948,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#edit_interaction_policy}
      */
     editInteractionPolicy: async (statusId: string, params: EditInteractionPolicyParams) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}`, { method: 'PUT', body: params });
+      const response = await this.request(`/api/v1/statuses/${statusId}`, {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2743,24 +2989,32 @@ class PlApiClient {
       const apiVersions = this.#instance.api_versions;
 
       let response;
-      if (apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 || this.features.version.software === ICESHRIMP_NET) {
-        response = await this.request(`/api/v1/pleroma/statuses/${statusId}/reactions${emoji ? `/${emoji}` : ''}`);
+      if (
+        apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 ||
+        this.features.version.software === ICESHRIMP_NET
+      ) {
+        response = await this.request(
+          `/api/v1/pleroma/statuses/${statusId}/reactions${emoji ? `/${emoji}` : ''}`,
+        );
       } else {
         if (apiVersions['emoji_reaction.fedibird.pl-api'] >= 1) {
           response = await this.request(`/api/v1/statuses/${statusId}/emoji_reactioned_by`);
         } else {
-          response = await this.request(`/api/v1/statuses/${statusId}/reactions`, { params: { emoji } });
+          response = await this.request(`/api/v1/statuses/${statusId}/reactions`, {
+            params: { emoji },
+          });
         }
         response.json = response.json?.reduce((acc: Array<any>, cur: any) => {
           if (emoji && cur.name !== emoji) return acc;
 
-          const existing = acc.find(reaction => reaction.name === cur.name);
+          const existing = acc.find((reaction) => reaction.name === cur.name);
 
           if (existing) {
             existing.accounts.push(cur.account);
             existing.account_ids.push(cur.account.id);
             existing.count += 1;
-          } else acc.push({ count: 1, accounts: [cur.account], account_ids: [cur.account.id], ...cur });
+          } else
+            acc.push({ count: 1, accounts: [cur.account], account_ids: [cur.account.id], ...cur });
 
           return acc;
         }, []);
@@ -2780,10 +3034,19 @@ class PlApiClient {
       const apiVersions = this.#instance.api_versions;
 
       let response;
-      if (apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 || this.features.version.software === MITRA) {
-        response = await this.request(`/api/v1/pleroma/statuses/${statusId}/reactions/${encodeURIComponent(emoji)}`, { method: 'PUT' });
+      if (
+        apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 ||
+        this.features.version.software === MITRA
+      ) {
+        response = await this.request(
+          `/api/v1/pleroma/statuses/${statusId}/reactions/${encodeURIComponent(emoji)}`,
+          { method: 'PUT' },
+        );
       } else {
-        response = await this.request(`/api/v1/statuses/${statusId}/react/${encodeURIComponent(emoji)}`, { method: 'POST' });
+        response = await this.request(
+          `/api/v1/statuses/${statusId}/react/${encodeURIComponent(emoji)}`,
+          { method: 'POST' },
+        );
       }
 
       return v.parse(statusSchema, response.json);
@@ -2799,10 +3062,18 @@ class PlApiClient {
       const apiVersions = this.#instance.api_versions;
 
       let response;
-      if (apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 || this.features.version.software === MITRA) {
-        response = await this.request(`/api/v1/pleroma/statuses/${statusId}/reactions/${emoji}`, { method: 'DELETE' });
+      if (
+        apiVersions['emoji_reactions.pleroma.pl-api'] >= 1 ||
+        this.features.version.software === MITRA
+      ) {
+        response = await this.request(`/api/v1/pleroma/statuses/${statusId}/reactions/${emoji}`, {
+          method: 'DELETE',
+        });
       } else {
-        response = await this.request(`/api/v1/statuses/${statusId}/unreact/${encodeURIComponent(emoji)}`, { method: 'POST' });
+        response = await this.request(
+          `/api/v1/statuses/${statusId}/unreact/${encodeURIComponent(emoji)}`,
+          { method: 'POST' },
+        );
       }
 
       return v.parse(statusSchema, response.json);
@@ -2814,9 +3085,11 @@ class PlApiClient {
      * Requires features{@link Features.quotePosts}.
      * @see {@link https://docs.joinmastodon.org/methods/statuses/#quotes}
      */
-    getStatusQuotes: async (statusId: string, params?: GetStatusQuotesParams) =>
+    getStatusQuotes: (statusId: string, params?: GetStatusQuotesParams) =>
       this.#paginatedGet(
-        this.#instance.api_versions.mastodon >= 7 ? `/api/v1/statuses/${statusId}/quotes` : `/api/v1/pleroma/statuses/${statusId}/quotes`,
+        this.#instance.api_versions.mastodon >= 7
+          ? `/api/v1/statuses/${statusId}/quotes`
+          : `/api/v1/pleroma/statuses/${statusId}/quotes`,
         { params },
         statusSchema,
       ),
@@ -2827,7 +3100,7 @@ class PlApiClient {
      * Requires features{@link Features.statusDislikes}.
      * @see {@link https://github.com/friendica/friendica/blob/2024.06-rc/doc/API-Friendica.md#get-apifriendicastatusesiddisliked_by}
      */
-    getDislikedBy: async (statusId: string) =>
+    getDislikedBy: (statusId: string) =>
       this.#paginatedGet(`/api/v1/statuses/${statusId}/disliked_by`, {}, accountSchema),
 
     /**
@@ -2835,7 +3108,9 @@ class PlApiClient {
      * @see {@link https://github.com/friendica/friendica/blob/2024.06-rc/doc/API-Friendica.md#post-apifriendicastatusesiddislike}
      */
     dislikeStatus: async (statusId: string) => {
-      const response = await this.request(`/api/friendica/statuses/${statusId}/dislike`, { method: 'POST' });
+      const response = await this.request(`/api/friendica/statuses/${statusId}/dislike`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -2845,15 +3120,17 @@ class PlApiClient {
      * @see {@link https://github.com/friendica/friendica/blob/2024.06-rc/doc/API-Friendica.md#post-apifriendicastatusesidundislike}
      */
     undislikeStatus: async (statusId: string) => {
-      const response = await this.request(`/api/friendica/statuses/${statusId}/undislike`, { method: 'POST' });
+      const response = await this.request(`/api/friendica/statuses/${statusId}/undislike`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
 
-    getStatusReferences: async (statusId: string, params?: GetStatusReferencesParams) =>
+    getStatusReferences: (statusId: string, params?: GetStatusReferencesParams) =>
       this.#paginatedGet(`/api/v1/statuses/${statusId}/referred_by`, { params }, statusSchema),
 
-    getStatusMentionedUsers: async (statusId: string, params?: GetStatusMentionedUsersParams) =>
+    getStatusMentionedUsers: (statusId: string, params?: GetStatusMentionedUsersParams) =>
       this.#paginatedGet(`/api/v1/statuses/${statusId}/mentioned_by`, { params }, accountSchema),
 
     /**
@@ -2862,7 +3139,10 @@ class PlApiClient {
      * Requires features{@link Features.loadConversation}.
      */
     loadConversation: async (statusId: string) => {
-      const response = await this.request <{}>(`/api/v1/statuses/${statusId}/load_conversation`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/statuses/${statusId}/load_conversation`,
+        { method: 'POST' },
+      );
 
       return response.json;
     },
@@ -2871,7 +3151,9 @@ class PlApiClient {
      * Requires features{@link Features.bookmarkFoldersMultiple}.
      */
     getStatusBookmarkFolders: async (statusId: string) => {
-      const response = await this.request(`/api/v1/statuses/${statusId}/bookmark_categories`, { method: 'GET' });
+      const response = await this.request(`/api/v1/statuses/${statusId}/bookmark_categories`, {
+        method: 'GET',
+      });
 
       return v.parse(filteredArray(bookmarkFolderSchema), response.json);
     },
@@ -2911,7 +3193,8 @@ class PlApiClient {
     updateMedia: async (attachmentId: string, params: UpdateMediaParams) => {
       const response = await this.request(`/api/v1/media/${attachmentId}`, {
         method: 'PUT',
-        body: params, contentType: params.thumbnail ? '' : undefined,
+        body: params,
+        contentType: params.thumbnail ? '' : undefined,
       });
 
       return v.parse(mediaAttachmentSchema, response.json);
@@ -2925,7 +3208,7 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/media/delete}
      */
     deleteMedia: async (attachmentId: string) => {
-      const response = await this.request<{}>(`/api/v1/media/${attachmentId}`, {
+      const response = await this.request<EmptyObject>(`/api/v1/media/${attachmentId}`, {
         method: 'DELETE',
       });
 
@@ -2951,7 +3234,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/polls/#vote}
      */
     vote: async (pollId: string, choices: number[]) => {
-      const response = await this.request(`/api/v1/polls/${pollId}/votes`, { method: 'POST', body: { choices } });
+      const response = await this.request(`/api/v1/polls/${pollId}/votes`, {
+        method: 'POST',
+        body: { choices },
+      });
 
       return v.parse(pollSchema, response.json);
     },
@@ -2962,7 +3248,7 @@ class PlApiClient {
      * View scheduled statuses
      * @see {@link https://docs.joinmastodon.org/methods/scheduled_statuses/#get}
      */
-    getScheduledStatuses: async (params?: GetScheduledStatusesParams) =>
+    getScheduledStatuses: (params?: GetScheduledStatusesParams) =>
       this.#paginatedGet('/api/v1/scheduled_statuses', { params }, scheduledStatusSchema),
 
     /**
@@ -2993,9 +3279,14 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/scheduled_statuses/#cancel}
      */
     cancelScheduledStatus: async (scheduledStatusId: string) => {
-      const response = await this.request(`/api/v1/scheduled_statuses/${scheduledStatusId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/scheduled_statuses/${scheduledStatusId}`,
+        {
+          method: 'DELETE',
+        },
+      );
 
-      return response.json as {};
+      return response.json;
     },
   };
 
@@ -3053,9 +3344,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/conversations/#delete}
      */
     deleteConversation: async (conversationId: string) => {
-      const response = await this.request(`/api/v1/conversations/${conversationId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v1/conversations/${conversationId}`, {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3063,7 +3356,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/conversations/#read}
      */
     markConversationRead: async (conversationId: string) => {
-      const response = await this.request(`/api/v1/conversations/${conversationId}/read`, { method: 'POST' });
+      const response = await this.request(`/api/v1/conversations/${conversationId}/read`, {
+        method: 'POST',
+      });
 
       return v.parse(conversationSchema, response.json);
     },
@@ -3093,9 +3388,11 @@ class PlApiClient {
     /**
      * Requires features{@link Features.groups}.
      */
-    groupTimeline: async (groupId: string, params?: GroupTimelineParams) =>
+    groupTimeline: (groupId: string, params?: GroupTimelineParams) =>
       this.#paginatedGet(
-        this.features.version.software === PIXELFED ? `/api/v0/groups/${groupId}/feed` : `/api/v1/timelines/group/${groupId}`,
+        this.features.version.software === PIXELFED
+          ? `/api/v0/groups/${groupId}/feed`
+          : `/api/v1/timelines/group/${groupId}`,
         { params },
         statusSchema,
       ),
@@ -3103,7 +3400,7 @@ class PlApiClient {
     /**
      * Requires features{@link Features.bubbleTimeline}.
      */
-    bubbleTimeline: async (params?: BubbleTimelineParams) =>
+    bubbleTimeline: (params?: BubbleTimelineParams) =>
       this.#paginatedGet('/api/v1/timelines/bubble', { params }, statusSchema),
 
     /**
@@ -3116,7 +3413,7 @@ class PlApiClient {
     /**
      * Requires features{@link Features.wrenchedTimeline}.
      */
-    wrenchedTimeline: async (params?: WrenchedTimelineParams) =>
+    wrenchedTimeline: (params?: WrenchedTimelineParams) =>
       this.#paginatedGet('/api/v1/pleroma/timelines/wrenched', { params }, statusSchema),
   };
 
@@ -3160,7 +3457,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/lists/#update}
      */
     updateList: async (listId: string, params: UpdateListParams) => {
-      const response = await this.request(`/api/v1/lists/${listId}`, { method: 'PUT', body: params });
+      const response = await this.request(`/api/v1/lists/${listId}`, {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(listSchema, response.json);
     },
@@ -3170,16 +3470,18 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/lists/#delete}
      */
     deleteList: async (listId: string) => {
-      const response = await this.request(`/api/v1/lists/${listId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v1/lists/${listId}`, {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
      * View accounts in a list
      * @see {@link https://docs.joinmastodon.org/methods/lists/#accounts}
      */
-    getListAccounts: async (listId: string, params?: GetListAccountsParams) =>
+    getListAccounts: (listId: string, params?: GetListAccountsParams) =>
       this.#paginatedGet(`/api/v1/lists/${listId}/accounts`, { params }, accountSchema),
 
     /**
@@ -3188,11 +3490,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/lists/#accounts-add}
      */
     addListAccounts: async (listId: string, accountIds: string[]) => {
-      const response = await this.request(`/api/v1/lists/${listId}/accounts`, {
-        method: 'POST', body: { account_ids: accountIds },
+      const response = await this.request<EmptyObject>(`/api/v1/lists/${listId}/accounts`, {
+        method: 'POST',
+        body: { account_ids: accountIds },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3201,11 +3504,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/lists/#accounts-remove}
      */
     deleteListAccounts: async (listId: string, accountIds: string[]) => {
-      const response = await this.request(`/api/v1/lists/${listId}/accounts`, {
-        method: 'DELETE', body: { account_ids: accountIds },
+      const response = await this.request<EmptyObject>(`/api/v1/lists/${listId}/accounts`, {
+        method: 'DELETE',
+        body: { account_ids: accountIds },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3225,7 +3529,9 @@ class PlApiClient {
      * Requires features{@link Features.listsFavourite}.
      */
     unfavouriteList: async (listId: string) => {
-      const response = await this.request(`/api/v1/lists/${listId}/unfavourite`, { method: 'POST' });
+      const response = await this.request(`/api/v1/lists/${listId}/unfavourite`, {
+        method: 'POST',
+      });
 
       return v.parse(listSchema, response.json);
     },
@@ -3251,28 +3557,38 @@ class PlApiClient {
     connect: () => {
       if (this.#socket) return this.#socket;
 
-      const path = buildFullPath('/api/v1/streaming', this.#instance?.configuration.urls.streaming, { access_token: this.accessToken });
+      const path = buildFullPath(
+        '/api/v1/streaming',
+        this.#instance?.configuration.urls.streaming,
+        { access_token: this.accessToken },
+      );
 
       const ws = new WebSocket(path, this.accessToken as any);
 
       let listeners: Array<{ listener: (event: StreamingEvent) => any; stream?: string }> = [];
       const queue: Array<() => any> = [];
 
-      const enqueue = (fn: () => any) => ws.readyState === WebSocket.CONNECTING ? queue.push(fn) : fn();
+      const enqueue = (fn: () => any) =>
+        ws.readyState === WebSocket.CONNECTING ? queue.push(fn) : fn();
 
       ws.onmessage = (event) => {
         const message = v.parse(streamingEventSchema, JSON.parse(event.data as string));
 
-        listeners.filter(({ listener, stream }) => (!stream || message.stream.includes(stream)) && listener(message));
+        listeners.filter(
+          ({ listener, stream }) =>
+            (!stream || message.stream.includes(stream)) && listener(message),
+        );
       };
 
       ws.onopen = () => {
-        queue.forEach(fn => fn());
+        queue.forEach((fn) => fn());
       };
 
       this.#socket = {
-        listen: (listener: (event: StreamingEvent) => any, stream?: string) => listeners.push({ listener, stream }),
-        unlisten: (listener: (event: StreamingEvent) => any) => listeners = listeners.filter((value) => value.listener !== listener),
+        listen: (listener: (event: StreamingEvent) => any, stream?: string) =>
+          listeners.push({ listener, stream }),
+        unlisten: (listener: (event: StreamingEvent) => any) =>
+          (listeners = listeners.filter((value) => value.listener !== listener)),
         subscribe: (stream: string, { list, tag }: { list?: string; tag?: string } = {}) =>
           enqueue(() => ws.send(JSON.stringify({ type: 'subscribe', stream, list, tag }))),
         unsubscribe: (stream: string, { list, tag }: { list?: string; tag?: string } = {}) =>
@@ -3293,20 +3609,32 @@ class PlApiClient {
      * Notifications concerning the user. This API returns Link headers containing links to the next/previous page. However, the links can also be constructed dynamically using query params and `id` values.
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#get}
      */
-    getNotifications: async (params?: GetNotificationParams, meta?: RequestMeta) => {
+    getNotifications: (params?: GetNotificationParams, meta?: RequestMeta) => {
       const PLEROMA_TYPES = [
-        'chat_mention', 'emoji_reaction', 'report', 'participation_accepted', 'participation_request', 'event_reminder', 'event_update',
+        'chat_mention',
+        'emoji_reaction',
+        'report',
+        'participation_accepted',
+        'participation_request',
+        'event_reminder',
+        'event_update',
       ];
 
-      if (params?.types) params.types = [
-        ...params.types,
-        ...params.types.filter(type => PLEROMA_TYPES.includes(type)).map(type => `pleroma:${type}`),
-      ];
+      if (params?.types)
+        params.types = [
+          ...params.types,
+          ...params.types
+            .filter((type) => PLEROMA_TYPES.includes(type))
+            .map((type) => `pleroma:${type}`),
+        ];
 
-      if (params?.exclude_types) params.exclude_types = [
-        ...params.exclude_types,
-        ...params.exclude_types.filter(type => PLEROMA_TYPES.includes(type)).map(type => `pleroma:${type}`),
-      ];
+      if (params?.exclude_types)
+        params.exclude_types = [
+          ...params.exclude_types,
+          ...params.exclude_types
+            .filter((type) => PLEROMA_TYPES.includes(type))
+            .map((type) => `pleroma:${type}`),
+        ];
 
       return this.#paginatedGet('/api/v1/notifications', { ...meta, params }, notificationSchema);
     },
@@ -3328,9 +3656,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#clear}
      */
     dismissNotifications: async () => {
-      const response = await this.request('/api/v1/notifications/clear', { method: 'POST' });
+      const response = await this.request<EmptyObject>('/api/v1/notifications/clear', {
+        method: 'POST',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3339,9 +3669,14 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#dismiss}
      */
     dismissNotification: async (notificationId: string) => {
-      const response = await this.request(`/api/v1/notifications/${notificationId}/dismiss`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/notifications/${notificationId}/dismiss`,
+        {
+          method: 'POST',
+        },
+      );
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3354,9 +3689,12 @@ class PlApiClient {
     getUnreadNotificationCount: async (params?: GetUnreadNotificationCountParams) => {
       const response = await this.request('/api/v1/notifications/unread_count', { params });
 
-      return v.parse(v.object({
-        count: v.number(),
-      }), response.json);
+      return v.parse(
+        v.object({
+          count: v.number(),
+        }),
+        response.json,
+      );
     },
 
     /**
@@ -3380,7 +3718,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#update-the-filtering-policy-for-notifications}
      */
     updateNotificationPolicy: async (params: UpdateNotificationPolicyRequest) => {
-      const response = await this.request('/api/v2/notifications/policy', { method: 'PATCH', body: params });
+      const response = await this.request('/api/v2/notifications/policy', {
+        method: 'PATCH',
+        body: params,
+      });
 
       return v.parse(notificationPolicySchema, response.json);
     },
@@ -3390,7 +3731,7 @@ class PlApiClient {
      * Notification requests for notifications filtered by the user’s policy. This API returns Link headers containing links to the next/previous page.
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#get-requests}
      */
-    getNotificationRequests: async (params?: GetNotificationRequestsParams) =>
+    getNotificationRequests: (params?: GetNotificationRequestsParams) =>
       this.#paginatedGet('/api/v1/notifications/requests', { params }, notificationRequestSchema),
 
     /**
@@ -3399,7 +3740,9 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#get-one-request}
      */
     getNotificationRequest: async (notificationRequestId: string) => {
-      const response = await this.request(`/api/v1/notifications/requests/${notificationRequestId}`);
+      const response = await this.request(
+        `/api/v1/notifications/requests/${notificationRequestId}`,
+      );
 
       return v.parse(notificationRequestSchema, response.json);
     },
@@ -3410,9 +3753,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#accept-request}
      */
     acceptNotificationRequest: async (notificationRequestId: string) => {
-      const response = await this.request(`/api/v1/notifications/requests/${notificationRequestId}/dismiss`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/notifications/requests/${notificationRequestId}/dismiss`,
+        { method: 'POST' },
+      );
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3421,9 +3767,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/notifications/#dismiss-request}
      */
     dismissNotificationRequest: async (notificationRequestId: string) => {
-      const response = await this.request(`/api/v1/notifications/requests/${notificationRequestId}/dismiss`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/notifications/requests/${notificationRequestId}/dismiss`,
+        { method: 'POST' },
+      );
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3433,9 +3782,12 @@ class PlApiClient {
      * Requires features{@link Features.notificationsRequestsAcceptMultiple}.
      */
     acceptMultipleNotificationRequests: async (notificationRequestIds: Array<string>) => {
-      const response = await this.request('/api/v1/notifications/requests/accept', { method: 'POST', body: { id: notificationRequestIds } });
+      const response = await this.request<EmptyObject>('/api/v1/notifications/requests/accept', {
+        method: 'POST',
+        body: { id: notificationRequestIds },
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3445,9 +3797,12 @@ class PlApiClient {
      * Requires features{@link Features.notificationsRequestsAcceptMultiple}.
      */
     dismissMultipleNotificationRequests: async (notificationRequestIds: Array<string>) => {
-      const response = await this.request('/api/v1/notifications/requests/dismiss', { method: 'POST', body: { id: notificationRequestIds } });
+      const response = await this.request<EmptyObject>('/api/v1/notifications/requests/dismiss', {
+        method: 'POST',
+        body: { id: notificationRequestIds },
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3459,9 +3814,12 @@ class PlApiClient {
     checkNotificationRequestsMerged: async () => {
       const response = await this.request('/api/v1/notifications/requests/merged');
 
-      return v.parse(v.object({
-        merged: v.boolean(),
-      }), response.json);
+      return v.parse(
+        v.object({
+          merged: v.boolean(),
+        }),
+        response.json,
+      );
     },
 
     /**
@@ -3471,12 +3829,12 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/differences_in_mastoapi_responses/#delete-apiv1notificationsdestroy_multiple}
      */
     dismissMultipleNotifications: async (notificationIds: string[]) => {
-      const response = await this.request('/api/v1/notifications/destroy_multiple', {
+      const response = await this.request<EmptyObject>('/api/v1/notifications/destroy_multiple', {
         params: { ids: notificationIds },
         method: 'DELETE',
       });
 
-      return response.json as {};
+      return response.json;
     },
   };
 
@@ -3493,14 +3851,28 @@ class PlApiClient {
      */
     getGroupedNotifications: async (params: GetGroupedNotificationsParams, meta?: RequestMeta) => {
       if (this.features.groupedNotifications) {
-        return this.#paginatedGet('/api/v2/notifications', { ...meta, params }, groupedNotificationsResultsSchema, false);
-      } else {
-        const response = await this.notifications.getNotifications(
-          pick(params, ['max_id', 'since_id', 'limit', 'min_id', 'types', 'exclude_types', 'account_id', 'include_filtered']),
+        return this.#paginatedGet(
+          '/api/v2/notifications',
+          { ...meta, params },
+          groupedNotificationsResultsSchema,
+          false,
         );
-
-        return this.#groupNotifications(response, params);
       }
+
+      const response = await this.notifications.getNotifications(
+        pick(params, [
+          'max_id',
+          'since_id',
+          'limit',
+          'min_id',
+          'types',
+          'exclude_types',
+          'account_id',
+          'include_filtered',
+        ]),
+      );
+
+      return this.#groupNotifications(response, params);
     },
 
     /**
@@ -3515,16 +3887,16 @@ class PlApiClient {
         const response = await this.request(`/api/v2/notifications/${groupKey}`);
 
         return v.parse(groupedNotificationsResultsSchema, response.json);
-      } else {
-        const response = await this.request(`/api/v1/notifications/${groupKey}`);
-
-        return this.#groupNotifications({
-          previous: null,
-          next: null,
-          items: [response.json],
-          partial: false,
-        }).items;
       }
+
+      const response = await this.request(`/api/v1/notifications/${groupKey}`);
+
+      return this.#groupNotifications({
+        previous: null,
+        next: null,
+        items: [response.json],
+        partial: false,
+      }).items;
     },
 
     /**
@@ -3536,12 +3908,17 @@ class PlApiClient {
      */
     dismissNotificationGroup: async (groupKey: string) => {
       if (this.features.groupedNotifications) {
-        const response = await this.request(`/api/v2/notifications/${groupKey}/dismiss`, { method: 'POST' });
+        const response = await this.request<EmptyObject>(
+          `/api/v2/notifications/${groupKey}/dismiss`,
+          {
+            method: 'POST',
+          },
+        );
 
-        return response.json as {};
-      } else {
-        return this.notifications.dismissNotification(groupKey);
+        return response.json;
       }
+
+      return this.notifications.dismissNotification(groupKey);
     },
 
     /**
@@ -3555,9 +3932,9 @@ class PlApiClient {
         const response = await this.request(`/api/v2/notifications/${groupKey}/accounts`);
 
         return v.parse(filteredArray(accountSchema), response.json);
-      } else {
-        return (await (this.groupedNotifications.getNotificationGroup(groupKey))).accounts;
       }
+
+      return (await this.groupedNotifications.getNotificationGroup(groupKey)).accounts;
     },
 
     /**
@@ -3571,14 +3948,25 @@ class PlApiClient {
       if (this.features.groupedNotifications) {
         const response = await this.request('/api/v2/notifications/unread_count', { params });
 
-        return v.parse(v.object({
-          count: v.number(),
-        }), response.json);
-      } else {
-        return this.notifications.getUnreadNotificationCount(
-          pick(params || {}, ['max_id', 'since_id', 'limit', 'min_id', 'types', 'exclude_types', 'account_id']),
+        return v.parse(
+          v.object({
+            count: v.number(),
+          }),
+          response.json,
         );
       }
+
+      return this.notifications.getUnreadNotificationCount(
+        pick(params || {}, [
+          'max_id',
+          'since_id',
+          'limit',
+          'min_id',
+          'types',
+          'exclude_types',
+          'account_id',
+        ]),
+      );
     },
   };
 
@@ -3589,7 +3977,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/push/#create}
      */
     createSubscription: async (params: CreatePushNotificationsSubscriptionParams) => {
-      const response = await this.request('/api/v1/push/subscription', { method: 'POST', body: params });
+      const response = await this.request('/api/v1/push/subscription', {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(webPushSubscriptionSchema, response.json);
     },
@@ -3611,7 +4002,10 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/push/#update}
      */
     updateSubscription: async (params: UpdatePushNotificationsSubscriptionParams) => {
-      const response = await this.request('/api/v1/push/subscription', { method: 'PUT', body: params });
+      const response = await this.request('/api/v1/push/subscription', {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(webPushSubscriptionSchema, response.json);
     },
@@ -3622,9 +4016,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/push/#delete}
      */
     deleteSubscription: async () => {
-      const response = await this.request('/api/v1/push/subscription', { method: 'DELETE' });
+      const response = await this.request<EmptyObject>('/api/v1/push/subscription', {
+        method: 'DELETE',
+      });
 
-      return response.json as {};
+      return response.json;
     },
   };
 
@@ -3660,7 +4056,10 @@ class PlApiClient {
      * @see {@link https://github.com/mkljczk/pl/blob/fork/docs/development/API/pleroma_api.md#apiv1pleromasearchlocation}
      */
     searchLocation: async (q: string, meta?: RequestMeta) => {
-      const response = await this.request('/api/v1/pleroma/search/location', { ...meta, params: { q } });
+      const response = await this.request('/api/v1/pleroma/search/location', {
+        ...meta,
+        params: { q },
+      });
 
       return v.parse(filteredArray(locationSchema), response.json);
     },
@@ -3705,12 +4104,17 @@ class PlApiClient {
     getInstanceActivity: async () => {
       const response = await this.request('/api/v1/instance/activity');
 
-      return v.parse(v.array(v.object({
-        week: v.string(),
-        statuses: v.pipe(v.unknown(), v.transform(String)),
-        logins: v.pipe(v.unknown(), v.transform(String)),
-        registrations: v.pipe(v.unknown(), v.transform(String)),
-      })), response.json);
+      return v.parse(
+        v.array(
+          v.object({
+            week: v.string(),
+            statuses: v.pipe(v.unknown(), v.transform(String)),
+            logins: v.pipe(v.unknown(), v.transform(String)),
+            registrations: v.pipe(v.unknown(), v.transform(String)),
+          }),
+        ),
+        response.json,
+      );
     },
 
     /**
@@ -3758,10 +4162,15 @@ class PlApiClient {
           target: Array<{ code: string; name: string }>;
         }>('/api/v1/akkoma/translation/languages');
 
-        return Object.fromEntries(response.json.source.map(source => [
-          source.code.toLocaleLowerCase(),
-          response.json.target.map(lang => lang.code).filter(lang => lang !== source.code).map(lang => lang.toLocaleLowerCase()),
-        ]));
+        return Object.fromEntries(
+          response.json.source.map((source) => [
+            source.code.toLocaleLowerCase(),
+            response.json.target
+              .map((lang) => lang.code)
+              .filter((lang) => lang !== source.code)
+              .map((lang) => lang.toLocaleLowerCase()),
+          ]),
+        );
       }
 
       const response = await this.request('/api/v1/instance/translation_languages');
@@ -3803,7 +4212,8 @@ class PlApiClient {
 
       switch (this.features.version.software) {
         case MITRA:
-          response = (await this.request('/api/v1/accounts/verify_credentials')).json?.client_config;
+          response = (await this.request('/api/v1/accounts/verify_credentials')).json
+            ?.client_config;
           break;
         default:
           response = (await this.request('/api/pleroma/frontend_configurations')).json;
@@ -3835,10 +4245,10 @@ class PlApiClient {
     },
 
     /**
-      * View a specific version of the terms of service
-      * Obtain the contents of this server's terms of service, for a specified date, if configured.
-      * @see {@link https://docs.joinmastodon.org/methods/instance/terms_of_service_date}
-      */
+     * View a specific version of the terms of service
+     * Obtain the contents of this server's terms of service, for a specified date, if configured.
+     * @see {@link https://docs.joinmastodon.org/methods/instance/terms_of_service_date}
+     */
     getInstanceTermsOfServiceForDate: async (date: string) => {
       const response = await this.request(`/api/v1/instance/terms_of_service/${date}`);
 
@@ -3854,7 +4264,9 @@ class PlApiClient {
      */
     getTrendingTags: async (params?: GetTrendingTags) => {
       const response = await this.request(
-        this.features.version.software === PIXELFED ? '/api/v1.1/discover/posts/hashtags' : '/api/v1/trends/tags',
+        this.features.version.software === PIXELFED
+          ? '/api/v1.1/discover/posts/hashtags'
+          : '/api/v1/trends/tags',
         { params },
       );
 
@@ -3868,7 +4280,9 @@ class PlApiClient {
      */
     getTrendingStatuses: async (params?: GetTrendingStatuses) => {
       const response = await this.request(
-        this.features.version.software === PIXELFED ? '/api/pixelfed/v2/discover/posts/trending' : '/api/v1/trends/statuses',
+        this.features.version.software === PIXELFED
+          ? '/api/pixelfed/v2/discover/posts/trending'
+          : '/api/v1/trends/statuses',
         { params },
       );
 
@@ -3905,9 +4319,11 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/announcements/#dismiss}
      */
     dismissAnnouncements: async (announcementId: string) => {
-      const response = await this.request(`/api/v1/announcements/${announcementId}`, { method: 'POST' });
+      const response = await this.request<EmptyObject>(`/api/v1/announcements/${announcementId}`, {
+        method: 'POST',
+      });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3916,9 +4332,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/announcements/#put-reactions}
      */
     addAnnouncementReaction: async (announcementId: string, emoji: string) => {
-      const response = await this.request(`/api/v1/announcements/${announcementId}/reactions/${emoji}`, { method: 'PUT' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/announcements/${announcementId}/reactions/${emoji}`,
+        { method: 'PUT' },
+      );
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -3927,9 +4346,12 @@ class PlApiClient {
      * @see {@link https://docs.joinmastodon.org/methods/announcements/#delete-reactions}
      */
     deleteAnnouncementReaction: async (announcementId: string, emoji: string) => {
-      const response = await this.request(`/api/v1/announcements/${announcementId}/reactions/${emoji}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/announcements/${announcementId}/reactions/${emoji}`,
+        { method: 'DELETE' },
+      );
 
-      return response.json as {};
+      return response.json;
     },
   };
 
@@ -3954,26 +4376,32 @@ class PlApiClient {
        * View all accounts, optionally matching certain criteria for filtering, up to 100 at a time.
        * @see {@link https://docs.joinmastodon.org/methods/admin/accounts/#v2}
        */
-      getAccounts: async (params?: AdminGetAccountsParams) => {
+      getAccounts: (params?: AdminGetAccountsParams) => {
         if (this.features.mastodonAdminV2) {
           return this.#paginatedGet('/api/v2/admin/accounts', { params }, adminAccountSchema);
-        } else {
-          return this.#paginatedPleromaAccounts(params ? {
-            query: params.username,
-            name: params.display_name,
-            email: params.email,
-            filters: [
-              params.origin === 'local' && 'local',
-              params.origin === 'remote' && 'external',
-              params.status === 'active' && 'active',
-              params.status === 'pending' && 'need_approval',
-              params.status === 'disabled' && 'deactivated',
-              params.permissions === 'staff' && 'is_admin',
-              params.permissions === 'staff' && 'is_moderator',
-            ].filter(filter => filter).join(','),
-            page_size: 100,
-          } : { page_size: 100 });
         }
+
+        return this.#paginatedPleromaAccounts(
+          params
+            ? {
+                query: params.username,
+                name: params.display_name,
+                email: params.email,
+                filters: [
+                  params.origin === 'local' && 'local',
+                  params.origin === 'remote' && 'external',
+                  params.status === 'active' && 'active',
+                  params.status === 'pending' && 'need_approval',
+                  params.status === 'disabled' && 'deactivated',
+                  params.permissions === 'staff' && 'is_admin',
+                  params.permissions === 'staff' && 'is_moderator',
+                ]
+                  .filter((filter) => filter)
+                  .join(','),
+                page_size: 100,
+              }
+            : { page_size: 100 },
+        );
       },
 
       /**
@@ -4002,11 +4430,16 @@ class PlApiClient {
         let response;
 
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}/approve`, { method: 'POST' });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}/approve`, {
+            method: 'POST',
+          });
         } else {
           const account = await this.admin.accounts.getAccount(accountId)!;
 
-          response = await this.request('/api/v1/pleroma/admin/users/approve', { method: 'PATCH', body: { nicknames: [account.username] } });
+          response = await this.request('/api/v1/pleroma/admin/users/approve', {
+            method: 'PATCH',
+            body: { nicknames: [account.username] },
+          });
           response.json = response.json?.users?.[0];
         }
 
@@ -4022,13 +4455,18 @@ class PlApiClient {
         let response;
 
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}/reject`, { method: 'POST' });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}/reject`, {
+            method: 'POST',
+          });
         } else {
           const account = await this.admin.accounts.getAccount(accountId)!;
 
-          response = await this.request('/api/v1/pleroma/admin/users', { method: 'DELETE', body: {
-            nicknames: [account.username],
-          } });
+          response = await this.request('/api/v1/pleroma/admin/users', {
+            method: 'DELETE',
+            body: {
+              nicknames: [account.username],
+            },
+          });
         }
 
         return v.safeParse(adminAccountSchema, response.json).output || {};
@@ -4038,12 +4476,18 @@ class PlApiClient {
        * Requires features{@link Features.pleromaAdminAccounts}.
        */
       createAccount: async (params: AdminCreateAccountParams) => {
-        const response = await this.request('/api/v1/pleroma/admin/users', { method: 'POST', body: { users: [params] } });
+        const response = await this.request('/api/v1/pleroma/admin/users', {
+          method: 'POST',
+          body: { users: [params] },
+        });
 
-        return v.parse(v.object({
-          nickname: v.string(),
-          email: v.string(),
-        }), response.json[0]?.data);
+        return v.parse(
+          v.object({
+            nickname: v.string(),
+            email: v.string(),
+          }),
+          response.json[0]?.data,
+        );
       },
 
       /**
@@ -4055,13 +4499,18 @@ class PlApiClient {
         let response;
 
         if (this.features.mastodonAdmin || this.features.version.software === MITRA) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}`, { method: 'DELETE' });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}`, {
+            method: 'DELETE',
+          });
         } else {
           const account = await this.admin.accounts.getAccount(accountId)!;
 
-          response = await this.request('/api/v1/pleroma/admin/users', { method: 'DELETE', body: {
-            nicknames: [account.username],
-          } });
+          response = await this.request('/api/v1/pleroma/admin/users', {
+            method: 'DELETE',
+            body: {
+              nicknames: [account.username],
+            },
+          });
         }
 
         return v.safeParse(adminAccountSchema, response.json).output || {};
@@ -4072,18 +4521,26 @@ class PlApiClient {
        * Perform an action against an account and log this action in the moderation history. Also resolves any open reports against this account.
        * @see {@link https://docs.joinmastodon.org/methods/admin/accounts/#action}
        */
-      performAccountAction: async (accountId: string, type: AdminAccountAction, params?: AdminPerformAccountActionParams) => {
+      performAccountAction: async (
+        accountId: string,
+        type: AdminAccountAction,
+        params?: AdminPerformAccountActionParams,
+      ) => {
         let response;
 
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}/action`, { body: { ...params, type } });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}/action`, {
+            body: { ...params, type },
+          });
         } else {
           const account = await this.admin.accounts.getAccount(accountId)!;
 
           switch (type) {
             case 'disable':
             case 'suspend':
-              response = await this.request('/api/v1/pleroma/admin/users/deactivate', { body: { nicknames: [account.username] } });
+              response = await this.request<EmptyObject>('/api/v1/pleroma/admin/users/deactivate', {
+                body: { nicknames: [account.username] },
+              });
               break;
             default:
               response = { json: {} };
@@ -4092,7 +4549,7 @@ class PlApiClient {
           if (params?.report_id) await this.admin.reports.resolveReport(params.report_id);
         }
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4104,10 +4561,15 @@ class PlApiClient {
         let response;
 
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}/enable`, { method: 'POST' });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}/enable`, {
+            method: 'POST',
+          });
         } else {
           const account = await this.admin.accounts.getAccount(accountId)!;
-          response = await this.request('/api/v1/pleroma/admin/users/activate', { method: 'PATCH', body: { nicknames: [account.username] } });
+          response = await this.request('/api/v1/pleroma/admin/users/activate', {
+            method: 'PATCH',
+            body: { nicknames: [account.username] },
+          });
           response.json = response.json?.users?.[0];
         }
 
@@ -4120,7 +4582,9 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/accounts/#unsilence}
        */
       unsilenceAccount: async (accountId: string) => {
-        const response = await this.request(`/api/v1/admin/accounts/${accountId}/unsilence`, { method: 'POST' });
+        const response = await this.request(`/api/v1/admin/accounts/${accountId}/unsilence`, {
+          method: 'POST',
+        });
 
         return v.parse(adminAccountSchema, response.json);
       },
@@ -4134,11 +4598,16 @@ class PlApiClient {
         let response;
 
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/accounts/${accountId}/unsuspend`, { method: 'POST' });
+          response = await this.request(`/api/v1/admin/accounts/${accountId}/unsuspend`, {
+            method: 'POST',
+          });
         } else {
           const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-          response = await this.request('/api/v1/pleroma/admin/users/activate', { method: 'PATCH', body: { nicknames: [account!.acct] } });
+          response = await this.request('/api/v1/pleroma/admin/users/activate', {
+            method: 'PATCH',
+            body: { nicknames: [account!.acct] },
+          });
           response.json = response.json?.users?.[0];
         }
 
@@ -4151,7 +4620,9 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/accounts/#unsensitive}
        */
       unsensitiveAccount: async (accountId: string) => {
-        const response = await this.request(`/api/v1/admin/accounts/${accountId}/unsensitive`, { method: 'POST' });
+        const response = await this.request(`/api/v1/admin/accounts/${accountId}/unsensitive`, {
+          method: 'POST',
+        });
 
         return v.parse(adminAccountSchema, response.json);
       },
@@ -4162,16 +4633,19 @@ class PlApiClient {
       promoteToAdmin: async (accountId: string) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        await this.request('/api/v1/pleroma/admin/users/permission_group/moderator', {
+        await this.request<EmptyObject>('/api/v1/pleroma/admin/users/permission_group/moderator', {
           method: 'DELETE',
           body: { nicknames: [account!.acct] },
         });
-        const response = await this.request('/api/v1/pleroma/admin/users/permission_group/admin', {
-          method: 'POST',
-          body: { nicknames: [account!.acct] },
-        });
+        const response = await this.request<EmptyObject>(
+          '/api/v1/pleroma/admin/users/permission_group/admin',
+          {
+            method: 'POST',
+            body: { nicknames: [account!.acct] },
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4180,12 +4654,19 @@ class PlApiClient {
       promoteToModerator: async (accountId: string) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        await this.request('/api/v1/pleroma/admin/users/permission_group/admin', {
-          method: 'DELETE', body: { nicknames: [account!.acct] } });
-        const response = await this.request('/api/v1/pleroma/admin/users/permission_group/moderator', {
-          method: 'POST', body: { nicknames: [account!.acct] } });
+        await this.request<EmptyObject>('/api/v1/pleroma/admin/users/permission_group/admin', {
+          method: 'DELETE',
+          body: { nicknames: [account!.acct] },
+        });
+        const response = await this.request<EmptyObject>(
+          '/api/v1/pleroma/admin/users/permission_group/moderator',
+          {
+            method: 'POST',
+            body: { nicknames: [account!.acct] },
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4194,16 +4675,19 @@ class PlApiClient {
       demoteToUser: async (accountId: string) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        await this.request('/api/v1/pleroma/admin/users/permission_group/moderator', {
-          method: 'DELETE',
-          body: { nicknames: [account!.acct] },
-        });
-        const response = await this.request('/api/v1/pleroma/admin/users/permission_group/admin', {
+        await this.request<EmptyObject>('/api/v1/pleroma/admin/users/permission_group/moderator', {
           method: 'DELETE',
           body: { nicknames: [account!.acct] },
         });
+        const response = await this.request<EmptyObject>(
+          '/api/v1/pleroma/admin/users/permission_group/admin',
+          {
+            method: 'DELETE',
+            body: { nicknames: [account!.acct] },
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4215,12 +4699,12 @@ class PlApiClient {
       suggestUser: async (accountId: string) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        const response = await this.request('/api/v1/pleroma/admin/users/suggest', {
+        const response = await this.request<EmptyObject>('/api/v1/pleroma/admin/users/suggest', {
           method: 'PATCH',
           body: { nicknames: [account!.acct] },
         });
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4232,12 +4716,12 @@ class PlApiClient {
       unsuggestUser: async (accountId: string) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        const response = await this.request('/api/v1/pleroma/admin/users/unsuggest', {
+        const response = await this.request<EmptyObject>('/api/v1/pleroma/admin/users/unsuggest', {
           method: 'PATCH',
           body: { nicknames: [account!.acct] },
         });
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4249,12 +4733,12 @@ class PlApiClient {
       tagUser: async (accountId: string, tags: Array<string>) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        const response = await this.request('/api/v1/pleroma/admin/users/tag', {
+        const response = await this.request<EmptyObject>('/api/v1/pleroma/admin/users/tag', {
           method: 'PUT',
           body: { nicknames: [account!.acct], tags },
         });
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
@@ -4266,12 +4750,12 @@ class PlApiClient {
       untagUser: async (accountId: string, tags: Array<string>) => {
         const { account } = await this.admin.accounts.getAccount(accountId)!;
 
-        const response = await this.request('/api/v1/pleroma/admin/users/tag', {
+        const response = await this.request<EmptyObject>('/api/v1/pleroma/admin/users/tag', {
           method: 'DELETE',
           body: { nicknames: [account!.acct], tags },
         });
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4330,11 +4814,14 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/domain_blocks/#delete}
        */
       deleteDomainBlock: async (domainBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/domain_blocks/${domainBlockId}`, {
-          method: 'DELETE',
-        });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/admin/domain_blocks/${domainBlockId}`,
+          {
+            method: 'DELETE',
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4345,19 +4832,23 @@ class PlApiClient {
        * View information about all reports.
        * @see {@link https://docs.joinmastodon.org/methods/admin/reports/#get}
        */
-      getReports: async (params?: AdminGetReportsParams) => {
+      getReports: (params?: AdminGetReportsParams) => {
         if (this.features.mastodonAdmin) {
-          if (params?.resolved === undefined && (this.features.version.software === GOTOSOCIAL || this.features.version.software === PLEROMA)) {
+          if (
+            params?.resolved === undefined &&
+            (this.features.version.software === GOTOSOCIAL ||
+              this.features.version.software === PLEROMA)
+          ) {
             if (!params) params = {};
             params.resolved = false;
           }
           return this.#paginatedGet('/api/v1/admin/reports', { params }, adminReportSchema);
-        } else {
-          return this.#paginatedPleromaReports({
-            state: params?.resolved === true ? 'resolved' : 'open',
-            page_size: params?.limit || 100,
-          });
         }
+
+        return this.#paginatedPleromaReports({
+          state: params?.resolved === true ? 'resolved' : 'open',
+          page_size: params?.limit || 100,
+        });
       },
 
       /**
@@ -4381,7 +4872,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/reports/#update}
        */
       updateReport: async (reportId: string, params: AdminUpdateReportParams) => {
-        const response = await this.request(`/api/v1/admin/reports/${reportId}`, { method: 'PUT', body: params });
+        const response = await this.request(`/api/v1/admin/reports/${reportId}`, {
+          method: 'PUT',
+          body: params,
+        });
 
         return v.parse(adminReportSchema, response.json);
       },
@@ -4392,7 +4886,9 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/reports/#assign_to_self}
        */
       assignReportToSelf: async (reportId: string) => {
-        const response = await this.request(`/api/v1/admin/reports/${reportId}/assign_to_self`, { method: 'POST' });
+        const response = await this.request(`/api/v1/admin/reports/${reportId}/assign_to_self`, {
+          method: 'POST',
+        });
 
         return v.parse(adminReportSchema, response.json);
       },
@@ -4403,7 +4899,9 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/reports/#unassign}
        */
       unassignReport: async (reportId: string) => {
-        const response = await this.request(`/api/v1/admin/reports/${reportId}/unassign`, { method: 'POST' });
+        const response = await this.request(`/api/v1/admin/reports/${reportId}/unassign`, {
+          method: 'POST',
+        });
 
         return v.parse(adminReportSchema, response.json);
       },
@@ -4420,7 +4918,10 @@ class PlApiClient {
       resolveReport: async (reportId: string, action_taken_comment?: string) => {
         let response;
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/reports/${reportId}/resolve`, { method: 'POST', body: { action_taken_comment } });
+          response = await this.request(`/api/v1/admin/reports/${reportId}/resolve`, {
+            method: 'POST',
+            body: { action_taken_comment },
+          });
         } else {
           response = await this.request(`/api/v1/pleroma/admin/reports/${reportId}`, {
             method: 'PATCH',
@@ -4439,7 +4940,9 @@ class PlApiClient {
       reopenReport: async (reportId: string) => {
         let response;
         if (this.features.mastodonAdmin) {
-          response = await this.request(`/api/v1/admin/reports/${reportId}/reopen`, { method: 'POST' });
+          response = await this.request(`/api/v1/admin/reports/${reportId}/reopen`, {
+            method: 'POST',
+          });
         } else {
           response = await this.request(`/api/v1/pleroma/admin/reports/${reportId}`, {
             method: 'PATCH',
@@ -4460,20 +4963,21 @@ class PlApiClient {
        * Requires features{@link Features.pleromaAdminStatuses}.
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminstatuses}
        */
-      getStatuses: async (params?: AdminGetStatusesParams) => this.#paginatedPleromaStatuses({
-        page_size: params?.limit || 100,
-        page: 1,
-        local_only: params?.local_only,
-        with_reblogs: params?.with_reblogs,
-        godmode: params?.with_private,
-      }),
+      getStatuses: (params?: AdminGetStatusesParams) =>
+        this.#paginatedPleromaStatuses({
+          page_size: params?.limit || 100,
+          page: 1,
+          local_only: params?.local_only,
+          with_reblogs: params?.with_reblogs,
+          godmode: params?.with_private,
+        }),
 
       /**
        * Show status by id
        *
        * Requires features{@link Features.pleromaAdminStatuses}.
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminstatusesid}
-      */
+       */
       getStatus: async (statusId: string) => {
         const response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}`);
 
@@ -4487,7 +4991,10 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#put-apiv1pleromaadminstatusesid}
        */
       updateStatus: async (statusId: string, params: AdminUpdateStatusParams) => {
-        const response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}`, { method: 'PUT', body: params });
+        const response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}`, {
+          method: 'PUT',
+          body: params,
+        });
 
         return v.parse(statusSchema, response.json);
       },
@@ -4502,19 +5009,29 @@ class PlApiClient {
         let response;
 
         if (this.features.version.software === MITRA) {
-          response = await this.request(`/api/v1/admin/posts/${statusId}`, { method: 'DELETE' });
+          response = await this.request<EmptyObject>(`/api/v1/admin/posts/${statusId}`, {
+            method: 'DELETE',
+          });
         } else {
-          response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}`, { method: 'DELETE' });
+          response = await this.request<EmptyObject>(`/api/v1/pleroma/admin/statuses/${statusId}`, {
+            method: 'DELETE',
+          });
         }
 
-        return response.json as {};
+        return response.json;
       },
 
       /**
        * Requires features{@link Features.pleromaAdminStatusesRedact}
        */
-      redactStatus: async (statusId: string, params: EditStatusParams & { overwrite?: boolean }) => {
-        const response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}/redact`, { method: 'PATCH', body: params });
+      redactStatus: async (
+        statusId: string,
+        params: EditStatusParams & { overwrite?: boolean },
+      ) => {
+        const response = await this.request(`/api/v1/pleroma/admin/statuses/${statusId}/redact`, {
+          method: 'PATCH',
+          body: params,
+        });
 
         return v.parse(statusSchema, response.json);
       },
@@ -4570,15 +5087,21 @@ class PlApiClient {
        * List all canonical email blocks
        * @see {@link https://docs.joinmastodon.org/methods/admin/canonical_email_blocks/#get}
        */
-      getCanonicalEmailBlocks: async (params?: AdminGetCanonicalEmailBlocks) =>
-        this.#paginatedGet('/api/v1/admin/canonical_email_blocks', { params }, adminCanonicalEmailBlockSchema),
+      getCanonicalEmailBlocks: (params?: AdminGetCanonicalEmailBlocks) =>
+        this.#paginatedGet(
+          '/api/v1/admin/canonical_email_blocks',
+          { params },
+          adminCanonicalEmailBlockSchema,
+        ),
 
       /**
        * Show a single canonical email block
        * @see {@link https://docs.joinmastodon.org/methods/admin/canonical_email_blocks/#get-one}
        */
       getCanonicalEmailBlock: async (canonicalEmailBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/canonical_email_blocks/${canonicalEmailBlockId}`);
+        const response = await this.request(
+          `/api/v1/admin/canonical_email_blocks/${canonicalEmailBlockId}`,
+        );
 
         return v.parse(adminCanonicalEmailBlockSchema, response.json);
       },
@@ -4589,7 +5112,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/canonical_email_blocks/#test}
        */
       testCanonicalEmailBlock: async (email: string) => {
-        const response = await this.request('/api/v1/admin/canonical_email_blocks/test', { method: 'POST', body: { email } });
+        const response = await this.request('/api/v1/admin/canonical_email_blocks/test', {
+          method: 'POST',
+          body: { email },
+        });
 
         return v.parse(filteredArray(adminCanonicalEmailBlockSchema), response.json);
       },
@@ -4599,7 +5125,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/canonical_email_blocks/#create}
        */
       createCanonicalEmailBlock: async (email: string, canonical_email_hash?: string) => {
-        const response = await this.request('/api/v1/admin/canonical_email_blocks', { method: 'POST', body: { email, canonical_email_hash } });
+        const response = await this.request('/api/v1/admin/canonical_email_blocks', {
+          method: 'POST',
+          body: { email, canonical_email_hash },
+        });
 
         return v.parse(filteredArray(adminCanonicalEmailBlockSchema), response.json);
       },
@@ -4609,9 +5138,12 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/canonical_email_blocks/#delete}
        */
       deleteCanonicalEmailBlock: async (canonicalEmailBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/canonical_email_blocks/${canonicalEmailBlockId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/admin/canonical_email_blocks/${canonicalEmailBlockId}`,
+          { method: 'DELETE' },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4623,7 +5155,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/dimensions/#get}
        */
       getDimensions: async (keys: AdminDimensionKey[], params?: AdminGetDimensionsParams) => {
-        const response = await this.request('/api/v1/admin/dimensions', { method: 'POST', params: { ...params, keys } });
+        const response = await this.request('/api/v1/admin/dimensions', {
+          method: 'POST',
+          params: { ...params, keys },
+        });
 
         return v.parse(filteredArray(adminDimensionSchema), response.json);
       },
@@ -4656,7 +5191,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/domain_allows/#create}
        */
       createDomainAllow: async (domain: string) => {
-        const response = await this.request('/api/v1/admin/domain_allows', { method: 'POST', body: { domain } });
+        const response = await this.request('/api/v1/admin/domain_allows', {
+          method: 'POST',
+          body: { domain },
+        });
 
         return v.parse(adminDomainAllowSchema, response.json);
       },
@@ -4667,9 +5205,14 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/domain_allows/#delete}
        */
       deleteDomainAllow: async (domainAllowId: string) => {
-        const response = await this.request(`/api/v1/admin/domain_allows/${domainAllowId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/admin/domain_allows/${domainAllowId}`,
+          {
+            method: 'DELETE',
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4681,7 +5224,11 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/email_domain_blocks/#get}
        */
       getEmailDomainBlocks: (params?: AdminGetEmailDomainBlocksParams) =>
-        this.#paginatedGet('/api/v1/admin/email_domain_blocks', { params }, adminEmailDomainBlockSchema),
+        this.#paginatedGet(
+          '/api/v1/admin/email_domain_blocks',
+          { params },
+          adminEmailDomainBlockSchema,
+        ),
 
       /**
        * Get a single blocked email domain
@@ -4689,7 +5236,9 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/email_domain_blocks/#get-one}
        */
       getEmailDomainBlock: async (emailDomainBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/email_domain_blocks/${emailDomainBlockId}`);
+        const response = await this.request(
+          `/api/v1/admin/email_domain_blocks/${emailDomainBlockId}`,
+        );
 
         return v.parse(adminEmailDomainBlockSchema, response.json);
       },
@@ -4700,7 +5249,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/email_domain_blocks/#create}
        */
       createEmailDomainBlock: async (domain: string) => {
-        const response = await this.request('/api/v1/admin/email_domain_blocks', { method: 'POST', body: { domain } });
+        const response = await this.request('/api/v1/admin/email_domain_blocks', {
+          method: 'POST',
+          body: { domain },
+        });
 
         return v.parse(adminEmailDomainBlockSchema, response.json);
       },
@@ -4711,9 +5263,12 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/email_domain_blocks/#delete}
        */
       deleteEmailDomainBlock: async (emailDomainBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/email_domain_blocks/${emailDomainBlockId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/admin/email_domain_blocks/${emailDomainBlockId}`,
+          { method: 'DELETE' },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4744,7 +5299,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/ip_blocks/#create}
        */
       createIpBlock: async (params: AdminCreateIpBlockParams) => {
-        const response = await this.request('/api/v1/admin/ip_blocks', { method: 'POST', body: params });
+        const response = await this.request('/api/v1/admin/ip_blocks', {
+          method: 'POST',
+          body: params,
+        });
 
         return v.parse(adminIpBlockSchema, response.json);
       },
@@ -4755,7 +5313,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/ip_blocks/#update}
        */
       updateIpBlock: async (ipBlockId: string, params: AdminCreateIpBlockParams) => {
-        const response = await this.request(`/api/v1/admin/ip_blocks/${ipBlockId}`, { method: 'POST', body: params });
+        const response = await this.request(`/api/v1/admin/ip_blocks/${ipBlockId}`, {
+          method: 'POST',
+          body: params,
+        });
 
         return v.parse(adminIpBlockSchema, response.json);
       },
@@ -4766,9 +5327,11 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/ip_blocks/#delete}
        */
       deleteIpBlock: async (ipBlockId: string) => {
-        const response = await this.request(`/api/v1/admin/ip_blocks/${ipBlockId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(`/api/v1/admin/ip_blocks/${ipBlockId}`, {
+          method: 'DELETE',
+        });
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4779,8 +5342,16 @@ class PlApiClient {
        * Obtain quantitative metrics about the server.
        * @see {@link https://docs.joinmastodon.org/methods/admin/measures/#get}
        */
-      getMeasures: async (keys: AdminMeasureKey[], start_at: string, end_at: string, params?: AdminGetMeasuresParams) => {
-        const response = await this.request('/api/v1/admin/measures', { method: 'POST', params: { ...params, keys, start_at, end_at } });
+      getMeasures: async (
+        keys: AdminMeasureKey[],
+        start_at: string,
+        end_at: string,
+        params?: AdminGetMeasuresParams,
+      ) => {
+        const response = await this.request('/api/v1/admin/measures', {
+          method: 'POST',
+          params: { ...params, keys, start_at, end_at },
+        });
 
         return v.parse(filteredArray(adminMeasureSchema), response.json);
       },
@@ -4795,7 +5366,10 @@ class PlApiClient {
        * @see {@link https://docs.joinmastodon.org/methods/admin/retention/#create}
        */
       getRetention: async (start_at: string, end_at: string, frequency: 'day' | 'month') => {
-        const response = await this.request('/api/v1/admin/retention', { method: 'POST', params: { start_at, end_at, frequency } });
+        const response = await this.request('/api/v1/admin/retention', {
+          method: 'POST',
+          params: { start_at, end_at, frequency },
+        });
 
         return v.parse(filteredArray(adminCohortSchema), response.json);
       },
@@ -4808,14 +5382,22 @@ class PlApiClient {
        * Requires features{@link Features.pleromaAdminAnnouncements}.
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminannouncements}
        */
-      getAnnouncements: async (params?: AdminGetAnnouncementsParams): Promise<PaginatedResponse<AdminAnnouncement>> => {
+      getAnnouncements: async (
+        params?: AdminGetAnnouncementsParams,
+      ): Promise<PaginatedResponse<AdminAnnouncement>> => {
         const response = await this.request('/api/v1/pleroma/admin/announcements', { params });
 
         const items = v.parse(filteredArray(adminAnnouncementSchema), response.json);
 
         return {
           previous: null,
-          next: items.length ? () => this.admin.announcements.getAnnouncements({ ...params, offset: (params?.offset || 0) + items.length }) : null,
+          next: items.length
+            ? () =>
+                this.admin.announcements.getAnnouncements({
+                  ...params,
+                  offset: (params?.offset || 0) + items.length,
+                })
+            : null,
           items,
           partial: false,
         };
@@ -4828,7 +5410,9 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminannouncementsid}
        */
       getAnnouncement: async (announcementId: string) => {
-        const response = await this.request(`/api/v1/pleroma/admin/announcements/${announcementId}`);
+        const response = await this.request(
+          `/api/v1/pleroma/admin/announcements/${announcementId}`,
+        );
 
         return v.parse(adminAnnouncementSchema, response.json);
       },
@@ -4840,7 +5424,10 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#post-apiv1pleromaadminannouncements}
        */
       createAnnouncement: async (params: AdminCreateAnnouncementParams) => {
-        const response = await this.request('/api/v1/pleroma/admin/announcements', { method: 'POST', body: params });
+        const response = await this.request('/api/v1/pleroma/admin/announcements', {
+          method: 'POST',
+          body: params,
+        });
 
         return v.parse(adminAnnouncementSchema, response.json);
       },
@@ -4852,7 +5439,10 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#patch-apiv1pleromaadminannouncementsid}
        */
       updateAnnouncement: async (announcementId: string, params: AdminUpdateAnnouncementParams) => {
-        const response = await this.request(`/api/v1/pleroma/admin/announcements/${announcementId}`, { method: 'PATCH', body: params });
+        const response = await this.request(
+          `/api/v1/pleroma/admin/announcements/${announcementId}`,
+          { method: 'PATCH', body: params },
+        );
 
         return v.parse(adminAnnouncementSchema, response.json);
       },
@@ -4864,9 +5454,12 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#delete-apiv1pleromaadminannouncementsid}
        */
       deleteAnnouncement: async (announcementId: string) => {
-        const response = await this.request(`/api/v1/pleroma/admin/announcements/${announcementId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/pleroma/admin/announcements/${announcementId}`,
+          { method: 'DELETE' },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4888,7 +5481,10 @@ class PlApiClient {
        * Requires features{@link Features.domains}.
        */
       createDomain: async (params: AdminCreateDomainParams) => {
-        const response = await this.request('/api/v1/pleroma/admin/domains', { method: 'POST', body: params });
+        const response = await this.request('/api/v1/pleroma/admin/domains', {
+          method: 'POST',
+          body: params,
+        });
 
         return v.parse(adminDomainSchema, response.json);
       },
@@ -4899,7 +5495,10 @@ class PlApiClient {
        * Requires features{@link Features.domains}.
        */
       updateDomain: async (domainId: string, isPublic: boolean) => {
-        const response = await this.request(`/api/v1/pleroma/admin/domains/${domainId}`, { method: 'PATCH', body: { public: isPublic } });
+        const response = await this.request(`/api/v1/pleroma/admin/domains/${domainId}`, {
+          method: 'PATCH',
+          body: { public: isPublic },
+        });
 
         return v.parse(adminDomainSchema, response.json);
       },
@@ -4910,9 +5509,14 @@ class PlApiClient {
        * Requires features{@link Features.domains}.
        */
       deleteDomain: async (domainId: string) => {
-        const response = await this.request(`/api/v1/pleroma/admin/domains/${domainId}`, { method: 'DELETE' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/pleroma/admin/domains/${domainId}`,
+          {
+            method: 'DELETE',
+          },
+        );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -4922,15 +5526,30 @@ class PlApiClient {
        *
        * Requires features{@link Features.pleromaAdminModerationLog}.
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminmoderation_log}
-      */
-      getModerationLog: async ({ limit, ...params }: AdminGetModerationLogParams = {}): Promise<PaginatedResponse<AdminModerationLogEntry>> => {
-        const response = await this.request('/api/v1/pleroma/admin/moderation_log', { params: { page_size: limit, ...params } });
+       */
+      getModerationLog: async ({ limit, ...params }: AdminGetModerationLogParams = {}): Promise<
+        PaginatedResponse<AdminModerationLogEntry>
+      > => {
+        const response = await this.request('/api/v1/pleroma/admin/moderation_log', {
+          params: { page_size: limit, ...params },
+        });
 
         const items = v.parse(filteredArray(adminModerationLogEntrySchema), response.json.items);
 
         return {
-          previous: (params.page && params.page > 1) ? () => this.admin.moderationLog.getModerationLog({ ...params, page: params.page! - 1 }) : null,
-          next: response.json.total > (params.page || 1) * (limit || 50) ? () => this.admin.moderationLog.getModerationLog({ ...params, page: (params.page || 1) + 1 }) : null,
+          previous:
+            params.page && params.page > 1
+              ? () =>
+                  this.admin.moderationLog.getModerationLog({ ...params, page: params.page! - 1 })
+              : null,
+          next:
+            response.json.total > (params.page || 1) * (limit || 50)
+              ? () =>
+                  this.admin.moderationLog.getModerationLog({
+                    ...params,
+                    page: (params.page || 1) + 1,
+                  })
+              : null,
           items,
           partial: response.status === 206,
         };
@@ -4957,7 +5576,10 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#post-apiv1pleromaadminrelay}
        */
       followRelay: async (relayUrl: string) => {
-        const response = await this.request('/api/v1/pleroma/admin/relay', { method: 'POST', body: { relay_url: relayUrl } });
+        const response = await this.request('/api/v1/pleroma/admin/relay', {
+          method: 'POST',
+          body: { relay_url: relayUrl },
+        });
 
         return v.parse(adminRelaySchema, response.json);
       },
@@ -4969,7 +5591,10 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#delete-apiv1pleromaadminrelay}
        */
       unfollowRelay: async (relayUrl: string, force = false) => {
-        const response = await this.request('/api/v1/pleroma/admin/relay', { method: 'DELETE', body: { relay_url: relayUrl, force } });
+        const response = await this.request('/api/v1/pleroma/admin/relay', {
+          method: 'DELETE',
+          body: { relay_url: relayUrl, force },
+        });
 
         return v.parse(adminRelaySchema, response.json);
       },
@@ -4983,7 +5608,11 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminrules}
        */
       getRules: async () => {
-        const response = await this.request(this.features.version.software === GOTOSOCIAL ? '/api/v1/admin/instance/rules' : '/api/v1/pleroma/admin/rules');
+        const response = await this.request(
+          this.features.version.software === GOTOSOCIAL
+            ? '/api/v1/admin/instance/rules'
+            : '/api/v1/pleroma/admin/rules',
+        );
 
         return v.parse(filteredArray(adminRuleSchema), response.json);
       },
@@ -4996,7 +5625,9 @@ class PlApiClient {
        */
       createRule: async (params: AdminCreateRuleParams) => {
         const response = await this.request(
-          this.features.version.software === GOTOSOCIAL ? '/api/v1/admin/instance/rules' : '/api/v1/pleroma/admin/rules',
+          this.features.version.software === GOTOSOCIAL
+            ? '/api/v1/admin/instance/rules'
+            : '/api/v1/pleroma/admin/rules',
           { method: 'POST', body: params },
         );
 
@@ -5025,12 +5656,12 @@ class PlApiClient {
        * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#delete-apiv1pleromaadminrulesid}
        */
       deleteRule: async (ruleId: string) => {
-        const response = await this.request(
+        const response = await this.request<EmptyObject>(
           `/api/v1/${this.features.version.software === GOTOSOCIAL ? 'admin/instance' : 'pleroma/admin'}/rules/${ruleId}`,
           { method: 'DELETE' },
         );
 
-        return response.json as {};
+        return response.json;
       },
     },
 
@@ -5042,7 +5673,10 @@ class PlApiClient {
       },
 
       updatePleromaConfig: async (params: PleromaConfig['configs']) => {
-        const response = await this.request('/api/v1/pleroma/admin/config', { method: 'POST', body: { configs: params } });
+        const response = await this.request('/api/v1/pleroma/admin/config', {
+          method: 'POST',
+          body: { configs: params },
+        });
 
         return v.parse(pleromaConfigSchema, response.json);
       },
@@ -5077,19 +5711,21 @@ class PlApiClient {
        * @see {@link https://docs.gotosocial.org/en/latest/api/swagger/}
        */
       createCustomEmoji: async (params: AdminCreateCustomEmojiParams) => {
-        const response = await this.request(
-          '/api/v1/admin/custom_emojis',
-          { method: 'POST', body: params, contentType: '' },
-        );
+        const response = await this.request('/api/v1/admin/custom_emojis', {
+          method: 'POST',
+          body: params,
+          contentType: '',
+        });
 
         return v.parse(adminCustomEmojiSchema, response.json);
       },
 
       updateCustomEmoji: async (emojiId: string, params: AdminUpdateCustomEmojiParams) => {
-        const response = await this.request(
-          `/api/v1/admin/custom_emojis/${emojiId}`,
-          { method: 'PATCH', body: params, contentType: '' },
-        );
+        const response = await this.request(`/api/v1/admin/custom_emojis/${emojiId}`, {
+          method: 'PATCH',
+          body: params,
+          contentType: '',
+        });
 
         return v.parse(adminCustomEmojiSchema, response.json);
       },
@@ -5101,10 +5737,9 @@ class PlApiClient {
        * @see {@link https://docs.gotosocial.org/en/latest/api/swagger/}
        */
       deleteCustomEmoji: async (emojiId: string) => {
-        const response = await this.request(
-          `/api/v1/admin/custom_emojis/${emojiId}`,
-          { method: 'DELETE' },
-        );
+        const response = await this.request(`/api/v1/admin/custom_emojis/${emojiId}`, {
+          method: 'DELETE',
+        });
 
         return v.parse(adminCustomEmojiSchema, response.json);
       },
@@ -5119,18 +5754,21 @@ class PlApiClient {
     getOembed: async (url: string, maxwidth?: number, maxheight?: number) => {
       const response = await this.request('/api/oembed', { params: { url, maxwidth, maxheight } });
 
-      return v.parse(v.object({
-        type: v.fallback(v.string(), 'rich'),
-        version: v.fallback(v.string(), ''),
-        author_name: v.fallback(v.string(), ''),
-        author_url: v.fallback(v.string(), ''),
-        provider_name: v.fallback(v.string(), ''),
-        provider_url: v.fallback(v.string(), ''),
-        cache_age: v.number(),
-        html: v.string(),
-        width: v.fallback(v.nullable(v.number()), null),
-        height: v.fallback(v.nullable(v.number()), null),
-      }), response.json);
+      return v.parse(
+        v.object({
+          type: v.fallback(v.string(), 'rich'),
+          version: v.fallback(v.string(), ''),
+          author_name: v.fallback(v.string(), ''),
+          author_url: v.fallback(v.string(), ''),
+          provider_name: v.fallback(v.string(), ''),
+          provider_url: v.fallback(v.string(), ''),
+          cache_age: v.number(),
+          html: v.string(),
+          width: v.fallback(v.nullable(v.number()), null),
+          height: v.fallback(v.nullable(v.number()), null),
+        }),
+        response.json,
+      );
     },
   };
 
@@ -5141,7 +5779,9 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/chats/#creating-or-getting-a-chat}
      */
     createChat: async (accountId: string) => {
-      const response = await this.request(`/api/v1/pleroma/chats/by-account-id/${accountId}`, { method: 'POST' });
+      const response = await this.request(`/api/v1/pleroma/chats/by-account-id/${accountId}`, {
+        method: 'POST',
+      });
 
       return v.parse(chatSchema, response.json);
     },
@@ -5161,7 +5801,10 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/chats/#marking-a-chat-as-read}
      */
     markChatAsRead: async (chatId: string, last_read_id: string) => {
-      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/read`, { method: 'POST', body: { last_read_id } });
+      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/read`, {
+        method: 'POST',
+        body: { last_read_id },
+      });
 
       return v.parse(chatSchema, response.json);
     },
@@ -5172,7 +5815,10 @@ class PlApiClient {
      * https://docs.pleroma.social/backend/development/API/chats/#marking-a-single-chat-message-as-read
      */
     markChatMessageAsRead: async (chatId: string, chatMessageId: string) => {
-      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/messages/${chatMessageId}/read`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/pleroma/chats/${chatId}/messages/${chatMessageId}/read`,
+        { method: 'POST' },
+      );
 
       return v.parse(chatSchema, response.json);
     },
@@ -5182,14 +5828,14 @@ class PlApiClient {
      * This will return a list of chats that you have been involved in, sorted by their last update (so new chats will be at the top).
      * @see {@link https://docs.pleroma.social/backend/development/API/chats/#getting-a-list-of-chats}
      */
-    getChats: async (params?: GetChatsParams) =>
+    getChats: (params?: GetChatsParams) =>
       this.#paginatedGet('/api/v2/pleroma/chats', { params }, chatSchema),
 
     /**
      * Getting the messages for a Chat
      * For a given Chat id, you can get the associated messages with
      */
-    getChatMessages: async (chatId: string, params?: GetChatMessagesParams) =>
+    getChatMessages: (chatId: string, params?: GetChatMessagesParams) =>
       this.#paginatedGet(`/api/v1/pleroma/chats/${chatId}/messages`, { params }, chatMessageSchema),
 
     /**
@@ -5198,7 +5844,10 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/chats/#posting-a-chat-message}
      */
     createChatMessage: async (chatId: string, params: CreateChatMessageParams) => {
-      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/messages`, { method: 'POST', body: params });
+      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/messages`, {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(chatMessageSchema, response.json);
     },
@@ -5209,7 +5858,9 @@ class PlApiClient {
      * @see {@link https://docs.pleroma.social/backend/development/API/chats/#deleting-a-chat-message}
      */
     deleteChatMessage: async (chatId: string, messageId: string) => {
-      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/messages/${messageId}`, { method: 'DELETE' });
+      const response = await this.request(`/api/v1/pleroma/chats/${chatId}/messages/${messageId}`, {
+        method: 'DELETE',
+      });
 
       return v.parse(chatMessageSchema, response.json);
     },
@@ -5227,10 +5878,16 @@ class PlApiClient {
   };
 
   public readonly shoutbox = {
-    connect: (token: string, { onMessage, onMessages }: {
-      onMessages: (messages: Array<ShoutMessage>) => void;
-      onMessage: (message: ShoutMessage) => void;
-    }) => {
+    connect: (
+      token: string,
+      {
+        onMessage,
+        onMessages,
+      }: {
+        onMessages: (messages: Array<ShoutMessage>) => void;
+        onMessage: (message: ShoutMessage) => void;
+      },
+    ) => {
       let counter = 2;
       let intervalId: NodeJS.Timeout;
       if (this.#shoutSocket) return this.#shoutSocket;
@@ -5265,7 +5922,7 @@ class PlApiClient {
       this.#shoutSocket = {
         message: (text: string) => {
           // guess this is meant to be incremented on each call but idk
-          ws.send(JSON.stringify(['3', `${++counter}`, 'chat:public', 'new_msg', { 'text': text }]));
+          ws.send(JSON.stringify(['3', `${++counter}`, 'chat:public', 'new_msg', { text: text }]));
         },
         close: () => {
           ws.close();
@@ -5284,7 +5941,10 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events}
      */
     createEvent: async (params: CreateEventParams) => {
-      const response = await this.request('/api/v1/pleroma/events', { method: 'POST', body: params });
+      const response = await this.request('/api/v1/pleroma/events', {
+        method: 'POST',
+        body: params,
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -5294,7 +5954,10 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id}
      */
     editEvent: async (statusId: string, params: EditEventParams) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}`, { method: 'PUT', body: params });
+      const response = await this.request(`/api/v1/pleroma/events/${statusId}`, {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -5303,32 +5966,50 @@ class PlApiClient {
      * Gets user's joined events
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-joined_events}
      */
-    getJoinedEvents: async (state?: 'pending' | 'reject' | 'accept', params?: GetJoinedEventsParams) =>
-      this.#paginatedGet('/api/v1/pleroma/events/joined_events', { params: { ...params, state } }, statusSchema),
+    getJoinedEvents: (state?: 'pending' | 'reject' | 'accept', params?: GetJoinedEventsParams) =>
+      this.#paginatedGet(
+        '/api/v1/pleroma/events/joined_events',
+        { params: { ...params, state } },
+        statusSchema,
+      ),
 
     /**
      * Gets event participants
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-participations}
      */
-    getEventParticipations: async (statusId: string, params?: GetEventParticipationsParams) =>
-      this.#paginatedGet(`/api/v1/pleroma/events/${statusId}/participations`, { params }, accountSchema),
+    getEventParticipations: (statusId: string, params?: GetEventParticipationsParams) =>
+      this.#paginatedGet(
+        `/api/v1/pleroma/events/${statusId}/participations`,
+        { params },
+        accountSchema,
+      ),
 
     /**
      * Gets event participation requests
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-participation_requests}
      */
-    getEventParticipationRequests: async (statusId: string, params?: GetEventParticipationRequestsParams) =>
-      this.#paginatedGet(`/api/v1/pleroma/events/${statusId}/participation_requests`, { params }, v.object({
-        account: accountSchema,
-        participation_message: v.fallback(v.string(), ''),
-      })),
+    getEventParticipationRequests: (
+      statusId: string,
+      params?: GetEventParticipationRequestsParams,
+    ) =>
+      this.#paginatedGet(
+        `/api/v1/pleroma/events/${statusId}/participation_requests`,
+        { params },
+        v.object({
+          account: accountSchema,
+          participation_message: v.fallback(v.string(), ''),
+        }),
+      ),
 
     /**
      * Accepts user to the event
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-participation_requests-participant_id-authorize}
      */
     acceptEventParticipationRequest: async (statusId: string, accountId: string) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}/participation_requests/${accountId}/authorize`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/pleroma/events/${statusId}/participation_requests/${accountId}/authorize`,
+        { method: 'POST' },
+      );
 
       return v.parse(statusSchema, response.json);
     },
@@ -5338,7 +6019,10 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-participation_requests-participant_id-reject}
      */
     rejectEventParticipationRequest: async (statusId: string, accountId: string) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}/participation_requests/${accountId}/reject`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/pleroma/events/${statusId}/participation_requests/${accountId}/reject`,
+        { method: 'POST' },
+      );
 
       return v.parse(statusSchema, response.json);
     },
@@ -5348,7 +6032,10 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-join}
      */
     joinEvent: async (statusId: string, participation_message?: string) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}/join`, { method: 'POST', body: { participation_message } });
+      const response = await this.request(`/api/v1/pleroma/events/${statusId}/join`, {
+        method: 'POST',
+        body: { participation_message },
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -5358,7 +6045,9 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#api-v1-pleroma-events-id-leave}
      */
     leaveEvent: async (statusId: string) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}/leave`, { method: 'POST' });
+      const response = await this.request(`/api/v1/pleroma/events/${statusId}/leave`, {
+        method: 'POST',
+      });
 
       return v.parse(statusSchema, response.json);
     },
@@ -5368,7 +6057,9 @@ class PlApiClient {
      * @see {@link https://codeberg.org/mkljczk/nicolex/src/branch/develop/docs/development/API/pleroma_api.md#event-ics-file}
      */
     getEventIcs: async (statusId: string) => {
-      const response = await this.request(`/api/v1/pleroma/events/${statusId}/ics`, { contentType: '' });
+      const response = await this.request(`/api/v1/pleroma/events/${statusId}/ics`, {
+        contentType: '',
+      });
 
       return response.data;
     },
@@ -5380,7 +6071,7 @@ class PlApiClient {
      *
      * Requires features{@link Features.interactionRequests}.
      */
-    getInteractionRequests: async (params?: GetInteractionRequestsParams) =>
+    getInteractionRequests: (params?: GetInteractionRequestsParams) =>
       this.#paginatedGet('/api/v1/interaction_requests', { params }, interactionRequestSchema),
 
     /**
@@ -5400,7 +6091,10 @@ class PlApiClient {
      * Requires features{@link Features.interactionRequests}.
      */
     authorizeInteractionRequest: async (interactionRequestId: string) => {
-      const response = await this.request(`/api/v1/interaction_requests/${interactionRequestId}/authorize`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/interaction_requests/${interactionRequestId}/authorize`,
+        { method: 'POST' },
+      );
 
       return v.parse(interactionRequestSchema, response.json);
     },
@@ -5411,7 +6105,10 @@ class PlApiClient {
      * Requires features{@link Features.interactionRequests}.
      */
     rejectInteractionRequest: async (interactionRequestId: string) => {
-      const response = await this.request(`/api/v1/interaction_requests/${interactionRequestId}/authorize`, { method: 'POST' });
+      const response = await this.request(
+        `/api/v1/interaction_requests/${interactionRequestId}/authorize`,
+        { method: 'POST' },
+      );
 
       return v.parse(interactionRequestSchema, response.json);
     },
@@ -5449,7 +6146,10 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     updateAntenna: async (antennaId: string, params: UpdateAntennaParams) => {
-      const response = await this.request(`/api/v1/antennas/${antennaId}`, { method: 'PUT', body: params });
+      const response = await this.request(`/api/v1/antennas/${antennaId}`, {
+        method: 'PUT',
+        body: params,
+      });
 
       return v.parse(antennaSchema, response.json);
     },
@@ -5458,7 +6158,9 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     deleteAntenna: async (antennaId: string) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}`, {
+        method: 'DELETE',
+      });
 
       return response.json;
     },
@@ -5466,14 +6168,14 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaAccounts: async (antennaId: string) =>
+    getAntennaAccounts: (antennaId: string) =>
       this.#paginatedGet(`/api/v1/antennas/${antennaId}/accounts`, {}, accountSchema),
 
     /**
      * Requires features{@link Features.antennas}.
      */
     addAntennaAccounts: async (antennaId: string, accountIds: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/accounts`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/accounts`, {
         method: 'POST',
         body: { account_ids: accountIds },
       });
@@ -5485,7 +6187,7 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaAccounts: async (antennaId: string, accountIds: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/accounts`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/accounts`, {
         method: 'DELETE',
         body: { account_ids: accountIds },
       });
@@ -5496,17 +6198,20 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    getAntennaExcludedAccounts: async (antennaId: string) =>
+    getAntennaExcludedAccounts: (antennaId: string) =>
       this.#paginatedGet(`/api/v1/antennas/${antennaId}/exclude_accounts`, {}, accountSchema),
 
     /**
      * Requires features{@link Features.antennas}.
      */
     addAntennaExcludedAccounts: async (antennaId: string, accountIds: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
-        method: 'POST',
-        body: { account_ids: accountIds },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_accounts`,
+        {
+          method: 'POST',
+          body: { account_ids: accountIds },
+        },
+      );
 
       return response.json;
     },
@@ -5515,10 +6220,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaExcludedAccounts: async (antennaId: string, accountIds: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_accounts`, {
-        method: 'DELETE',
-        body: { account_ids: accountIds },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_accounts`,
+        {
+          method: 'DELETE',
+          body: { account_ids: accountIds },
+        },
+      );
 
       return response.json;
     },
@@ -5529,17 +6237,20 @@ class PlApiClient {
     getAntennaDomains: async (antennaId: string) => {
       const response = await this.request(`/api/v1/antennas/${antennaId}/domains`);
 
-      return v.parse(v.object({
-        domains: filteredArray(v.string()),
-        exclude_domains: filteredArray(v.string()),
-      }), response.json);
+      return v.parse(
+        v.object({
+          domains: filteredArray(v.string()),
+          exclude_domains: filteredArray(v.string()),
+        }),
+        response.json,
+      );
     },
 
     /**
      * Requires features{@link Features.antennas}.
      */
     addAntennaDomains: async (antennaId: string, domains: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/domains`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/domains`, {
         method: 'POST',
         body: { domains },
       });
@@ -5551,7 +6262,7 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaDomains: async (antennaId: string, domains: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/domains`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/domains`, {
         method: 'DELETE',
         body: { domains },
       });
@@ -5563,10 +6274,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     addAntennaExcludedDomains: async (antennaId: string, domains: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_domains`, {
-        method: 'POST',
-        body: { domains },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_domains`,
+        {
+          method: 'POST',
+          body: { domains },
+        },
+      );
 
       return response.json;
     },
@@ -5575,10 +6289,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaExcludedDomains: async (antennaId: string, domains: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_domains`, {
-        method: 'DELETE',
-        body: { domains },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_domains`,
+        {
+          method: 'DELETE',
+          body: { domains },
+        },
+      );
 
       return response.json;
     },
@@ -5589,17 +6306,20 @@ class PlApiClient {
     getAntennaKeywords: async (antennaId: string) => {
       const response = await this.request(`/api/v1/antennas/${antennaId}/keywords`);
 
-      return v.parse(v.object({
-        keywords: filteredArray(v.string()),
-        exclude_keywords: filteredArray(v.string()),
-      }), response.json);
+      return v.parse(
+        v.object({
+          keywords: filteredArray(v.string()),
+          exclude_keywords: filteredArray(v.string()),
+        }),
+        response.json,
+      );
     },
 
     /**
      * Requires features{@link Features.antennas}.
      */
     addAntennaKeywords: async (antennaId: string, keywords: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/keywords`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/keywords`, {
         method: 'POST',
         body: { keywords },
       });
@@ -5611,7 +6331,7 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaKeywords: async (antennaId: string, keywords: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/keywords`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/keywords`, {
         method: 'DELETE',
         body: { keywords },
       });
@@ -5623,10 +6343,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     addAntennaExcludedKeywords: async (antennaId: string, keywords: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_keywords`, {
-        method: 'POST',
-        body: { keywords },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_keywords`,
+        {
+          method: 'POST',
+          body: { keywords },
+        },
+      );
 
       return response.json;
     },
@@ -5635,10 +6358,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaExcludedKeywords: async (antennaId: string, keywords: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_keywords`, {
-        method: 'DELETE',
-        body: { keywords },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_keywords`,
+        {
+          method: 'DELETE',
+          body: { keywords },
+        },
+      );
 
       return response.json;
     },
@@ -5649,17 +6375,20 @@ class PlApiClient {
     getAntennaTags: async (antennaId: string) => {
       const response = await this.request(`/api/v1/antennas/${antennaId}/tags`);
 
-      return v.parse(v.object({
-        tags: filteredArray(v.string()),
-        exclude_tags: filteredArray(v.string()),
-      }), response.json);
+      return v.parse(
+        v.object({
+          tags: filteredArray(v.string()),
+          exclude_tags: filteredArray(v.string()),
+        }),
+        response.json,
+      );
     },
 
     /**
      * Requires features{@link Features.antennas}.
      */
     addAntennaTag: async (antennaId: string, tag: string) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/tags`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/tags`, {
         method: 'POST',
         body: { tags: [tag] },
       });
@@ -5671,7 +6400,7 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaTag: async (antennaId: string, tag: string) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/tags`, {
+      const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/tags`, {
         method: 'DELETE',
         body: { tags: [tag] },
       });
@@ -5683,10 +6412,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     addAntennaExcludedTags: async (antennaId: string, tags: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_tags`, {
-        method: 'POST',
-        body: { tags },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_tags`,
+        {
+          method: 'POST',
+          body: { tags },
+        },
+      );
 
       return response.json;
     },
@@ -5695,10 +6427,13 @@ class PlApiClient {
      * Requires features{@link Features.antennas}.
      */
     removeAntennaExcludedTags: async (antennaId: string, tags: Array<string>) => {
-      const response = await this.request<{}>(`/api/v1/antennas/${antennaId}/exclude_tags`, {
-        method: 'DELETE',
-        body: { tags },
-      });
+      const response = await this.request<EmptyObject>(
+        `/api/v1/antennas/${antennaId}/exclude_tags`,
+        {
+          method: 'DELETE',
+          body: { tags },
+        },
+      );
 
       return response.json;
     },
@@ -5736,7 +6471,10 @@ class PlApiClient {
      * Requires features{@link Features.circles}.
      */
     updateCircle: async (circleId: string, title: string) => {
-      const response = await this.request(`/api/v1/circles/${circleId}`, { method: 'PUT', body: { title } });
+      const response = await this.request(`/api/v1/circles/${circleId}`, {
+        method: 'PUT',
+        body: { title },
+      });
 
       return v.parse(circleSchema, response.json);
     },
@@ -5745,7 +6483,9 @@ class PlApiClient {
      * Requires features{@link Features.circles}.
      */
     deleteCircle: async (circleId: string) => {
-      const response = await this.request<{}>(`/api/v1/circles/${circleId}`, { method: 'DELETE' });
+      const response = await this.request<EmptyObject>(`/api/v1/circles/${circleId}`, {
+        method: 'DELETE',
+      });
 
       return response.json;
     },
@@ -5754,7 +6494,7 @@ class PlApiClient {
      * View accounts in a circle
      * Requires features{@link Features.circles}.
      */
-    getCircleAccounts: async (circleId: string, params?: GetCircleAccountsParams) =>
+    getCircleAccounts: (circleId: string, params?: GetCircleAccountsParams) =>
       this.#paginatedGet(`/api/v1/circles/${circleId}/accounts`, { params }, accountSchema),
 
     /**
@@ -5763,11 +6503,12 @@ class PlApiClient {
      * Requires features{@link Features.circles}.
      */
     addCircleAccounts: async (circleId: string, accountIds: string[]) => {
-      const response = await this.request(`/api/v1/circles/${circleId}/accounts`, {
-        method: 'POST', body: { account_ids: accountIds },
+      const response = await this.request<EmptyObject>(`/api/v1/circles/${circleId}/accounts`, {
+        method: 'POST',
+        body: { account_ids: accountIds },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     /**
@@ -5776,11 +6517,12 @@ class PlApiClient {
      * Requires features{@link Features.circles}.
      */
     deleteCircleAccounts: async (circleId: string, accountIds: string[]) => {
-      const response = await this.request(`/api/v1/circles/${circleId}/accounts`, {
-        method: 'DELETE', body: { account_ids: accountIds },
+      const response = await this.request<EmptyObject>(`/api/v1/circles/${circleId}/accounts`, {
+        method: 'DELETE',
+        body: { account_ids: accountIds },
       });
 
-      return response.json as {};
+      return response.json;
     },
 
     getCircleStatuses: (circleId: string, params: GetCircleStatusesParams) =>
@@ -5801,7 +6543,10 @@ class PlApiClient {
      * Requires features{@link Features.rssFeedSubscriptions}.
      */
     createRssFeedSubscription: async (url: string) => {
-      const response = await this.request('/api/v1/pleroma/rss_feed_subscriptions', { method: 'POST', body: { url } });
+      const response = await this.request('/api/v1/pleroma/rss_feed_subscriptions', {
+        method: 'POST',
+        body: { url },
+      });
 
       return v.parse(rssFeedSchema, response.json);
     },
@@ -5810,7 +6555,10 @@ class PlApiClient {
      * Requires features{@link Features.rssFeedSubscriptions}.
      */
     deleteRssFeedSubscription: async (url: string) => {
-      const response = await this.request<{}>('/api/v1/pleroma/rss_feed_subscriptions', { method: 'DELETE', body: { url } });
+      const response = await this.request<EmptyObject>('/api/v1/pleroma/rss_feed_subscriptions', {
+        method: 'DELETE',
+        body: { url },
+      });
 
       return response.json;
     },
@@ -5824,8 +6572,11 @@ class PlApiClient {
      * @param subscriberId - The subscriber ID.
      * @param duration - The subscription duration (in seconds).
      */
-    createSubscription: async(subscriberId: string, duration: number) => {
-      const response = await this.request('/api/v1/subscriptions', { method: 'POST', body: { subscriber_id: subscriberId, duration } });
+    createSubscription: async (subscriberId: string, duration: number) => {
+      const response = await this.request('/api/v1/subscriptions', {
+        method: 'POST',
+        body: { subscriber_id: subscriberId, duration },
+      });
 
       return v.parse(subscriptionDetailsSchema, response.json);
     },
@@ -5850,8 +6601,16 @@ class PlApiClient {
      * @param price - Subscription price (only for Monero)
      * @param payoutAddress - Payout address (only for Monero)
      */
-    updateSubscription: async(type: 'monero', chainId?: string, price?: number, payoutAddress?: string) => {
-      const response = await this.request('/api/v1/subscriptions/options', { method: 'POST', body: { type, chain_id: chainId, price, payout_address: payoutAddress } });
+    updateSubscription: async (
+      type: 'monero',
+      chainId?: string,
+      price?: number,
+      payoutAddress?: string,
+    ) => {
+      const response = await this.request('/api/v1/subscriptions/options', {
+        method: 'POST',
+        body: { type, chain_id: chainId, price, payout_address: payoutAddress },
+      });
 
       return v.parse(accountSchema, response.json);
     },
@@ -5863,8 +6622,10 @@ class PlApiClient {
      * @param senderId - Sender ID.
      * @param recipientId - Recipient ID.
      */
-    findSubscription: async(senderId: string, recipientId: string) => {
-      const response = await this.request('/api/v1/subscriptions/find', { params: { sender_id: senderId, recipient_id: recipientId } });
+    findSubscription: async (senderId: string, recipientId: string) => {
+      const response = await this.request('/api/v1/subscriptions/find', {
+        params: { sender_id: senderId, recipient_id: recipientId },
+      });
 
       return v.parse(subscriptionDetailsSchema, response.json);
     },
@@ -5878,11 +6639,19 @@ class PlApiClient {
      * @param chainId - CAIP-2 chain ID.
      * @param amount - Requested payment amount (in atomic units).
      */
-    createInvoice: async(senderId: string, recipientId: string, chainId: string, amount: number) => {
+    createInvoice: async (
+      senderId: string,
+      recipientId: string,
+      chainId: string,
+      amount: number,
+    ) => {
       const response = await this.request('/api/v1/subscriptions/invoices', {
         method: 'POST',
         body: {
-          sender_id: senderId, recipient_id: recipientId, chain_id: chainId, amount,
+          sender_id: senderId,
+          recipient_id: recipientId,
+          chain_id: chainId,
+          amount,
         },
       });
 
@@ -5895,7 +6664,7 @@ class PlApiClient {
      * Requires features{@link Features.invoices}.
      * @param invoiceId - Invoice ID
      */
-    getInvoice: async(invoiceId: string) => {
+    getInvoice: async (invoiceId: string) => {
       const response = await this.request(`/api/v1/subscriptions/invoices/${invoiceId}`);
 
       return v.parse(subscriptionInvoiceSchema, response.json);
@@ -5907,7 +6676,7 @@ class PlApiClient {
      * Requires features{@link Features.invoices}.
      * @param invoiceId - Invoice ID
      */
-    cancelInvoice: async(invoiceId: string) => {
+    cancelInvoice: async (invoiceId: string) => {
       const response = await this.request(`/api/v1/subscriptions/invoices/${invoiceId}`, {
         method: 'DELETE',
       });
@@ -5958,7 +6727,7 @@ class PlApiClient {
     deleteFolder: async (id: string) => {
       await this.#getIceshrimpAccessToken();
 
-      const response = await this.request<{}>(`/api/iceshrimp/drive/folder/${id}`, {
+      const response = await this.request<EmptyObject>(`/api/iceshrimp/drive/folder/${id}`, {
         method: 'DELETE',
       });
 
@@ -6011,7 +6780,7 @@ class PlApiClient {
     deleteFile: async (id: string) => {
       await this.#getIceshrimpAccessToken();
 
-      const response = await this.request<{}>(`/api/iceshrimp/drive/${id}`, {
+      const response = await this.request<Record<string, never>>(`/api/iceshrimp/drive/${id}`, {
         method: 'DELETE',
       });
 
@@ -6074,7 +6843,7 @@ class PlApiClient {
     },
 
     markStoryAsViewed: async (storyId: string) => {
-      const response = await this.request<{}>('/api/web/stories/v1/viewed', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/viewed', {
         method: 'POST',
         body: { id: storyId },
       });
@@ -6083,7 +6852,7 @@ class PlApiClient {
     },
 
     createStoryReaction: async (storyId: string, emoji: string) => {
-      const response = await this.request<{}>('/api/web/stories/v1/react', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/react', {
         method: 'POST',
         body: { sid: storyId, reaction: emoji },
       });
@@ -6092,7 +6861,7 @@ class PlApiClient {
     },
 
     createStoryComment: async (storyId: string, comment: string) => {
-      const response = await this.request<{}>('/api/web/stories/v1/comment', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/comment', {
         method: 'POST',
         body: { sid: storyId, caption: comment },
       });
@@ -6101,7 +6870,7 @@ class PlApiClient {
     },
 
     createStoryPoll: async (params: CreateStoryPollParams) => {
-      const response = await this.request<{}>('/api/web/stories/v1/publish/poll', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/publish/poll', {
         method: 'POST',
         body: params,
       });
@@ -6110,7 +6879,7 @@ class PlApiClient {
     },
 
     storyPollVote: async (storyId: string, choiceId: number) => {
-      const response = await this.request<{}>('/api/web/stories/v1/publish/poll', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/publish/poll', {
         method: 'POST',
         body: { sid: storyId, ci: choiceId },
       });
@@ -6119,7 +6888,7 @@ class PlApiClient {
     },
 
     reportStory: async (storyId: string, type: StoryReportType) => {
-      const response = await this.request<{}>('/api/web/stories/v1/report', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/report', {
         method: 'POST',
         body: { id: storyId, type },
       });
@@ -6138,7 +6907,7 @@ class PlApiClient {
     },
 
     cropPhoto: async (mediaId: string, params: CropStoryPhotoParams) => {
-      const response = await this.request<{}>('/api/web/stories/v1/crop', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/crop', {
         method: 'POST',
         body: { media_id: mediaId, ...params },
       });
@@ -6147,7 +6916,7 @@ class PlApiClient {
     },
 
     createStory: async (mediaId: string, params: CreateStoryParams) => {
-      const response = await this.request<{}>('/api/web/stories/v1/publish', {
+      const response = await this.request<EmptyObject>('/api/web/stories/v1/publish', {
         method: 'POST',
         body: { media_id: mediaId, ...params },
       });
@@ -6156,7 +6925,7 @@ class PlApiClient {
     },
 
     deleteStory: async (storyId: string) => {
-      const response = await this.request<{}>(`/api/web/stories/v1/delete/${storyId}`, {
+      const response = await this.request<EmptyObject>(`/api/web/stories/v1/delete/${storyId}`, {
         method: 'DELETE',
       });
 
@@ -6167,7 +6936,7 @@ class PlApiClient {
   /** Routes that are not part of any stable release */
   public readonly experimental = {
     admin: {
-    /** @see {@link https://github.com/mastodon/mastodon/pull/19059} */
+      /** @see {@link https://github.com/mastodon/mastodon/pull/19059} */
       groups: {
         /** list groups known to the instance. Mimics the interface of `/api/v1/admin/accounts` */
         getGroups: async (params?: AdminGetGroupsParams) => {
@@ -6185,21 +6954,27 @@ class PlApiClient {
 
         /** suspends a group */
         suspendGroup: async (groupId: string) => {
-          const response = await this.request(`/api/v1/admin/groups/${groupId}/suspend`, { method: 'POST' });
+          const response = await this.request(`/api/v1/admin/groups/${groupId}/suspend`, {
+            method: 'POST',
+          });
 
           return v.parse(groupSchema, response.json);
         },
 
         /** lift a suspension */
         unsuspendGroup: async (groupId: string) => {
-          const response = await this.request(`/api/v1/admin/groups/${groupId}/unsuspend`, { method: 'POST' });
+          const response = await this.request(`/api/v1/admin/groups/${groupId}/unsuspend`, {
+            method: 'POST',
+          });
 
           return v.parse(groupSchema, response.json);
         },
 
         /** deletes an already-suspended group */
         deleteGroup: async (groupId: string) => {
-          const response = await this.request(`/api/v1/admin/groups/${groupId}`, { method: 'DELETE' });
+          const response = await this.request(`/api/v1/admin/groups/${groupId}`, {
+            method: 'DELETE',
+          });
 
           return v.parse(groupSchema, response.json);
         },
@@ -6227,7 +7002,12 @@ class PlApiClient {
         if (this.features.version.software === PIXELFED) {
           response = await this.request('/api/v0/groups/create', {
             method: 'POST',
-            body: { ...params, name: params.display_name, description: params.note, membership: 'public' },
+            body: {
+              ...params,
+              name: params.display_name,
+              description: params.note,
+              membership: 'public',
+            },
             contentType: params.avatar || params.header ? '' : undefined,
           });
 
@@ -6274,67 +7054,94 @@ class PlApiClient {
         let response;
 
         if (this.features.version.software === PIXELFED) {
-          response = await this.request('/api/v0/groups/delete', { method: 'POST', params: { gid: groupId } });
+          response = await this.request<EmptyObject>('/api/v0/groups/delete', {
+            method: 'POST',
+            params: { gid: groupId },
+          });
         } else {
-          response = await this.request(`/api/v1/groups/${groupId}`, { method: 'DELETE' });
+          response = await this.request<EmptyObject>(`/api/v1/groups/${groupId}`, {
+            method: 'DELETE',
+          });
         }
 
-        return response.json as {};
+        return response.json;
       },
 
       /** Has an optional role attribute that can be used to filter by role (valid roles are `"admin"`, `"moderator"`, `"user"`). */
-      getGroupMemberships: async (groupId: string, role?: GroupRole, params?: GetGroupMembershipsParams) =>
+      getGroupMemberships: (
+        groupId: string,
+        role?: GroupRole,
+        params?: GetGroupMembershipsParams,
+      ) =>
         this.#paginatedGet(
-          this.features.version.software === PIXELFED ? `/api/v0/groups/members/list?gid=${groupId}` : `/api/v1/groups/${groupId}/memberships`,
+          this.features.version.software === PIXELFED
+            ? `/api/v0/groups/members/list?gid=${groupId}`
+            : `/api/v1/groups/${groupId}/memberships`,
           { params: { ...params, role } },
           groupMemberSchema,
         ),
 
       /** returns an array of `Account` entities representing pending requests to join a group */
-      getGroupMembershipRequests: async (groupId: string, params?: GetGroupMembershipRequestsParams) =>
+      getGroupMembershipRequests: (groupId: string, params?: GetGroupMembershipRequestsParams) =>
         this.#paginatedGet(
-          this.features.version.software === PIXELFED ? `/api/v0/groups/members/requests?gid=${groupId}` : `/api/v1/groups/${groupId}/membership_requests`,
+          this.features.version.software === PIXELFED
+            ? `/api/v0/groups/members/requests?gid=${groupId}`
+            : `/api/v1/groups/${groupId}/membership_requests`,
           { params },
           accountSchema,
         ),
 
       /** accept a pending request to become a group member */
       acceptGroupMembershipRequest: async (groupId: string, accountId: string) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/membership_requests/${accountId}/authorize`, { method: 'POST' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/groups/${groupId}/membership_requests/${accountId}/authorize`,
+          { method: 'POST' },
+        );
 
-        return response.json as {};
+        return response.json;
       },
 
       /** reject a pending request to become a group member */
       rejectGroupMembershipRequest: async (groupId: string, accountId: string) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/membership_requests/${accountId}/reject`, { method: 'POST' });
+        const response = await this.request<EmptyObject>(
+          `/api/v1/groups/${groupId}/membership_requests/${accountId}/reject`,
+          { method: 'POST' },
+        );
 
-        return response.json as {};
+        return response.json;
       },
 
       /** delete a group post (actually marks it as `revoked` if it is a local post) */
       deleteGroupStatus: async (groupId: string, statusId: string) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/statuses/${statusId}`, { method: 'DELETE' });
+        const response = await this.request(`/api/v1/groups/${groupId}/statuses/${statusId}`, {
+          method: 'DELETE',
+        });
 
         return v.parse(statusSchema, response.json);
       },
 
       /** list accounts blocked from interacting with the group */
-      getGroupBlocks: async (groupId: string, params?: GetGroupBlocksParams) =>
+      getGroupBlocks: (groupId: string, params?: GetGroupBlocksParams) =>
         this.#paginatedGet(`/api/v1/groups/${groupId}/blocks`, { params }, accountSchema),
 
       /** block one or more users. If they were in the group, they are also kicked of it */
       blockGroupUsers: async (groupId: string, accountIds: string[]) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/blocks`, { method: 'POST', params: { account_ids: accountIds } });
+        const response = await this.request<EmptyObject>(`/api/v1/groups/${groupId}/blocks`, {
+          method: 'POST',
+          params: { account_ids: accountIds },
+        });
 
-        return response.json as {};
+        return response.json;
       },
 
       /** block one or more users. If they were in the group, they are also kicked of it */
       unblockGroupUsers: async (groupId: string, accountIds: string[]) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/blocks`, { method: 'DELETE', params: { account_ids: accountIds } });
+        const response = await this.request<EmptyObject>(`/api/v1/groups/${groupId}/blocks`, {
+          method: 'DELETE',
+          params: { account_ids: accountIds },
+        });
 
-        return response.json as {};
+        return response.json;
       },
 
       /** joins (or request to join) a given group */
@@ -6353,27 +7160,38 @@ class PlApiClient {
 
       /** kick one or more group members */
       kickGroupUsers: async (groupId: string, accountIds: string[]) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/kick`, { method: 'POST', params: { account_ids: accountIds } });
+        const response = await this.request<EmptyObject>(`/api/v1/groups/${groupId}/kick`, {
+          method: 'POST',
+          params: { account_ids: accountIds },
+        });
 
-        return response.json as {};
+        return response.json;
       },
 
       /** promote one or more accounts to role `new_role`. An error is returned if any of those accounts has a higher role than `new_role` already, or if the role is higher than the issuing user's. Valid roles are `admin`, and `moderator` and `user`. */
       promoteGroupUsers: async (groupId: string, accountIds: string[], role: GroupRole) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/promote`, { method: 'POST', params: { account_ids: accountIds, role } });
+        const response = await this.request(`/api/v1/groups/${groupId}/promote`, {
+          method: 'POST',
+          params: { account_ids: accountIds, role },
+        });
 
         return v.parse(filteredArray(groupMemberSchema), response.json);
       },
 
       /** demote one or more accounts to role `new_role`. Returns an error unless every of the target account has a strictly lower role than the user (you cannot demote someone with the same role as you), or if any target account already has a role lower than `new_role`. Valid roles are `admin`, `moderator` and `user`. */
       demoteGroupUsers: async (groupId: string, accountIds: string[], role: GroupRole) => {
-        const response = await this.request(`/api/v1/groups/${groupId}/demote`, { method: 'POST', params: { account_ids: accountIds, role } });
+        const response = await this.request(`/api/v1/groups/${groupId}/demote`, {
+          method: 'POST',
+          params: { account_ids: accountIds, role },
+        });
 
         return v.parse(filteredArray(groupMemberSchema), response.json);
       },
 
       getGroupRelationships: async (groupIds: string[]) => {
-        const response = await this.request('/api/v1/groups/relationships', { params: { id: groupIds } });
+        const response = await this.request('/api/v1/groups/relationships', {
+          params: { id: groupIds },
+        });
 
         return v.parse(filteredArray(groupRelationshipSchema), response.json);
       },
@@ -6400,7 +7218,7 @@ class PlApiClient {
     return this.#accessToken;
   }
 
-  set accessToken(accessToken: string | undefined)  {
+  set accessToken(accessToken: string | undefined) {
     if (this.#accessToken === accessToken) return;
 
     this.#socket?.close();
@@ -6417,17 +7235,13 @@ class PlApiClient {
     return this.#customAuthorizationToken;
   }
 
-  set customAuthorizationToken(token: string | undefined)  {
+  set customAuthorizationToken(token: string | undefined) {
     this.#customAuthorizationToken = token;
   }
 
   get instanceInformation() {
     return this.#instance;
   }
-
 }
 
-export {
-  PlApiClient,
-  PlApiClient as default,
-};
+export { PlApiClient as default };
diff --git a/packages/pl-api/lib/directory-client.ts b/packages/pl-api/lib/directory-client.ts
index 86cc29c0e..3dfe59cd4 100644
--- a/packages/pl-api/lib/directory-client.ts
+++ b/packages/pl-api/lib/directory-client.ts
@@ -25,7 +25,6 @@ interface Params {
  * @category Clients
  */
 class PlApiDirectoryClient {
-
   /** Unused. */
   accessToken: string | undefined = undefined;
   /** Unused. */
@@ -68,10 +67,6 @@ class PlApiDirectoryClient {
 
     return v.parse(filteredArray(directoryServerSchema), response.json);
   }
-
 }
 
-export {
-  PlApiDirectoryClient,
-  PlApiDirectoryClient as default,
-};
+export { PlApiDirectoryClient, PlApiDirectoryClient as default };
diff --git a/packages/pl-api/lib/entities/account-warning.ts b/packages/pl-api/lib/entities/account-warning.ts
index 9ec3eea5b..3abd2c328 100644
--- a/packages/pl-api/lib/entities/account-warning.ts
+++ b/packages/pl-api/lib/entities/account-warning.ts
@@ -12,10 +12,18 @@ const appealSchema = v.object({
 /**
  * @category Schemas
  * @see {@link https://docs.joinmastodon.org/entities/AccountWarning/}
-*/
+ */
 const accountWarningSchema = v.object({
   id: v.string(),
-  action: v.picklist(['none', 'disable', 'mark_statuses_as_sensitive', 'delete_statuses', 'sensitive', 'silence', 'suspend']),
+  action: v.picklist([
+    'none',
+    'disable',
+    'mark_statuses_as_sensitive',
+    'delete_statuses',
+    'sensitive',
+    'silence',
+    'suspend',
+  ]),
   text: v.fallback(v.string(), ''),
   status_ids: v.fallback(v.array(v.string()), []),
   target_account: accountSchema,
diff --git a/packages/pl-api/lib/entities/account.ts b/packages/pl-api/lib/entities/account.ts
index a8b220d3e..912718183 100644
--- a/packages/pl-api/lib/entities/account.ts
+++ b/packages/pl-api/lib/entities/account.ts
@@ -10,9 +10,15 @@ import { roleSchema } from './role';
 import { coerceObject, datetimeSchema, filteredArray } from './utils';
 
 const filterBadges = (tags?: string[]) =>
-  tags?.filter(tag => tag.startsWith('badge:')).map(tag => v.parse(roleSchema, { id: tag, name: tag.replace(/^badge:/, '') }));
+  tags
+    ?.filter((tag) => tag.startsWith('badge:'))
+    .map((tag) => v.parse(roleSchema, { id: tag, name: tag.replace(/^badge:/, '') }));
 
-const MKLJCZK_ACCOUNTS = ['https://pl.fediverse.pl/users/mkljczk', 'https://gts.mkljczk.pl/users/mkljczk', 'https://gts.mkljczk.pl/@mkljczk'];
+const MKLJCZK_ACCOUNTS = [
+  'https://pl.fediverse.pl/users/mkljczk',
+  'https://gts.mkljczk.pl/users/mkljczk',
+  'https://gts.mkljczk.pl/@mkljczk',
+];
 
 const paymentOptionSchema = v.variant('type', [
   v.object({
@@ -47,7 +53,9 @@ const preprocessAccount = v.transform((account: any) => {
   const fqn = account.fqn || guessFqn(account);
   const domain = fqn.split('@')[1] || '';
 
-  const isCat = (account.pleroma?.is_cat ?? account.is_cat) || MKLJCZK_ACCOUNTS.includes(account.uri ?? account.url);
+  const isCat =
+    (account.pleroma?.is_cat ?? account.is_cat) ||
+    MKLJCZK_ACCOUNTS.includes(account.uri ?? account.url);
   const speakAsCat = account.pleroma?.speak_as_cat ?? account.speak_as_cat ?? isCat;
 
   return {
@@ -58,14 +66,19 @@ const preprocessAccount = v.transform((account: any) => {
     header: account.header || account.header_static,
     avatar_default: isDefaultAvatar(account.avatar || account.avatar_static || ''),
     header_default: isDefaultHeader(account.header || account.header_static || ''),
-    local: typeof account.pleroma?.is_local === 'boolean' ? account.pleroma.is_local : account.acct.split('@')[1] === undefined,
+    local:
+      typeof account.pleroma?.is_local === 'boolean'
+        ? account.pleroma.is_local
+        : account.acct.split('@')[1] === undefined,
     discoverable: account.discoverable || account.pleroma?.source?.discoverable,
     verified: account.verified || account.pleroma?.tags?.includes('verified'),
-    ...(account.role?.permissions ? {
-      is_admin: (account.role?.permissions & 0x1) === 0x1,
-    } : {}),
+    ...(account.role?.permissions
+      ? {
+          is_admin: (account.role?.permissions & 0x1) === 0x1,
+        }
+      : {}),
     ap_id: account.pleroma?.ap_id ?? account.actor_id,
-    ...(pick(account.pleroma || {}, [
+    ...pick(account.pleroma || {}, [
       'background_image',
       'relationship',
       'is_moderator',
@@ -90,21 +103,32 @@ const preprocessAccount = v.transform((account: any) => {
       'notification_settings',
 
       'location',
-    ])),
-    ...(pick(account.akkoma || {}, [
-      'permit_followback',
-    ])),
+    ]),
+    ...pick(account.akkoma || {}, ['permit_followback']),
     is_cat: isCat,
     speak_as_cat: speakAsCat,
     ...(pick(account.other_settings || {}), ['birthday', 'location']),
     __meta: pick(account, ['pleroma', 'source']),
     ...account,
-    display_name: account.display_name?.replace(/^[\s\u180E\u200B-\u200D\u2060\uFEFF]+|[\s\u180E\u200B-\u200D\u2060\uFEFF]+$/g, '').trim() || username,
+    display_name:
+      account.display_name
+        ?.replace(
+          /^[\s\u180E\u200B-\u200D\u2060\uFEFF]+|[\s\u180E\u200B-\u200D\u2060\uFEFF]+$/g,
+          '',
+        )
+        .trim() || username,
     roles: account.roles?.length ? account.roles : filterBadges(account.pleroma?.tags),
     source: account.source
-      ? { ...(pick(account.pleroma?.source || {}, [
-        'show_role', 'no_rich_text', 'discoverable', 'actor_type', 'show_birthday',
-      ])), ...account.source }
+      ? {
+          ...pick(account.pleroma?.source || {}, [
+            'show_role',
+            'no_rich_text',
+            'discoverable',
+            'actor_type',
+            'show_birthday',
+          ]),
+          ...account.source,
+        }
       : undefined,
   };
 });
@@ -121,7 +145,13 @@ const baseAccountSchema = v.object({
   acct: v.fallback(v.string(), ''),
   url: v.pipe(v.string(), v.url()),
   display_name: v.fallback(v.string(), ''),
-  note: v.fallback(v.pipe(v.string(), v.transform(note => note === '<p></p>' ? '' : note)), ''),
+  note: v.fallback(
+    v.pipe(
+      v.string(),
+      v.transform((note) => (note === '<p></p>' ? '' : note)),
+    ),
+    '',
+  ),
   avatar: v.fallback(v.string(), ''),
   avatar_static: v.fallback(v.pipe(v.string(), v.url()), ''),
   header: v.fallback(v.pipe(v.string(), v.url()), ''),
@@ -182,14 +212,16 @@ const baseAccountSchema = v.object({
   /** The reported subscribers of this user */
   subscribers_count: v.fallback(v.number(), 0),
   /** Identity proofs */
-  identity_proofs: filteredArray(v.object({
-    /** The key of a given field's key-value pair */
-    name: v.fallback(v.string(), ''),
-    /** The value associated with the name key */
-    value: v.fallback(v.string(), ''),
-    /** Timestamp of when the server verified the field value */
-    verified_at: v.fallback(datetimeSchema, new Date().toISOString()),
-  })),
+  identity_proofs: filteredArray(
+    v.object({
+      /** The key of a given field's key-value pair */
+      name: v.fallback(v.string(), ''),
+      /** The value associated with the name key */
+      value: v.fallback(v.string(), ''),
+      /** Timestamp of when the server verified the field value */
+      verified_at: v.fallback(datetimeSchema, new Date().toISOString()),
+    }),
+  ),
   /** Payment options */
   payment_options: filteredArray(paymentOptionSchema),
 
@@ -209,7 +241,10 @@ const baseAccountSchema = v.object({
 
 const accountWithMovedAccountSchema = v.object({
   ...baseAccountSchema.entries,
-  moved: v.fallback(v.nullable(v.lazy((): typeof baseAccountSchema => accountWithMovedAccountSchema as any)), null),
+  moved: v.fallback(
+    v.nullable(v.lazy((): typeof baseAccountSchema => accountWithMovedAccountSchema as any)),
+    null,
+  ),
 });
 
 /** @see {@link https://docs.joinmastodon.org/entities/Account/} */
@@ -229,44 +264,67 @@ type Account = v.InferOutput<typeof accountWithMovedAccountSchema> & WithMoved;
  */
 const accountSchema: v.BaseSchema<any, Account, v.BaseIssue<unknown>> = untypedAccountSchema as any;
 
-const untypedCredentialAccountSchema = v.pipe(v.any(), preprocessAccount, v.object({
-  ...accountWithMovedAccountSchema.entries,
-  source: v.fallback(v.nullable(coerceObject({
-    attribution_domains: v.fallback(v.optional(v.nullable(v.array(v.string()))), null),
-    note: v.fallback(v.optional(v.string()), ''),
-    fields: v.fallback(v.optional(filteredArray(fieldSchema)), []),
-    privacy: v.fallback(v.optional(v.picklist(['public', 'unlisted', 'private', 'direct'])), 'public'),
-    sensitive: v.fallback(v.optional(v.boolean()), false),
-    language: v.fallback(v.optional(v.nullable(v.string())), null),
-    follow_requests_count: v.fallback(v.optional(v.pipe(v.number(), v.integer(), v.minValue(0))), 0),
-    hide_collections: v.fallback(v.optional(v.boolean()), undefined),
-    discoverable: v.fallback(v.optional(v.boolean()), undefined),
-    indexable: v.fallback(v.nullable(v.boolean()), null),
-    quote_policy: v.fallback(v.nullable(v.picklist(['public', 'followers', 'nobody'])), null),
+const untypedCredentialAccountSchema = v.pipe(
+  v.any(),
+  preprocessAccount,
+  v.object({
+    ...accountWithMovedAccountSchema.entries,
+    source: v.fallback(
+      v.nullable(
+        coerceObject({
+          attribution_domains: v.fallback(v.optional(v.nullable(v.array(v.string()))), null),
+          note: v.fallback(v.optional(v.string()), ''),
+          fields: v.fallback(v.optional(filteredArray(fieldSchema)), []),
+          privacy: v.fallback(
+            v.optional(v.picklist(['public', 'unlisted', 'private', 'direct'])),
+            'public',
+          ),
+          sensitive: v.fallback(v.optional(v.boolean()), false),
+          language: v.fallback(v.optional(v.nullable(v.string())), null),
+          follow_requests_count: v.fallback(
+            v.optional(v.pipe(v.number(), v.integer(), v.minValue(0))),
+            0,
+          ),
+          hide_collections: v.fallback(v.optional(v.boolean()), undefined),
+          discoverable: v.fallback(v.optional(v.boolean()), undefined),
+          indexable: v.fallback(v.nullable(v.boolean()), null),
+          quote_policy: v.fallback(v.nullable(v.picklist(['public', 'followers', 'nobody'])), null),
 
-    show_role: v.fallback(v.optional(v.nullable(v.boolean())), undefined),
-    no_rich_text: v.fallback(v.optional(v.nullable(v.boolean())), undefined),
-    actor_type: v.fallback(v.optional(v.string()), undefined),
-    show_birthday: v.fallback(v.optional(v.boolean()), undefined),
+          show_role: v.fallback(v.optional(v.nullable(v.boolean())), undefined),
+          no_rich_text: v.fallback(v.optional(v.nullable(v.boolean())), undefined),
+          actor_type: v.fallback(v.optional(v.string()), undefined),
+          show_birthday: v.fallback(v.optional(v.boolean()), undefined),
 
-    also_known_as_uris: v.fallback(v.optional(v.array(v.string())), undefined),
-    status_content_type: v.fallback(v.optional(v.string()), undefined),
-    web_include_boosts: v.fallback(v.optional(v.boolean()), undefined),
-    web_layout: v.fallback(v.optional(v.picklist(['microblog', 'gallery'])), undefined),
-    web_visibility: v.fallback(v.optional(v.picklist(['public', 'unlisted', 'none'])), undefined),
-  })), null),
-  role: v.fallback(v.nullable(roleSchema), null),
+          also_known_as_uris: v.fallback(v.optional(v.array(v.string())), undefined),
+          status_content_type: v.fallback(v.optional(v.string()), undefined),
+          web_include_boosts: v.fallback(v.optional(v.boolean()), undefined),
+          web_layout: v.fallback(v.optional(v.picklist(['microblog', 'gallery'])), undefined),
+          web_visibility: v.fallback(
+            v.optional(v.picklist(['public', 'unlisted', 'none'])),
+            undefined,
+          ),
+        }),
+      ),
+      null,
+    ),
+    role: v.fallback(v.nullable(roleSchema), null),
 
-  settings_store: v.fallback(v.optional(v.record(v.string(), v.any())), undefined),
-  chat_token: v.fallback(v.optional(v.string()), undefined),
-  allow_following_move: v.fallback(v.optional(v.boolean()), undefined),
-  unread_conversation_count: v.fallback(v.optional(v.number()), undefined),
-  unread_notifications_count: v.fallback(v.optional(v.number()), undefined),
-  notification_settings: v.fallback(v.optional(v.object({
-    block_from_strangers: v.fallback(v.boolean(), false),
-    hide_notification_contents: v.fallback(v.boolean(), false),
-  })), undefined),
-}));
+    settings_store: v.fallback(v.optional(v.record(v.string(), v.any())), undefined),
+    chat_token: v.fallback(v.optional(v.string()), undefined),
+    allow_following_move: v.fallback(v.optional(v.boolean()), undefined),
+    unread_conversation_count: v.fallback(v.optional(v.number()), undefined),
+    unread_notifications_count: v.fallback(v.optional(v.number()), undefined),
+    notification_settings: v.fallback(
+      v.optional(
+        v.object({
+          block_from_strangers: v.fallback(v.boolean(), false),
+          hide_notification_contents: v.fallback(v.boolean(), false),
+        }),
+      ),
+      undefined,
+    ),
+  }),
+);
 
 /**
  * @category Entity types
@@ -276,12 +334,20 @@ type CredentialAccount = v.InferOutput<typeof untypedCredentialAccountSchema> &
 /**
  * @category Schemas
  */
-const credentialAccountSchema: v.BaseSchema<any, CredentialAccount, v.BaseIssue<unknown>> = untypedCredentialAccountSchema as any;
+const credentialAccountSchema: v.BaseSchema<
+  any,
+  CredentialAccount,
+  v.BaseIssue<unknown>
+> = untypedCredentialAccountSchema as any;
 
-const untypedBlockedAccountSchema = v.pipe(v.any(), preprocessAccount, v.object({
-  ...accountWithMovedAccountSchema.entries,
-  block_expires_at: v.fallback(v.nullable(datetimeSchema), null),
-}));
+const untypedBlockedAccountSchema = v.pipe(
+  v.any(),
+  preprocessAccount,
+  v.object({
+    ...accountWithMovedAccountSchema.entries,
+    block_expires_at: v.fallback(v.nullable(datetimeSchema), null),
+  }),
+);
 
 /**
  * @category Entity types
@@ -291,12 +357,20 @@ type BlockedAccount = v.InferOutput<typeof untypedBlockedAccountSchema> & WithMo
 /**
  * @category Schemas
  */
-const blockedAccountSchema: v.BaseSchema<any, BlockedAccount, v.BaseIssue<unknown>> = untypedBlockedAccountSchema as any;
+const blockedAccountSchema: v.BaseSchema<
+  any,
+  BlockedAccount,
+  v.BaseIssue<unknown>
+> = untypedBlockedAccountSchema as any;
 
-const untypedMutedAccountSchema = v.pipe(v.any(), preprocessAccount, v.object({
-  ...accountWithMovedAccountSchema.entries,
-  mute_expires_at: v.fallback(v.nullable(datetimeSchema), null),
-}));
+const untypedMutedAccountSchema = v.pipe(
+  v.any(),
+  preprocessAccount,
+  v.object({
+    ...accountWithMovedAccountSchema.entries,
+    mute_expires_at: v.fallback(v.nullable(datetimeSchema), null),
+  }),
+);
 
 /**
  * @category Entity types
@@ -306,7 +380,11 @@ type MutedAccount = v.InferOutput<typeof untypedMutedAccountSchema> & WithMoved;
 /**
  * @category Schemas
  */
-const mutedAccountSchema: v.BaseSchema<any, MutedAccount, v.BaseIssue<unknown>> = untypedMutedAccountSchema as any;
+const mutedAccountSchema: v.BaseSchema<
+  any,
+  MutedAccount,
+  v.BaseIssue<unknown>
+> = untypedMutedAccountSchema as any;
 
 export {
   accountSchema,
diff --git a/packages/pl-api/lib/entities/admin/account.ts b/packages/pl-api/lib/entities/admin/account.ts
index acff02537..0914a672f 100644
--- a/packages/pl-api/lib/entities/admin/account.ts
+++ b/packages/pl-api/lib/entities/admin/account.ts
@@ -14,10 +14,10 @@ const adminAccountSchema = v.pipe(
   v.any(),
   v.transform((account: any) => {
     if (!account.account) {
-    /**
-     * Convert Pleroma account schema
-     * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminusers}
-     */
+      /**
+       * Convert Pleroma account schema
+       * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminusers}
+       */
       return {
         id: account.id,
         account: null,
@@ -29,8 +29,8 @@ const adminAccountSchema = v.pipe(
         role: account.roles?.is_admin
           ? v.parse(roleSchema, { name: 'Admin' })
           : account.roles?.moderator
-            ? v.parse(roleSchema, { name: 'Moderator ' }) :
-            null,
+            ? v.parse(roleSchema, { name: 'Moderator ' })
+            : null,
         confirmed: account.is_confirmed,
         approved: account.is_approved,
         disabled: !account.is_active,
@@ -74,7 +74,4 @@ const adminAccountSchema = v.pipe(
  */
 type AdminAccount = v.InferOutput<typeof adminAccountSchema>;
 
-export {
-  adminAccountSchema,
-  type AdminAccount,
-};
+export { adminAccountSchema, type AdminAccount };
diff --git a/packages/pl-api/lib/entities/admin/canonical-email-block.ts b/packages/pl-api/lib/entities/admin/canonical-email-block.ts
index 1ed511266..2f15fce62 100644
--- a/packages/pl-api/lib/entities/admin/canonical-email-block.ts
+++ b/packages/pl-api/lib/entities/admin/canonical-email-block.ts
@@ -14,7 +14,4 @@ const adminCanonicalEmailBlockSchema = v.object({
  */
 type AdminCanonicalEmailBlock = v.InferOutput<typeof adminCanonicalEmailBlockSchema>;
 
-export {
-  adminCanonicalEmailBlockSchema,
-  type AdminCanonicalEmailBlock,
-};
+export { adminCanonicalEmailBlockSchema, type AdminCanonicalEmailBlock };
diff --git a/packages/pl-api/lib/entities/admin/cohort.ts b/packages/pl-api/lib/entities/admin/cohort.ts
index 824f240e9..e933a7ffb 100644
--- a/packages/pl-api/lib/entities/admin/cohort.ts
+++ b/packages/pl-api/lib/entities/admin/cohort.ts
@@ -9,11 +9,13 @@ import { datetimeSchema } from '../utils';
 const adminCohortSchema = v.object({
   period: datetimeSchema,
   frequency: v.picklist(['day', 'month']),
-  data: v.array(v.object({
-    date: datetimeSchema,
-    rate: v.number(),
-    value: v.pipe(v.unknown(), v.transform(Number)),
-  })),
+  data: v.array(
+    v.object({
+      date: datetimeSchema,
+      rate: v.number(),
+      value: v.pipe(v.unknown(), v.transform(Number)),
+    }),
+  ),
 });
 
 /**
@@ -21,7 +23,4 @@ const adminCohortSchema = v.object({
  */
 type AdminCohort = v.InferOutput<typeof adminCohortSchema>;
 
-export {
-  adminCohortSchema,
-  type AdminCohort,
-};
+export { adminCohortSchema, type AdminCohort };
diff --git a/packages/pl-api/lib/entities/admin/dimension.ts b/packages/pl-api/lib/entities/admin/dimension.ts
index 4682bcc09..7eab9c52a 100644
--- a/packages/pl-api/lib/entities/admin/dimension.ts
+++ b/packages/pl-api/lib/entities/admin/dimension.ts
@@ -6,13 +6,15 @@ import * as v from 'valibot';
  */
 const adminDimensionSchema = v.object({
   key: v.string(),
-  data: v.array(v.object({
-    key: v.string(),
-    human_key: v.string(),
-    value: v.string(),
-    unit: v.fallback(v.optional(v.string()), undefined),
-    human_value: v.fallback(v.optional(v.string()), undefined),
-  })),
+  data: v.array(
+    v.object({
+      key: v.string(),
+      human_key: v.string(),
+      value: v.string(),
+      unit: v.fallback(v.optional(v.string()), undefined),
+      human_value: v.fallback(v.optional(v.string()), undefined),
+    }),
+  ),
 });
 
 /**
@@ -20,7 +22,4 @@ const adminDimensionSchema = v.object({
  */
 type AdminDimension = v.InferOutput<typeof adminDimensionSchema>;
 
-export {
-  adminDimensionSchema,
-  type AdminDimension,
-};
+export { adminDimensionSchema, type AdminDimension };
diff --git a/packages/pl-api/lib/entities/admin/domain-allow.ts b/packages/pl-api/lib/entities/admin/domain-allow.ts
index 109500052..3c1c5f9d8 100644
--- a/packages/pl-api/lib/entities/admin/domain-allow.ts
+++ b/packages/pl-api/lib/entities/admin/domain-allow.ts
@@ -17,7 +17,4 @@ const adminDomainAllowSchema = v.object({
  */
 type AdminDomainAllow = v.InferOutput<typeof adminDomainAllowSchema>;
 
-export {
-  adminDomainAllowSchema,
-  type AdminDomainAllow,
-};
+export { adminDomainAllowSchema, type AdminDomainAllow };
diff --git a/packages/pl-api/lib/entities/admin/domain-block.ts b/packages/pl-api/lib/entities/admin/domain-block.ts
index 0a79df86d..ac557004e 100644
--- a/packages/pl-api/lib/entities/admin/domain-block.ts
+++ b/packages/pl-api/lib/entities/admin/domain-block.ts
@@ -24,7 +24,4 @@ const adminDomainBlockSchema = v.object({
  */
 type AdminDomainBlock = v.InferOutput<typeof adminDomainBlockSchema>;
 
-export {
-  adminDomainBlockSchema,
-  type AdminDomainBlock,
-};
+export { adminDomainBlockSchema, type AdminDomainBlock };
diff --git a/packages/pl-api/lib/entities/admin/domain.ts b/packages/pl-api/lib/entities/admin/domain.ts
index 4a6da0611..e0ead48cf 100644
--- a/packages/pl-api/lib/entities/admin/domain.ts
+++ b/packages/pl-api/lib/entities/admin/domain.ts
@@ -16,6 +16,6 @@ const adminDomainSchema = v.object({
 /**
  * @category Admin entity types
  */
-type AdminDomain = v.InferOutput<typeof adminDomainSchema>
+type AdminDomain = v.InferOutput<typeof adminDomainSchema>;
 
 export { adminDomainSchema, type AdminDomain };
diff --git a/packages/pl-api/lib/entities/admin/email-domain-block.ts b/packages/pl-api/lib/entities/admin/email-domain-block.ts
index f731574be..1c3587b56 100644
--- a/packages/pl-api/lib/entities/admin/email-domain-block.ts
+++ b/packages/pl-api/lib/entities/admin/email-domain-block.ts
@@ -10,11 +10,13 @@ const adminEmailDomainBlockSchema = v.object({
   id: v.string(),
   domain: v.string(),
   created_at: datetimeSchema,
-  history: v.array(v.object({
-    day: v.pipe(v.unknown(), v.transform(String)),
-    accounts: v.pipe(v.unknown(), v.transform(String)),
-    uses: v.pipe(v.unknown(), v.transform(String)),
-  })),
+  history: v.array(
+    v.object({
+      day: v.pipe(v.unknown(), v.transform(String)),
+      accounts: v.pipe(v.unknown(), v.transform(String)),
+      uses: v.pipe(v.unknown(), v.transform(String)),
+    }),
+  ),
 });
 
 /**
@@ -22,7 +24,4 @@ const adminEmailDomainBlockSchema = v.object({
  */
 type AdminEmailDomainBlock = v.InferOutput<typeof adminEmailDomainBlockSchema>;
 
-export {
-  adminEmailDomainBlockSchema,
-  type AdminEmailDomainBlock,
-};
+export { adminEmailDomainBlockSchema, type AdminEmailDomainBlock };
diff --git a/packages/pl-api/lib/entities/admin/ip-block.ts b/packages/pl-api/lib/entities/admin/ip-block.ts
index b76bd685f..aa0161a9f 100644
--- a/packages/pl-api/lib/entities/admin/ip-block.ts
+++ b/packages/pl-api/lib/entities/admin/ip-block.ts
@@ -20,7 +20,4 @@ const adminIpBlockSchema = v.object({
  */
 type AdminIpBlock = v.InferOutput<typeof adminIpBlockSchema>;
 
-export {
-  adminIpBlockSchema,
-  type AdminIpBlock,
-};
+export { adminIpBlockSchema, type AdminIpBlock };
diff --git a/packages/pl-api/lib/entities/admin/ip.ts b/packages/pl-api/lib/entities/admin/ip.ts
index 1a323a144..d8825de71 100644
--- a/packages/pl-api/lib/entities/admin/ip.ts
+++ b/packages/pl-api/lib/entities/admin/ip.ts
@@ -16,7 +16,4 @@ const adminIpSchema = v.object({
  */
 type AdminIp = v.InferOutput<typeof adminIpSchema>;
 
-export {
-  adminIpSchema,
-  type AdminIp,
-};
+export { adminIpSchema, type AdminIp };
diff --git a/packages/pl-api/lib/entities/admin/measure.ts b/packages/pl-api/lib/entities/admin/measure.ts
index 95d69fb2f..0af3a7258 100644
--- a/packages/pl-api/lib/entities/admin/measure.ts
+++ b/packages/pl-api/lib/entities/admin/measure.ts
@@ -12,10 +12,12 @@ const adminMeasureSchema = v.object({
   total: v.pipe(v.unknown(), v.transform(Number)),
   human_value: v.fallback(v.optional(v.string()), undefined),
   previous_total: v.fallback(v.optional(v.pipe(v.unknown(), v.transform(Number))), undefined),
-  data: v.array(v.object({
-    date: dateSchema,
-    value: v.pipe(v.unknown(), v.transform(Number)),
-  })),
+  data: v.array(
+    v.object({
+      date: dateSchema,
+      value: v.pipe(v.unknown(), v.transform(Number)),
+    }),
+  ),
 });
 
 /**
@@ -23,7 +25,4 @@ const adminMeasureSchema = v.object({
  */
 type AdminMeasure = v.InferOutput<typeof adminMeasureSchema>;
 
-export {
-  adminMeasureSchema,
-  type AdminMeasure,
-};
+export { adminMeasureSchema, type AdminMeasure };
diff --git a/packages/pl-api/lib/entities/admin/moderation-log-entry.ts b/packages/pl-api/lib/entities/admin/moderation-log-entry.ts
index 5c36c6b1e..5b33d6339 100644
--- a/packages/pl-api/lib/entities/admin/moderation-log-entry.ts
+++ b/packages/pl-api/lib/entities/admin/moderation-log-entry.ts
@@ -14,6 +14,6 @@ const adminModerationLogEntrySchema = v.object({
 /**
  * @category Admin entity types
  */
-type AdminModerationLogEntry = v.InferOutput<typeof adminModerationLogEntrySchema>
+type AdminModerationLogEntry = v.InferOutput<typeof adminModerationLogEntrySchema>;
 
 export { adminModerationLogEntrySchema, type AdminModerationLogEntry };
diff --git a/packages/pl-api/lib/entities/admin/pleroma-config.ts b/packages/pl-api/lib/entities/admin/pleroma-config.ts
index 8621dc3da..7b0876ac6 100644
--- a/packages/pl-api/lib/entities/admin/pleroma-config.ts
+++ b/packages/pl-api/lib/entities/admin/pleroma-config.ts
@@ -4,17 +4,19 @@ import * as v from 'valibot';
  * @category Admin schemas
  */
 const pleromaConfigSchema = v.object({
-  configs: v.array(v.object({
-    value: v.any(),
-    group: v.string(),
-    key: v.string(),
-  })),
+  configs: v.array(
+    v.object({
+      value: v.any(),
+      group: v.string(),
+      key: v.string(),
+    }),
+  ),
   need_reboot: v.boolean(),
 });
 
 /**
  * @category Admin entity types
  */
-type PleromaConfig = v.InferOutput<typeof pleromaConfigSchema>
+type PleromaConfig = v.InferOutput<typeof pleromaConfigSchema>;
 
 export { pleromaConfigSchema, type PleromaConfig };
diff --git a/packages/pl-api/lib/entities/admin/relay.ts b/packages/pl-api/lib/entities/admin/relay.ts
index c2b5ded52..4cfd9ede7 100644
--- a/packages/pl-api/lib/entities/admin/relay.ts
+++ b/packages/pl-api/lib/entities/admin/relay.ts
@@ -16,6 +16,6 @@ const adminRelaySchema = v.pipe(
 /**
  * @category Admin entity types
  */
-type AdminRelay = v.InferOutput<typeof adminRelaySchema>
+type AdminRelay = v.InferOutput<typeof adminRelaySchema>;
 
 export { adminRelaySchema, type AdminRelay };
diff --git a/packages/pl-api/lib/entities/admin/report.ts b/packages/pl-api/lib/entities/admin/report.ts
index dffe682fc..fc769b6e5 100644
--- a/packages/pl-api/lib/entities/admin/report.ts
+++ b/packages/pl-api/lib/entities/admin/report.ts
@@ -15,17 +15,17 @@ const adminReportSchema = v.pipe(
   v.any(),
   v.transform((report: any) => {
     if (report.actor) {
-    /**
-     * Convert Pleroma report schema
-     * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminreports}
-     */
+      /**
+       * Convert Pleroma report schema
+       * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminreports}
+       */
       return {
         action_taken: report.state !== 'open',
         comment: report.content,
         updated_at: report.created_at,
         account: report.actor,
         target_account: report.account,
-        ...(pick(report, ['id', 'assigned_account', 'created_at', 'rules', 'statuses'])),
+        ...pick(report, ['id', 'assigned_account', 'created_at', 'rules', 'statuses']),
       };
     }
     return report;
diff --git a/packages/pl-api/lib/entities/admin/tag.ts b/packages/pl-api/lib/entities/admin/tag.ts
index e4320fc01..9b36749db 100644
--- a/packages/pl-api/lib/entities/admin/tag.ts
+++ b/packages/pl-api/lib/entities/admin/tag.ts
@@ -19,7 +19,4 @@ const adminTagSchema = v.object({
  */
 type AdminTag = v.InferOutput<typeof adminTagSchema>;
 
-export {
-  adminTagSchema,
-  type AdminTag,
-};
+export { adminTagSchema, type AdminTag };
diff --git a/packages/pl-api/lib/entities/announcement.ts b/packages/pl-api/lib/entities/announcement.ts
index 683aba701..a81b92eb1 100644
--- a/packages/pl-api/lib/entities/announcement.ts
+++ b/packages/pl-api/lib/entities/announcement.ts
@@ -21,9 +21,13 @@ const announcementSchema = v.object({
   reactions: filteredArray(announcementReactionSchema),
   statuses: v.pipe(
     v.any(),
-    v.transform((statuses: any) => Array.isArray(statuses)
-      ? Object.fromEntries(statuses.map((status: any) => [status.url, status.account?.acct]) || [])
-      : statuses),
+    v.transform((statuses: any) =>
+      Array.isArray(statuses)
+        ? Object.fromEntries(
+            statuses.map((status: any) => [status.url, status.account?.acct]) || [],
+          )
+        : statuses,
+    ),
     v.record(v.string(), v.string()),
   ),
   mentions: filteredArray(mentionSchema),
diff --git a/packages/pl-api/lib/entities/antenna.ts b/packages/pl-api/lib/entities/antenna.ts
index b51e3bc3f..992fbea47 100644
--- a/packages/pl-api/lib/entities/antenna.ts
+++ b/packages/pl-api/lib/entities/antenna.ts
@@ -30,6 +30,6 @@ const antennaSchema: v.BaseSchema<any, Antenna, v.BaseIssue<unknown>> = v.object
  */
 type Antenna = v.InferOutput<typeof baseAntennaSchema> & {
   list: List | null;
-}
+};
 
 export { antennaSchema, type Antenna };
diff --git a/packages/pl-api/lib/entities/application.ts b/packages/pl-api/lib/entities/application.ts
index ad40c1dad..0fd4533a9 100644
--- a/packages/pl-api/lib/entities/application.ts
+++ b/packages/pl-api/lib/entities/application.ts
@@ -6,21 +6,25 @@ import { filteredArray } from './utils';
  * @category Schemas
  * @see {@link https://docs.joinmastodon.org/entities/Application/}
  */
-const applicationSchema = v.pipe(v.any(), v.transform((application) => ({
-  redirect_uris: [application.redirect_uri],
-  ...application,
-})), v.object({
-  name: v.fallback(v.string(), ''),
-  website: v.fallback(v.optional(v.string()), undefined),
-  redirect_uris: filteredArray(v.string()),
+const applicationSchema = v.pipe(
+  v.any(),
+  v.transform((application) => ({
+    redirect_uris: [application.redirect_uri],
+    ...application,
+  })),
+  v.object({
+    name: v.fallback(v.string(), ''),
+    website: v.fallback(v.optional(v.string()), undefined),
+    redirect_uris: filteredArray(v.string()),
 
-  id: v.fallback(v.optional(v.string()), undefined),
+    id: v.fallback(v.optional(v.string()), undefined),
 
-  /** @deprecated */
-  redirect_uri: v.fallback(v.optional(v.string()), undefined),
-  /** @deprecated */
-  vapid_key: v.fallback(v.optional(v.string()), undefined),
-}));
+    /** @deprecated */
+    redirect_uri: v.fallback(v.optional(v.string()), undefined),
+    /** @deprecated */
+    vapid_key: v.fallback(v.optional(v.string()), undefined),
+  }),
+);
 
 type Application = v.InferOutput<typeof applicationSchema>;
 
@@ -35,7 +39,10 @@ const credentialApplicationSchema = v.pipe(
     ...applicationSchema.pipe[2].entries,
     client_id: v.string(),
     client_secret: v.string(),
-    client_secret_expires_at: v.fallback(v.nullable(v.pipe(v.unknown(), v.transform(Number))), null),
+    client_secret_expires_at: v.fallback(
+      v.nullable(v.pipe(v.unknown(), v.transform(Number))),
+      null,
+    ),
   }),
 );
 
@@ -44,4 +51,9 @@ const credentialApplicationSchema = v.pipe(
  */
 type CredentialApplication = v.InferOutput<typeof credentialApplicationSchema>;
 
-export { applicationSchema, credentialApplicationSchema, type Application, type CredentialApplication };
+export {
+  applicationSchema,
+  credentialApplicationSchema,
+  type Application,
+  type CredentialApplication,
+};
diff --git a/packages/pl-api/lib/entities/bookmark-folder.ts b/packages/pl-api/lib/entities/bookmark-folder.ts
index 77dc5fd75..681ad1b6f 100644
--- a/packages/pl-api/lib/entities/bookmark-folder.ts
+++ b/packages/pl-api/lib/entities/bookmark-folder.ts
@@ -3,15 +3,19 @@ import * as v from 'valibot';
 /**
  * @category Schemas
  */
-const bookmarkFolderSchema = v.pipe(v.any(), v.transform((data) => ({
-  name: data.title,
-  ...data,
-})), v.object({
-  id: v.pipe(v.unknown(), v.transform(String)),
-  name: v.fallback(v.string(), ''),
-  emoji: v.fallback(v.nullable(v.string()), null),
-  emoji_url: v.fallback(v.nullable(v.string()), null),
-}));
+const bookmarkFolderSchema = v.pipe(
+  v.any(),
+  v.transform((data) => ({
+    name: data.title,
+    ...data,
+  })),
+  v.object({
+    id: v.pipe(v.unknown(), v.transform(String)),
+    name: v.fallback(v.string(), ''),
+    emoji: v.fallback(v.nullable(v.string()), null),
+    emoji_url: v.fallback(v.nullable(v.string()), null),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/drive-file.ts b/packages/pl-api/lib/entities/drive-file.ts
index 9409adad9..f7126d527 100644
--- a/packages/pl-api/lib/entities/drive-file.ts
+++ b/packages/pl-api/lib/entities/drive-file.ts
@@ -2,24 +2,28 @@ import * as v from 'valibot';
 
 /**
  * @category Schemas
-*/
-const driveFileSchema = v.pipe(v.any(), v.transform((file) => ({
-  ...file,
-  thumbnail_url: file.thumbnailUrl,
-  content_type: file.contentType,
-  is_avatar: file.isAvatar,
-  is_banner: file.isBanner,
-})), v.object({
-  id: v.string(),
-  url: v.string(),
-  thumbnail_url: v.string(),
-  filename: v.string(),
-  content_type: v.string(),
-  sensitive: v.boolean(),
-  description: v.fallback(v.nullable(v.string()), null),
-  is_avatar: v.boolean(),
-  is_banner: v.boolean(),
-}));
+ */
+const driveFileSchema = v.pipe(
+  v.any(),
+  v.transform((file) => ({
+    ...file,
+    thumbnail_url: file.thumbnailUrl,
+    content_type: file.contentType,
+    is_avatar: file.isAvatar,
+    is_banner: file.isBanner,
+  })),
+  v.object({
+    id: v.string(),
+    url: v.string(),
+    thumbnail_url: v.string(),
+    filename: v.string(),
+    content_type: v.string(),
+    sensitive: v.boolean(),
+    description: v.fallback(v.nullable(v.string()), null),
+    is_avatar: v.boolean(),
+    is_banner: v.boolean(),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/drive-folder.ts b/packages/pl-api/lib/entities/drive-folder.ts
index db6e85961..853a84310 100644
--- a/packages/pl-api/lib/entities/drive-folder.ts
+++ b/packages/pl-api/lib/entities/drive-folder.ts
@@ -19,18 +19,22 @@ const baseDriveFolderSchema = v.object({
 
 /**
  * @category Schemas
-*/
-const driveFolderSchema: v.BaseSchema<any, DriveFolder, v.BaseIssue<unknown>> = v.pipe(v.any(), v.transform((folder) => ({
-  ...folder,
-  parent_id: folder.parentId,
-  path: folder.path?.map((entry: any) => ({
-    ...entry,
-    parent_id: entry.parentId,
+ */
+const driveFolderSchema: v.BaseSchema<any, DriveFolder, v.BaseIssue<unknown>> = v.pipe(
+  v.any(),
+  v.transform((folder) => ({
+    ...folder,
+    parent_id: folder.parentId,
+    path: folder.path?.map((entry: any) => ({
+      ...entry,
+      parent_id: entry.parentId,
+    })),
   })),
-})), v.object({
-  ...baseDriveFolderSchema.entries,
-  folders: filteredArray(v.lazy(() => driveFolderSchema)),
-})) as any;
+  v.object({
+    ...baseDriveFolderSchema.entries,
+    folders: filteredArray(v.lazy(() => driveFolderSchema)),
+  }),
+) as any;
 
 /**
  * @category Entity types
@@ -41,6 +45,6 @@ type DriveFolder = {
   parent_id: string | null;
   files: Array<DriveFile>;
   folders: Array<DriveFolder>;
-}
+};
 
 export { driveFolderSchema, type DriveFolder };
diff --git a/packages/pl-api/lib/entities/drive-status.ts b/packages/pl-api/lib/entities/drive-status.ts
index f711708de..7f2ecfe19 100644
--- a/packages/pl-api/lib/entities/drive-status.ts
+++ b/packages/pl-api/lib/entities/drive-status.ts
@@ -2,15 +2,19 @@ import * as v from 'valibot';
 
 /**
  * @category Schemas
-*/
-const driveStatusSchema = v.pipe(v.any(), v.transform((status) => ({
-  file_count: status.fileCount,
-  used_size: status.usedSize,
-  ...status,
-})), v.object({
-  file_count: v.fallback(v.number(), 0),
-  used_size: v.fallback(v.number(), 0),
-}));
+ */
+const driveStatusSchema = v.pipe(
+  v.any(),
+  v.transform((status) => ({
+    file_count: status.fileCount,
+    used_size: status.usedSize,
+    ...status,
+  })),
+  v.object({
+    file_count: v.fallback(v.number(), 0),
+    used_size: v.fallback(v.number(), 0),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/emoji-reaction.ts b/packages/pl-api/lib/entities/emoji-reaction.ts
index 058a27904..1c8e96ccc 100644
--- a/packages/pl-api/lib/entities/emoji-reaction.ts
+++ b/packages/pl-api/lib/entities/emoji-reaction.ts
@@ -25,15 +25,19 @@ const customEmojiReactionSchema = v.object({
  *
  * @category Schemas
  * @see {@link https://docs.pleroma.social/backend/development/API/differences_in_mastoapi_responses/#statuses}
-*/
+ */
 const emojiReactionSchema = v.pipe(
   v.any(),
-  v.transform((reaction: any) => reaction ? {
-    url: reaction.url,
-    static_url: reaction.url,
-    account_ids: reaction.accounts?.map((account: any) => account?.id),
-    ...reaction,
-  } : null),
+  v.transform((reaction: any) =>
+    reaction
+      ? {
+          url: reaction.url,
+          static_url: reaction.url,
+          account_ids: reaction.accounts?.map((account: any) => account?.id),
+          ...reaction,
+        }
+      : null,
+  ),
   v.union([baseEmojiReactionSchema, customEmojiReactionSchema]),
 );
 
diff --git a/packages/pl-api/lib/entities/familiar-followers.ts b/packages/pl-api/lib/entities/familiar-followers.ts
index 519f9fe48..0f9856c93 100644
--- a/packages/pl-api/lib/entities/familiar-followers.ts
+++ b/packages/pl-api/lib/entities/familiar-followers.ts
@@ -15,6 +15,6 @@ const familiarFollowersSchema = v.object({
 /**
  * @category Entity types
  */
-type FamiliarFollowers = v.InferOutput<typeof familiarFollowersSchema>
+type FamiliarFollowers = v.InferOutput<typeof familiarFollowersSchema>;
 
 export { familiarFollowersSchema, type FamiliarFollowers };
diff --git a/packages/pl-api/lib/entities/filter.ts b/packages/pl-api/lib/entities/filter.ts
index 7314ed755..b54737f7f 100644
--- a/packages/pl-api/lib/entities/filter.ts
+++ b/packages/pl-api/lib/entities/filter.ts
@@ -42,11 +42,13 @@ const filterSchema = v.pipe(
       return {
         ...filter,
         title: filter.phrase,
-        keywords: [{
-          id: '1',
-          keyword: filter.phrase,
-          whole_word: filter.whole_word,
-        }],
+        keywords: [
+          {
+            id: '1',
+            keyword: filter.phrase,
+            whole_word: filter.whole_word,
+          },
+        ],
         filter_action: filter.irreversible ? 'hide' : 'warn',
       };
     }
diff --git a/packages/pl-api/lib/entities/group-member.ts b/packages/pl-api/lib/entities/group-member.ts
index 026a87cb2..1ec0f99c2 100644
--- a/packages/pl-api/lib/entities/group-member.ts
+++ b/packages/pl-api/lib/entities/group-member.ts
@@ -5,33 +5,38 @@ import { accountSchema } from './account';
 enum GroupRoles {
   OWNER = 'owner',
   ADMIN = 'admin',
-  USER = 'user'
+  USER = 'user',
 }
 
 /**
  * @category Entity types
  */
-type GroupRole =`${GroupRoles}`;
+type GroupRole = `${GroupRoles}`;
 
 /**
  * @category Schemas
  */
-const groupMemberSchema = v.pipe(v.any(), v.transform((groupMember: any) => {
-  if (!groupMember.account) {
-    return {
-      id: groupMember.id,
-      account: groupMember,
-      role: {
-        founder: 'owner',
-        admin: 'admin',
-      }[groupMember.role as string] || 'user',
-    };
-  }
-}), v.object({
-  id: v.string(),
-  account: accountSchema,
-  role: v.enum(GroupRoles),
-}));
+const groupMemberSchema = v.pipe(
+  v.any(),
+  v.transform((groupMember: any) => {
+    if (!groupMember.account) {
+      return {
+        id: groupMember.id,
+        account: groupMember,
+        role:
+          {
+            founder: 'owner',
+            admin: 'admin',
+          }[groupMember.role as string] || 'user',
+      };
+    }
+  }),
+  v.object({
+    id: v.string(),
+    account: accountSchema,
+    role: v.enum(GroupRoles),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/group.ts b/packages/pl-api/lib/entities/group.ts
index a46d8369a..7bb1317e0 100644
--- a/packages/pl-api/lib/entities/group.ts
+++ b/packages/pl-api/lib/entities/group.ts
@@ -10,61 +10,74 @@ import { datetimeSchema, filteredArray } from './utils';
 /**
  * @category Schemas
  */
-const groupSchema = v.pipe(v.any(), v.transform((group: any) => {
-  const domain = getDomainFromURL(group);
+const groupSchema = v.pipe(
+  v.any(),
+  v.transform((group: any) => {
+    const domain = getDomainFromURL(group);
 
-  if (group?.config) {
-    group = {
-      display_name: group.name,
-      members_count: group.member_count,
-      note: group.short_description,
-      relationship: group.self ? {
-        ...group.self,
-        member: group.self.is_member,
-        role: {
-          founder: 'owner',
-          admin: 'admin',
-        }[group.self.role as string] || 'user',
-        id: group.id,
-      } : null,
+    if (group?.config) {
+      group = {
+        display_name: group.name,
+        members_count: group.member_count,
+        note: group.short_description,
+        relationship: group.self
+          ? {
+              ...group.self,
+              member: group.self.is_member,
+              role:
+                {
+                  founder: 'owner',
+                  admin: 'admin',
+                }[group.self.role as string] || 'user',
+              id: group.id,
+            }
+          : null,
+        ...group,
+      };
+    }
+
+    return {
+      domain,
       ...group,
+      avatar: group.avatar || group.avatar_static,
+      header: group.header || group.header_static,
+      avatar_default: isDefaultAvatar(group.avatar || group.avatar_static || ''),
+      header_default: isDefaultHeader(group.header || group.header_static || ''),
     };
-  }
+  }),
+  v.object({
+    avatar: v.fallback(v.string(), ''),
+    avatar_static: v.fallback(v.string(), ''),
+    created_at: v.fallback(datetimeSchema, new Date().toISOString()),
+    display_name: v.fallback(v.string(), ''),
+    domain: v.fallback(v.string(), ''),
+    emojis: filteredArray(customEmojiSchema),
+    header: v.fallback(v.string(), ''),
+    header_static: v.fallback(v.string(), ''),
+    id: v.pipe(v.unknown(), v.transform(String)),
+    locked: v.fallback(v.boolean(), false),
+    membership_required: v.fallback(v.boolean(), false),
+    members_count: v.fallback(v.number(), 0),
+    owner: v.fallback(v.nullable(v.object({ id: v.string() })), null),
+    note: v.fallback(
+      v.pipe(
+        v.string(),
+        v.transform((note) => (note === '<p></p>' ? '' : note)),
+      ),
+      '',
+    ),
+    relationship: v.fallback(v.nullable(groupRelationshipSchema), null),
+    statuses_visibility: v.fallback(v.string(), 'public'),
+    uri: v.fallback(v.string(), ''),
+    url: v.fallback(v.string(), ''),
 
-  return {
-    domain,
-    ...group,
-    avatar: group.avatar || group.avatar_static,
-    header: group.header || group.header_static,
-    avatar_default: isDefaultAvatar(group.avatar || group.avatar_static || ''),
-    header_default: isDefaultHeader(group.header || group.header_static || ''),
-  };
-}), v.object({
-  avatar: v.fallback(v.string(), ''),
-  avatar_static: v.fallback(v.string(), ''),
-  created_at: v.fallback(datetimeSchema, new Date().toISOString()),
-  display_name: v.fallback(v.string(), ''),
-  domain: v.fallback(v.string(), ''),
-  emojis: filteredArray(customEmojiSchema),
-  header: v.fallback(v.string(), ''),
-  header_static: v.fallback(v.string(), ''),
-  id: v.pipe(v.unknown(), v.transform(String)),
-  locked: v.fallback(v.boolean(), false),
-  membership_required: v.fallback(v.boolean(), false),
-  members_count: v.fallback(v.number(), 0),
-  owner: v.fallback(v.nullable(v.object({ id: v.string() })), null),
-  note: v.fallback(v.pipe(v.string(), v.transform(note => note === '<p></p>' ? '' : note)), ''),
-  relationship: v.fallback(v.nullable(groupRelationshipSchema), null),
-  statuses_visibility: v.fallback(v.string(), 'public'),
-  uri: v.fallback(v.string(), ''),
-  url: v.fallback(v.string(), ''),
+    avatar_description: v.fallback(v.string(), ''),
+    header_description: v.fallback(v.string(), ''),
 
-  avatar_description: v.fallback(v.string(), ''),
-  header_description: v.fallback(v.string(), ''),
-
-  avatar_default: v.fallback(v.boolean(), false),
-  header_default: v.fallback(v.boolean(), false),
-}));
+    avatar_default: v.fallback(v.boolean(), false),
+    header_default: v.fallback(v.boolean(), false),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/grouped-notifications-results.ts b/packages/pl-api/lib/entities/grouped-notifications-results.ts
index 702f2618d..5d51c6c19 100644
--- a/packages/pl-api/lib/entities/grouped-notifications-results.ts
+++ b/packages/pl-api/lib/entities/grouped-notifications-results.ts
@@ -46,7 +46,16 @@ const mentionNotificationGroupSchema = v.object({
 
 const statusNotificationGroupSchema = v.object({
   ...baseNotificationGroupSchema.entries,
-  type: v.picklist(['status', 'reblog', 'favourite', 'poll', 'update', 'event_reminder', 'quote', 'quoted_update']),
+  type: v.picklist([
+    'status',
+    'reblog',
+    'favourite',
+    'poll',
+    'update',
+    'event_reminder',
+    'quote',
+    'quoted_update',
+  ]),
   status_id: v.string(),
 });
 
@@ -105,11 +114,12 @@ const notificationGroupSchema: v.BaseSchema<any, NotificationGroup, v.BaseIssue<
     group_key: `ungrouped-${notification.id}`,
     ...pick(notification.pleroma || {}, ['is_muted', 'is_seen']),
     ...notification,
-    type: notification.type === 'pleroma:report'
-      ? 'admin.report'
-      : notification.type === 'reaction'
-        ? 'emoji_reaction'
-        : notification.type?.replace(/^pleroma:/, ''),
+    type:
+      notification.type === 'pleroma:report'
+        ? 'admin.report'
+        : notification.type === 'reaction'
+          ? 'emoji_reaction'
+          : notification.type?.replace(/^pleroma:/, ''),
   })),
   v.variant('type', [
     accountNotificationGroupSchema,
@@ -122,7 +132,8 @@ const notificationGroupSchema: v.BaseSchema<any, NotificationGroup, v.BaseIssue<
     emojiReactionNotificationGroupSchema,
     chatMentionNotificationGroupSchema,
     eventParticipationRequestNotificationGroupSchema,
-  ])) as any;
+  ]),
+) as any;
 
 /**
  * @category Entity types
@@ -138,7 +149,7 @@ type NotificationGroup = v.InferOutput<
   | typeof emojiReactionNotificationGroupSchema
   | typeof chatMentionNotificationGroupSchema
   | typeof eventParticipationRequestNotificationGroupSchema
-  >;
+>;
 
 /**
  * @category Schemas
@@ -156,4 +167,9 @@ const groupedNotificationsResultsSchema = v.object({
  */
 type GroupedNotificationsResults = v.InferOutput<typeof groupedNotificationsResultsSchema>;
 
-export { notificationGroupSchema, groupedNotificationsResultsSchema, type NotificationGroup, type GroupedNotificationsResults };
+export {
+  notificationGroupSchema,
+  groupedNotificationsResultsSchema,
+  type NotificationGroup,
+  type GroupedNotificationsResults,
+};
diff --git a/packages/pl-api/lib/entities/instance.ts b/packages/pl-api/lib/entities/instance.ts
index 93bdd0ddd..6de041054 100644
--- a/packages/pl-api/lib/entities/instance.ts
+++ b/packages/pl-api/lib/entities/instance.ts
@@ -8,14 +8,19 @@ const SNAC_REGEX = /^([0-9.]*) \(not true; really snac\/([\w.]*)\)/;
 const WORDPRESS_REGEX = /^WordPress\/[\w+.-]*, EMA\/([\w+.-]*)/;
 
 const getApiVersions = (instance: any): Record<string, number> => ({
-  ...Object.fromEntries(instance.pleroma?.metadata?.features?.map((feature: string) => {
-    let string = `${feature}.pleroma.pl-api`;
-    if (string.startsWith('pleroma:') || string.startsWith('pleroma_')) string = string.slice(8);
-    if (string.startsWith('akkoma:')) string = string.slice(7);
-    if (string.startsWith('pl:')) string = string.slice(3);
-    return [string, 1];
-  }) || []),
-  ...Object.fromEntries(instance.fedibird_capabilities?.map((feature: string) => [`${feature}.fedibird.pl-api`, 1]) || []),
+  ...Object.fromEntries(
+    instance.pleroma?.metadata?.features?.map((feature: string) => {
+      let string = `${feature}.pleroma.pl-api`;
+      if (string.startsWith('pleroma:') || string.startsWith('pleroma_')) string = string.slice(8);
+      if (string.startsWith('akkoma:')) string = string.slice(7);
+      if (string.startsWith('pl:')) string = string.slice(3);
+      return [string, 1];
+    }) || [],
+  ),
+  ...Object.fromEntries(
+    instance.fedibird_capabilities?.map((feature: string) => [`${feature}.fedibird.pl-api`, 1]) ||
+      [],
+  ),
   ...instance.api_versions,
 });
 
@@ -49,7 +54,7 @@ const instanceV1ToV2 = (data: any) => {
 
   return {
     ...instance,
-    account_domain: instance.account_domain	|| uri,
+    account_domain: instance.account_domain || uri,
     configuration: {
       ...configuration,
       media_attachments: {
@@ -59,7 +64,8 @@ const instanceV1ToV2 = (data: any) => {
       },
       polls: {
         ...configuration.polls,
-        max_characters_per_option: poll_limits.max_option_chars ?? configuration.polls.max_characters_per_option,
+        max_characters_per_option:
+          poll_limits.max_option_chars ?? configuration.polls.max_characters_per_option,
         max_expiration: poll_limits.max_expiration ?? configuration.polls.max_expiration,
         max_options: poll_limits.max_options ?? configuration.polls.max_options,
         min_expiration: poll_limits.min_expiration ?? configuration.polls.min_expiration,
@@ -67,7 +73,8 @@ const instanceV1ToV2 = (data: any) => {
       statuses: {
         ...configuration.statuses,
         max_characters: max_toot_chars ?? configuration.statuses.max_characters,
-        max_media_attachments: max_media_attachments ?? configuration.statuses.max_media_attachments,
+        max_media_attachments:
+          max_media_attachments ?? configuration.statuses.max_media_attachments,
       },
       urls: {
         streaming: urls.streaming_api,
@@ -97,7 +104,11 @@ const instanceV1ToV2 = (data: any) => {
   };
 };
 
-const software: Array<[string, string]> = [['takahe', 'Takahe'], ['neodb', 'NeoDB'], ['egregoros', 'Egregoros']];
+const software: Array<[string, string]> = [
+  ['takahe', 'Takahe'],
+  ['neodb', 'NeoDB'],
+  ['egregoros', 'Egregoros'],
+];
 
 const fixVersion = (version: string) => {
   // Handle Mastodon release candidates
@@ -128,11 +139,16 @@ const fixVersion = (version: string) => {
 };
 
 const configurationSchema = coerceObject({
-  accounts: v.fallback(v.nullable(v.object({
-    allow_custom_css: v.boolean(),
-    max_featured_tags: v.pipe(v.number(), v.integer()),
-    max_profile_fields: v.pipe(v.number(), v.integer()),
-  })), null),
+  accounts: v.fallback(
+    v.nullable(
+      v.object({
+        allow_custom_css: v.boolean(),
+        max_featured_tags: v.pipe(v.number(), v.integer()),
+        max_profile_fields: v.pipe(v.number(), v.integer()),
+      }),
+    ),
+    null,
+  ),
   chats: coerceObject({
     max_characters: v.fallback(v.number(), 5000),
   }),
@@ -162,7 +178,6 @@ const configurationSchema = coerceObject({
     characters_reserved_per_url: v.fallback(v.optional(v.number()), undefined),
     max_characters: v.fallback(v.number(), 500),
     max_media_attachments: v.fallback(v.number(), 4),
-
   }),
   translation: coerceObject({
     enabled: v.fallback(v.boolean(), false),
@@ -211,36 +226,40 @@ const pleromaSchema = coerceObject({
     federation: coerceObject({
       enabled: v.fallback(v.boolean(), true), // Assume true unless explicitly false
       mrf_policies: v.fallback(v.optional(v.array(v.string())), undefined),
-      mrf_simple: coerceObject(v.entriesFromList(
-        [
-          'accept',
-          'avatar_removal',
-          'banner_removal',
-          'federated_timeline_removal',
-          'followers_only',
-          'media_nsfw',
-          'media_removal',
-          'reject',
-          'reject_deletes',
-          'report_removal',
-        ],
-        v.fallback(v.array(v.string()), []),
-      )),
-      mrf_simple_info: coerceObject(v.entriesFromList(
-        [
-          'accept',
-          'avatar_removal',
-          'banner_removal',
-          'federated_timeline_removal',
-          'followers_only',
-          'media_nsfw',
-          'media_removal',
-          'reject',
-          'reject_deletes',
-          'report_removal',
-        ],
-        v.fallback(v.array(v.tuple([v.string(), v.string()])), []),
-      )),
+      mrf_simple: coerceObject(
+        v.entriesFromList(
+          [
+            'accept',
+            'avatar_removal',
+            'banner_removal',
+            'federated_timeline_removal',
+            'followers_only',
+            'media_nsfw',
+            'media_removal',
+            'reject',
+            'reject_deletes',
+            'report_removal',
+          ],
+          v.fallback(v.array(v.string()), []),
+        ),
+      ),
+      mrf_simple_info: coerceObject(
+        v.entriesFromList(
+          [
+            'accept',
+            'avatar_removal',
+            'banner_removal',
+            'federated_timeline_removal',
+            'followers_only',
+            'media_nsfw',
+            'media_removal',
+            'reject',
+            'reject_deletes',
+            'report_removal',
+          ],
+          v.fallback(v.array(v.tuple([v.string(), v.string()])), []),
+        ),
+      ),
     }),
     fields_limits: coerceObject({
       max_fields: v.fallback(v.pipe(v.number(), v.integer(), v.minValue(0)), 4),
@@ -253,13 +272,15 @@ const pleromaSchema = coerceObject({
     }),
     migration_cooldown_period: v.fallback(v.optional(v.number()), undefined),
     multitenancy: coerceObject({
-      domains: v.optional(v.array(
-        v.object({
-          domain: v.pipe(v.unknown(), v.transform(String)),
-          id: v.string(),
-          public: v.fallback(v.boolean(), false),
-        }),
-      )),
+      domains: v.optional(
+        v.array(
+          v.object({
+            domain: v.pipe(v.unknown(), v.transform(String)),
+            id: v.string(),
+            public: v.fallback(v.boolean(), false),
+          }),
+        ),
+      ),
       enabled: v.fallback(v.boolean(), false),
     }),
     post_formats: v.fallback(v.array(v.string()), ['text/plain']),
@@ -376,7 +397,11 @@ const instanceSchema = v.pipe(
     if (!data.pleroma) {
       data.pleroma = {
         metadata: {
-          post_formats: data.configuration?.statuses?.supported_mime_types || (apiVersions['kmyblue_markdown.fedibird.pl-api'] ? ['text/plain', 'text/markdown'] : []),
+          post_formats:
+            data.configuration?.statuses?.supported_mime_types ||
+            (apiVersions['kmyblue_markdown.fedibird.pl-api']
+              ? ['text/plain', 'text/markdown']
+              : []),
         },
       };
     }
@@ -390,10 +415,18 @@ const instanceSchema = v.pipe(
       data.configuration.timelines_access = {
         ...data.configuration.timelines_access,
         live_feeds: {
-          bubble: timelines.bubble ? 'authenticated' : features.includes('bubble_timeline') ? 'public' : 'disabled',
+          bubble: timelines.bubble
+            ? 'authenticated'
+            : features.includes('bubble_timeline')
+              ? 'public'
+              : 'disabled',
           local: timelines.local ? 'authenticated' : 'public',
           remote: timelines.federated ? 'authenticated' : 'public',
-          wrenched: timelines.wrenched ? 'authenticated' : features.includes('pleroma:wrenched_timeline') ? 'public' : 'disabled',
+          wrenched: timelines.wrenched
+            ? 'authenticated'
+            : features.includes('pleroma:wrenched_timeline')
+              ? 'public'
+              : 'disabled',
         },
       };
     }
@@ -410,10 +443,12 @@ const instanceSchema = v.pipe(
     description: v.fallback(v.string(), ''),
     domain: v.fallback(v.string(), ''),
     feature_quote: v.fallback(v.boolean(), false),
-    icons: filteredArray(v.object({
-      size: v.pipe(v.string(), v.regex(/^[0-9]+x[0-9]+$/)),
-      src: v.string(),
-    })),
+    icons: filteredArray(
+      v.object({
+        size: v.pipe(v.string(), v.regex(/^[0-9]+x[0-9]+$/)),
+        src: v.string(),
+      }),
+    ),
     languages: v.fallback(v.array(v.string()), []),
     pleroma: pleromaSchema,
     registrations,
@@ -423,17 +458,24 @@ const instanceSchema = v.pipe(
     title: v.fallback(v.string(), ''),
     usage: usageSchema,
     version: v.pipe(v.fallback(v.string(), '0.0.0'), v.transform(fixVersion)),
-    blockchains: v.fallback(v.optional(filteredArray(v.object({
-      chain_id: v.fallback(v.nullable(v.string()), null),
-      chain_metadata: coerceObject({
-        is_forwarding_required: v.fallback(v.boolean(), false),
-        description: v.fallback(v.string(), ''),
-        payment_amount_min: v.number(),
-      }),
-      features: coerceObject({
-        subscriptions: v.fallback(v.boolean(), false),
-      }),
-    }))), undefined),
+    blockchains: v.fallback(
+      v.optional(
+        filteredArray(
+          v.object({
+            chain_id: v.fallback(v.nullable(v.string()), null),
+            chain_metadata: coerceObject({
+              is_forwarding_required: v.fallback(v.boolean(), false),
+              description: v.fallback(v.string(), ''),
+              payment_amount_min: v.number(),
+            }),
+            features: coerceObject({
+              subscriptions: v.fallback(v.boolean(), false),
+            }),
+          }),
+        ),
+      ),
+      undefined,
+    ),
   }),
 );
 
diff --git a/packages/pl-api/lib/entities/interaction-policy.ts b/packages/pl-api/lib/entities/interaction-policy.ts
index 36df12137..78f17de70 100644
--- a/packages/pl-api/lib/entities/interaction-policy.ts
+++ b/packages/pl-api/lib/entities/interaction-policy.ts
@@ -2,7 +2,15 @@ import * as v from 'valibot';
 
 import { coerceObject } from './utils';
 
-const interactionPolicyEntrySchema = v.picklist(['public', 'followers', 'following', 'mutuals', 'mentioned', 'author', 'me']);
+const interactionPolicyEntrySchema = v.picklist([
+  'public',
+  'followers',
+  'following',
+  'mutuals',
+  'mentioned',
+  'author',
+  'me',
+]);
 
 /**
  * @category Entity types
@@ -44,5 +52,10 @@ const interactionPoliciesSchema = coerceObject({
  */
 type InteractionPolicies = v.InferOutput<typeof interactionPoliciesSchema>;
 
-export { interactionPolicySchema, interactionPoliciesSchema, type InteractionPolicyEntry, type InteractionPolicy, type InteractionPolicies };
-
+export {
+  interactionPolicySchema,
+  interactionPoliciesSchema,
+  type InteractionPolicyEntry,
+  type InteractionPolicy,
+  type InteractionPolicies,
+};
diff --git a/packages/pl-api/lib/entities/item.ts b/packages/pl-api/lib/entities/item.ts
index fc1c80930..273a18f5b 100644
--- a/packages/pl-api/lib/entities/item.ts
+++ b/packages/pl-api/lib/entities/item.ts
@@ -11,20 +11,33 @@ const baseItemSchema = v.object({
   uuid: v.string(),
   url: v.string(),
   api_url: v.string(),
-  category: v.picklist(['book', 'movie', 'tv', 'music', 'game', 'podcast', 'performance', 'collection']),
+  category: v.picklist([
+    'book',
+    'movie',
+    'tv',
+    'music',
+    'game',
+    'podcast',
+    'performance',
+    'collection',
+  ]),
   parent_uuid: v.nullable(v.string()),
   display_title: v.string(),
   external_resources: v.nullable(filteredArray(externalResourceSchema)),
   title: v.string(),
   description: v.string(),
-  localized_title: filteredArray(v.object({
-    lang: v.string(),
-    text: v.string(),
-  })),
-  localized_description: filteredArray(v.object({
-    lang: v.string(),
-    text: v.string(),
-  })),
+  localized_title: filteredArray(
+    v.object({
+      lang: v.string(),
+      text: v.string(),
+    }),
+  ),
+  localized_description: filteredArray(
+    v.object({
+      lang: v.string(),
+      text: v.string(),
+    }),
+  ),
   conver_image_url: v.nullable(v.string()),
   rating: v.nullable(v.number()),
   rating_count: v.nullable(v.number()),
@@ -214,17 +227,17 @@ const itemSchema: v.BaseSchema<any, Item, v.BaseIssue<unknown>> = v.pipe(
  * @category Entity types
  */
 type Item = v.InferOutput<
-| typeof editionSchema
-| typeof tvShowSchema
-| typeof tvSeasonSchema
-| typeof movieSchema
-| typeof albumSchema
-| typeof podcastSchema
-| typeof gameSchema
-| typeof performanceSchema
-| typeof podcastEpisodeSchema
-| typeof performanceProductionSchema
-| typeof tvEpisodeSchema
+  | typeof editionSchema
+  | typeof tvShowSchema
+  | typeof tvSeasonSchema
+  | typeof movieSchema
+  | typeof albumSchema
+  | typeof podcastSchema
+  | typeof gameSchema
+  | typeof performanceSchema
+  | typeof podcastEpisodeSchema
+  | typeof performanceProductionSchema
+  | typeof tvEpisodeSchema
 >;
 
 export {
diff --git a/packages/pl-api/lib/entities/location.ts b/packages/pl-api/lib/entities/location.ts
index 731e95ec9..6023038e7 100644
--- a/packages/pl-api/lib/entities/location.ts
+++ b/packages/pl-api/lib/entities/location.ts
@@ -15,10 +15,15 @@ const locationSchema = v.object({
   origin_provider: v.fallback(v.string(), ''),
   type: v.fallback(v.string(), ''),
   timezone: v.fallback(v.string(), ''),
-  geom: v.fallback(v.nullable(v.object({
-    coordinates: v.fallback(v.nullable(v.tuple([v.number(), v.number()])), null),
-    srid: v.fallback(v.string(), ''),
-  })), null),
+  geom: v.fallback(
+    v.nullable(
+      v.object({
+        coordinates: v.fallback(v.nullable(v.tuple([v.number(), v.number()])), null),
+        srid: v.fallback(v.string(), ''),
+      }),
+    ),
+    null,
+  ),
 });
 
 /**
diff --git a/packages/pl-api/lib/entities/marker.ts b/packages/pl-api/lib/entities/marker.ts
index a0b370f21..f71e5a2e9 100644
--- a/packages/pl-api/lib/entities/marker.ts
+++ b/packages/pl-api/lib/entities/marker.ts
@@ -8,10 +8,14 @@ import { datetimeSchema } from './utils';
  */
 const markerSchema = v.pipe(
   v.any(),
-  v.transform((marker: any) => marker ? ({
-    unread_count: marker.pleroma?.unread_count,
-    ...marker,
-  }) : null),
+  v.transform((marker: any) =>
+    marker
+      ? {
+          unread_count: marker.pleroma?.unread_count,
+          ...marker,
+        }
+      : null,
+  ),
   v.object({
     last_read_id: v.string(),
     version: v.pipe(v.number(), v.integer()),
@@ -35,9 +39,4 @@ const markersSchema = v.record(v.string(), markerSchema);
  */
 type Markers = v.InferOutput<typeof markersSchema>;
 
-export {
-  markerSchema,
-  markersSchema,
-  type Marker,
-  type Markers,
-};
+export { markerSchema, markersSchema, type Marker, type Markers };
diff --git a/packages/pl-api/lib/entities/media-attachment.ts b/packages/pl-api/lib/entities/media-attachment.ts
index 187909889..8f9ff760d 100644
--- a/packages/pl-api/lib/entities/media-attachment.ts
+++ b/packages/pl-api/lib/entities/media-attachment.ts
@@ -6,10 +6,10 @@ import { mimeSchema } from './utils';
 /**
  * @category Schemas
  */
-const blurhashSchema = v.pipe(v.string(), v.check(
-  (value) => isBlurhashValid(value).result,
-  'invalid blurhash',
-));
+const blurhashSchema = v.pipe(
+  v.string(),
+  v.check((value) => isBlurhashValid(value).result, 'invalid blurhash'),
+);
 
 const baseAttachmentSchema = v.object({
   id: v.string(),
@@ -33,60 +33,97 @@ const imageMetaSchema = v.object({
 const imageAttachmentSchema = v.object({
   ...baseAttachmentSchema.entries,
   type: v.literal('image'),
-  meta: v.fallback(v.object({
-    original: v.fallback(v.optional(imageMetaSchema), undefined),
-    small: v.fallback(v.optional(imageMetaSchema), undefined),
-    focus: v.fallback(v.optional(v.object({
-      x: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
-      y: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
-    })), undefined),
-  }), {}),
+  meta: v.fallback(
+    v.object({
+      original: v.fallback(v.optional(imageMetaSchema), undefined),
+      small: v.fallback(v.optional(imageMetaSchema), undefined),
+      focus: v.fallback(
+        v.optional(
+          v.object({
+            x: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
+            y: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
+          }),
+        ),
+        undefined,
+      ),
+    }),
+    {},
+  ),
 });
 
 const videoAttachmentSchema = v.object({
   ...baseAttachmentSchema.entries,
   type: v.literal('video'),
-  meta: v.fallback(v.object({
-    duration: v.fallback(v.optional(v.number()), undefined),
-    original: v.fallback(v.optional(v.object({
-      ...imageMetaSchema.entries,
-      frame_rate: v.fallback(v.nullable(v.pipe(v.string(), v.regex(/\d+\/\d+$/))), null),
-      duration: v.fallback(v.nullable(v.pipe(v.number(), v.minValue(0))), null),
-    })), undefined),
-    small: v.fallback(v.optional(imageMetaSchema), undefined),
-    // WIP: add rest
-  }), {}),
+  meta: v.fallback(
+    v.object({
+      duration: v.fallback(v.optional(v.number()), undefined),
+      original: v.fallback(
+        v.optional(
+          v.object({
+            ...imageMetaSchema.entries,
+            frame_rate: v.fallback(v.nullable(v.pipe(v.string(), v.regex(/\d+\/\d+$/))), null),
+            duration: v.fallback(v.nullable(v.pipe(v.number(), v.minValue(0))), null),
+          }),
+        ),
+        undefined,
+      ),
+      small: v.fallback(v.optional(imageMetaSchema), undefined),
+      // WIP: add rest
+    }),
+    {},
+  ),
 });
 
 const gifvAttachmentSchema = v.object({
   ...baseAttachmentSchema.entries,
   type: v.literal('gifv'),
-  meta: v.fallback(v.object({
-    duration: v.fallback(v.optional(v.number()), undefined),
-    original: v.fallback(v.optional(imageMetaSchema), undefined),
-    focus: v.fallback(v.optional(v.object({
-      x: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
-      y: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
-    })), undefined),
-  }), {}),
+  meta: v.fallback(
+    v.object({
+      duration: v.fallback(v.optional(v.number()), undefined),
+      original: v.fallback(v.optional(imageMetaSchema), undefined),
+      focus: v.fallback(
+        v.optional(
+          v.object({
+            x: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
+            y: v.pipe(v.number(), v.minValue(-1), v.maxValue(1)),
+          }),
+        ),
+        undefined,
+      ),
+    }),
+    {},
+  ),
 });
 
 const audioAttachmentSchema = v.object({
   ...baseAttachmentSchema.entries,
   type: v.literal('audio'),
-  meta: v.fallback(v.object({
-    duration: v.fallback(v.optional(v.number()), undefined),
-    colors: v.fallback(v.optional(v.object({
-      background: v.fallback(v.optional(v.string()), undefined),
-      foreground: v.fallback(v.optional(v.string()), undefined),
-      accent: v.fallback(v.optional(v.string()), undefined),
+  meta: v.fallback(
+    v.object({
       duration: v.fallback(v.optional(v.number()), undefined),
-    })), undefined),
-    original: v.fallback(v.optional(v.object({
-      duration: v.fallback(v.optional(v.number()), undefined),
-      bitrate: v.fallback(v.optional(v.pipe(v.number(), v.minValue(0))), undefined),
-    })), undefined),
-  }), {}),
+      colors: v.fallback(
+        v.optional(
+          v.object({
+            background: v.fallback(v.optional(v.string()), undefined),
+            foreground: v.fallback(v.optional(v.string()), undefined),
+            accent: v.fallback(v.optional(v.string()), undefined),
+            duration: v.fallback(v.optional(v.number()), undefined),
+          }),
+        ),
+        undefined,
+      ),
+      original: v.fallback(
+        v.optional(
+          v.object({
+            duration: v.fallback(v.optional(v.number()), undefined),
+            bitrate: v.fallback(v.optional(v.pipe(v.number(), v.minValue(0))), undefined),
+          }),
+        ),
+        undefined,
+      ),
+    }),
+    {},
+  ),
 });
 
 const unknownAttachmentSchema = v.object({
diff --git a/packages/pl-api/lib/entities/notification.ts b/packages/pl-api/lib/entities/notification.ts
index 138c6a3a4..e260045fe 100644
--- a/packages/pl-api/lib/entities/notification.ts
+++ b/packages/pl-api/lib/entities/notification.ts
@@ -34,7 +34,16 @@ const mentionNotificationSchema = v.object({
 
 const statusNotificationSchema = v.object({
   ...baseNotificationSchema.entries,
-  type: v.picklist(['status', 'reblog', 'favourite', 'poll', 'update', 'quote', 'quoted_update', 'event_reminder']),
+  type: v.picklist([
+    'status',
+    'reblog',
+    'favourite',
+    'poll',
+    'update',
+    'quote',
+    'quoted_update',
+    'event_reminder',
+  ]),
   status: statusSchema,
 });
 
@@ -99,11 +108,12 @@ const notificationSchema: v.BaseSchema<any, Notification, v.BaseIssue<unknown>>
     group_key: `ungrouped-${notification.id}`,
     ...pick(notification.pleroma || {}, ['is_muted', 'is_seen']),
     ...notification,
-    type: notification.type === 'pleroma:report'
-      ? 'admin.report'
-      : notification.type === 'reaction'
-        ? 'emoji_reaction'
-        : notification.type?.replace(/^pleroma:/, ''),
+    type:
+      notification.type === 'pleroma:report'
+        ? 'admin.report'
+        : notification.type === 'reaction'
+          ? 'emoji_reaction'
+          : notification.type?.replace(/^pleroma:/, ''),
   })),
   v.variant('type', [
     accountNotificationSchema,
@@ -117,23 +127,24 @@ const notificationSchema: v.BaseSchema<any, Notification, v.BaseIssue<unknown>>
     chatMentionNotificationSchema,
     eventParticipationRequestNotificationSchema,
     biteNotificationSchema,
-  ])) as any;
+  ]),
+) as any;
 
 /**
  * @category Entity types
  */
 type Notification = v.InferOutput<
-| typeof accountNotificationSchema
-| typeof mentionNotificationSchema
-| typeof statusNotificationSchema
-| typeof reportNotificationSchema
-| typeof severedRelationshipNotificationSchema
-| typeof moderationWarningNotificationSchema
-| typeof moveNotificationSchema
-| typeof emojiReactionNotificationSchema
-| typeof chatMentionNotificationSchema
-| typeof eventParticipationRequestNotificationSchema
-| typeof biteNotificationSchema
+  | typeof accountNotificationSchema
+  | typeof mentionNotificationSchema
+  | typeof statusNotificationSchema
+  | typeof reportNotificationSchema
+  | typeof severedRelationshipNotificationSchema
+  | typeof moderationWarningNotificationSchema
+  | typeof moveNotificationSchema
+  | typeof emojiReactionNotificationSchema
+  | typeof chatMentionNotificationSchema
+  | typeof eventParticipationRequestNotificationSchema
+  | typeof biteNotificationSchema
 >;
 
 export { notificationSchema, type Notification };
diff --git a/packages/pl-api/lib/entities/quote.ts b/packages/pl-api/lib/entities/quote.ts
index ae246a352..70efe36bb 100644
--- a/packages/pl-api/lib/entities/quote.ts
+++ b/packages/pl-api/lib/entities/quote.ts
@@ -2,7 +2,17 @@ import * as v from 'valibot';
 
 import { statusSchema } from './status';
 
-const quoteStateSchema = v.picklist(['pending', 'accepted', 'rejected', 'revoked', 'deleted', 'unauthorized', 'blocked_account', 'blocked_domain', 'muted-account']);
+const quoteStateSchema = v.picklist([
+  'pending',
+  'accepted',
+  'rejected',
+  'revoked',
+  'deleted',
+  'unauthorized',
+  'blocked_account',
+  'blocked_domain',
+  'muted-account',
+]);
 
 /**
  * @category Schemas
diff --git a/packages/pl-api/lib/entities/review.ts b/packages/pl-api/lib/entities/review.ts
index 3b498607e..f07ee8236 100644
--- a/packages/pl-api/lib/entities/review.ts
+++ b/packages/pl-api/lib/entities/review.ts
@@ -24,7 +24,4 @@ const reviewSchema = v.object({
  */
 type Review = v.InferOutput<typeof reviewSchema>;
 
-export {
-  reviewSchema,
-  type Review,
-};
+export { reviewSchema, type Review };
diff --git a/packages/pl-api/lib/entities/role.ts b/packages/pl-api/lib/entities/role.ts
index 14584738e..a26f356e7 100644
--- a/packages/pl-api/lib/entities/role.ts
+++ b/packages/pl-api/lib/entities/role.ts
@@ -18,7 +18,4 @@ const roleSchema = v.object({
  */
 type Role = v.InferOutput<typeof roleSchema>;
 
-export {
-  roleSchema,
-  type Role,
-};
+export { roleSchema, type Role };
diff --git a/packages/pl-api/lib/entities/rule.ts b/packages/pl-api/lib/entities/rule.ts
index aea0fd4f0..410fbac00 100644
--- a/packages/pl-api/lib/entities/rule.ts
+++ b/packages/pl-api/lib/entities/rule.ts
@@ -4,10 +4,16 @@ const baseRuleSchema = v.object({
   id: v.string(),
   text: v.fallback(v.string(), ''),
   hint: v.fallback(v.string(), ''),
-  translations: v.optional(v.record(v.string(), v.object({
-    text: v.fallback(v.string(), ''),
-    hint: v.fallback(v.string(), ''),
-  })), undefined),
+  translations: v.optional(
+    v.record(
+      v.string(),
+      v.object({
+        text: v.fallback(v.string(), ''),
+        hint: v.fallback(v.string(), ''),
+      }),
+    ),
+    undefined,
+  ),
 });
 
 /**
diff --git a/packages/pl-api/lib/entities/scheduled-status.ts b/packages/pl-api/lib/entities/scheduled-status.ts
index 17bb70716..be136785c 100644
--- a/packages/pl-api/lib/entities/scheduled-status.ts
+++ b/packages/pl-api/lib/entities/scheduled-status.ts
@@ -12,12 +12,17 @@ const scheduledStatusSchema = v.object({
   scheduled_at: datetimeSchema,
   params: v.object({
     text: v.fallback(v.nullable(v.string()), null),
-    poll: v.fallback(v.nullable(v.object({
-      options: v.array(v.string()),
-      expires_in: v.pipe(v.unknown(), v.transform(String)),
-      multiple: v.fallback(v.optional(v.boolean()), undefined),
-      hide_totals: v.fallback(v.optional(v.boolean()), undefined),
-    })), null),
+    poll: v.fallback(
+      v.nullable(
+        v.object({
+          options: v.array(v.string()),
+          expires_in: v.pipe(v.unknown(), v.transform(String)),
+          multiple: v.fallback(v.optional(v.boolean()), undefined),
+          hide_totals: v.fallback(v.optional(v.boolean()), undefined),
+        }),
+      ),
+      null,
+    ),
     media_ids: v.fallback(v.nullable(v.string()), null),
     sensitive: v.fallback(v.nullable(v.pipe(v.unknown(), v.transform(Boolean))), null),
     spoiler_text: v.fallback(v.nullable(v.string()), null),
diff --git a/packages/pl-api/lib/entities/scrobble.ts b/packages/pl-api/lib/entities/scrobble.ts
index b1b2d50ac..271077eb6 100644
--- a/packages/pl-api/lib/entities/scrobble.ts
+++ b/packages/pl-api/lib/entities/scrobble.ts
@@ -8,10 +8,14 @@ import { datetimeSchema } from './utils';
  */
 const scrobbleSchema = v.pipe(
   v.any(),
-  v.transform((scrobble: any) => scrobble ? {
-    external_link: scrobble.externalLink,
-    ...scrobble,
-  } : null),
+  v.transform((scrobble: any) =>
+    scrobble
+      ? {
+          external_link: scrobble.externalLink,
+          ...scrobble,
+        }
+      : null,
+  ),
   v.object({
     id: v.pipe(v.unknown(), v.transform(String)),
     account: accountSchema,
diff --git a/packages/pl-api/lib/entities/status-edit.ts b/packages/pl-api/lib/entities/status-edit.ts
index 46a3c159c..f45627a2b 100644
--- a/packages/pl-api/lib/entities/status-edit.ts
+++ b/packages/pl-api/lib/entities/status-edit.ts
@@ -15,11 +15,18 @@ const statusEditSchema = v.object({
   sensitive: v.pipe(v.unknown(), v.transform(Boolean)),
   created_at: v.fallback(datetimeSchema, new Date().toISOString()),
   account: accountSchema,
-  poll: v.fallback(v.nullable(v.object({
-    options: v.array(v.object({
-      title: v.string(),
-    })),
-  })), null),
+  poll: v.fallback(
+    v.nullable(
+      v.object({
+        options: v.array(
+          v.object({
+            title: v.string(),
+          }),
+        ),
+      }),
+    ),
+    null,
+  ),
   media_attachments: filteredArray(mediaAttachmentSchema),
   emojis: filteredArray(customEmojiSchema),
 });
diff --git a/packages/pl-api/lib/entities/status.ts b/packages/pl-api/lib/entities/status.ts
index 859624fc6..3547fb52a 100644
--- a/packages/pl-api/lib/entities/status.ts
+++ b/packages/pl-api/lib/entities/status.ts
@@ -46,19 +46,35 @@ const baseStatusSchema = v.object({
   id: v.string(),
   uri: v.fallback(v.pipe(v.string(), v.url()), ''),
   created_at: v.fallback(datetimeSchema, new Date().toISOString()),
-  account: v.pipe(v.unknown(), v.transform((account) => {
-    if ((window as any).__PL_API_FALLBACK_ACCOUNT && JSON.stringify(account) === '{}') return (window as any).__PL_API_FALLBACK_ACCOUNT;
-    return account;
-  }), accountSchema),
-  content: v.fallback(v.pipe(v.string(), v.transform((note => note === '<p></p>' ? '' : note))), ''),
+  account: v.pipe(
+    v.unknown(),
+    v.transform((account) => {
+      if ((window as any).__PL_API_FALLBACK_ACCOUNT && JSON.stringify(account) === '{}')
+        return (window as any).__PL_API_FALLBACK_ACCOUNT;
+      return account;
+    }),
+    accountSchema,
+  ),
+  content: v.fallback(
+    v.pipe(
+      v.string(),
+      v.transform((note) => (note === '<p></p>' ? '' : note)),
+    ),
+    '',
+  ),
   visibility: v.fallback(v.string(), 'public'),
   sensitive: v.pipe(v.unknown(), v.transform(Boolean)),
   spoiler_text: v.fallback(v.string(), ''),
   media_attachments: filteredArray(mediaAttachmentSchema),
-  application: v.fallback(v.nullable(v.object({
-    name: v.string(),
-    website: v.fallback(v.nullable(v.pipe(v.string(), v.url())), null),
-  })), null),
+  application: v.fallback(
+    v.nullable(
+      v.object({
+        name: v.string(),
+        website: v.fallback(v.nullable(v.pipe(v.string(), v.url())), null),
+      }),
+    ),
+    null,
+  ),
   mentions: filteredArray(mentionSchema),
   tags: filteredArray(tagSchema),
   emojis: filteredArray(customEmojiSchema),
@@ -121,13 +137,16 @@ const baseStatusSchema = v.object({
 const preprocess = (status: any) => {
   if (!status) return null;
 
-  let quote: {
-    state: string;
-    quoted_status: any;
-  } | {
-    state: string;
-    quoted_status_id: string;
-  } | null = null;
+  let quote:
+    | {
+        state: string;
+        quoted_status: any;
+      }
+    | {
+        state: string;
+        quoted_status_id: string;
+      }
+    | null = null;
 
   const quotedStatus = status.quote ?? status.pleroma?.quote;
   let quotedStatusId = quotedStatus?.id ?? status.quote_id ?? status.pleroma?.quote_id;
@@ -149,9 +168,9 @@ const preprocess = (status: any) => {
   }
 
   status = {
-    // @ts-ignore
+    // @ts-expect-error only overrides if present in pleroma object
     emoji_reactions: status.reactions,
-    ...(pick(status.pleroma || {}, [
+    ...pick(status.pleroma || {}, [
       'local',
       'conversation_id',
       'direct_conversation_id',
@@ -171,11 +190,8 @@ const preprocess = (status: any) => {
       'translation',
       'rss_feed',
       'location',
-    ])),
-    ...(pick(status.friendica || {}, [
-      'dislikes_count',
-      'disliked',
-    ])),
+    ]),
+    ...pick(status.friendica || {}, ['dislikes_count', 'disliked']),
     ...status,
     quote,
     quote_id: quotedStatusId,
@@ -195,29 +211,39 @@ const preprocess = (status: any) => {
 /**
  * @category Schemas
  */
-const statusSchema: v.BaseSchema<any, Status, v.BaseIssue<unknown>> = v.pipe(v.any(), v.transform(preprocess), v.object({
-  ...baseStatusSchema.entries,
-  reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
+const statusSchema: v.BaseSchema<any, Status, v.BaseIssue<unknown>> = v.pipe(
+  v.any(),
+  v.transform(preprocess),
+  v.object({
+    ...baseStatusSchema.entries,
+    reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
 
-  quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
-})) as any;
+    quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
+  }),
+) as any;
 
 /**
  * @category Schemas
  */
-const statusWithoutAccountSchema = v.pipe(v.any(), v.transform(preprocess), v.object({
-  ...(v.omit(baseStatusSchema, ['account']).entries),
-  account: v.fallback(v.nullable(accountSchema), null),
-  reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
+const statusWithoutAccountSchema = v.pipe(
+  v.any(),
+  v.transform(preprocess),
+  v.object({
+    ...v.omit(baseStatusSchema, ['account']).entries,
+    account: v.fallback(v.nullable(accountSchema), null),
+    reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
 
-  quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
-}));
+    quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
+  }),
+);
 
-const partialStatusSchema = v.partial(v.object({
-  ...baseStatusSchema.entries,
-  reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
-  quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
-}));
+const partialStatusSchema = v.partial(
+  v.object({
+    ...baseStatusSchema.entries,
+    reblog: v.fallback(v.nullable(v.lazy(() => statusSchema)), null),
+    quote: v.fallback(v.nullable(v.lazy(() => v.union([quoteSchema, shallowQuoteSchema]))), null),
+  }),
+);
 
 /**
  * @category Entity types
@@ -226,7 +252,7 @@ type StatusWithoutAccount = Omit<v.InferOutput<typeof baseStatusSchema>, 'accoun
   account: Account | null;
   reblog: Status | null;
   quote: Quote | ShallowQuote | null;
-}
+};
 
 /**
  * @category Entity types
@@ -234,6 +260,12 @@ type StatusWithoutAccount = Omit<v.InferOutput<typeof baseStatusSchema>, 'accoun
 type Status = v.InferOutput<typeof baseStatusSchema> & {
   reblog: Status | null;
   quote: Quote | ShallowQuote | null;
-}
+};
 
-export { statusSchema, statusWithoutAccountSchema, partialStatusSchema, type Status, type StatusWithoutAccount };
+export {
+  statusSchema,
+  statusWithoutAccountSchema,
+  partialStatusSchema,
+  type Status,
+  type StatusWithoutAccount,
+};
diff --git a/packages/pl-api/lib/entities/story-carousel-item.ts b/packages/pl-api/lib/entities/story-carousel-item.ts
index 241b48698..7bb61a04d 100644
--- a/packages/pl-api/lib/entities/story-carousel-item.ts
+++ b/packages/pl-api/lib/entities/story-carousel-item.ts
@@ -3,24 +3,28 @@ import * as v from 'valibot';
 /**
  * @category Schemas
  */
-const storyCarouselItemSchema = v.pipe(v.any(), v.transform((item) => ({
-  account_id: item.pid,
-  story_id: item.sid,
-  ...item,
-})), v.object({
-  account_id: v.string(),
-  avatar: v.string(),
-  local: v.boolean(),
-  username: v.string(),
-  latest: v.object({
-    id: v.pipe(v.unknown(), v.transform(String)),
-    type: v.string(),
-    preview_url: v.string(),
+const storyCarouselItemSchema = v.pipe(
+  v.any(),
+  v.transform((item) => ({
+    account_id: item.pid,
+    story_id: item.sid,
+    ...item,
+  })),
+  v.object({
+    account_id: v.string(),
+    avatar: v.string(),
+    local: v.boolean(),
+    username: v.string(),
+    latest: v.object({
+      id: v.pipe(v.unknown(), v.transform(String)),
+      type: v.string(),
+      preview_url: v.string(),
+    }),
+    url: v.string(),
+    seen: v.boolean(),
+    story_id: v.pipe(v.unknown(), v.transform(String)),
   }),
-  url: v.string(),
-  seen: v.boolean(),
-  story_id: v.pipe(v.unknown(), v.transform(String)),
-}));
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/story-media.ts b/packages/pl-api/lib/entities/story-media.ts
index 0f42fa4b0..f3e7aaee0 100644
--- a/packages/pl-api/lib/entities/story-media.ts
+++ b/packages/pl-api/lib/entities/story-media.ts
@@ -3,15 +3,19 @@ import * as v from 'valibot';
 /**
  * @category Schemas
  */
-const storyMediaSchema = v.pipe(v.any(), v.transform((media) => ({
-  id: media.media_id,
-  url: media.media_url,
-  type: media.media_type,
-})), v.object({
-  id: v.string(),
-  url: v.string(),
-  type: v.picklist(['photo', 'video']),
-}));
+const storyMediaSchema = v.pipe(
+  v.any(),
+  v.transform((media) => ({
+    id: media.media_id,
+    url: media.media_url,
+    type: media.media_type,
+  })),
+  v.object({
+    id: v.string(),
+    url: v.string(),
+    type: v.picklist(['photo', 'video']),
+  }),
+);
 
 /**
  * @category Entity types
diff --git a/packages/pl-api/lib/entities/streaming-event.ts b/packages/pl-api/lib/entities/streaming-event.ts
index c971d02c9..ec2eef477 100644
--- a/packages/pl-api/lib/entities/streaming-event.ts
+++ b/packages/pl-api/lib/entities/streaming-event.ts
@@ -38,7 +38,11 @@ const baseStreamingEventSchema = v.object({
 const statusStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.picklist(['update', 'status.update']),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), statusSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    statusSchema,
+  ),
 });
 
 const stringStreamingEventSchema = v.object({
@@ -50,7 +54,11 @@ const stringStreamingEventSchema = v.object({
 const notificationStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('notification'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), notificationSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    notificationSchema,
+  ),
 });
 
 const emptyStreamingEventSchema = v.object({
@@ -61,46 +69,74 @@ const emptyStreamingEventSchema = v.object({
 const conversationStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('conversation'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), conversationSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    conversationSchema,
+  ),
 });
 
 const announcementStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('announcement'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), announcementSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    announcementSchema,
+  ),
 });
 
 const announcementReactionStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('announcement.reaction'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), announcementReactionSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    announcementReactionSchema,
+  ),
 });
 
 const chatUpdateStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('chat_update'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), chatSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    chatSchema,
+  ),
 });
 
 const followRelationshipsUpdateStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('follow_relationships_update'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), followRelationshipUpdateSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    followRelationshipUpdateSchema,
+  ),
 });
 
 const respondStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('respond'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), v.object({
-    type: v.string(),
-    result: v.picklist(['success', 'ignored', 'error']),
-  })),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    v.object({
+      type: v.string(),
+      result: v.picklist(['success', 'ignored', 'error']),
+    }),
+  ),
 });
 
 const markerStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('marker'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), markersSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    markersSchema,
+  ),
 });
 
 const notificationsMergedEventSchema = v.object({
@@ -111,7 +147,11 @@ const notificationsMergedEventSchema = v.object({
 const emojiReactionStreamingEventSchema = v.object({
   ...baseStreamingEventSchema.entries,
   event: v.literal('emoji_reaction'),
-  payload: v.pipe(v.any(), v.transform((payload: any) => JSON.parse(payload)), emojiReactionSchema),
+  payload: v.pipe(
+    v.any(),
+    v.transform((payload: any) => JSON.parse(payload)),
+    emojiReactionSchema,
+  ),
 });
 
 /**
@@ -145,18 +185,18 @@ const streamingEventSchema: v.BaseSchema<any, StreamingEvent, v.BaseIssue<unknow
  * @category Entity types
  */
 type StreamingEvent = v.InferOutput<
-| typeof statusStreamingEventSchema
-| typeof stringStreamingEventSchema
-| typeof notificationStreamingEventSchema
-| typeof emptyStreamingEventSchema
-| typeof conversationStreamingEventSchema
-| typeof announcementStreamingEventSchema
-| typeof announcementReactionStreamingEventSchema
-| typeof chatUpdateStreamingEventSchema
-| typeof followRelationshipsUpdateStreamingEventSchema
-| typeof respondStreamingEventSchema
-| typeof markerStreamingEventSchema
-| typeof notificationsMergedEventSchema
+  | typeof statusStreamingEventSchema
+  | typeof stringStreamingEventSchema
+  | typeof notificationStreamingEventSchema
+  | typeof emptyStreamingEventSchema
+  | typeof conversationStreamingEventSchema
+  | typeof announcementStreamingEventSchema
+  | typeof announcementReactionStreamingEventSchema
+  | typeof chatUpdateStreamingEventSchema
+  | typeof followRelationshipsUpdateStreamingEventSchema
+  | typeof respondStreamingEventSchema
+  | typeof markerStreamingEventSchema
+  | typeof notificationsMergedEventSchema
 >;
 
 export {
diff --git a/packages/pl-api/lib/entities/subscription-details.ts b/packages/pl-api/lib/entities/subscription-details.ts
index 1bb5fd8a0..29665ec72 100644
--- a/packages/pl-api/lib/entities/subscription-details.ts
+++ b/packages/pl-api/lib/entities/subscription-details.ts
@@ -17,7 +17,4 @@ const subscriptionDetailsSchema = v.object({
  */
 type SubscriptionDetails = v.InferOutput<typeof subscriptionDetailsSchema>;
 
-export {
-  subscriptionDetailsSchema,
-  type SubscriptionDetails,
-};
+export { subscriptionDetailsSchema, type SubscriptionDetails };
diff --git a/packages/pl-api/lib/entities/subscription-invoice.ts b/packages/pl-api/lib/entities/subscription-invoice.ts
index 47aa4e283..2d6f09ae7 100644
--- a/packages/pl-api/lib/entities/subscription-invoice.ts
+++ b/packages/pl-api/lib/entities/subscription-invoice.ts
@@ -19,7 +19,16 @@ const subscriptionInvoiceSchema = v.object({
   /** Requested payment amount (in atomic units). */
   amount: v.number(),
   /** Invoice status. */
-  status: v.picklist(['open', 'paid', 'forwarded', 'timeout', 'cancelled', 'underpaid', 'completed', 'failed']),
+  status: v.picklist([
+    'open',
+    'paid',
+    'forwarded',
+    'timeout',
+    'cancelled',
+    'underpaid',
+    'completed',
+    'failed',
+  ]),
   /** The date when invoice was created. */
   created_at: datetimeSchema,
   /** The date when invoice times out. */
@@ -31,7 +40,4 @@ const subscriptionInvoiceSchema = v.object({
  */
 type SubscriptionInvoice = v.InferOutput<typeof subscriptionInvoiceSchema>;
 
-export {
-  subscriptionInvoiceSchema,
-  type SubscriptionInvoice,
-};
+export { subscriptionInvoiceSchema, type SubscriptionInvoice };
diff --git a/packages/pl-api/lib/entities/subscription-option.ts b/packages/pl-api/lib/entities/subscription-option.ts
index 9b1ba02a4..6f4958c7f 100644
--- a/packages/pl-api/lib/entities/subscription-option.ts
+++ b/packages/pl-api/lib/entities/subscription-option.ts
@@ -21,7 +21,4 @@ const subscriptionOptionSchema = v.variant('type', [
  */
 type SubscriptionOption = v.InferOutput<typeof subscriptionOptionSchema>;
 
-export {
-  subscriptionOptionSchema,
-  type SubscriptionOption,
-};
+export { subscriptionOptionSchema, type SubscriptionOption };
diff --git a/packages/pl-api/lib/entities/suggestion.ts b/packages/pl-api/lib/entities/suggestion.ts
index 897f42cf2..9f61c8cb8 100644
--- a/packages/pl-api/lib/entities/suggestion.ts
+++ b/packages/pl-api/lib/entities/suggestion.ts
@@ -9,17 +9,18 @@ import { accountSchema } from './account';
 const suggestionSchema = v.pipe(
   v.any(),
   v.transform((suggestion: any) => {
-  /**
-   * Support `/api/v1/suggestions`
-   * @see {@link https://docs.joinmastodon.org/methods/suggestions/#v1}
-  */
+    /**
+     * Support `/api/v1/suggestions`
+     * @see {@link https://docs.joinmastodon.org/methods/suggestions/#v1}
+     */
     if (!suggestion) return null;
 
-    if (suggestion?.acct) return {
-      source: 'staff',
-      sources: ['featured'],
-      account: suggestion,
-    };
+    if (suggestion?.acct)
+      return {
+        source: 'staff',
+        sources: ['featured'],
+        account: suggestion,
+      };
 
     if (!suggestion.sources) {
       suggestion.sources = [];
diff --git a/packages/pl-api/lib/entities/tag.ts b/packages/pl-api/lib/entities/tag.ts
index 2895ee193..2363d5dc3 100644
--- a/packages/pl-api/lib/entities/tag.ts
+++ b/packages/pl-api/lib/entities/tag.ts
@@ -3,18 +3,24 @@ import * as v from 'valibot';
 /**
  * @category Schemas
  */
-const historySchema = v.array(v.object({
-  day: v.pipe(v.unknown(), v.transform(Number)),
-  accounts: v.pipe(v.unknown(), v.transform(Number)),
-  uses: v.pipe(v.unknown(), v.transform(Number)),
-}));
+const historySchema = v.array(
+  v.object({
+    day: v.pipe(v.unknown(), v.transform(Number)),
+    accounts: v.pipe(v.unknown(), v.transform(Number)),
+    uses: v.pipe(v.unknown(), v.transform(Number)),
+  }),
+);
 
 /**
  * @category Schemas
  * @see {@link https://docs.joinmastodon.org/entities/tag}
  */
 const tagSchema = v.object({
-  name: v.pipe(v.string(), v.transform(name => name.startsWith('#') ? name.slice(1) : name), v.minLength(1)),
+  name: v.pipe(
+    v.string(),
+    v.transform((name) => (name.startsWith('#') ? name.slice(1) : name)),
+    v.minLength(1),
+  ),
   url: v.fallback(v.pipe(v.string(), v.url()), ''),
   history: v.fallback(v.nullable(historySchema), null),
   following: v.fallback(v.optional(v.boolean()), undefined),
diff --git a/packages/pl-api/lib/entities/translation.ts b/packages/pl-api/lib/entities/translation.ts
index 08945bf36..7be26d583 100644
--- a/packages/pl-api/lib/entities/translation.ts
+++ b/packages/pl-api/lib/entities/translation.ts
@@ -4,9 +4,11 @@ import { filteredArray } from './utils';
 
 const translationPollSchema = v.object({
   id: v.string(),
-  options: v.array(v.object({
-    title: v.string(),
-  })),
+  options: v.array(
+    v.object({
+      title: v.string(),
+    }),
+  ),
 });
 
 const translationMediaAttachment = v.object({
@@ -21,14 +23,15 @@ const translationMediaAttachment = v.object({
 const translationSchema = v.pipe(
   v.any(),
   v.transform((translation: any) => {
-  /**
-   * handle Akkoma
-   * @see {@link https://akkoma.dev/AkkomaGang/akkoma/src/branch/develop/lib/pleroma/web/mastodon_api/controllers/status_controller.ex#L504}
-   */
-    if (translation?.text) return {
-      content: translation.text,
-      detected_source_language: translation.detected_language,
-    };
+    /**
+     * handle Akkoma
+     * @see {@link https://akkoma.dev/AkkomaGang/akkoma/src/branch/develop/lib/pleroma/web/mastodon_api/controllers/status_controller.ex#L504}
+     */
+    if (translation?.text)
+      return {
+        content: translation.text,
+        detected_source_language: translation.detected_language,
+      };
 
     return translation;
   }),
diff --git a/packages/pl-api/lib/entities/utils.ts b/packages/pl-api/lib/entities/utils.ts
index 3c54d0202..c131694aa 100644
--- a/packages/pl-api/lib/entities/utils.ts
+++ b/packages/pl-api/lib/entities/utils.ts
@@ -9,18 +9,24 @@ const datetimeSchema = v.pipe(
   v.regex(/^\d{4}-\d{2}-\d{2}T([01]\d|2[0-3]):[0-5]\d:[0-5]\d(\.\d+)?(([+-]\d{2}:?\d{2})|(Z)?)$/),
 );
 
-const dateSchema = v.pipe(v.string(), v.transform((value) => value.slice(0, 10)), v.regex(/^\d{4}-\d{2}-\d{2}$/));
+const dateSchema = v.pipe(
+  v.string(),
+  v.transform((value) => value.slice(0, 10)),
+  v.regex(/^\d{4}-\d{2}-\d{2}$/),
+);
 
 /** Validates individual items in an array, dropping any that aren't valid. */
 const filteredArray = <T>(schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>) =>
   v.pipe(
     v.fallback(v.array(v.any()), []),
-    v.transform((arr) => (
-      (arr || []).map((item) => {
-        const parsed = v.safeParse(schema, item);
-        return parsed.success ? parsed.output : undefined;
-      }).filter((item): item is T => Boolean(item))
-    )),
+    v.transform((arr) =>
+      (arr || [])
+        .map((item) => {
+          const parsed = v.safeParse(schema, item);
+          return parsed.success ? parsed.output : undefined;
+        })
+        .filter((item): item is T => Boolean(item)),
+    ),
   );
 
 /** Validates the string as an emoji. */
@@ -34,7 +40,7 @@ const coerceObject = <T extends v.ObjectEntries>(shape: T): v.ObjectSchema<T, un
   v.optional(
     v.pipe(
       v.any(),
-      v.transform((input) => typeof input === 'object' && input !== null ? input : {}),
+      v.transform((input) => (typeof input === 'object' && input !== null ? input : {})),
       v.object(shape),
     ),
     {},
diff --git a/packages/pl-api/lib/features.ts b/packages/pl-api/lib/features.ts
index efe99522d..64bd38534 100644
--- a/packages/pl-api/lib/features.ts
+++ b/packages/pl-api/lib/features.ts
@@ -212,20 +212,13 @@ const getFeatures = (instance: Instance) => {
      * @see GET /api/v1/pleroma/backups
      * @see POST /api/v1/pleroma/backups
      */
-    accountBackups: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    accountBackups: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * The accounts API allows an acct instead of an ID.
      * @see GET /api/v1/accounts/:acct_or_id
      */
-    accountByUsername: any([
-      v.software === AKKOMA,
-      v.software === MITRA,
-      v.software === PLEROMA,
-    ]),
+    accountByUsername: any([v.software === AKKOMA, v.software === MITRA, v.software === PLEROMA]),
 
     /**
      * Ability to create accounts.
@@ -270,9 +263,7 @@ const getFeatures = (instance: Instance) => {
      * Ability to set one's location on their profile.
      * @see PATCH /api/v1/accounts/update_credentials
      */
-    accountLocation: any([
-      instance.api_versions['account_location.pleroma.pl-api'] >= 1,
-    ]),
+    accountLocation: any([instance.api_versions['account_location.pleroma.pl-api'] >= 1]),
 
     /**
      * Look up an account by the acct.
@@ -300,18 +291,13 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see PATCH /api/v1/accounts/update_credentials
      */
-    accountMentionPolicy: any([
-      v.software === MITRA,
-    ]),
+    accountMentionPolicy: any([v.software === MITRA]),
 
     /**
      * Move followers to a different ActivityPub account.
      * @see POST /api/pleroma/move_account
      */
-    accountMoving: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA && gte(v.version, '2.5.0'),
-    ]),
+    accountMoving: any([v.software === AKKOMA, v.software === PLEROMA && gte(v.version, '2.5.0')]),
 
     /**
      * Ability to subscribe to notifications every time an account posts.
@@ -332,25 +318,18 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see PATCH /api/v1/accounts/update_credentials
      */
-    accountWebLayout: any([
-      v.software === GOTOSOCIAL && gte(v.version, '0.19.0'),
-    ]),
+    accountWebLayout: any([v.software === GOTOSOCIAL && gte(v.version, '0.19.0')]),
 
     /**
-      * @see PATCH /api/v1/accounts/update_credentials
-      */
-    accountWebVisibility: any([
-      v.software === GOTOSOCIAL && gte(v.version, '0.17.0'),
-    ]),
+     * @see PATCH /api/v1/accounts/update_credentials
+     */
+    accountWebVisibility: any([v.software === GOTOSOCIAL && gte(v.version, '0.17.0')]),
 
     /**
      * Ability to address a status to a list of users.
      * @see POST /api/v1/statuses
      */
-    addressableLists: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    addressableLists: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see GET /api/v1/admin/custom_emojis
@@ -373,14 +352,9 @@ const getFeatures = (instance: Instance) => {
      * @see PATCH /api/v1/admin/instance/rules/:id
      * @see DELETE /api/v1/admin/instance/rules/:id
      */
-    adminRules: any([
-      v.software === GOTOSOCIAL,
-      v.software === PLEROMA && gte(v.version, '2.7.0'),
-    ]),
+    adminRules: any([v.software === GOTOSOCIAL, v.software === PLEROMA && gte(v.version, '2.7.0')]),
 
-    adminRulesPriority: any([
-      v.software === PLEROMA && gte(v.version, '2.7.0'),
-    ]),
+    adminRulesPriority: any([v.software === PLEROMA && gte(v.version, '2.7.0')]),
 
     /**
      * Can display announcements set by admins.
@@ -452,7 +426,8 @@ const getFeatures = (instance: Instance) => {
       instance.api_versions['kmyblue_bookmark_category.fedibird.pl-api'] >= 1,
     ]),
 
-    bookmarkFoldersMultiple: instance.api_versions['kmyblue_bookmark_category.fedibird.pl-api'] >= 1,
+    bookmarkFoldersMultiple:
+      instance.api_versions['kmyblue_bookmark_category.fedibird.pl-api'] >= 1,
 
     /**
      * Can bookmark statuses.
@@ -541,9 +516,7 @@ const getFeatures = (instance: Instance) => {
      * Ability to delete a chat.
      * @see DELETE /api/v1/pleroma/chats/:id
      */
-    chatsDelete: any([
-      instance.api_versions['chat_delete.pleroma.pl-api'] >= 1,
-    ]),
+    chatsDelete: any([instance.api_versions['chat_delete.pleroma.pl-api'] >= 1]),
 
     circles: instance.api_versions['kmyblue_circle_history.fedibird.pl-api'] >= 1,
 
@@ -576,10 +549,7 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see GET /api/v1/conversations
      */
-    conversationsByRecipients: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    conversationsByRecipients: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to post statuses to the recipients of parent post.
@@ -590,10 +560,7 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see POST /api/v1/statuses
      */
-    createStatusExpiration: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    createStatusExpiration: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to address recipients of a status explicitly (with `to`).
@@ -607,19 +574,13 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see POST /api/v1/statuses
      */
-    createStatusReplyToConversation: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    createStatusReplyToConversation: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to address a status to a list of users.
      * @see POST /api/v1/statuses
      */
-    createStatusListScope: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    createStatusListScope: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see POST /api/v1/statuses
@@ -646,11 +607,7 @@ const getFeatures = (instance: Instance) => {
      * @see POST /api/v1/statuses
      * @see POST /api/v1/statuses/preview
      */
-    createStatusPreview: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-      v.software === MITRA,
-    ]),
+    createStatusPreview: any([v.software === AKKOMA, v.software === PLEROMA, v.software === MITRA]),
 
     /**
      * Ability to add non-standard reactions to a status.
@@ -666,11 +623,7 @@ const getFeatures = (instance: Instance) => {
      * @see POST /api/v1/accounts/delete
      * @see POST /api/pleroma/delete_account
      */
-    deleteAccount: any([
-      v.software === AKKOMA,
-      v.software === GOTOSOCIAL,
-      v.software === PLEROMA,
-    ]),
+    deleteAccount: any([v.software === AKKOMA, v.software === GOTOSOCIAL, v.software === PLEROMA]),
 
     /**
      * @see POST /api/v1/settings/delete_account
@@ -782,9 +735,9 @@ const getFeatures = (instance: Instance) => {
     events: instance.api_versions['events.pleroma.pl-api'] >= 1,
 
     /**
-    * Export blocks to CSV file
-    * @see GET /api/v1/exports/blocks.csv
-    */
+     * Export blocks to CSV file
+     * @see GET /api/v1/exports/blocks.csv
+     */
     exportBlocks: v.software === GOTOSOCIAL && gte(v.version, '0.17.0'),
 
     /**
@@ -808,15 +761,15 @@ const getFeatures = (instance: Instance) => {
     ]),
 
     /**
-      * Export lists to CSV file
-      * @see GET /api/v1/exports/lists.csv
-      */
+     * Export lists to CSV file
+     * @see GET /api/v1/exports/lists.csv
+     */
     exportLists: v.software === GOTOSOCIAL && gte(v.version, '0.17.0'),
 
     /**
-      * Export mutes to CSV file
-      * @see GET /api/v1/exports/mutes.csv
-      */
+     * Export mutes to CSV file
+     * @see GET /api/v1/exports/mutes.csv
+     */
     exportMutes: v.software === GOTOSOCIAL && gte(v.version, '0.17.0'),
 
     /** Whether the accounts who favourited or emoji-reacted to a status can be viewed through the API. */
@@ -897,10 +850,7 @@ const getFeatures = (instance: Instance) => {
      * Allows setting the focal point of a media attachment.
      * @see {@link https://docs.joinmastodon.org/methods/media/}
      */
-    focalPoint: any([
-      v.software === GOTOSOCIAL,
-      v.software === MASTODON,
-    ]),
+    focalPoint: any([v.software === GOTOSOCIAL, v.software === MASTODON]),
 
     /**
      * TODO
@@ -1002,10 +952,7 @@ const getFeatures = (instance: Instance) => {
      * @see POST /api/v1/admin/groups/:group_id/unsuspend
      * @see DELETE /api/v1/admin/groups/:group_id
      */
-    groups: any([
-      v.software === PIXELFED,
-      instance.api_versions['groups.pleroma.pl-api'] >= 1,
-    ]),
+    groups: any([v.software === PIXELFED, instance.api_versions['groups.pleroma.pl-api'] >= 1]),
 
     groupsSlugs: instance.api_versions['groups.pleroma.pl-api'] >= 1,
 
@@ -1034,9 +981,7 @@ const getFeatures = (instance: Instance) => {
      * Move followers from remote alias.
      * @see POST /api/v1/settings/import_followers
      */
-    importFollowers: any([
-      v.software === MITRA && gte(v.version, '2.18.0'),
-    ]),
+    importFollowers: any([v.software === MITRA && gte(v.version, '2.18.0')]),
 
     /**
      * Import a .csv file with a list of followed users.
@@ -1081,7 +1026,7 @@ const getFeatures = (instance: Instance) => {
      * Mastodon server information API v2.
      * @see GET /api/v2/instance
      * @see {@link https://docs.joinmastodon.org/methods/instance/#v2}
-    */
+     */
     instanceV2: any([
       v.software === FIREFISH,
       v.software === GOTOSOCIAL,
@@ -1171,10 +1116,9 @@ const getFeatures = (instance: Instance) => {
      * Ability to post statuses that don't federate.
      * @see POST /api/v1/statuses
      */
-    localOnlyStatuses: federation && any([
-      v.software === GOTOSOCIAL,
-      v.software === MASTODON && v.build === HOMETOWN,
-    ]),
+    localOnlyStatuses:
+      federation &&
+      any([v.software === GOTOSOCIAL, v.software === MASTODON && v.build === HOMETOWN]),
 
     /**
      * Can sign in using username instead of e-mail address.
@@ -1192,10 +1136,7 @@ const getFeatures = (instance: Instance) => {
      * @see GET /api/pleroma/aliases
      * @see PATCH /api/v1/accounts/update_credentials
      */
-    manageAccountAliases: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    manageAccountAliases: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see GET /api/pleroma/accounts/mfa
@@ -1212,18 +1153,12 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see GET /api/pleroma/accounts/mfa/backup_codes
      */
-    manageMfaBackupCodes: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    manageMfaBackupCodes: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see POST /api/v1/user/2fa/enable
      */
-    manageMfaRequiresPassword: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    manageMfaRequiresPassword: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Can perform moderation actions with account and reports.
@@ -1288,10 +1223,7 @@ const getFeatures = (instance: Instance) => {
      * Ability to hide notifications from people you don't follow.
      * @see PUT /api/pleroma/notification_settings
      */
-    muteStrangers: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    muteStrangers: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to mute users.
@@ -1347,10 +1279,7 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see DELETE /api/v1/notifications/destroy_multiple
      */
-    notificationsDismissMultiple: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    notificationsDismissMultiple: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see GET /api/v1/notifications
@@ -1360,10 +1289,7 @@ const getFeatures = (instance: Instance) => {
     /**
      * @see GET /api/v1/notifications
      */
-    notificationsExcludeVisibilities: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    notificationsExcludeVisibilities: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * @see GET /api/v1/notifications/unread_count
@@ -1409,10 +1335,7 @@ const getFeatures = (instance: Instance) => {
       instance.api_versions['outgoing_follow_requests.pleroma.pl-api'] >= 1,
     ]),
 
-    pleromaAdminAccounts: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaAdminAccounts: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to manage announcements by admins.
@@ -1423,25 +1346,13 @@ const getFeatures = (instance: Instance) => {
      * @see DELETE /api/v1/pleroma/admin/announcements/:id
      * @see {@link https://docs.pleroma.social/backend/development/API/admin_api/#get-apiv1pleromaadminannouncements}
      */
-    pleromaAdminAnnouncements: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaAdminAnnouncements: any([v.software === AKKOMA, v.software === PLEROMA]),
 
-    pleromaAdminModerationLog: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaAdminModerationLog: any([v.software === AKKOMA, v.software === PLEROMA]),
 
-    pleromaAdminRelays: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaAdminRelays: any([v.software === AKKOMA, v.software === PLEROMA]),
 
-    pleromaAdminStatuses: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaAdminStatuses: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     pleromaAdminStatusesRedact: instance.api_versions['admin_statuses_redact.pleroma.pl-api'] >= 1,
 
@@ -1449,10 +1360,7 @@ const getFeatures = (instance: Instance) => {
      * Displays a form to follow a user when logged out.
      * @see POST /main/ostatus
      */
-    pleromaRemoteFollow: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    pleromaRemoteFollow: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Can add polls to statuses.
@@ -1531,10 +1439,7 @@ const getFeatures = (instance: Instance) => {
      * Returns favorites timeline of any user
      * @see GET /api/v1/pleroma/accounts/:id/favourites
      */
-    publicFavourites: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    publicFavourites: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Can display a timeline of all known public statuses.
@@ -1611,10 +1516,7 @@ const getFeatures = (instance: Instance) => {
      * Can request a password reset email through the API.
      * @see POST /auth/password
      */
-    resetPassword: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-    ]),
+    resetPassword: any([v.software === AKKOMA, v.software === PLEROMA]),
 
     /**
      * Ability to post statuses in Markdown, BBCode, and HTML.
@@ -1772,9 +1674,7 @@ const getFeatures = (instance: Instance) => {
      * Remove an account from follow suggestions
      * @see DELETE /api/v1/suggestions/:account_id
      */
-    suggestionsDismiss: any([
-      v.software === MASTODON,
-    ]),
+    suggestionsDismiss: any([v.software === MASTODON]),
 
     /**
      * Supports V2 suggested accounts.
@@ -1844,11 +1744,7 @@ const getFeatures = (instance: Instance) => {
      * Whether the backend allows adding users you don't follow to lists.
      * @see POST /api/v1/lists/:id/accounts
      */
-    unrestrictedLists: any([
-      v.software === AKKOMA,
-      v.software === PLEROMA,
-      v.software === SNAC,
-    ]),
+    unrestrictedLists: any([v.software === AKKOMA, v.software === PLEROMA, v.software === SNAC]),
 
     /**
      * Can display a timeline of most recently wrenched statuses.
@@ -1879,9 +1775,12 @@ const parseVersion = (version: string): Backend => {
   const match = regex.exec(version.replace('/', ' '));
 
   const semverString = match && (match[3] || match[1]);
-  const semver = match ? semverParse(semverString) || semverCoerce(semverString, {
-    loose: true,
-  }) : null;
+  const semver = match
+    ? semverParse(semverString) ||
+      semverCoerce(semverString, {
+        loose: true,
+      })
+    : null;
   const compat = match ? semverParse(match[1]) || semverCoerce(match[1]) : null;
   if (match && semver && compat) {
     return {
@@ -1890,16 +1789,15 @@ const parseVersion = (version: string): Backend => {
       software: match[2] || MASTODON,
       version: semver.version.split('-')[0],
     };
-  } else {
-    // If we can't parse the version, this is a new and exotic backend.
-    // Fall back to minimal featureset.
-    return {
-      build: null,
-      compatVersion: '0.0.0',
-      software: null,
-      version: '0.0.0',
-    };
   }
+  // If we can't parse the version, this is a new and exotic backend.
+  // Fall back to minimal featureset.
+  return {
+    build: null,
+    compatVersion: '0.0.0',
+    software: null,
+    version: '0.0.0',
+  };
 };
 
 export {
diff --git a/packages/pl-api/lib/main.ts b/packages/pl-api/lib/main.ts
index 9d4abc3d4..639273eae 100644
--- a/packages/pl-api/lib/main.ts
+++ b/packages/pl-api/lib/main.ts
@@ -1,4 +1,4 @@
-export { PlApiClient } from './client';
+export { default as PlApiClient } from './client';
 export { PlApiDirectoryClient } from './directory-client';
 export { type Response as PlApiResponse } from './request';
 export * from './entities';
diff --git a/packages/pl-api/lib/params/accounts.ts b/packages/pl-api/lib/params/accounts.ts
index 37c1dc365..e809b7757 100644
--- a/packages/pl-api/lib/params/accounts.ts
+++ b/packages/pl-api/lib/params/accounts.ts
@@ -1,4 +1,11 @@
-import type { LanguageParam, OnlyEventsParam, OnlyMediaParam, PaginationParams, WithMutedParam, WithRelationshipsParam } from './common';
+import type {
+  LanguageParam,
+  OnlyEventsParam,
+  OnlyMediaParam,
+  PaginationParams,
+  WithMutedParam,
+  WithRelationshipsParam,
+} from './common';
 
 /**
  * @category Request params
@@ -8,7 +15,8 @@ type GetAccountParams = WithMutedParam;
 /**
  * @category Request params
  */
-interface GetAccountStatusesParams extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
+interface GetAccountStatusesParams
+  extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
   /** Boolean. Filter out statuses in reply to a different account. */
   exclude_replies?: boolean;
   /** Boolean. Filter out boosts from the response. */
@@ -48,7 +56,7 @@ interface FollowAccountParams {
   /**
    * Array of String (ISO 639-1 language two-letter code). Filter received statuses for these languages. If not provided, you will receive this account’s posts in all languages.
    * Requires features{@link Features['followAccountLanguages']}.
-  */
+   */
   languages?: string[];
 }
 
diff --git a/packages/pl-api/lib/params/admin.ts b/packages/pl-api/lib/params/admin.ts
index b320ad458..51dd152b2 100644
--- a/packages/pl-api/lib/params/admin.ts
+++ b/packages/pl-api/lib/params/admin.ts
@@ -130,7 +130,16 @@ type AdminGetCanonicalEmailBlocks = PaginationParams;
 /**
  * @category Request params
  */
-type AdminDimensionKey = 'languages' | 'sources' | 'servers' | 'space_usage' | 'software_versions' | 'tag_servers' | 'tag_languages' | 'instance_accounts' | 'instance_languages';
+type AdminDimensionKey =
+  | 'languages'
+  | 'sources'
+  | 'servers'
+  | 'space_usage'
+  | 'software_versions'
+  | 'tag_servers'
+  | 'tag_languages'
+  | 'instance_accounts'
+  | 'instance_languages';
 
 /**
  * @category Request params
@@ -197,7 +206,21 @@ type AdminUpdateIpBlockParams = Partial<AdminCreateIpBlockParams>;
 /**
  * @category Request params
  */
-type AdminMeasureKey = 'active_users' | 'new_users' | 'interactions' | 'opened_reports' | 'resolved_reports' | 'tag_accounts' | 'tag_uses' | 'tag_servers' | 'instance_accounts' | 'instance_media_attachments' | 'instance_reports' | 'instance_statuses' | 'instance_follows' | 'instance_followers';
+type AdminMeasureKey =
+  | 'active_users'
+  | 'new_users'
+  | 'interactions'
+  | 'opened_reports'
+  | 'resolved_reports'
+  | 'tag_accounts'
+  | 'tag_uses'
+  | 'tag_servers'
+  | 'instance_accounts'
+  | 'instance_media_attachments'
+  | 'instance_reports'
+  | 'instance_statuses'
+  | 'instance_follows'
+  | 'instance_followers';
 
 /**
  * @category Request params
@@ -333,8 +356,7 @@ interface AdminUpdateCustomEmojiParams {
 /**
  * @category Request params
  */
-interface AdminGetGroupsParams {
-}
+interface AdminGetGroupsParams {}
 
 export type {
   AdminGetAccountsParams,
diff --git a/packages/pl-api/lib/params/antennas.ts b/packages/pl-api/lib/params/antennas.ts
index 6af57834d..8293565a0 100644
--- a/packages/pl-api/lib/params/antennas.ts
+++ b/packages/pl-api/lib/params/antennas.ts
@@ -17,7 +17,4 @@ interface CreateAntennaParams {
  */
 type UpdateAntennaParams = Partial<CreateAntennaParams>;
 
-export {
-  type CreateAntennaParams,
-  type UpdateAntennaParams,
-};
+export { type CreateAntennaParams, type UpdateAntennaParams };
diff --git a/packages/pl-api/lib/params/apps.ts b/packages/pl-api/lib/params/apps.ts
index 17e5a839d..367a17fa6 100644
--- a/packages/pl-api/lib/params/apps.ts
+++ b/packages/pl-api/lib/params/apps.ts
@@ -12,6 +12,4 @@ interface CreateApplicationParams {
   website?: string;
 }
 
-export type {
-  CreateApplicationParams,
-};
+export type { CreateApplicationParams };
diff --git a/packages/pl-api/lib/params/chats.ts b/packages/pl-api/lib/params/chats.ts
index c9e16a5db..348f392eb 100644
--- a/packages/pl-api/lib/params/chats.ts
+++ b/packages/pl-api/lib/params/chats.ts
@@ -13,16 +13,14 @@ type GetChatMessagesParams = PaginationParams;
 /**
  * @category Request params
  */
-type CreateChatMessageParams = {
-  content?: string;
-  media_id: string;
-} | {
-  content: string;
-  media_id?: string;
-};
+type CreateChatMessageParams =
+  | {
+      content?: string;
+      media_id: string;
+    }
+  | {
+      content: string;
+      media_id?: string;
+    };
 
-export type {
-  GetChatsParams,
-  GetChatMessagesParams,
-  CreateChatMessageParams,
-};
+export type { GetChatsParams, GetChatMessagesParams, CreateChatMessageParams };
diff --git a/packages/pl-api/lib/params/circles.ts b/packages/pl-api/lib/params/circles.ts
index 249614889..422f3ddb6 100644
--- a/packages/pl-api/lib/params/circles.ts
+++ b/packages/pl-api/lib/params/circles.ts
@@ -10,7 +10,4 @@ type GetCircleStatusesParams = PaginationParams;
  */
 type GetCircleAccountsParams = PaginationParams;
 
-export type {
-  GetCircleStatusesParams,
-  GetCircleAccountsParams,
-};
+export type { GetCircleStatusesParams, GetCircleAccountsParams };
diff --git a/packages/pl-api/lib/params/instance.ts b/packages/pl-api/lib/params/instance.ts
index 4d5652573..acd6f46d3 100644
--- a/packages/pl-api/lib/params/instance.ts
+++ b/packages/pl-api/lib/params/instance.ts
@@ -12,6 +12,4 @@ interface ProfileDirectoryParams {
   local?: boolean;
 }
 
-export type {
-  ProfileDirectoryParams,
-};
+export type { ProfileDirectoryParams };
diff --git a/packages/pl-api/lib/params/interaction-requests.ts b/packages/pl-api/lib/params/interaction-requests.ts
index b5c53fac5..cb06ce92a 100644
--- a/packages/pl-api/lib/params/interaction-requests.ts
+++ b/packages/pl-api/lib/params/interaction-requests.ts
@@ -14,6 +14,4 @@ interface GetInteractionRequestsParams extends PaginationParams {
   reblogs?: boolean;
 }
 
-export type {
-  GetInteractionRequestsParams,
-};
+export type { GetInteractionRequestsParams };
diff --git a/packages/pl-api/lib/params/lists.ts b/packages/pl-api/lib/params/lists.ts
index 2536302a6..520a174c5 100644
--- a/packages/pl-api/lib/params/lists.ts
+++ b/packages/pl-api/lib/params/lists.ts
@@ -13,12 +13,12 @@ interface CreateListParams {
   /**
    * Boolean. Whether to receive notifications for new posts in the list.
    * Requires features{@link Features['listsNotifications']}
-  */
+   */
   notify?: boolean;
   /**
    * Boolean. Whether the list should appear in the navigation bar.
    * Requires features{@link Features['listsFavourites']}
-  */
+   */
   favourite?: boolean;
 }
 
@@ -32,8 +32,4 @@ type UpdateListParams = Partial<CreateListParams>;
  */
 type GetListAccountsParams = PaginationParams;
 
-export type {
-  CreateListParams,
-  UpdateListParams,
-  GetListAccountsParams,
-};
+export type { CreateListParams, UpdateListParams, GetListAccountsParams };
diff --git a/packages/pl-api/lib/params/media.ts b/packages/pl-api/lib/params/media.ts
index 973c0a13e..caedfcd12 100644
--- a/packages/pl-api/lib/params/media.ts
+++ b/packages/pl-api/lib/params/media.ts
@@ -30,7 +30,4 @@ interface UpdateMediaParams {
   focus?: string;
 }
 
-export type {
-  UploadMediaParams,
-  UpdateMediaParams,
-};
+export type { UploadMediaParams, UpdateMediaParams };
diff --git a/packages/pl-api/lib/params/oauth.ts b/packages/pl-api/lib/params/oauth.ts
index 354540f8a..a9013674e 100644
--- a/packages/pl-api/lib/params/oauth.ts
+++ b/packages/pl-api/lib/params/oauth.ts
@@ -60,9 +60,4 @@ interface MfaChallengeParams {
   code: string;
 }
 
-export type {
-  OauthAuthorizeParams,
-  GetTokenParams,
-  RevokeTokenParams,
-  MfaChallengeParams,
-};
+export type { OauthAuthorizeParams, GetTokenParams, RevokeTokenParams, MfaChallengeParams };
diff --git a/packages/pl-api/lib/params/scheduled-statuses.ts b/packages/pl-api/lib/params/scheduled-statuses.ts
index 4fdb0fa5b..dee2ef8d3 100644
--- a/packages/pl-api/lib/params/scheduled-statuses.ts
+++ b/packages/pl-api/lib/params/scheduled-statuses.ts
@@ -5,6 +5,4 @@ import type { PaginationParams } from './common';
  */
 type GetScheduledStatusesParams = PaginationParams;
 
-export type {
-  GetScheduledStatusesParams,
-};
+export type { GetScheduledStatusesParams };
diff --git a/packages/pl-api/lib/params/search.ts b/packages/pl-api/lib/params/search.ts
index 4f3df33ea..ac54f6cd0 100644
--- a/packages/pl-api/lib/params/search.ts
+++ b/packages/pl-api/lib/params/search.ts
@@ -18,6 +18,4 @@ interface SearchParams extends Exclude<PaginationParams, 'since_id'>, WithRelati
   offset?: number;
 }
 
-export type {
-  SearchParams,
-};
+export type { SearchParams };
diff --git a/packages/pl-api/lib/params/settings.ts b/packages/pl-api/lib/params/settings.ts
index 28159eea2..a748fbdf1 100644
--- a/packages/pl-api/lib/params/settings.ts
+++ b/packages/pl-api/lib/params/settings.ts
@@ -38,12 +38,15 @@ type CreateAccountParams = {
 
   /** Invite code */
   invite_code?: string;
-} & ({
-  /** EIP-4361 message */
-  message: string;
-  /** EIP-4361 signature (required if message is present) */
-  signature: string;
-} | {})
+} & (
+  | {
+      /** EIP-4361 message */
+      message: string;
+      /** EIP-4361 signature (required if message is present) */
+      signature: string;
+    }
+  | Record<string, never>
+);
 
 /**
  * @category Request params
@@ -71,12 +74,15 @@ interface UpdateCredentialsParams {
   /** Boolean. Whether public posts should be searchable to anyone. */
   indexable?: boolean;
   /** Hash. The profile fields to be set. Inside this hash, the key is an integer cast to a string (although the exact integer does not matter), and the value is another hash including name and value. By default, max 4 fields. */
-  fields_attributes?: Record<string, {
-    /** String. The name of the profile field. By default, max 255 characters. */
-    name: string;
-    /** String. The value of the profile field. By default, max 255 characters. */
-    value: string;
-  }>;
+  fields_attributes?: Record<
+    string,
+    {
+      /** String. The name of the profile field. By default, max 255 characters. */
+      name: string;
+      /** String. The value of the profile field. By default, max 255 characters. */
+      value: string;
+    }
+  >;
   source?: {
     /** String. Default post privacy for authored statuses. Can be `public`, `unlisted`, or `private`. */
     privacy?: string;
@@ -140,7 +146,7 @@ interface UpdateCredentialsParams {
   /**
    * Enable RSS feed for this account's Public posts at `/[username]/feed.rss`
    * Requires features{@link Features.accountEnableRss}.
-  */
+   */
   enable_rss?: boolean;
   /**
    * Include boosts created by the account on the web view of the account.
@@ -199,7 +205,9 @@ type UpdateInteractionPoliciesParams = Record<
     'can_favourite' | 'can_reblog' | 'can_reply',
     Record<
       'always' | 'with_approval',
-      Array<'public' | 'followers' | 'following' | 'mutuals' | 'mentioned' | 'author' | 'me' | string>
+      Array<
+        'public' | 'followers' | 'following' | 'mutuals' | 'mentioned' | 'author' | 'me' | string
+      >
     >
   >
 >;
diff --git a/packages/pl-api/lib/params/statuses.ts b/packages/pl-api/lib/params/statuses.ts
index 5b1f27b6b..9a8ef8e9c 100644
--- a/packages/pl-api/lib/params/statuses.ts
+++ b/packages/pl-api/lib/params/statuses.ts
@@ -71,7 +71,7 @@ interface CreateStatusOptionalParams {
   /**
    * A list of nicknames (like `lain@soykaf.club` or `lain` on the local server) that will be used to determine who is going to be addressed by this post. Using this will disable the implicit addressing by mentioned names in the `status` body, only the people in the `to` list will be addressed. The normal rules for post visibility are not affected by this and will still apply.
    * Requires features{@link Features['createStatusExplicitAddressing']}.
-  */
+   */
   to?: string[];
   /**
    * The number of seconds the posted activity should expire in. When a posted activity expires it will be deleted from the server, and a delete request for it will be federated. This needs to be longer than an hour.
@@ -116,7 +116,8 @@ interface CreateStatusOptionalParams {
 /**
  * @category Request params
  */
-type CreateStatusParams = (CreateStatusWithContent | CreateStatusWithMedia) & CreateStatusOptionalParams;
+type CreateStatusParams = (CreateStatusWithContent | CreateStatusWithMedia) &
+  CreateStatusOptionalParams;
 
 /**
  * @category Request params
@@ -144,22 +145,26 @@ type GetStatusContextParams = LanguageParam;
 /**
  * @category Request params
  */
-type GetRebloggedByParams = Omit<PaginationParams, 'min_id'>
+type GetRebloggedByParams = Omit<PaginationParams, 'min_id'>;
 
 /**
  * @category Request params
  */
-type GetFavouritedByParams = Omit<PaginationParams, 'min_id'>
+type GetFavouritedByParams = Omit<PaginationParams, 'min_id'>;
 
 /**
  * @category Request params
  */
-type EditStatusOptionalParams = Pick<CreateStatusOptionalParams, 'content_type' | 'sensitive' | 'spoiler_text' | 'language' | 'quote_approval_policy'>;
+type EditStatusOptionalParams = Pick<
+  CreateStatusOptionalParams,
+  'content_type' | 'sensitive' | 'spoiler_text' | 'language' | 'quote_approval_policy'
+>;
 
 /**
  * @category Request params
  */
-type EditStatusParams = (CreateStatusWithContent | CreateStatusWithMedia) & EditStatusOptionalParams;
+type EditStatusParams = (CreateStatusWithContent | CreateStatusWithMedia) &
+  EditStatusOptionalParams;
 
 /**
  * @category Request params
@@ -199,4 +204,3 @@ export type {
   GetStatusReferencesParams,
   GetStatusMentionedUsersParams,
 };
-
diff --git a/packages/pl-api/lib/params/stories.ts b/packages/pl-api/lib/params/stories.ts
index eb68782aa..fa054eb85 100644
--- a/packages/pl-api/lib/params/stories.ts
+++ b/packages/pl-api/lib/params/stories.ts
@@ -7,7 +7,15 @@ interface CreateStoryPollParams {
   can_react: boolean;
 }
 
-type StoryReportType = 'spam' | 'sensitive' | 'abusive' | 'underage' | 'copyright' | 'impersonation' | 'scam' | 'terrorism';
+type StoryReportType =
+  | 'spam'
+  | 'sensitive'
+  | 'abusive'
+  | 'underage'
+  | 'copyright'
+  | 'impersonation'
+  | 'scam'
+  | 'terrorism';
 
 interface CropStoryPhotoParams {
   width: number;
diff --git a/packages/pl-api/lib/params/timelines.ts b/packages/pl-api/lib/params/timelines.ts
index 4beba8590..a8892d115 100644
--- a/packages/pl-api/lib/params/timelines.ts
+++ b/packages/pl-api/lib/params/timelines.ts
@@ -1,9 +1,16 @@
-import type { LanguageParam, OnlyEventsParam, OnlyMediaParam, PaginationParams, WithMutedParam } from './common';
+import type {
+  LanguageParam,
+  OnlyEventsParam,
+  OnlyMediaParam,
+  PaginationParams,
+  WithMutedParam,
+} from './common';
 
 /**
  * @category Request params
  */
-interface PublicTimelineParams extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
+interface PublicTimelineParams
+  extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
   /** Boolean. Show only local statuses? Defaults to false. */
   local?: boolean;
   /** Boolean. Show only remote statuses? Defaults to false. */
@@ -19,7 +26,8 @@ interface PublicTimelineParams extends PaginationParams, WithMutedParam, OnlyEve
 /**
  * @category Request params
  */
-interface HashtagTimelineParams extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
+interface HashtagTimelineParams
+  extends PaginationParams, WithMutedParam, OnlyEventsParam, OnlyMediaParam, LanguageParam {
   /** Array of String. Return statuses that contain any of these additional tags. */
   any?: string[];
   /** Array of String. Return statuses that contain all of these additional tags. */
@@ -85,12 +93,20 @@ type GroupTimelineParams = PaginationParams & WithMutedParam & OnlyMediaParam &
 /**
  * @category Request params
  */
-type BubbleTimelineParams = PaginationParams & WithMutedParam & OnlyEventsParam & OnlyMediaParam & LanguageParam;
+type BubbleTimelineParams = PaginationParams &
+  WithMutedParam &
+  OnlyEventsParam &
+  OnlyMediaParam &
+  LanguageParam;
 
 /**
  * @category Request params
  */
-type WrenchedTimelineParams = PaginationParams & WithMutedParam & OnlyEventsParam & OnlyMediaParam & LanguageParam;
+type WrenchedTimelineParams = PaginationParams &
+  WithMutedParam &
+  OnlyEventsParam &
+  OnlyMediaParam &
+  LanguageParam;
 
 export type {
   PublicTimelineParams,
diff --git a/packages/pl-api/lib/params/trends.ts b/packages/pl-api/lib/params/trends.ts
index 9f5cc6680..2c643f11c 100644
--- a/packages/pl-api/lib/params/trends.ts
+++ b/packages/pl-api/lib/params/trends.ts
@@ -30,8 +30,4 @@ interface GetTrendingStatuses extends GetTrends {
  */
 type GetTrendingLinks = GetTrends;
 
-export type {
-  GetTrendingTags,
-  GetTrendingStatuses,
-  GetTrendingLinks,
-};
+export type { GetTrendingTags, GetTrendingStatuses, GetTrendingLinks };
diff --git a/packages/pl-api/lib/request.ts b/packages/pl-api/lib/request.ts
index fa3577cc8..3c7ed8d84 100644
--- a/packages/pl-api/lib/request.ts
+++ b/packages/pl-api/lib/request.ts
@@ -25,10 +25,10 @@ const getLinks = (response: Pick<Response, 'headers'>): LinkHeader =>
   new LinkHeader(response.headers?.get('link') || undefined);
 
 const getNextLink = (response: Pick<Response, 'headers'>): string | null =>
-  getLinks(response).refs.find(link => link.rel.toLocaleLowerCase() === 'next')?.uri || null;
+  getLinks(response).refs.find((link) => link.rel.toLocaleLowerCase() === 'next')?.uri || null;
 
 const getPrevLink = (response: Pick<Response, 'headers'>): string | null =>
-  getLinks(response).refs.find(link => link.rel.toLocaleLowerCase() === 'prev')?.uri || null;
+  getLinks(response).refs.find((link) => link.rel.toLocaleLowerCase() === 'prev')?.uri || null;
 
 interface AsyncRefreshHeader {
   id: string;
@@ -56,7 +56,7 @@ const getAsyncRefreshHeader = (response: Pick<Response, 'headers'>): AsyncRefres
       if (val.startsWith('"')) {
         typedValue = val.slice(1, -1);
       } else {
-        typedValue = parseInt(val);
+        typedValue = parseInt(val, 10);
       }
 
       asyncRefreshHeader[key] = typedValue;
@@ -82,22 +82,31 @@ interface RequestBody<Params = Record<string, any>> {
 
 type RequestMeta = Pick<RequestBody, 'idempotencyKey' | 'onUploadProgress' | 'signal'>;
 
-function request<T = any>(this: Pick<PlApiClient, 'accessToken' | 'customAuthorizationToken' | 'iceshrimpAccessToken' | 'baseURL'>, input: URL | RequestInfo, {
-  body,
-  method = body ? 'POST' : 'GET',
-  params,
-  onUploadProgress,
-  signal,
-  contentType = 'application/json',
-  idempotencyKey,
-}: RequestBody = {}) {
+function request<T = any>(
+  this: Pick<
+    PlApiClient,
+    'accessToken' | 'customAuthorizationToken' | 'iceshrimpAccessToken' | 'baseURL'
+  >,
+  input: URL | RequestInfo,
+  {
+    body,
+    method = body ? 'POST' : 'GET',
+    params,
+    onUploadProgress,
+    signal,
+    contentType = 'application/json',
+    idempotencyKey,
+  }: RequestBody = {},
+) {
   input = input.toString();
   const fullPath = buildFullPath(input, this.baseURL, params);
   const headers = new Headers();
 
-  if (input.startsWith('/api/iceshrimp/') && this.iceshrimpAccessToken) headers.set('Authorization', `Bearer ${this.iceshrimpAccessToken}`);
+  if (input.startsWith('/api/iceshrimp/') && this.iceshrimpAccessToken)
+    headers.set('Authorization', `Bearer ${this.iceshrimpAccessToken}`);
   else if (this.accessToken) headers.set('Authorization', `Bearer ${this.accessToken}`);
-  else if (this.customAuthorizationToken) headers.set('Authorization', this.customAuthorizationToken);
+  else if (this.customAuthorizationToken)
+    headers.set('Authorization', this.customAuthorizationToken);
   if (contentType !== '' && body) headers.set('Content-Type', contentType);
   if (idempotencyKey) headers.set('Idempotency-Key', idempotencyKey);
 
@@ -117,19 +126,21 @@ function request<T = any>(this: Pick<PlApiClient, 'accessToken' | 'customAuthori
           try {
             json = JSON.parse(data);
           } catch (e) {
-          //
+            //
           }
         }
 
-        if (xhr.status >= 400) reject({ response: {
-          status: xhr.status,
-          statusText: xhr.statusText,
-          url: xhr.responseURL,
-          data,
-          json,
-
-        } });
-        resolve({ status: xhr.status, data, json } as any as Response<T>);
+        if (xhr.status >= 400)
+          reject({
+            response: {
+              status: xhr.status,
+              statusText: xhr.statusText,
+              url: xhr.responseURL,
+              data,
+              json,
+            },
+          });
+        else resolve({ status: xhr.status, data, json } as any as Response<T>);
       });
 
       xhr.open(method, fullPath, true);
@@ -177,6 +188,5 @@ export {
   getNextLink,
   getPrevLink,
   getAsyncRefreshHeader,
-  request,
   request as default,
 };
diff --git a/packages/pl-api/lib/responses.ts b/packages/pl-api/lib/responses.ts
index fc5f528fa..361e838c5 100644
--- a/packages/pl-api/lib/responses.ts
+++ b/packages/pl-api/lib/responses.ts
@@ -9,6 +9,4 @@ interface PaginatedResponse<T, IsArray extends boolean = true> {
   total?: number;
 }
 
-export type {
-  PaginatedResponse,
-};
+export type { PaginatedResponse };
diff --git a/packages/pl-api/lib/utils/accounts.ts b/packages/pl-api/lib/utils/accounts.ts
index 6a87b2a2d..83cd29322 100644
--- a/packages/pl-api/lib/utils/accounts.ts
+++ b/packages/pl-api/lib/utils/accounts.ts
@@ -10,7 +10,11 @@ const DEFAULT_HEADERS: Array<string | RegExp> = [
 ];
 
 /** Check if the avatar is a default avatar */
-const isDefaultHeader = (url: string = '') =>  url === '' || DEFAULT_HEADERS.some(header => typeof header === 'string' ? url.endsWith(header) : header.test(url));
+const isDefaultHeader = (url: string = '') =>
+  url === '' ||
+  DEFAULT_HEADERS.some((header) =>
+    typeof header === 'string' ? url.endsWith(header) : header.test(url),
+  );
 
 /** Default avatar filenames from various backends */
 const DEFAULT_AVATARS: Array<string | RegExp> = [
@@ -23,9 +27,10 @@ const DEFAULT_AVATARS: Array<string | RegExp> = [
 ];
 
 /** Check if the avatar is a default avatar */
-const isDefaultAvatar = (url: string = '') => url === '' || DEFAULT_AVATARS.some(avatar => typeof avatar === 'string' ? url.endsWith(avatar) : avatar.test(url));
+const isDefaultAvatar = (url: string = '') =>
+  url === '' ||
+  DEFAULT_AVATARS.some((avatar) =>
+    typeof avatar === 'string' ? url.endsWith(avatar) : avatar.test(url),
+  );
 
-export {
-  isDefaultHeader,
-  isDefaultAvatar,
-};
+export { isDefaultHeader, isDefaultAvatar };
diff --git a/packages/pl-api/lib/utils/domain.ts b/packages/pl-api/lib/utils/domain.ts
index 111fcc863..11e2b4b70 100644
--- a/packages/pl-api/lib/utils/domain.ts
+++ b/packages/pl-api/lib/utils/domain.ts
@@ -15,9 +15,8 @@ const guessFqn = (account: Pick<Account, 'acct' | 'url'>): string => {
 
   if (domain) {
     return acct;
-  } else {
-    return [user, getDomainFromURL(account)].join('@');
   }
+  return [user, getDomainFromURL(account)].join('@');
 };
 
 export { getDomainFromURL, guessFqn };
diff --git a/packages/pl-api/lib/utils/url.ts b/packages/pl-api/lib/utils/url.ts
index d9cc6c4d9..49a2d9fa5 100644
--- a/packages/pl-api/lib/utils/url.ts
+++ b/packages/pl-api/lib/utils/url.ts
@@ -3,12 +3,12 @@ import queryString from 'query-string';
 // Adapted from Axios https://github.com/axios/axios/blob/v1.x/lib/core/buildFullPath.js
 const isAbsoluteURL = (url: string) => /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
 
-const combineURLs = (baseURL: string, relativeURL: string) => relativeURL
-  ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '')
-  : baseURL;
+const combineURLs = (baseURL: string, relativeURL: string) =>
+  relativeURL ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
 
 const buildFullPath = (requestedURL: string, baseURL?: string, params?: Record<string, any>) => {
-  const path = (baseURL && !isAbsoluteURL(requestedURL)) ? combineURLs(baseURL, requestedURL) : requestedURL;
+  const path =
+    baseURL && !isAbsoluteURL(requestedURL) ? combineURLs(baseURL, requestedURL) : requestedURL;
 
   if (params && Object.entries(params).length) {
     const { url, query } = queryString.parseUrl(path);
@@ -18,6 +18,4 @@ const buildFullPath = (requestedURL: string, baseURL?: string, params?: Record<s
   return path;
 };
 
-export {
-  buildFullPath,
-};
+export { buildFullPath };
diff --git a/packages/pl-api/package.json b/packages/pl-api/package.json
index 17b294da5..f2ebd6893 100644
--- a/packages/pl-api/package.json
+++ b/packages/pl-api/package.json
@@ -1,47 +1,31 @@
 {
   "name": "pl-api",
   "version": "1.0.0-rc.97",
-  "type": "module",
   "homepage": "https://codeberg.org/mkljczk/nicolium/src/branch/develop/packages/pl-api",
+  "bugs": {
+    "url": "https://codeberg.org/mkljczk/nicolium/issues"
+  },
+  "license": "AGPL-3.0-or-later",
   "repository": {
     "type": "git",
     "url": "git+https://codeberg.org/mkljczk/nicolium.git"
   },
-  "bugs": {
-    "url": "https://codeberg.org/mkljczk/nicolium/issues"
-  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "module": "./dist/main.es.js",
+  "types": "dist/main.d.ts",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "watch": "vite build --watch",
     "preview": "vite preview",
     "lint": "oxlint",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check",
     "precommit": "lint-staged"
   },
-  "license": "AGPL-3.0-or-later",
-  "devDependencies": {
-    "@stylistic/eslint-plugin": "^3.1.0",
-    "@types/http-link-header": "^1.0.7",
-    "@types/lodash.omit": "^4.5.9",
-    "@types/lodash.pick": "^4.4.9",
-    "@types/node": "^22.13.11",
-    "@types/semver": "^7.5.8",
-    "@typescript-eslint/eslint-plugin": "^8.24.1",
-    "@typescript-eslint/parser": "^8.24.0",
-    "eslint": "8.57.1",
-    "eslint-import-resolver-typescript": "^4.0.0",
-    "eslint-plugin-compat": "6.0.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-promise": "^7.2.1",
-    "oxlint": "^1.47.0",
-    "typedoc": "^0.28.7",
-    "typedoc-material-theme": "^1.4.0",
-    "typedoc-plugin-valibot": "^1.0.0",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.0",
-    "vite-plugin-dts": "^4.5.4",
-    "ws": "^8.18.3"
-  },
   "dependencies": {
     "blurhash": "^2.0.5",
     "http-link-header": "^1.1.3",
@@ -53,12 +37,23 @@
     "semver": "^7.7.2",
     "valibot": "^1.2.0"
   },
-  "module": "./dist/main.es.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
+  "devDependencies": {
+    "@types/http-link-header": "^1.0.7",
+    "@types/lodash.omit": "^4.5.9",
+    "@types/lodash.pick": "^4.4.9",
+    "@types/node": "^22.13.11",
+    "@types/semver": "^7.5.8",
+    "oxfmt": "^0.32.0",
+    "oxlint": "^1.47.0",
+    "typedoc": "^0.28.7",
+    "typedoc-material-theme": "^1.4.0",
+    "typedoc-plugin-valibot": "^1.0.0",
+    "typescript": "^5.8.3",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "ws": "^8.18.3"
+  },
   "lint-staged": {
-    "*.{js,cjs,mjs,ts,tsx}": "pnpm run lint"
+    "*.{js,cjs,mjs,ts}": ["oxlint", "oxfmt --check"]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 32a1db160..b21f9b40f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -52,9 +52,6 @@ importers:
         specifier: ^1.2.0
         version: 1.2.0(typescript@5.9.2)
     devDependencies:
-      '@stylistic/eslint-plugin':
-        specifier: ^3.1.0
-        version: 3.1.0(eslint@8.57.1)(typescript@5.9.2)
       '@types/http-link-header':
         specifier: ^1.0.7
         version: 1.0.7
@@ -70,27 +67,9 @@ importers:
       '@types/semver':
         specifier: ^7.5.8
         version: 7.7.0
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^8.24.1
-        version: 8.38.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint@8.57.1)(typescript@5.9.2)
-      '@typescript-eslint/parser':
-        specifier: ^8.24.0
-        version: 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      eslint:
-        specifier: 8.57.1
-        version: 8.57.1
-      eslint-import-resolver-typescript:
-        specifier: ^4.0.0
-        version: 4.4.4(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-      eslint-plugin-compat:
-        specifier: 6.0.2
-        version: 6.0.2(eslint@8.57.1)
-      eslint-plugin-import:
-        specifier: ^2.31.0
-        version: 2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
-      eslint-plugin-promise:
-        specifier: ^7.2.1
-        version: 7.2.1(eslint@8.57.1)
+      oxfmt:
+        specifier: ^0.32.0
+        version: 0.32.0
       oxlint:
         specifier: ^1.47.0
         version: 1.47.0
@@ -1909,6 +1888,120 @@ packages:
   '@oxc-project/types@0.113.0':
     resolution: {integrity: sha512-Tp3XmgxwNQ9pEN9vxgJBAqdRamHibi76iowQ38O2I4PMpcvNRQNVsU2n1x1nv9yh0XoTrGFzf7cZSGxmixxrhA==}
 
+  '@oxfmt/binding-android-arm-eabi@0.32.0':
+    resolution: {integrity: sha512-DpVyuVzgLH6/MvuB/YD3vXO9CN/o9EdRpA0zXwe/tagP6yfVSFkFWkPqTROdqp0mlzLH5Yl+/m+hOrcM601EbA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxfmt/binding-android-arm64@0.32.0':
+    resolution: {integrity: sha512-w1cmNXf9zs0vKLuNgyUF3hZ9VUAS1hBmQGndYJv1OmcVqStBtRTRNxSWkWM0TMkrA9UbvIvM9gfN+ib4Wy6lkQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxfmt/binding-darwin-arm64@0.32.0':
+    resolution: {integrity: sha512-m6wQojz/hn94XdZugFPtdFbOvXbOSYEqPsR2gyLyID3BvcrC2QsJyT1o3gb4BZEGtZrG1NiKVGwDRLM0dHd2mg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxfmt/binding-darwin-x64@0.32.0':
+    resolution: {integrity: sha512-hN966Uh6r3Erkg2MvRcrJWaB6QpBzP15rxWK/QtkUyD47eItJLsAQ2Hrm88zMIpFZ3COXZLuN3hqgSlUtvB0Xw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxfmt/binding-freebsd-x64@0.32.0':
+    resolution: {integrity: sha512-g5UZPGt8tJj263OfSiDGdS54HPa0KgFfspLVAUivVSdoOgsk6DkwVS9nO16xQTDztzBPGxTvrby8WuufF0g86Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.32.0':
+    resolution: {integrity: sha512-F4ZY83/PVQo9ZJhtzoMqbmjqEyTVEZjbaw4x1RhzdfUhddB41ZB2Vrt4eZi7b4a4TP85gjPRHgQBeO0c1jbtaw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.32.0':
+    resolution: {integrity: sha512-olR37eG16Lzdj9OBSvuoT5RxzgM5xfQEHm1OEjB3M7Wm4KWa5TDWIT13Aiy74GvAN77Hq1+kUKcGVJ/0ynf75g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm64-gnu@0.32.0':
+    resolution: {integrity: sha512-eZhk6AIjRCDeLoXYBhMW7qq/R1YyVi+tGnGfc3kp7AZQrMsFaWtP/bgdCJCTNXMpbMwymtVz0qhSQvR5w2sKcg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm64-musl@0.32.0':
+    resolution: {integrity: sha512-UYiqO9MlipntFbdbUKOIo84vuyzrK4TVIs7Etat91WNMFSW54F6OnHq08xa5ZM+K9+cyYMgQPXvYCopuP+LyKw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.32.0':
+    resolution: {integrity: sha512-IDH/fxMv+HmKsMtsjEbXqhScCKDIYp38sgGEcn0QKeXMxrda67PPZA7HMfoUwEtFUG+jsO1XJxTrQsL+kQ90xQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.32.0':
+    resolution: {integrity: sha512-bQFGPDa0buYWJFeK2I7ah8wRZjrAgamaG2OAGv+Ua5UMYEnHxmHcv+r8lWUUrwP2oqQGvp1SB8JIVtBbYuAueQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-riscv64-musl@0.32.0':
+    resolution: {integrity: sha512-3vFp9DW1ItEKWltADzCFqG5N7rYFToT4ztlhg8wALoo2E2VhveLD88uAF4FF9AxD9NhgHDGmPCV+WZl/Qlj8cQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-s390x-gnu@0.32.0':
+    resolution: {integrity: sha512-Fub2y8S9ImuPzAzpbgkoz/EVTWFFBolxFZYCMRhRZc8cJZI2gl/NlZswqhvJd/U0Jopnwgm/OJ2x128vVzFFWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@oxfmt/binding-linux-x64-gnu@0.32.0':
+    resolution: {integrity: sha512-XufwsnV3BF81zO2ofZvhT4FFaMmLTzZEZnC9HpFz/quPeg9C948+kbLlZnsfjmp+1dUxKMCpfmRMqOfF4AOLsA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxfmt/binding-linux-x64-musl@0.32.0':
+    resolution: {integrity: sha512-u2f9tC2qYfikKmA2uGpnEJgManwmk0ZXWs5BB4ga4KDu2JNLdA3i634DGHeMLK9wY9+iRf3t7IYpgN3OVFrvDw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxfmt/binding-openharmony-arm64@0.32.0':
+    resolution: {integrity: sha512-5ZXb1wrdbZ1YFXuNXNUCePLlmLDy4sUt4evvzD4Cgumbup5wJgS9PIe5BOaLywUg9f1wTH6lwltj3oT7dFpIGA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxfmt/binding-win32-arm64-msvc@0.32.0':
+    resolution: {integrity: sha512-IGSMm/Agq+IA0++aeAV/AGPfjcBdjrsajB5YpM3j7cMcwoYgUTi/k2YwAmsHH3ueZUE98pSM/Ise2J7HtyRjOA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxfmt/binding-win32-ia32-msvc@0.32.0':
+    resolution: {integrity: sha512-H/9gsuqXmceWMsVoCPZhtJG2jLbnBeKr7xAXm2zuKpxLVF7/2n0eh7ocOLB6t+L1ARE76iORuUsRMnuGjj8FjQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxfmt/binding-win32-x64-msvc@0.32.0':
+    resolution: {integrity: sha512-fF8VIOeligq+mA6KfKvWtFRXbf0EFy73TdR6ZnNejdJRM8VWN1e3QFhYgIwD7O8jBrQsd7EJbUpkAr/YlUOokg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
   '@oxlint/binding-android-arm-eabi@1.47.0':
     resolution: {integrity: sha512-UHqo3te9K/fh29brCuQdHjN+kfpIi9cnTPABuD5S9wb9ykXYRGTOOMVuSV/CK43sOhU4wwb2nT1RVjcbrrQjFw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -5204,6 +5297,11 @@ packages:
     resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
     engines: {node: '>= 0.4'}
 
+  oxfmt@0.32.0:
+    resolution: {integrity: sha512-KArQhGzt/Y8M1eSAX98Y8DLtGYYDQhkR55THUPY5VNcpFQ+9nRZkL3ULXhagHMD2hIvjy8JSeEQEP5/yYJSrLA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   oxlint@1.47.0:
     resolution: {integrity: sha512-v7xkK1iv1qdvTxJGclM97QzN8hHs5816AneFAQ0NGji1BMUquhiDAhXpMwp8+ls16uRVJtzVHxP9pAAXblDeGA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -6463,6 +6561,10 @@ packages:
     resolution: {integrity: sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==}
     engines: {node: '>=12.0.0'}
 
+  tinypool@2.1.0:
+    resolution: {integrity: sha512-Pugqs6M0m7Lv1I7FtxN4aoyToKg1C4tu+/381vH35y8oENM/Ai7f7C4StcoK4/+BSw9ebcS8jRiVrORFKCALLw==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+
   tldts-core@7.0.19:
     resolution: {integrity: sha512-lJX2dEWx0SGH4O6p+7FPwYmJ/bu1JbcGJ8RLaG9b7liIgZ85itUVEPbMtWRVrde/0fnDPEPHW10ZsKW3kVsE9A==}
 
@@ -8557,6 +8659,63 @@ snapshots:
 
   '@oxc-project/types@0.113.0': {}
 
+  '@oxfmt/binding-android-arm-eabi@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-android-arm64@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-arm64@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-x64@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-freebsd-x64@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-gnu@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-musl@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-musl@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-s390x-gnu@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-gnu@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-musl@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-openharmony-arm64@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-win32-arm64-msvc@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-win32-ia32-msvc@0.32.0':
+    optional: true
+
+  '@oxfmt/binding-win32-x64-msvc@0.32.0':
+    optional: true
+
   '@oxlint/binding-android-arm-eabi@1.47.0':
     optional: true
 
@@ -9115,18 +9274,6 @@ snapshots:
       - supports-color
       - typescript
 
-  '@stylistic/eslint-plugin@3.1.0(eslint@8.57.1)(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      eslint: 8.57.1
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      estraverse: 5.3.0
-      picomatch: 4.0.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     dependencies:
       ejs: 3.1.10
@@ -9425,23 +9572,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.38.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint@8.57.1)(typescript@5.9.2)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      '@typescript-eslint/scope-manager': 8.38.0
-      '@typescript-eslint/type-utils': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.38.0
-      eslint: 8.57.1
-      graphemer: 1.4.0
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.18.0
@@ -9467,18 +9597,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.38.0
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/typescript-estree': 8.38.0(typescript@5.9.2)
-      '@typescript-eslint/visitor-keys': 8.38.0
-      debug: 4.4.1
-      eslint: 8.57.1
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/project-service@8.38.0(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.38.0(typescript@5.7.3)
@@ -9488,15 +9606,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/project-service@8.38.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/tsconfig-utils': 8.38.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.38.0
-      debug: 4.4.3
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/scope-manager@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
@@ -9511,10 +9620,6 @@ snapshots:
     dependencies:
       typescript: 5.7.3
 
-  '@typescript-eslint/tsconfig-utils@8.38.0(typescript@5.9.2)':
-    dependencies:
-      typescript: 5.9.2
-
   '@typescript-eslint/type-utils@7.18.0(eslint@8.57.1)(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.9.2)
@@ -9539,18 +9644,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.38.0(eslint@8.57.1)(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/typescript-estree': 8.38.0(typescript@5.9.2)
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      debug: 4.4.1
-      eslint: 8.57.1
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/types@7.18.0': {}
 
   '@typescript-eslint/types@8.38.0': {}
@@ -9586,22 +9679,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@8.38.0(typescript@5.9.2)':
-    dependencies:
-      '@typescript-eslint/project-service': 8.38.0(typescript@5.9.2)
-      '@typescript-eslint/tsconfig-utils': 8.38.0(typescript@5.9.2)
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/visitor-keys': 8.38.0
-      debug: 4.4.1
-      fast-glob: 3.3.3
-      is-glob: 4.0.3
-      minimatch: 9.0.5
-      semver: 7.7.2
-      ts-api-utils: 2.1.0(typescript@5.9.2)
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/utils@7.18.0(eslint@8.57.1)(typescript@5.9.2)':
     dependencies:
       '@eslint-community/eslint-utils': 4.7.0(eslint@8.57.1)
@@ -9624,17 +9701,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@8.38.0(eslint@8.57.1)(typescript@5.9.2)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@8.57.1)
-      '@typescript-eslint/scope-manager': 8.38.0
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/typescript-estree': 8.38.0(typescript@5.9.2)
-      eslint: 8.57.1
-      typescript: 5.9.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/visitor-keys@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
@@ -10805,7 +10871,7 @@ snapshots:
       tinyglobby: 0.2.14
       unrs-resolver: 1.11.1
     optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
@@ -10831,17 +10897,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
   eslint-plugin-compat@6.0.2(eslint@8.57.1):
     dependencies:
       '@mdn/browser-compat-data': 5.7.6
@@ -10929,35 +10984,6 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.9
-      array.prototype.findlastindex: 1.2.6
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.9.2)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
   eslint-plugin-jsdoc@50.8.0(eslint@8.57.1):
     dependencies:
       '@es-joy/jsdoccomment': 0.50.2
@@ -12245,6 +12271,30 @@ snapshots:
       object-keys: 1.1.1
       safe-push-apply: 1.0.0
 
+  oxfmt@0.32.0:
+    dependencies:
+      tinypool: 2.1.0
+    optionalDependencies:
+      '@oxfmt/binding-android-arm-eabi': 0.32.0
+      '@oxfmt/binding-android-arm64': 0.32.0
+      '@oxfmt/binding-darwin-arm64': 0.32.0
+      '@oxfmt/binding-darwin-x64': 0.32.0
+      '@oxfmt/binding-freebsd-x64': 0.32.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.32.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.32.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.32.0
+      '@oxfmt/binding-linux-arm64-musl': 0.32.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.32.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.32.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.32.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.32.0
+      '@oxfmt/binding-linux-x64-gnu': 0.32.0
+      '@oxfmt/binding-linux-x64-musl': 0.32.0
+      '@oxfmt/binding-openharmony-arm64': 0.32.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.32.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.32.0
+      '@oxfmt/binding-win32-x64-msvc': 0.32.0
+
   oxlint@1.47.0:
     optionalDependencies:
       '@oxlint/binding-android-arm-eabi': 1.47.0
@@ -13578,6 +13628,8 @@ snapshots:
       fdir: 6.5.0(picomatch@4.0.3)
       picomatch: 4.0.3
 
+  tinypool@2.1.0: {}
+
   tldts-core@7.0.19: {}
 
   tldts@7.0.19:
@@ -13608,10 +13660,6 @@ snapshots:
     dependencies:
       typescript: 5.7.3
 
-  ts-api-utils@2.1.0(typescript@5.9.2):
-    dependencies:
-      typescript: 5.9.2
-
   ts-interface-checker@0.1.13: {}
 
   tsconfig-paths@3.15.0:

From 6ee90c7c266343b1c17ab2f8fd22754864503c44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 03:06:56 +0100
Subject: [PATCH 11/74] pl-api: enable perf rules
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/.oxlintrc.json         |  3 ++-
 packages/pl-api/lib/client.ts          | 27 ++++++++++++++++++--------
 packages/pl-api/lib/params/settings.ts |  2 +-
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/packages/pl-api/.oxlintrc.json b/packages/pl-api/.oxlintrc.json
index ad54a5067..98a967302 100644
--- a/packages/pl-api/.oxlintrc.json
+++ b/packages/pl-api/.oxlintrc.json
@@ -4,7 +4,8 @@
   "categories": {
     "correctness": "error",
     "suspicious": "error",
-    "pedantic": "warn"
+    "pedantic": "warn",
+    "perf": "warn",
   },
   "rules": {
     "max-dependencies": "off",
diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index b2276cdce..2e252ea4b 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -948,14 +948,25 @@ class PlApiClient {
       let response: any;
 
       if (this.features.version.software === PIXELFED) {
-        response = [];
-        for (const accountId of accountIds) {
-          const accounts = (await this.request(`/api/v1.1/accounts/mutuals/${accountId}`)).json;
-          response.push({
-            id: accountId,
-            accounts,
-          });
-        }
+        const settledResponse = await Promise.allSettled(
+          accountIds.map(async (accountId) => {
+            const accounts = (await this.request(`/api/v1.1/accounts/mutuals/${accountId}`)).json;
+
+            return {
+              id: accountId,
+              accounts,
+            };
+          }),
+        );
+
+        response = settledResponse.map((result, index) =>
+          result.status === 'fulfilled'
+            ? result.value
+            : {
+                id: accountIds[index],
+                accounts: [],
+              },
+        );
       } else {
         response = (
           await this.request('/api/v1/accounts/familiar_followers', { params: { id: accountIds } })
diff --git a/packages/pl-api/lib/params/settings.ts b/packages/pl-api/lib/params/settings.ts
index a748fbdf1..94d1633d0 100644
--- a/packages/pl-api/lib/params/settings.ts
+++ b/packages/pl-api/lib/params/settings.ts
@@ -45,7 +45,7 @@ type CreateAccountParams = {
       /** EIP-4361 signature (required if message is present) */
       signature: string;
     }
-  | Record<string, never>
+  | {}
 );
 
 /**

From 81132cbd574486e50d4e8246a6c477dad0cc18c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 13:18:46 +0100
Subject: [PATCH 12/74] nicolium: oxlint migration
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/.oxlintrc.json                 |  84 ++
 packages/pl-fe/package.json                   |   3 +
 packages/pl-fe/src/actions/accounts.ts        |   6 +-
 packages/pl-fe/src/actions/admin.ts           |   2 +-
 packages/pl-fe/src/actions/apps.ts            |   2 +-
 packages/pl-fe/src/actions/auth.ts            |  26 +-
 packages/pl-fe/src/actions/chats.ts           |   2 +-
 packages/pl-fe/src/actions/circle.ts          |   4 +-
 packages/pl-fe/src/actions/compose.ts         | 802 +++++++++++-------
 packages/pl-fe/src/actions/consumer-auth.ts   |   2 +-
 packages/pl-fe/src/actions/conversations.ts   |   2 +-
 packages/pl-fe/src/actions/emoji-reacts.ts    |   6 +-
 packages/pl-fe/src/actions/events.ts          |  30 +-
 packages/pl-fe/src/actions/export-data.ts     |  40 +-
 packages/pl-fe/src/actions/external-auth.ts   |   2 +-
 packages/pl-fe/src/actions/frontend-config.ts |   4 +-
 packages/pl-fe/src/actions/instance.ts        |   2 +-
 packages/pl-fe/src/actions/me.ts              |  20 +-
 packages/pl-fe/src/actions/media.ts           |  12 +-
 packages/pl-fe/src/actions/moderation.tsx     |  12 +-
 packages/pl-fe/src/actions/notifications.ts   |  16 +-
 packages/pl-fe/src/actions/oauth.ts           |   2 +-
 packages/pl-fe/src/actions/preload.ts         |   2 +-
 .../actions/push-notifications/registerer.ts  |  11 +-
 packages/pl-fe/src/actions/remote-timeline.ts |   4 +-
 packages/pl-fe/src/actions/reports.ts         |   4 +-
 packages/pl-fe/src/actions/settings.ts        |   2 +-
 packages/pl-fe/src/actions/statuses.ts        |  11 +-
 packages/pl-fe/src/actions/timelines.ts       |  74 +-
 .../pl-fe/src/api/hooks/admin/use-suggest.ts  |   4 +-
 .../pl-fe/src/api/hooks/admin/use-verify.ts   |   4 +-
 .../pl-fe/src/api/hooks/groups/use-group.ts   |   2 +-
 .../hooks/streaming/use-timeline-stream.ts    |   2 +-
 packages/pl-fe/src/api/index.ts               |   2 +-
 packages/pl-fe/src/build-config.ts            |   2 +-
 packages/pl-fe/src/columns/search.tsx         |   8 +-
 packages/pl-fe/src/columns/trends.tsx         |   2 +-
 .../src/components/account-hover-card.tsx     |   2 +-
 .../src/components/account-local-time.tsx     |   2 +-
 packages/pl-fe/src/components/account.tsx     |  12 +-
 .../pl-fe/src/components/alt-indicator.tsx    |   2 +-
 .../announcements/announcement-content.tsx    |   2 +-
 .../announcements/announcements-panel.tsx     |   4 +-
 .../src/components/announcements/emoji.tsx    |   2 +-
 .../src/components/announcements/reaction.tsx |   8 +-
 .../src/components/attachment-thumbs.tsx      |   4 +-
 .../components/authorize-reject-buttons.tsx   |   8 +-
 .../src/components/autosuggest-input.tsx      |   4 +-
 .../pl-fe/src/components/birthday-input.tsx   |   4 +-
 .../dropdown-menu/dropdown-menu-item.tsx      |   4 +-
 .../dropdown-menu/dropdown-menu.tsx           |  16 +-
 .../src/components/dropdown-navigation.tsx    |  14 +-
 .../groups/popover/group-popover.tsx          |   2 +-
 .../pl-fe/src/components/hashtags-bar.tsx     |   4 +-
 .../src/components/hover-account-wrapper.tsx  |   4 +-
 .../src/components/hover-status-wrapper.tsx   |   4 +-
 packages/pl-fe/src/components/load-gap.tsx    |   4 +-
 packages/pl-fe/src/components/load-more.tsx   |   2 +-
 .../pl-fe/src/components/location-search.tsx  |   2 +-
 .../pl-fe/src/components/media-gallery.tsx    |  36 +-
 packages/pl-fe/src/components/modal-root.tsx  |  12 +-
 .../pl-fe/src/components/parsed-content.tsx   |  22 +-
 packages/pl-fe/src/components/parsed-mfm.tsx  |  12 +-
 .../src/components/polls/poll-footer.tsx      |  10 +-
 .../src/components/polls/poll-option.tsx      |   6 +-
 packages/pl-fe/src/components/polls/poll.tsx  |   9 +-
 .../pl-fe/src/components/preview-card.tsx     |  16 +-
 .../components/quoted-status-indicator.tsx    |   2 +-
 .../pl-fe/src/components/quoted-status.tsx    |   2 +-
 packages/pl-fe/src/components/scrobble.tsx    |   4 +-
 .../src/components/scroll-top-button.tsx      |   2 +-
 .../components/sidebar-navigation-link.tsx    |   2 +-
 .../src/components/sidebar-navigation.tsx     |  18 +-
 packages/pl-fe/src/components/site-error.tsx  |  10 +-
 .../src/components/status-action-bar.tsx      |  62 +-
 .../src/components/status-action-button.tsx   |   2 +-
 .../pl-fe/src/components/status-content.tsx   |  10 +-
 .../src/components/status-language-picker.tsx |   4 +-
 packages/pl-fe/src/components/status-list.tsx |  16 +-
 .../pl-fe/src/components/status-media.tsx     |   7 +-
 .../pl-fe/src/components/status-mention.tsx   |   4 +-
 .../src/components/status-reactions-bar.tsx   |   4 +-
 .../src/components/status-reply-mentions.tsx  |   7 +-
 packages/pl-fe/src/components/status.tsx      |  10 +-
 .../statuses/sensitive-content-overlay.tsx    |   4 +-
 .../src/components/statuses/status-info.tsx   |   2 +-
 packages/pl-fe/src/components/still-image.tsx |   2 +-
 .../src/components/thumb-navigation-link.tsx  |   2 +-
 .../pl-fe/src/components/translate-button.tsx |   8 +-
 .../pl-fe/src/components/trending-link.tsx    |   2 +-
 packages/pl-fe/src/components/ui/avatar.tsx   |   8 +-
 .../pl-fe/src/components/ui/button/index.tsx  |   2 +-
 .../components/ui/button/useButtonStyles.ts   |   4 +-
 packages/pl-fe/src/components/ui/emoji.tsx    |   6 +-
 .../pl-fe/src/components/ui/icon-button.tsx   |   2 +-
 packages/pl-fe/src/components/ui/icon.tsx     |   2 +-
 .../src/components/ui/inline-multiselect.tsx  |   4 +-
 packages/pl-fe/src/components/ui/modal.tsx    |   6 +-
 .../pl-fe/src/components/ui/multiselect.tsx   |  16 +-
 packages/pl-fe/src/components/ui/popover.tsx  |   2 +-
 .../pl-fe/src/components/ui/streamfield.tsx   |   4 +-
 .../pl-fe/src/components/ui/tag-input.tsx     |   4 +-
 packages/pl-fe/src/components/ui/tag.tsx      |   4 +-
 packages/pl-fe/src/components/ui/textarea.tsx |   2 +-
 packages/pl-fe/src/components/ui/toast.tsx    |   4 +-
 packages/pl-fe/src/components/ui/tooltip.tsx  |   2 +-
 packages/pl-fe/src/components/ui/widget.tsx   |   4 +-
 packages/pl-fe/src/components/upload.tsx      |  10 +-
 packages/pl-fe/src/contexts/chat-context.tsx  |   6 +-
 .../hooks/use-batched-entities.ts             |   2 +-
 .../entity-store/hooks/use-create-entity.ts   |   2 +-
 .../src/entity-store/hooks/use-entities.ts    |   4 +-
 .../src/entity-store/hooks/use-entity.ts      |   2 +-
 packages/pl-fe/src/entity-store/reducer.ts    |  34 +-
 .../features/account/components/header.tsx    |  62 +-
 .../src/features/admin/components/counter.tsx |   6 +-
 .../admin/components/unapproved-account.tsx   |  10 +-
 packages/pl-fe/src/features/audio/index.tsx   |  24 +-
 .../pl-fe/src/features/audio/visualizer.ts    |   2 +-
 .../auth-login/components/consumers-list.tsx  |   5 +-
 .../auth-login/components/otp-auth-form.tsx   |   4 +-
 .../components/registration-form.tsx          |   8 +-
 .../chats/components/chat-composer.tsx        |  10 +-
 .../chats/components/chat-list-item.tsx       |  10 +-
 .../chats/components/chat-list-shoutbox.tsx   |   4 +-
 .../features/chats/components/chat-list.tsx   |  10 +-
 .../chats/components/chat-message-list.tsx    |   2 +-
 .../chats/components/chat-message.tsx         |  20 +-
 .../components/chat-search/chat-search.tsx    |  10 +-
 .../chats/components/chat-search/results.tsx  |  12 +-
 .../chats/components/chat-textarea.tsx        |   2 +-
 .../chats/components/chat-upload-preview.tsx  |   2 +-
 .../components/chat-widget/chat-settings.tsx  |   8 +-
 .../src/features/chats/components/chat.tsx    |  10 +-
 .../components/blankslate-empty.tsx           |   5 +-
 .../chats-page/components/chats-page-chat.tsx |   4 +-
 .../components/chats-page-settings.tsx        |   4 +-
 .../components/shoutbox-message-list.tsx      |   2 +-
 .../features/chats/components/shoutbox.tsx    |   4 +-
 .../compose-event/tabs/edit-event.tsx         |  18 +-
 .../tabs/manage-pending-participants.tsx      |  40 +-
 .../components/clear-link-suggestion.tsx      |   8 +-
 .../compose/components/compose-form.tsx       |   8 +-
 .../compose/components/drive-button.tsx       |  44 +-
 .../compose/components/language-dropdown.tsx  |   6 +-
 .../compose/components/location-form.tsx      |   6 +-
 .../components/polls/duration-selector.tsx    |  12 +-
 .../compose/components/polls/poll-form.tsx    |  12 +-
 .../compose/components/spoiler-input.tsx      |   2 +-
 .../compose/components/upload-button.tsx      |   2 +-
 .../src/features/compose/editor/index.tsx     |   6 +-
 .../compose/editor/nodes/image-component.tsx  |   4 +-
 .../editor/plugins/autosuggest-plugin.tsx     |  11 +-
 .../floating-block-type-toolbar-plugin.tsx    |   4 +-
 .../plugins/floating-link-editor-plugin.tsx   |   8 +-
 .../floating-text-format-toolbar-plugin.tsx   |  20 +-
 .../compose/editor/plugins/state-plugin.tsx   |   6 +-
 .../src/features/compose/util/url-regex.ts    |   8 +-
 .../components/conversations-list.tsx         |   4 +-
 .../crypto-donate/components/crypto-icon.tsx  |   4 +-
 .../components/draft-status.tsx               |   5 +-
 .../edit-profile/components/avatar-picker.tsx |   6 +-
 .../edit-profile/components/header-picker.tsx |   6 +-
 .../components/emoji-picker-dropdown.tsx      |   2 +-
 .../emoji-picker-dropdown-container.tsx       |   2 +-
 packages/pl-fe/src/features/emoji/index.ts    |   2 +-
 .../event/components/event-action-button.tsx  |   4 +-
 .../event/components/event-header.tsx         |  24 +-
 .../components/external-login-form.tsx        |   6 +-
 .../components/instance-restrictions.tsx      |   2 +-
 .../group/components/group-action-button.tsx  |   3 +-
 .../group/components/group-header-image.tsx   |   4 +-
 .../group/components/group-header.tsx         |   4 +-
 .../components/group-member-list-item.tsx     |  10 +-
 .../group/components/group-options-button.tsx |   3 +-
 .../notifications/components/notification.tsx |  22 +-
 .../components/icon-picker-menu.tsx           |   4 +-
 .../components/placeholder-media-gallery.tsx  |   6 +-
 .../pl-fe/src/features/preferences/index.tsx  |  38 +-
 .../scheduled-status-action-bar.tsx           |   4 +-
 .../settings/components/messages-settings.tsx |   2 +-
 .../status/components/detailed-status.tsx     |   2 +-
 .../src/features/status/components/thread.tsx |  34 +-
 .../theme-editor/components/palette.tsx       |   2 +-
 .../features/ui/components/action-button.tsx  |   8 +-
 .../features/ui/components/compose-button.tsx |   8 +-
 .../src/features/ui/components/modal-root.tsx |   2 +-
 .../components/panels/account-note-panel.tsx  |   6 +-
 .../ui/components/panels/my-groups-panel.tsx  |   2 +-
 .../components/panels/profile-info-panel.tsx  |   2 +-
 .../ui/components/panels/sign-up-panel.tsx    |   4 +-
 .../features/ui/components/profile-field.tsx  |   2 +-
 .../ui/components/subscription-button.tsx     |  16 +-
 .../src/features/ui/components/timeline.tsx   |   6 +-
 packages/pl-fe/src/features/ui/index.tsx      |  17 +-
 .../pl-fe/src/features/ui/router/index.tsx    |   2 +-
 .../pl-fe/src/features/ui/util/fullscreen.ts  |   2 +-
 .../src/features/ui/util/global-hotkeys.tsx   |   2 +-
 .../ui/util/pending-status-builder.ts         |   6 +-
 packages/pl-fe/src/features/video/index.tsx   |   6 +-
 .../pl-fe/src/hooks/forms/use-image-field.ts  |   6 +-
 .../pl-fe/src/hooks/forms/use-text-field.ts   |   4 +-
 .../pl-fe/src/hooks/use-account-gallery.ts    |   4 +-
 packages/pl-fe/src/hooks/use-debounce.ts      |   4 +-
 packages/pl-fe/src/hooks/use-loading.ts       |   8 +-
 packages/pl-fe/src/hooks/use-system-theme.ts  |   2 +-
 packages/pl-fe/src/hooks/use-theme-css.ts     |   6 +-
 packages/pl-fe/src/init/pl-fe-head.tsx        |   2 +-
 packages/pl-fe/src/layouts/event-layout.tsx   |   2 +-
 packages/pl-fe/src/layouts/group-layout.tsx   |   2 +-
 packages/pl-fe/src/layouts/profile-layout.tsx |   2 +-
 packages/pl-fe/src/main.tsx                   |   1 -
 packages/pl-fe/src/modals/alt-text-modal.tsx  |  12 +-
 .../pl-fe/src/modals/antenna-editor-modal.tsx |  10 +-
 .../pl-fe/src/modals/block-mute-modal.tsx     |  22 +-
 .../pl-fe/src/modals/circle-editor-modal.tsx  |   8 +-
 .../compose-interaction-policy-modal.tsx      |   4 +-
 .../src/modals/edit-announcement-modal.tsx    |  24 +-
 .../src/modals/edit-bookmark-folder-modal.tsx |   4 +-
 .../pl-fe/src/modals/edit-domain-modal.tsx    |  12 +-
 .../src/modals/edit-federation-modal.tsx      |   8 +-
 packages/pl-fe/src/modals/embed-modal.tsx     |   2 +-
 packages/pl-fe/src/modals/hotkeys-modal.tsx   |   4 +-
 .../pl-fe/src/modals/join-event-modal.tsx     |   8 +-
 .../list-adder-modal/components/list.tsx      |   8 +-
 .../list-editor-modal/components/account.tsx  |  12 +-
 .../components/edit-list-form.tsx             |  26 +-
 .../components/list-members-form.tsx          |   8 +-
 .../src/modals/list-editor-modal/index.tsx    |   4 +-
 .../manage-group-modal/steps/details-step.tsx |  10 +-
 packages/pl-fe/src/modals/media-modal.tsx     |  28 +-
 packages/pl-fe/src/modals/mentions-modal.tsx  |   2 +-
 .../src/modals/missing-description-modal.tsx  |   4 +-
 packages/pl-fe/src/modals/reactions-modal.tsx |  16 +-
 .../components/status-check-box.tsx           |   4 +-
 .../report-modal/steps/other-actions-step.tsx |  10 +-
 .../modals/report-modal/steps/reason-step.tsx |   4 +-
 .../modals/select-bookmark-folder-modal.tsx   |  12 +-
 .../src/modals/select-drive-file-modal.tsx    |  16 +-
 .../pl-fe/src/modals/text-field-modal.tsx     |  10 +-
 packages/pl-fe/src/normalizers/status.ts      |  10 +-
 .../src/pages/account-lists/antennas.tsx      |   4 +-
 .../pl-fe/src/pages/account-lists/circles.tsx |   2 +-
 .../pages/account-lists/follow-requests.tsx   |   8 +-
 .../pl-fe/src/pages/account-lists/lists.tsx   |   2 +-
 .../src/pages/accounts/account-gallery.tsx    |   6 +-
 .../src/pages/accounts/account-timeline.tsx   |  14 +-
 packages/pl-fe/src/pages/auth/login.tsx       |   2 +-
 packages/pl-fe/src/pages/auth/logout.tsx      |   4 +-
 .../pl-fe/src/pages/auth/password-reset.tsx   |   2 +-
 .../pl-fe/src/pages/dashboard/account.tsx     |  12 +-
 .../src/pages/dashboard/announcements.tsx     |  12 +-
 .../src/pages/dashboard/awaiting-approval.tsx |   2 +-
 .../src/pages/dashboard/frontend-config.tsx   |  14 +-
 packages/pl-fe/src/pages/dashboard/relays.tsx |   2 +-
 packages/pl-fe/src/pages/dashboard/report.tsx |   8 +-
 .../pl-fe/src/pages/dashboard/reports.tsx     |   2 +-
 packages/pl-fe/src/pages/dashboard/rules.tsx  |  10 +-
 .../src/pages/dashboard/theme-editor.tsx      |   4 +-
 .../pl-fe/src/pages/dashboard/user-index.tsx  |   2 +-
 .../pl-fe/src/pages/developers/create-app.tsx |   4 +-
 .../pl-fe/src/pages/developers/developers.tsx |   4 +-
 .../pages/developers/service-worker-info.tsx  |   9 +-
 packages/pl-fe/src/pages/drive/drive.tsx      | 102 ++-
 packages/pl-fe/src/pages/fun/circle.tsx       |   4 +-
 .../pages/groups/group-blocked-members.tsx    |   7 +-
 .../pl-fe/src/pages/groups/group-members.tsx  |   8 +-
 .../groups/group-membership-requests.tsx      |  52 +-
 packages/pl-fe/src/pages/groups/groups.tsx    |   4 +-
 .../pl-fe/src/pages/groups/manage-group.tsx   |   3 +-
 packages/pl-fe/src/pages/search/search.tsx    |  22 +-
 packages/pl-fe/src/pages/settings/aliases.tsx |   4 +-
 .../src/pages/settings/auth-token-list.tsx    |   2 +-
 .../pl-fe/src/pages/settings/edit-filter.tsx  |  54 +-
 .../src/pages/settings/edit-password.tsx      |   8 +-
 .../pl-fe/src/pages/settings/edit-profile.tsx |  28 +-
 .../pl-fe/src/pages/settings/import-data.tsx  |   4 +-
 .../pages/settings/interaction-policies.tsx   |  26 +-
 packages/pl-fe/src/pages/settings/privacy.tsx |  48 +-
 .../pages/status-lists/bookmark-folders.tsx   |   4 +-
 .../pl-fe/src/pages/status-lists/events.tsx   |   8 +-
 .../status-lists/interaction-requests.tsx     |  44 +-
 .../pages/status-lists/pinned-statuses.tsx    |   2 +-
 .../src/pages/statuses/compose-event.tsx      |   8 +-
 .../src/pages/statuses/event-discussion.tsx   |   4 +-
 .../src/pages/statuses/event-information.tsx  |   8 +-
 packages/pl-fe/src/pages/statuses/status.tsx  |  14 +-
 .../src/pages/timelines/home-timeline.tsx     |  10 +-
 packages/pl-fe/src/pages/utils/about.tsx      |  16 +-
 .../queries/accounts/use-follow-requests.ts   |   2 +-
 .../src/queries/accounts/use-relationship.ts  |  40 +-
 .../pl-fe/src/queries/admin/use-accounts.ts   |   4 +-
 .../src/queries/admin/use-moderation-log.ts   |   4 +-
 .../pl-fe/src/queries/admin/use-reports.ts    |   4 +-
 .../announcements/use-announcements.ts        |   2 +-
 packages/pl-fe/src/queries/chats.ts           |   5 +-
 .../src/queries/drive/use-drive-folder.ts     |   2 +-
 .../instance/use-translation-languages.ts     |   2 +-
 .../pl-fe/src/queries/search/use-search.ts    |   2 +-
 .../src/queries/settings/domain-blocks.ts     |   2 +-
 .../queries/settings/use-account-aliases.ts   |   8 +-
 .../settings/use-interaction-policies.ts      |   2 +-
 .../status-lists/use-pinned-statuses.ts       |   2 +-
 .../queries/statuses/use-draft-statuses.ts    |  12 +-
 .../statuses/use-interaction-requests.ts      |   6 +-
 .../statuses/use-local-status-translation.ts  |   2 +-
 .../statuses/use-status-interactions.ts       |  10 +-
 .../timelines/use-account-media-timeline.ts   |   2 +-
 packages/pl-fe/src/queries/utils/filter-id.ts |   2 +-
 .../make-paginated-response-query-options.ts  |   2 +-
 .../utils/make-paginated-response-query.ts    |   4 +-
 packages/pl-fe/src/reducers/admin.ts          |   4 +-
 packages/pl-fe/src/reducers/auth.ts           |  36 +-
 packages/pl-fe/src/reducers/compose.ts        |  42 +-
 packages/pl-fe/src/reducers/contexts.ts       |  49 +-
 packages/pl-fe/src/reducers/conversations.ts  |  14 +-
 .../pl-fe/src/reducers/frontend-config.ts     |   4 +-
 packages/pl-fe/src/reducers/instance.ts       |   2 +-
 packages/pl-fe/src/reducers/me.ts             |   5 +-
 .../pl-fe/src/reducers/pending-statuses.ts    |   8 +-
 packages/pl-fe/src/reducers/statuses.ts       |  18 +-
 packages/pl-fe/src/reducers/timelines.ts      |  83 +-
 packages/pl-fe/src/selectors/index.ts         |  27 +-
 packages/pl-fe/src/sentry.ts                  |   2 +-
 packages/pl-fe/src/service-worker/sw.ts       |   8 +-
 .../pl-fe/src/stores/account-hover-card.ts    |  30 +-
 .../src/stores/language-model-availability.ts |  16 +-
 packages/pl-fe/src/stores/modals.ts           |  40 +-
 packages/pl-fe/src/stores/settings.ts         | 152 ++--
 packages/pl-fe/src/stores/shoutbox.ts         |  38 +-
 .../pl-fe/src/stores/status-hover-card.ts     |  30 +-
 packages/pl-fe/src/stores/status-meta.ts      | 116 +--
 packages/pl-fe/src/stores/ui.ts               |  16 +-
 packages/pl-fe/src/toast.tsx                  |  21 +-
 packages/pl-fe/src/utils/auth.ts              |   2 +-
 packages/pl-fe/src/utils/code.ts              |   2 +-
 packages/pl-fe/src/utils/config-db.ts         |   6 +-
 packages/pl-fe/src/utils/emoji-reacts.ts      |   8 +-
 packages/pl-fe/src/utils/emoji.ts             |   2 +-
 packages/pl-fe/src/utils/favicon-service.ts   |   2 +-
 packages/pl-fe/src/utils/input.ts             |   3 +-
 packages/pl-fe/src/utils/media.ts             |   4 +-
 packages/pl-fe/src/utils/queries.ts           |   6 +-
 packages/pl-fe/src/utils/redirect.ts          |   2 +-
 packages/pl-fe/src/utils/resize-image.ts      |  16 +-
 packages/pl-fe/src/utils/timelines.ts         |   2 +-
 packages/pl-fe/src/utils/url-purify.ts        |   2 +-
 packages/pl-fe/tailwind.config.ts             |   4 +-
 packages/pl-fe/tailwind/colors.ts             |   2 +-
 packages/pl-fe/tsconfig.json                  |   3 +-
 packages/pl-fe/vite.config.ts                 |   4 +-
 pnpm-lock.yaml                                |  81 +-
 352 files changed, 2838 insertions(+), 1694 deletions(-)
 create mode 100644 packages/pl-fe/.oxlintrc.json

diff --git a/packages/pl-fe/.oxlintrc.json b/packages/pl-fe/.oxlintrc.json
new file mode 100644
index 000000000..653ddbe26
--- /dev/null
+++ b/packages/pl-fe/.oxlintrc.json
@@ -0,0 +1,84 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["typescript", "import", "promise"],
+  "jsPlugins": ["eslint-plugin-formatjs"],
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "pedantic": "warn",
+    "perf": "warn"
+  },
+  "rules": {
+    "always-return": "off",
+    "ban-types": "off",
+    "ban-ts-comment": "off",
+    "max-dependencies": "off",
+    "max-lines": "off",
+    "max-lines-per-function": "off",
+    "no-await-in-loop": "off",
+    "no-else-return": "off",
+    "no-inline-comments": "off",
+    "no-named-as-default": "off",
+    "no-negated-condition": "off",
+    "no-new": "warn",
+    "no-non-null-asserted-optional-chain": "warn",
+    "no-promise-executor-return": "off",
+    "no-unassigned-import": "off",
+    "no-unused-vars": [
+      "error",
+      {
+        "vars": "all",
+        "args": "none",
+        "ignoreRestSiblings": true,
+        "caughtErrors": "none",
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_"
+      }
+    ],
+    "prefer-ts-expect-error": "off",
+    "sort-vars": "off",
+
+    "no-floating-promises": "warn",
+    "no-redundant-type-constituents": "warn",
+    "no-unsafe-type-assertion": "warn",
+    "require-array-sort-compare": "off",
+    "unbound-method": "warn",
+
+    "formatjs/enforce-default-message": "error",
+    "formatjs/enforce-id": "error",
+    "formatjs/no-literal-string-in-jsx": "warn"
+  },
+  "settings": {
+    "jsx-a11y": {
+      "polymorphicPropName": null,
+      "components": {},
+      "attributes": {}
+    },
+    "next": {
+      "rootDir": []
+    },
+    "react": {
+      "formComponents": [],
+      "linkComponents": [],
+      "version": null,
+      "componentWrapperFunctions": []
+    },
+    "jsdoc": {
+      "ignorePrivate": false,
+      "ignoreInternal": false,
+      "ignoreReplacesDocs": true,
+      "overrideReplacesDocs": true,
+      "augmentsExtendsReplacesDocs": false,
+      "implementsReplacesDocs": false,
+      "exemptDestructuredRootsFromChecks": false,
+      "tagNamePreference": {}
+    }
+  },
+  "env": {
+    "builtin": true,
+    "browser": true,
+    "es6": true
+  },
+  "globals": {},
+  "ignorePatterns": []
+}
diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index 3731739b5..4dbdc5103 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -163,6 +163,9 @@
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-tailwindcss": "^3.17.5",
     "globals": "^15.14.0",
+    "oxfmt": "^0.32.0",
+    "oxlint": "^1.47.0",
+    "oxlint-tsgolint": "^0.12.2",
     "rollup-plugin-bundle-stats": "^4.21.10",
     "stylelint": "^16.12.0",
     "stylelint-config-standard-scss": "^12.0.0",
diff --git a/packages/pl-fe/src/actions/accounts.ts b/packages/pl-fe/src/actions/accounts.ts
index e5d82eac2..fcf68ab64 100644
--- a/packages/pl-fe/src/actions/accounts.ts
+++ b/packages/pl-fe/src/actions/accounts.ts
@@ -16,7 +16,7 @@ const ACCOUNT_BLOCK_SUCCESS = 'ACCOUNT_BLOCK_SUCCESS' as const;
 const ACCOUNT_MUTE_SUCCESS = 'ACCOUNT_MUTE_SUCCESS' as const;
 
 const createAccount = (params: CreateAccountParams) =>
-  async (dispatch: AppDispatch, getState: () => RootState) =>
+  (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState()).settings.createAccount(params).then((response) =>
       ({ params, response }),
     );
@@ -79,7 +79,9 @@ const fetchRelationships = (accountIds: string[]) =>
     const fetcher = batcher.relationships(getClient(getState())).fetch;
 
     return Promise.all(newAccountIds.map(fetcher))
-      .then(response => dispatch(importEntities({ relationships: response })));
+      .then(response =>{
+        dispatch(importEntities({ relationships: response }));
+      });
   };
 
 const accountLookup = (acct: string, signal?: AbortSignal) =>
diff --git a/packages/pl-fe/src/actions/admin.ts b/packages/pl-fe/src/actions/admin.ts
index 4653dd88b..3c4808b2c 100644
--- a/packages/pl-fe/src/actions/admin.ts
+++ b/packages/pl-fe/src/actions/admin.ts
@@ -125,7 +125,7 @@ const setRole = (accountId: string, role: 'user' | 'moderator' | 'admin') =>
 const redactStatus = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
   const state = getState();
 
-  const status = state.statuses[statusId]!;
+  const status = state.statuses[statusId];
   const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
 
   return getClient(state).statuses.getStatusSource(statusId).then(response => {
diff --git a/packages/pl-fe/src/actions/apps.ts b/packages/pl-fe/src/actions/apps.ts
index 44402bf6e..c8bf94aa4 100644
--- a/packages/pl-fe/src/actions/apps.ts
+++ b/packages/pl-fe/src/actions/apps.ts
@@ -11,7 +11,7 @@ import { PlApiClient, type CreateApplicationParams } from 'pl-api';
 import * as BuildConfig from '@/build-config';
 
 const createApp = (params: CreateApplicationParams, baseURL?: string) => {
-  const client = new PlApiClient(baseURL || BuildConfig.BACKEND_URL || '');
+  const client = new PlApiClient((baseURL ?? BuildConfig.BACKEND_URL) || '');
 
   return client.apps.createApplication(params);
 };
diff --git a/packages/pl-fe/src/actions/auth.ts b/packages/pl-fe/src/actions/auth.ts
index 8a3e4aa40..698dc7665 100644
--- a/packages/pl-fe/src/actions/auth.ts
+++ b/packages/pl-fe/src/actions/auth.ts
@@ -59,7 +59,9 @@ const messages = defineMessages({
   invalidCredentials: { id: 'auth.invalid_credentials', defaultMessage: 'Wrong username or password' },
 });
 
-const noOp = () => new Promise(f => f(undefined));
+const noOp = () => new Promise(f =>{
+  f(undefined);
+});
 
 const createAppAndToken = () =>
   (dispatch: AppDispatch) =>
@@ -97,8 +99,8 @@ const createAppToken = () =>
     const app = getState().auth.app!;
 
     const params = {
-      client_id: app.client_id!,
-      client_secret: app.client_secret!,
+      client_id: app.client_id,
+      client_secret: app.client_secret,
       redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
       grant_type: 'client_credentials',
       scope: getScopes(getState()),
@@ -216,10 +218,10 @@ const logIn = (username: string, password: string) =>
   (dispatch: AppDispatch) => dispatch(createAuthApp()).then(() =>
     dispatch(createUserToken(normalizeUsername(username), password)),
   ).catch((error: { response: PlfeResponse }) => {
-    if ((error.response?.json as any)?.error === 'mfa_required') {
+    if ((error.response?.json)?.error === 'mfa_required') {
       // If MFA is required, throw the error and handle it in the component.
       throw error;
-    } else if ((error.response?.json as any)?.identifier === 'awaiting_approval') {
+    } else if ((error.response?.json)?.identifier === 'awaiting_approval') {
       toast.error(messages.awaitingApproval);
     } else {
       // Return "wrong password" message.
@@ -242,11 +244,11 @@ const logOut = () =>
 
     if (!account) return dispatch(noOp);
 
-    const token = state.auth.users[account.url]!.access_token;
+    const token = state.auth.users[account.url].access_token;
 
     const params = {
-      client_id: state.auth.tokens[token]?.client_id || state.auth.app?.client_id!,
-      client_secret: state.auth.tokens[token]?.client_secret || state.auth.app?.client_secret!,
+      client_id: state.auth.tokens[token]?.client_id ?? state.auth.app?.client_id!,
+      client_secret: state.auth.tokens[token]?.client_secret ?? state.auth.app?.client_secret!,
       token,
     };
 
@@ -285,11 +287,13 @@ const switchAccount = (accountId: string) =>
 const fetchOwnAccounts = () =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
-    return Object.values(state.auth.users).forEach((user) => {
+    Object.values(state.auth.users).forEach((user) => {
       const account = selectAccount(state, user.id);
       if (!account) {
         dispatch(verifyCredentials(user.access_token, user.url))
-          .catch(() => console.warn(`Failed to load account: ${user.url}`));
+          .catch(() =>{
+            console.warn(`Failed to load account: ${user.url}`);
+          });
       }
     });
   };
@@ -321,7 +325,7 @@ interface AuthLoggedInAction {
 
 const authLoggedIn = (token: Token, app?: CredentialApplication | null) =>
   (dispatch: AppDispatch) => {
-    dispatch<AuthLoggedInAction>({ type: AUTH_LOGGED_IN, token, app: app || undefined });
+    dispatch<AuthLoggedInAction>({ type: AUTH_LOGGED_IN, token, app: app ?? undefined });
     return token;
   };
 
diff --git a/packages/pl-fe/src/actions/chats.ts b/packages/pl-fe/src/actions/chats.ts
index c0aed4191..7e1017ea2 100644
--- a/packages/pl-fe/src/actions/chats.ts
+++ b/packages/pl-fe/src/actions/chats.ts
@@ -7,7 +7,7 @@ const toggleChatPane = () =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const main = useSettingsStore.getState().settings.chats.mainWindow;
     const state = main === 'minimized' ? 'open' : 'minimized';
-    return dispatch(changeSetting(['chats', 'mainWindow'], state));
+    dispatch(changeSetting(['chats', 'mainWindow'], state));
   };
 
 export {
diff --git a/packages/pl-fe/src/actions/circle.ts b/packages/pl-fe/src/actions/circle.ts
index ae96a1b74..480fa6104 100644
--- a/packages/pl-fe/src/actions/circle.ts
+++ b/packages/pl-fe/src/actions/circle.ts
@@ -37,7 +37,7 @@ const processCircle = (setProgress: (progress: {
     };
 
     const fetchStatuses = async (next: (() => Promise<PaginatedResponse<Status>>) | null) => {
-      const response = await (next?.() || client.accounts.getAccountStatuses(me, { limit: 40 }));
+      const response = await (next?.() ?? client.accounts.getAccountStatuses(me, { limit: 40 }));
 
       response.items.forEach((status) => {
         if (status.reblog) {
@@ -64,7 +64,7 @@ const processCircle = (setProgress: (progress: {
     };
 
     const fetchFavourites = async (next: (() => Promise<PaginatedResponse<Status>>) | null) => { // limit 40
-      const response = await (next?.() || client.myAccount.getFavourites({ limit: 40 }));
+      const response = await (next?.() ?? client.myAccount.getFavourites({ limit: 40 }));
 
       response.items.forEach((status) => {
         if (status.account.id === me) return;
diff --git a/packages/pl-fe/src/actions/compose.ts b/packages/pl-fe/src/actions/compose.ts
index 8bdabf44a..568eb2180 100644
--- a/packages/pl-fe/src/actions/compose.ts
+++ b/packages/pl-fe/src/actions/compose.ts
@@ -26,7 +26,20 @@ import type { ClearLinkSuggestion } from '@/reducers/compose';
 import type { AppDispatch, RootState } from '@/store';
 import type { LinkOptions } from '@tanstack/react-router';
 import type { EditorState } from 'lexical';
-import type { Account, CreateStatusParams, CustomEmoji, Group, MediaAttachment, Status as BaseStatus, Tag, Poll, ScheduledStatus, InteractionPolicy, UpdateMediaParams, Location } from 'pl-api';
+import type {
+  Account,
+  CreateStatusParams,
+  CustomEmoji,
+  Group,
+  MediaAttachment,
+  Status as BaseStatus,
+  Tag,
+  Poll,
+  ScheduledStatus,
+  InteractionPolicy,
+  UpdateMediaParams,
+  Location,
+} from 'pl-api';
 
 let cancelFetchComposeSuggestions = new AbortController();
 
@@ -93,14 +106,16 @@ const COMPOSE_CHANGE_MEDIA_ORDER = 'COMPOSE_CHANGE_MEDIA_ORDER' as const;
 const COMPOSE_ADD_SUGGESTED_QUOTE = 'COMPOSE_ADD_SUGGESTED_QUOTE' as const;
 const COMPOSE_ADD_SUGGESTED_LANGUAGE = 'COMPOSE_ADD_SUGGESTED_LANGUAGE' as const;
 
-const COMPOSE_INTERACTION_POLICY_OPTION_CHANGE = 'COMPOSE_INTERACTION_POLICY_OPTION_CHANGE' as const;
+const COMPOSE_INTERACTION_POLICY_OPTION_CHANGE =
+  'COMPOSE_INTERACTION_POLICY_OPTION_CHANGE' as const;
 const COMPOSE_QUOTE_POLICY_OPTION_CHANGE = 'COMPOSE_QUOTE_POLICY_OPTION_CHANGE' as const;
 
 const COMPOSE_CLEAR_LINK_SUGGESTION_CREATE = 'COMPOSE_CLEAR_LINK_SUGGESTION_CREATE' as const;
 const COMPOSE_CLEAR_LINK_SUGGESTION_IGNORE = 'COMPOSE_CLEAR_LINK_SUGGESTION_IGNORE' as const;
 
 const COMPOSE_HASHTAG_CASING_SUGGESTION_SET = 'COMPOSE_HASHTAG_CASING_SUGGESTION_SET' as const;
-const COMPOSE_HASHTAG_CASING_SUGGESTION_IGNORE = 'COMPOSE_HASHTAG_CASING_SUGGESTION_IGNORE' as const;
+const COMPOSE_HASHTAG_CASING_SUGGESTION_IGNORE =
+  'COMPOSE_HASHTAG_CASING_SUGGESTION_IGNORE' as const;
 
 const COMPOSE_REDACTING_OVERWRITE_CHANGE = 'COMPOSE_REDACTING_OVERWRITE_CHANGE' as const;
 
@@ -108,22 +123,46 @@ const COMPOSE_SET_LOCATION = 'COMPOSE_SET_LOCATION' as const;
 const COMPOSE_SET_SHOW_LOCATION_PICKER = 'COMPOSE_SET_SHOW_LOCATION_PICKER' as const;
 
 const messages = defineMessages({
-  scheduleError: { id: 'compose.invalid_schedule', defaultMessage: 'You must schedule a post at least 5 minutes out.' },
+  scheduleError: {
+    id: 'compose.invalid_schedule',
+    defaultMessage: 'You must schedule a post at least 5 minutes out.',
+  },
   success: { id: 'compose.submit_success', defaultMessage: 'Your post was sent!' },
   editSuccess: { id: 'compose.edit_success', defaultMessage: 'Your post was edited' },
   redactSuccess: { id: 'compose.redact_success', defaultMessage: 'The post was redacted' },
   scheduledSuccess: { id: 'compose.scheduled_success', defaultMessage: 'Your post was scheduled' },
   uploadErrorLimit: { id: 'upload_error.limit', defaultMessage: 'File upload limit exceeded.' },
-  uploadErrorPoll: { id: 'upload_error.poll', defaultMessage: 'File upload not allowed with polls.' },
+  uploadErrorPoll: {
+    id: 'upload_error.poll',
+    defaultMessage: 'File upload not allowed with polls.',
+  },
   view: { id: 'toast.view', defaultMessage: 'View' },
   replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },
-  replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },
+  replyMessage: {
+    id: 'confirmations.reply.message',
+    defaultMessage:
+      'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?',
+  },
 });
 
 interface ComposeSetStatusAction {
   type: typeof COMPOSE_SET_STATUS;
   composeId: string;
-  status: Pick<Status, 'id' | 'account' | 'content' | 'group_id' | 'in_reply_to_id' | 'language' | 'media_attachments' | 'mentions' | 'quote_id' | 'sensitive' | 'spoiler_text' | 'visibility'>;
+  status: Pick<
+    Status,
+    | 'id'
+    | 'account'
+    | 'content'
+    | 'group_id'
+    | 'in_reply_to_id'
+    | 'language'
+    | 'media_attachments'
+    | 'mentions'
+    | 'quote_id'
+    | 'sensitive'
+    | 'spoiler_text'
+    | 'visibility'
+  >;
   poll?: Poll | null;
   rawText: string;
   explicitAddressing: boolean;
@@ -135,36 +174,39 @@ interface ComposeSetStatusAction {
   redacting?: boolean;
 }
 
-const setComposeToStatus = (
-  status: ComposeSetStatusAction['status'],
-  poll: Poll | null | undefined,
-  rawText: string,
-  spoilerText?: string,
-  contentType?: string | false,
-  withRedraft?: boolean,
-  draftId?: string,
-  editorState?: string | null,
-  redacting?: boolean,
-) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const { features } = getClient(getState);
-    const explicitAddressing = features.createStatusExplicitAddressing && !useSettingsStore.getState().settings.forceImplicitAddressing;
+const setComposeToStatus =
+  (
+    status: ComposeSetStatusAction['status'],
+    poll: Poll | null | undefined,
+    rawText: string,
+    spoilerText?: string,
+    contentType?: string | false,
+    withRedraft?: boolean,
+    draftId?: string,
+    editorState?: string | null,
+    redacting?: boolean,
+  ) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      const { features } = getClient(getState);
+      const explicitAddressing =
+      features.createStatusExplicitAddressing &&
+      !useSettingsStore.getState().settings.forceImplicitAddressing;
 
-    dispatch<ComposeSetStatusAction>({
-      type: COMPOSE_SET_STATUS,
-      composeId: 'compose-modal',
-      status,
-      poll,
-      rawText,
-      explicitAddressing,
-      spoilerText,
-      contentType,
-      withRedraft,
-      draftId,
-      editorState,
-      redacting,
-    });
-  };
+      dispatch<ComposeSetStatusAction>({
+        type: COMPOSE_SET_STATUS,
+        composeId: 'compose-modal',
+        status,
+        poll,
+        rawText,
+        explicitAddressing,
+        spoilerText,
+        contentType,
+        withRedraft,
+        draftId,
+        editorState,
+        redacting,
+      });
+    };
 
 const changeCompose = (composeId: string, text: string) => ({
   type: COMPOSE_CHANGE,
@@ -175,7 +217,17 @@ const changeCompose = (composeId: string, text: string) => ({
 interface ComposeReplyAction {
   type: typeof COMPOSE_REPLY;
   composeId: string;
-  status: Pick<Status, 'id' | 'account' | 'group_id' | 'list_id' | 'local_only' | 'mentions' | 'spoiler_text' | 'visibility'>;
+  status: Pick<
+    Status,
+    | 'id'
+    | 'account'
+    | 'group_id'
+    | 'list_id'
+    | 'local_only'
+    | 'mentions'
+    | 'spoiler_text'
+    | 'visibility'
+  >;
   account: Pick<Account, 'acct'>;
   explicitAddressing: boolean;
   preserveSpoilers: boolean;
@@ -184,33 +236,34 @@ interface ComposeReplyAction {
   conversationScope: boolean;
 }
 
-const replyCompose = (
-  status: ComposeReplyAction['status'],
-  rebloggedBy?: ComposeReplyAction['rebloggedBy'],
-  approvalRequired?: ComposeReplyAction['approvalRequired'],
-) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const { features } = getClient(getState);
-    const { forceImplicitAddressing, preserveSpoilers } = useSettingsStore.getState().settings;
-    const explicitAddressing = features.createStatusExplicitAddressing && !forceImplicitAddressing;
-    const account = selectOwnAccount(state);
+const replyCompose =
+  (
+    status: ComposeReplyAction['status'],
+    rebloggedBy?: ComposeReplyAction['rebloggedBy'],
+    approvalRequired?: ComposeReplyAction['approvalRequired'],
+  ) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      const state = getState();
+      const { features } = getClient(getState);
+      const { forceImplicitAddressing, preserveSpoilers } = useSettingsStore.getState().settings;
+      const explicitAddressing = features.createStatusExplicitAddressing && !forceImplicitAddressing;
+      const account = selectOwnAccount(state);
 
-    if (!account) return;
+      if (!account) return;
 
-    dispatch<ComposeReplyAction>({
-      type: COMPOSE_REPLY,
-      composeId: 'compose-modal',
-      status,
-      account,
-      explicitAddressing,
-      preserveSpoilers,
-      rebloggedBy,
-      approvalRequired,
-      conversationScope: features.createStatusConversationScope,
-    });
-    useModalsStore.getState().actions.openModal('COMPOSE');
-  };
+      dispatch<ComposeReplyAction>({
+        type: COMPOSE_REPLY,
+        composeId: 'compose-modal',
+        status,
+        account,
+        explicitAddressing,
+        preserveSpoilers,
+        rebloggedBy,
+        approvalRequired,
+        conversationScope: features.createStatusConversationScope,
+      });
+      useModalsStore.getState().actions.openModal('COMPOSE');
+    };
 
 const cancelReplyCompose = () => ({
   type: COMPOSE_REPLY_CANCEL,
@@ -226,11 +279,12 @@ interface ComposeQuoteAction {
   conversationScope: boolean;
 }
 
-const quoteCompose = (status: ComposeQuoteAction['status']) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const quoteCompose =
+  (status: ComposeQuoteAction['status']) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const { forceImplicitAddressing } = useSettingsStore.getState().settings;
-    const { createStatusConversationScope, createStatusExplicitAddressing } = state.auth.client.features;
+    const { createStatusConversationScope, createStatusExplicitAddressing } =
+      state.auth.client.features;
     const explicitAddressing = createStatusExplicitAddressing && !forceImplicitAddressing;
 
     dispatch<ComposeQuoteAction>({
@@ -249,13 +303,12 @@ const cancelQuoteCompose = (composeId: string) => ({
   composeId,
 });
 
-const groupComposeModal = (group: Pick<Group, 'id'>) =>
-  (dispatch: AppDispatch) => {
-    const composeId = `group:${group.id}`;
+const groupComposeModal = (group: Pick<Group, 'id'>) => (dispatch: AppDispatch) => {
+  const composeId = `group:${group.id}`;
 
-    dispatch(groupCompose(composeId, group.id));
-    useModalsStore.getState().actions.openModal('COMPOSE', { composeId });
-  };
+  dispatch(groupCompose(composeId, group.id));
+  useModalsStore.getState().actions.openModal('COMPOSE', { composeId });
+};
 
 const resetCompose = (composeId = 'compose-modal') => ({
   type: COMPOSE_RESET,
@@ -268,17 +321,18 @@ interface ComposeMentionAction {
   account: Pick<Account, 'acct'>;
 }
 
-const mentionCompose = (account: ComposeMentionAction['account']) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!getState().me) return;
+const mentionCompose =
+  (account: ComposeMentionAction['account']) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      if (!getState().me) return;
 
-    dispatch<ComposeMentionAction>({
-      type: COMPOSE_MENTION,
-      composeId: 'compose-modal',
-      account: account,
-    });
-    useModalsStore.getState().actions.openModal('COMPOSE');
-  };
+      dispatch<ComposeMentionAction>({
+        type: COMPOSE_MENTION,
+        composeId: 'compose-modal',
+        account: account,
+      });
+      useModalsStore.getState().actions.openModal('COMPOSE');
+    };
 
 interface ComposeDirectAction {
   type: typeof COMPOSE_DIRECT;
@@ -286,23 +340,30 @@ interface ComposeDirectAction {
   account: Pick<Account, 'acct'>;
 }
 
-const directCompose = (account: ComposeDirectAction['account']) =>
-  (dispatch: AppDispatch) => {
-    dispatch<ComposeDirectAction>({
-      type: COMPOSE_DIRECT,
-      composeId: 'compose-modal',
-      account,
-    });
-    useModalsStore.getState().actions.openModal('COMPOSE');
-  };
+const directCompose = (account: ComposeDirectAction['account']) => (dispatch: AppDispatch) => {
+  dispatch<ComposeDirectAction>({
+    type: COMPOSE_DIRECT,
+    composeId: 'compose-modal',
+    account,
+  });
+  useModalsStore.getState().actions.openModal('COMPOSE');
+};
 
-const handleComposeSubmit = (dispatch: AppDispatch, getState: () => RootState, composeId: string, data: BaseStatus | ScheduledStatus, status: string, edit?: boolean, redact?: boolean) => {
+const handleComposeSubmit = (
+  dispatch: AppDispatch,
+  getState: () => RootState,
+  composeId: string,
+  data: BaseStatus | ScheduledStatus,
+  status: string,
+  edit?: boolean,
+  redact?: boolean,
+) => {
   if (!dispatch || !getState) return;
 
   const state = getState();
 
   const accountUrl = selectOwnAccount(state)!.url;
-  const draftId = getState().compose[composeId]!.draftId;
+  const draftId = getState().compose[composeId].draftId;
 
   dispatch(submitComposeSuccess(composeId, data));
 
@@ -311,13 +372,20 @@ const handleComposeSubmit = (dispatch: AppDispatch, getState: () => RootState, c
   }
 
   if (data.scheduled_at === null) {
-    const linkOptions: LinkOptions = (data.visibility === 'direct' && getClient(getState()).features.conversations)
-      ? { to: '/conversations' }
-      : { to: '/@{$username}/posts/$statusId', params: { username: data.account.acct, statusId: data.id } };
-    toast.success(redact ? messages.redactSuccess : edit ? messages.editSuccess : messages.success, {
-      actionLabel: messages.view,
-      actionLinkOptions: linkOptions,
-    });
+    const linkOptions: LinkOptions =
+      data.visibility === 'direct' && getClient(getState()).features.conversations
+        ? { to: '/conversations' }
+        : {
+          to: '/@{$username}/posts/$statusId',
+          params: { username: data.account.acct, statusId: data.id },
+        };
+    toast.success(
+      redact ? messages.redactSuccess : edit ? messages.editSuccess : messages.success,
+      {
+        actionLabel: messages.view,
+        actionLinkOptions: linkOptions,
+      },
+    );
   } else {
     toast.success(messages.scheduledSuccess, {
       actionLabel: messages.view,
@@ -327,10 +395,10 @@ const handleComposeSubmit = (dispatch: AppDispatch, getState: () => RootState, c
 };
 
 const needsDescriptions = (state: RootState, composeId: string) => {
-  const media = state.compose[composeId]!.mediaAttachments;
+  const media = state.compose[composeId].mediaAttachments;
   const missingDescriptionModal = useSettingsStore.getState().settings.missingDescriptionModal;
 
-  const hasMissing = media.filter(item => !item.description).length > 0;
+  const hasMissing = media.filter((item) => !item.description).length > 0;
 
   return missingDescriptionModal && hasMissing;
 };
@@ -341,7 +409,11 @@ const validateSchedule = (state: RootState, composeId: string) => {
 
   const fiveMinutesFromNow = new Date(new Date().getTime() + 300000);
 
-  return scheduledAt.getTime() > fiveMinutesFromNow.getTime() || (state.auth.client.features.scheduledStatusesBackwards && scheduledAt.getTime() < new Date().getTime());
+  return (
+    scheduledAt.getTime() > fiveMinutesFromNow.getTime() ||
+    (state.auth.client.features.scheduledStatusesBackwards &&
+      scheduledAt.getTime() < new Date().getTime())
+  );
 };
 
 interface SubmitComposeOpts {
@@ -349,131 +421,160 @@ interface SubmitComposeOpts {
   onSuccess?: () => void;
 }
 
-const submitCompose = (composeId: string, opts: SubmitComposeOpts = {}, preview = false) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
-    const { force = false, onSuccess } = opts;
+const submitCompose =
+  (composeId: string, opts: SubmitComposeOpts = {}, preview = false) =>
+    async (dispatch: AppDispatch, getState: () => RootState) => {
+      const { force = false, onSuccess } = opts;
 
-    if (!isLoggedIn(getState)) return;
-    const state = getState();
+      if (!isLoggedIn(getState)) return;
+      const state = getState();
 
-    const compose = state.compose[composeId]!;
+      const compose = state.compose[composeId];
 
-    const status = compose.text;
-    const media = compose.mediaAttachments;
-    const editedId = compose.editedId;
-    let to = compose.to;
-    const { forceImplicitAddressing } = useSettingsStore.getState().settings;
-    const explicitAddressing = state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
+      const status = compose.text;
+      const media = compose.mediaAttachments;
+      const editedId = compose.editedId;
+      let to = compose.to;
+      const { forceImplicitAddressing } = useSettingsStore.getState().settings;
+      const explicitAddressing =
+      state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
 
-    if (!preview) {
-      if (!validateSchedule(state, composeId)) {
-        toast.error(messages.scheduleError);
-        return;
+      if (!preview) {
+        if (!validateSchedule(state, composeId)) {
+          toast.error(messages.scheduleError);
+          return;
+        }
+
+        if ((!status || !status.length) && media.length === 0) {
+          return;
+        }
+
+        if (!force && needsDescriptions(state, composeId)) {
+          useModalsStore.getState().actions.openModal('MISSING_DESCRIPTION', {
+            onContinue: () => {
+              useModalsStore.getState().actions.closeModal('MISSING_DESCRIPTION');
+              dispatch(submitCompose(composeId, { force: true, onSuccess }));
+            },
+          });
+          return;
+        }
       }
 
-      if ((!status || !status.length) && media.length === 0) {
-        return;
+      // https://stackoverflow.com/a/30007882 for domain regex
+      const mentions: string[] | null = status.match(
+        /(?:^|\s)@([a-z\d_-]+(?:@(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]+)?)/gi,
+      );
+
+      if (mentions) {
+        to = [
+          ...new Set([
+            ...to,
+            ...mentions.map((mention) =>
+              mention
+                .replace(/&#x20;/g, '')
+                .trim()
+                .slice(1),
+            ),
+          ]),
+        ];
       }
 
-      if (!force && needsDescriptions(state, composeId)) {
-        useModalsStore.getState().actions.openModal('MISSING_DESCRIPTION', {
-          onContinue: () => {
-            useModalsStore.getState().actions.closeModal('MISSING_DESCRIPTION');
-            dispatch(submitCompose(composeId, { force: true, onSuccess }));
-          },
-        });
-        return;
+      if (!preview) {
+        dispatch(submitComposeRequest(composeId));
+
+        useModalsStore.getState().actions.closeModal('COMPOSE');
+
+        if (compose.language && !editedId && !preview) {
+          useSettingsStore.getState().actions.rememberLanguageUse(compose.language);
+          dispatch(saveSettings());
+        }
       }
-    }
 
-    // https://stackoverflow.com/a/30007882 for domain regex
-    const mentions: string[] | null = status.match(/(?:^|\s)@([a-z\d_-]+(?:@(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]+)?)/gi);
+      const idempotencyKey = compose.idempotencyKey;
+      const contentType = compose.contentType === 'wysiwyg' ? 'text/markdown' : compose.contentType;
 
-    if (mentions) {
-      to = [...new Set([...to, ...mentions.map(mention => mention.replace(/&#x20;/g, '').trim().slice(1))])];
-    }
-
-    if (!preview) {
-      dispatch(submitComposeRequest(composeId));
-
-      useModalsStore.getState().actions.closeModal('COMPOSE');
-
-      if (compose.language && !editedId && !preview) {
-        useSettingsStore.getState().actions.rememberLanguageUse(compose.language);
-        dispatch(saveSettings());
-      }
-    }
-
-    const idempotencyKey = compose.idempotencyKey;
-    const contentType = compose.contentType === 'wysiwyg' ? 'text/markdown' : compose.contentType;
-
-    const params: CreateStatusParams = {
-      status,
-      in_reply_to_id: compose.inReplyToId || undefined,
-      quote_id: compose.quoteId || undefined,
-      media_ids: media.map(item => item.id),
-      sensitive: compose.sensitive,
-      spoiler_text: compose.spoilerText,
-      visibility: compose.visibility,
-      content_type: contentType,
-      scheduled_at: preview ? undefined : compose.scheduledAt?.toISOString(),
-      language: compose.language || compose.suggestedLanguage || undefined,
-      to: explicitAddressing && to.length ? to : undefined,
-      local_only: compose.localOnly,
-      interaction_policy: ['public', 'unlisted', 'private'].includes(compose.visibility) && compose.interactionPolicy || undefined,
-      quote_approval_policy: compose.quoteApprovalPolicy || undefined,
-      location_id: compose.location?.origin_id || undefined,
-      preview,
-    };
-
-    if (compose.poll) {
-      params.poll = {
-        options: compose.poll.options,
-        expires_in: compose.poll.expires_in,
-        multiple: compose.poll.multiple,
-        hide_totals: compose.poll.hide_totals,
-        options_map: compose.poll.options_map,
+      const params: CreateStatusParams = {
+        status,
+        in_reply_to_id: compose.inReplyToId ?? undefined,
+        quote_id: compose.quoteId ?? undefined,
+        media_ids: media.map((item) => item.id),
+        sensitive: compose.sensitive,
+        spoiler_text: compose.spoilerText,
+        visibility: compose.visibility,
+        content_type: contentType,
+        scheduled_at: preview ? undefined : compose.scheduledAt?.toISOString(),
+        language: (compose.language ?? compose.suggestedLanguage) ?? undefined,
+        to: explicitAddressing && to.length ? to : undefined,
+        local_only: compose.localOnly,
+        interaction_policy:
+        (['public', 'unlisted', 'private'].includes(compose.visibility) &&
+          compose.interactionPolicy) ??
+        undefined,
+        quote_approval_policy: compose.quoteApprovalPolicy ?? undefined,
+        location_id: compose.location?.origin_id ?? undefined,
+        preview,
       };
-    }
 
-    if (compose.language && Object.keys(compose.textMap).length) {
-      params.status_map = compose.textMap;
-      params.status_map[compose.language] = status;
-
-      if (params.spoiler_text) {
-        params.spoiler_text_map = compose.spoilerTextMap;
-        params.spoiler_text_map[compose.language] = compose.spoilerText;
+      if (compose.poll) {
+        params.poll = {
+          options: compose.poll.options,
+          expires_in: compose.poll.expires_in,
+          multiple: compose.poll.multiple,
+          hide_totals: compose.poll.hide_totals,
+          options_map: compose.poll.options_map,
+        };
       }
 
-      const poll = params.poll;
-      if (poll?.options_map) {
-        poll.options.forEach((option, index: number) => poll.options_map![index][compose.language!] = option);
+      if (compose.language && Object.keys(compose.textMap).length) {
+        params.status_map = compose.textMap;
+        params.status_map[compose.language] = status;
+
+        if (params.spoiler_text) {
+          params.spoiler_text_map = compose.spoilerTextMap;
+          params.spoiler_text_map[compose.language] = compose.spoilerText;
+        }
+
+        const poll = params.poll;
+        if (poll?.options_map) {
+          poll.options.forEach(
+            (option, index: number) => (poll.options_map![index][compose.language!] = option),
+          );
+        }
       }
-    }
 
-    if (compose.visibility === 'group' && compose.groupId) {
-      params.group_id = compose.groupId;
-    }
+      if (compose.visibility === 'group' && compose.groupId) {
+        params.group_id = compose.groupId;
+      }
 
-    if (preview) {
-      getClient(state).statuses.previewStatus(params).then((data) => {
+      if (preview) {
+        const data = await getClient(state).statuses.previewStatus(params);
         dispatch(previewComposeSuccess(composeId, data));
         onSuccess?.();
-      }).catch(() => {});
-    } else {
-      if (compose.redacting) {
-      // @ts-ignore
-        params.overwrite = compose.redactingOverwrite;
-      }
+      } else {
+        if (compose.redacting) {
+        // @ts-ignore
+          params.overwrite = compose.redactingOverwrite;
+        }
 
-      return dispatch(createStatus(params, idempotencyKey, editedId, compose.redacting)).then((data) => {
-        handleComposeSubmit(dispatch, getState, composeId, data, status, !!editedId, compose.redacting);
-        onSuccess?.();
-      }).catch((error) => {
-        dispatch(submitComposeFail(composeId, error));
-      });
-    }
-  };
+        try {
+          const data = await dispatch(
+            createStatus(params, idempotencyKey, editedId, compose.redacting),
+          );
+          handleComposeSubmit(
+            dispatch,
+            getState,
+            composeId,
+            data,
+            status,
+            !!editedId,
+            compose.redacting,
+          );
+          onSuccess?.();
+        } catch (error) {
+          dispatch(submitComposeFail(composeId, error));
+        }
+      }
+    };
 
 const submitComposeRequest = (composeId: string) => ({
   type: COMPOSE_SUBMIT_REQUEST,
@@ -503,41 +604,49 @@ const cancelPreviewCompose = (composeId: string) => ({
   composeId,
 });
 
-const uploadCompose = (composeId: string, files: FileList, intl: IntlShape) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
-    const attachmentLimit = getState().instance.configuration.statuses.max_media_attachments;
+const uploadCompose =
+  (composeId: string, files: FileList, intl: IntlShape) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      if (!isLoggedIn(getState)) return;
+      const attachmentLimit = getState().instance.configuration.statuses.max_media_attachments;
 
-    const media = getState().compose[composeId]?.mediaAttachments;
-    const progress = new Array(files.length).fill(0);
-    let total = Array.from(files).reduce((a, v) => a + v.size, 0);
+      const media = getState().compose[composeId]?.mediaAttachments;
+      const progress = new Array(files.length).fill(0);
+      let total = Array.from(files).reduce((a, v) => a + v.size, 0);
 
-    const mediaCount = media ? media.length : 0;
+      const mediaCount = media ? media.length : 0;
 
-    if (files.length + mediaCount > attachmentLimit) {
-      toast.error(messages.uploadErrorLimit);
-      return;
-    }
+      if (files.length + mediaCount > attachmentLimit) {
+        toast.error(messages.uploadErrorLimit);
+        return;
+      }
 
-    dispatch(uploadComposeRequest(composeId));
+      dispatch(uploadComposeRequest(composeId));
 
-    Array.from(files).forEach(async (f, i) => {
-      if (mediaCount + i > attachmentLimit - 1) return;
+      Array.from(files).forEach((f, i) => {
+        if (mediaCount + i > attachmentLimit - 1) return;
 
-      dispatch(uploadFile(
-        f,
-        intl,
-        (data) => dispatch(uploadComposeSuccess(composeId, data)),
-        (error) => dispatch(uploadComposeFail(composeId, error)),
-        ({ loaded }) => {
-          progress[i] = loaded;
-          dispatch(uploadComposeProgress(composeId, progress.reduce((a, v) => a + v, 0), total));
-        },
-        (value) => total += value,
-      ));
-
-    });
-  };
+        dispatch(
+          uploadFile(
+            f,
+            intl,
+            (data) => dispatch(uploadComposeSuccess(composeId, data)),
+            (error) => dispatch(uploadComposeFail(composeId, error)),
+            ({ loaded }) => {
+              progress[i] = loaded;
+              dispatch(
+                uploadComposeProgress(
+                  composeId,
+                  progress.reduce((a, v) => a + v, 0),
+                  total,
+                ),
+              );
+            },
+            (value) => (total += value),
+          ),
+        );
+      });
+    };
 
 const uploadComposeRequest = (composeId: string) => ({
   type: COMPOSE_UPLOAD_REQUEST,
@@ -563,18 +672,21 @@ const uploadComposeFail = (composeId: string, error: unknown) => ({
   error,
 });
 
-const changeUploadCompose = (composeId: string, mediaId: string, params: UpdateMediaParams) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return Promise.resolve();
+const changeUploadCompose =
+  (composeId: string, mediaId: string, params: UpdateMediaParams) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      if (!isLoggedIn(getState)) return Promise.resolve();
 
-    dispatch(changeUploadComposeRequest(composeId));
+      dispatch(changeUploadComposeRequest(composeId));
 
-    return dispatch(updateMedia(mediaId, params)).then(response => {
-      dispatch(changeUploadComposeSuccess(composeId, response));
-    }).catch(error => {
-      dispatch(changeUploadComposeFail(composeId, mediaId, error));
-    });
-  };
+      return dispatch(updateMedia(mediaId, params))
+        .then((response) => {
+          dispatch(changeUploadComposeSuccess(composeId, response));
+        })
+        .catch((error) => {
+          dispatch(changeUploadComposeFail(composeId, mediaId, error));
+        });
+    };
 
 const changeUploadComposeRequest = (composeId: string) => ({
   type: COMPOSE_UPLOAD_CHANGE_REQUEST,
@@ -617,24 +729,30 @@ const clearComposeSuggestions = (composeId: string) => {
   };
 };
 
-const fetchComposeSuggestionsAccounts = throttle((dispatch, getState, composeId, token) => {
-  if (cancelFetchComposeSuggestions) {
-    cancelFetchComposeSuggestions.abort();
-    cancelFetchComposeSuggestions = new AbortController();
-  }
+const fetchComposeSuggestionsAccounts = throttle(
+  (dispatch, getState, composeId, token) => {
+    if (cancelFetchComposeSuggestions) {
+      cancelFetchComposeSuggestions.abort();
+      cancelFetchComposeSuggestions = new AbortController();
+    }
 
-  const signal = cancelFetchComposeSuggestions.signal;
+    const signal = cancelFetchComposeSuggestions.signal;
 
-  return getClient(getState).accounts.searchAccounts(token.slice(1), { resolve: false, limit: 10 }, { signal })
-    .then(response => {
-      dispatch(importEntities({ accounts: response }));
-      dispatch(readyComposeSuggestionsAccounts(composeId, token, response));
-    }).catch(error => {
-      if (!signal.aborted) {
-        toast.showAlertForError(error);
-      }
-    });
-}, 200, { leading: true, trailing: true });
+    return getClient(getState)
+      .accounts.searchAccounts(token.slice(1), { resolve: false, limit: 10 }, { signal })
+      .then((response) => {
+        dispatch(importEntities({ accounts: response }));
+        dispatch(readyComposeSuggestionsAccounts(composeId, token, response));
+      })
+      .catch((error) => {
+        if (!signal.aborted) {
+          toast.showAlertForError(error);
+        }
+      });
+  },
+  200,
+  { leading: true, trailing: true },
+);
 
 const fetchComposeSuggestionsEmojis = (dispatch: AppDispatch, composeId: string, token: string) => {
   const customEmojis = queryClient.getQueryData<Array<CustomEmoji>>(['instance', 'customEmojis']);
@@ -643,7 +761,12 @@ const fetchComposeSuggestionsEmojis = (dispatch: AppDispatch, composeId: string,
   dispatch(readyComposeSuggestionsEmojis(composeId, token, results));
 };
 
-const fetchComposeSuggestionsTags = (dispatch: AppDispatch, getState: () => RootState, composeId: string, token: string) => {
+const fetchComposeSuggestionsTags = (
+  dispatch: AppDispatch,
+  getState: () => RootState,
+  composeId: string,
+  token: string,
+) => {
   const signal = cancelFetchComposeSuggestions.signal;
 
   if (cancelFetchComposeSuggestions) {
@@ -656,22 +779,25 @@ const fetchComposeSuggestionsTags = (dispatch: AppDispatch, getState: () => Root
   const { trends } = state.auth.client.features;
 
   if (trends) {
-    const currentTrends = queryClient.getQueryData<Array<Tag>>(['trends', 'tags']) || [];
+    const currentTrends = queryClient.getQueryData<Array<Tag>>(['trends', 'tags']) ?? [];
 
     return dispatch(updateSuggestionTags(composeId, token, currentTrends));
   }
 
-  return getClient(state).search.search(token.slice(1), { limit: 10, type: 'hashtags' }, { signal }).then(response => {
-    dispatch(updateSuggestionTags(composeId, token, response.hashtags));
-  }).catch(error => {
-    if (!signal.aborted) {
-      toast.showAlertForError(error);
-    }
-  });
+  return getClient(state)
+    .search.search(token.slice(1), { limit: 10, type: 'hashtags' }, { signal })
+    .then((response) => {
+      dispatch(updateSuggestionTags(composeId, token, response.hashtags));
+    })
+    .catch((error) => {
+      if (!signal.aborted) {
+        toast.showAlertForError(error);
+      }
+    });
 };
 
-const fetchComposeSuggestions = (composeId: string, token: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const fetchComposeSuggestions =
+  (composeId: string, token: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     switch (token[0]) {
       case ':':
         fetchComposeSuggestionsEmojis(dispatch, composeId, token);
@@ -700,7 +826,11 @@ const readyComposeSuggestionsEmojis = (composeId: string, token: string, emojis:
   emojis,
 });
 
-const readyComposeSuggestionsAccounts = (composeId: string, token: string, accounts: Account[]) => ({
+const readyComposeSuggestionsAccounts = (
+  composeId: string,
+  token: string,
+  accounts: Account[],
+) => ({
   type: COMPOSE_SUGGESTIONS_READY,
   composeId,
   token,
@@ -716,33 +846,41 @@ interface ComposeSuggestionSelectAction {
   path: ['spoiler_text'] | ['poll', 'options', number];
 }
 
-const selectComposeSuggestion = (composeId: string, position: number, token: string | null, suggestion: AutoSuggestion, path: ComposeSuggestionSelectAction['path']) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    let completion = '', startPosition = position;
+const selectComposeSuggestion =
+  (
+    composeId: string,
+    position: number,
+    token: string | null,
+    suggestion: AutoSuggestion,
+    path: ComposeSuggestionSelectAction['path'],
+  ) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      let completion = '',
+        startPosition = position;
 
-    if (typeof suggestion === 'object' && 'id' in suggestion) {
-      completion = isNativeEmoji(suggestion) ? suggestion.native : suggestion.colons;
-      startPosition = position - 1;
+      if (typeof suggestion === 'object' && 'id' in suggestion) {
+        completion = isNativeEmoji(suggestion) ? suggestion.native : suggestion.colons;
+        startPosition = position - 1;
 
-      useSettingsStore.getState().actions.rememberEmojiUse(suggestion);
-      dispatch(saveSettings());
-    } else if (typeof suggestion === 'string' && suggestion[0] === '#') {
-      completion = suggestion;
-      startPosition = position - 1;
-    } else if (typeof suggestion === 'string') {
-      completion = selectAccount(getState(), suggestion)!.acct;
-      startPosition = position;
-    }
+        useSettingsStore.getState().actions.rememberEmojiUse(suggestion);
+        dispatch(saveSettings());
+      } else if (typeof suggestion === 'string' && suggestion[0] === '#') {
+        completion = suggestion;
+        startPosition = position - 1;
+      } else if (typeof suggestion === 'string') {
+        completion = selectAccount(getState(), suggestion)!.acct;
+        startPosition = position;
+      }
 
-    dispatch<ComposeSuggestionSelectAction>({
-      type: COMPOSE_SUGGESTION_SELECT,
-      composeId,
-      position: startPosition,
-      token,
-      completion,
-      path,
-    });
-  };
+      dispatch<ComposeSuggestionSelectAction>({
+        type: COMPOSE_SUGGESTION_SELECT,
+        composeId,
+        position: startPosition,
+        token,
+        completion,
+        path,
+      });
+    };
 
 const updateSuggestionTags = (composeId: string, token: string, tags: Array<Tag>) => ({
   type: COMPOSE_SUGGESTION_TAGS_UPDATE,
@@ -850,12 +988,13 @@ const changePollSettings = (composeId: string, expiresIn?: number, isMultiple?:
   isMultiple,
 });
 
-const openComposeWithText = (composeId: string, text = '') =>
-  (dispatch: AppDispatch) => {
-    dispatch(resetCompose(composeId));
-    useModalsStore.getState().actions.openModal('COMPOSE');
-    dispatch(changeCompose(composeId, text));
-  };
+const openComposeWithText =
+  (composeId: string, text = '') =>
+    (dispatch: AppDispatch) => {
+      dispatch(resetCompose(composeId));
+      useModalsStore.getState().actions.openModal('COMPOSE');
+      dispatch(changeCompose(composeId, text));
+    };
 
 interface ComposeAddToMentionsAction {
   type: typeof COMPOSE_ADD_TO_MENTIONS;
@@ -863,8 +1002,8 @@ interface ComposeAddToMentionsAction {
   account: string;
 }
 
-const addToMentions = (composeId: string, accountId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const addToMentions =
+  (composeId: string, accountId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const account = selectAccount(state, accountId);
     if (!account) return;
@@ -882,8 +1021,8 @@ interface ComposeRemoveFromMentionsAction {
   account: string;
 }
 
-const removeFromMentions = (composeId: string, accountId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const removeFromMentions =
+  (composeId: string, accountId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const account = selectAccount(state, accountId);
     if (!account) return;
@@ -903,22 +1042,28 @@ interface ComposeEventReplyAction {
   explicitAddressing: boolean;
 }
 
-const eventDiscussionCompose = (composeId: string, status: ComposeEventReplyAction['status']) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const { forceImplicitAddressing } = useSettingsStore.getState().settings;
-    const explicitAddressing = state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
+const eventDiscussionCompose =
+  (composeId: string, status: ComposeEventReplyAction['status']) =>
+    (dispatch: AppDispatch, getState: () => RootState) => {
+      const state = getState();
+      const { forceImplicitAddressing } = useSettingsStore.getState().settings;
+      const explicitAddressing =
+      state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
 
-    return dispatch({
-      type: COMPOSE_EVENT_REPLY,
-      composeId,
-      status,
-      account: selectOwnAccount(state),
-      explicitAddressing,
-    });
-  };
+      return dispatch({
+        type: COMPOSE_EVENT_REPLY,
+        composeId,
+        status,
+        account: selectOwnAccount(state),
+        explicitAddressing,
+      });
+    };
 
-const setEditorState = (composeId: string, editorState: EditorState | string | null, text?: string) => ({
+const setEditorState = (
+  composeId: string,
+  editorState: EditorState | string | null,
+  text?: string,
+) => ({
   type: COMPOSE_EDITOR_STATE_SET,
   composeId,
   editorState,
@@ -949,7 +1094,13 @@ const changeComposeFederated = (composeId: string) => ({
   composeId,
 });
 
-const changeComposeInteractionPolicyOption = (composeId: string, policy: Policy, rule: Rule, value: Scope[], initial: InteractionPolicy) => ({
+const changeComposeInteractionPolicyOption = (
+  composeId: string,
+  policy: Policy,
+  rule: Rule,
+  value: Scope[],
+  initial: InteractionPolicy,
+) => ({
   type: COMPOSE_INTERACTION_POLICY_OPTION_CHANGE,
   composeId,
   policy,
@@ -958,7 +1109,10 @@ const changeComposeInteractionPolicyOption = (composeId: string, policy: Policy,
   initial,
 });
 
-const changeComposeQuotePolicyOption = (composeId: string, value: CreateStatusParams['quote_approval_policy']) => ({
+const changeComposeQuotePolicyOption = (
+  composeId: string,
+  value: CreateStatusParams['quote_approval_policy'],
+) => ({
   type: COMPOSE_QUOTE_POLICY_OPTION_CHANGE,
   composeId,
   value,
@@ -1006,7 +1160,7 @@ const setComposeShowLocationPicker = (composeId: string, showLocation: boolean)
 });
 
 type ComposeAction =
-  ComposeSetStatusAction
+  | ComposeSetStatusAction
   | ReturnType<typeof changeCompose>
   | ComposeReplyAction
   | ReturnType<typeof cancelReplyCompose>
diff --git a/packages/pl-fe/src/actions/consumer-auth.ts b/packages/pl-fe/src/actions/consumer-auth.ts
index 228a17326..226035eba 100644
--- a/packages/pl-fe/src/actions/consumer-auth.ts
+++ b/packages/pl-fe/src/actions/consumer-auth.ts
@@ -10,7 +10,7 @@ import { createApp } from './apps';
 import type { AppDispatch, RootState } from '@/store';
 
 const createProviderApp = () =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const scopes = getScopes(getState(), undefined, true);
 
     const params = {
diff --git a/packages/pl-fe/src/actions/conversations.ts b/packages/pl-fe/src/actions/conversations.ts
index e0ba97a4c..7fe537784 100644
--- a/packages/pl-fe/src/actions/conversations.ts
+++ b/packages/pl-fe/src/actions/conversations.ts
@@ -47,7 +47,7 @@ const expandConversations = (expand = true) => (dispatch: AppDispatch, getState:
 
   dispatch(expandConversationsRequest());
 
-  return (state.conversations.next?.() || getClient(state).timelines.getConversations())
+  return (state.conversations.next?.() ?? getClient(state).timelines.getConversations())
     .then(response => {
       dispatch(importEntities({
         accounts: response.items.reduce((aggr: Array<Account>, item) => aggr.concat(item.accounts), []),
diff --git a/packages/pl-fe/src/actions/emoji-reacts.ts b/packages/pl-fe/src/actions/emoji-reacts.ts
index 075c20fac..7320460ab 100644
--- a/packages/pl-fe/src/actions/emoji-reacts.ts
+++ b/packages/pl-fe/src/actions/emoji-reacts.ts
@@ -20,7 +20,9 @@ const messages = defineMessages({
   unsupported: { id: 'emoji_reactions.unsupported_by_remote', defaultMessage: '@{acct}’s instance most likely doesn’t understand emoji reactions. The user will not get notified of the reaction.' },
 });
 
-const noOp = () => () => new Promise(f => f(undefined));
+const noOp = () => () => new Promise(f =>{
+  f(undefined);
+});
 
 const emojiReact = (statusId: string, emoji: string, custom: string | undefined = undefined, intl: IntlShape) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
@@ -34,7 +36,7 @@ const emojiReact = (statusId: string, emoji: string, custom: string | undefined
       const checkEmojiReactsSupport = !response.account.local && useSettingsStore.getState().settings.checkEmojiReactsSupport;
 
       if (checkEmojiReactsSupport) {
-        supportsEmojiReacts(response.account.ap_id || response.account.url).then((result) => {
+        supportsEmojiReacts(response.account.ap_id ?? response.account.url).then((result) => {
           if (result === 'false') {
             toast.info(intl.formatMessage(messages.unsupported, { acct: response.account.acct }));
           }
diff --git a/packages/pl-fe/src/actions/events.ts b/packages/pl-fe/src/actions/events.ts
index c19690245..4c5560c74 100644
--- a/packages/pl-fe/src/actions/events.ts
+++ b/packages/pl-fe/src/actions/events.ts
@@ -66,25 +66,25 @@ const submitEvent = ({
     if (banner) params.banner_id = banner.id;
     if (location) params.location_id = location.origin_id;
 
-    return (
+    const data = await (
       statusId === null
         ? getClient(state).events.createEvent(params)
         : getClient(state).events.editEvent(statusId, params)
-    ).then((data) => {
-      dispatch(importEntities({ statuses: [data] }));
-      toast.success(
-        statusId ? messages.editSuccess : messages.success,
-        {
-          actionLabel: messages.view,
-          actionLinkOptions: {
-            to: '/@{$username}/events/$statusId',
-            params: { username: data.account.acct, statusId: data.id },
-          },
-        },
-      );
+    );
 
-      return data;
-    });
+    dispatch(importEntities({ statuses: [data] }));
+    toast.success(
+      statusId ? messages.editSuccess : messages.success,
+      {
+        actionLabel: messages.view,
+        actionLinkOptions: {
+          to: '/@{$username}/events/$statusId',
+          params: { username: data.account.acct, statusId: data.id },
+        },
+      },
+    );
+
+    return data;
   };
 
 interface JoinEventRequest {
diff --git a/packages/pl-fe/src/actions/export-data.ts b/packages/pl-fe/src/actions/export-data.ts
index a14e5778f..486ef47ec 100644
--- a/packages/pl-fe/src/actions/export-data.ts
+++ b/packages/pl-fe/src/actions/export-data.ts
@@ -39,34 +39,30 @@ const exportFollows = () => async (_dispatch: AppDispatch, getState: () => RootS
   const me = getState().me;
   if (!me) return;
 
-  return getClient(getState()).accounts.getAccountFollowing(me, { limit: 40 })
-    .then(listAccounts)
-    .then((followings) => {
-      followings = followings.map(fqn => fqn + ',true');
-      followings.unshift('Account address,Show boosts');
-      fileExport(followings.join('\n'), 'export_followings.csv');
+  const response = await getClient(getState()).accounts.getAccountFollowing(me, { limit: 40 });
+  const followings = await listAccounts(response);
+  const followingsCsv = followings.map(fqn => fqn + ',true');
+  followingsCsv.unshift('Account address,Show boosts');
+  fileExport(followingsCsv.join('\n'), 'export_followings.csv');
 
-      toast.success(messages.followersSuccess);
-    });
+  toast.success(messages.followersSuccess);
 };
 
-const exportBlocks = () => (_dispatch: AppDispatch, getState: () => RootState) =>
-  getClient(getState()).filtering.getBlocks({ limit: 40 })
-    .then(listAccounts)
-    .then((blocks) => {
-      fileExport(blocks.join('\n'), 'export_block.csv');
+const exportBlocks = () => async (_dispatch: AppDispatch, getState: () => RootState) => {
+  const response = await getClient(getState()).filtering.getBlocks({ limit: 40 });
+  const blocks = await listAccounts(response);
+  fileExport(blocks.join('\n'), 'export_block.csv');
 
-      toast.success(messages.blocksSuccess);
-    });
+  toast.success(messages.blocksSuccess);
+};
 
-const exportMutes = () => (_dispatch: AppDispatch, getState: () => RootState) =>
-  getClient(getState()).filtering.getMutes({ limit: 40 })
-    .then(listAccounts)
-    .then((mutes) => {
-      fileExport(mutes.join('\n'), 'export_mutes.csv');
+const exportMutes = () => async (_dispatch: AppDispatch, getState: () => RootState) => {
+  const response = await getClient(getState()).filtering.getMutes({ limit: 40 });
+  const mutes = await listAccounts(response);
+  fileExport(mutes.join('\n'), 'export_mutes.csv');
 
-      toast.success(messages.mutesSuccess);
-    });
+  toast.success(messages.mutesSuccess);
+};
 
 export {
   exportFollows,
diff --git a/packages/pl-fe/src/actions/external-auth.ts b/packages/pl-fe/src/actions/external-auth.ts
index f800d388f..8e9769873 100644
--- a/packages/pl-fe/src/actions/external-auth.ts
+++ b/packages/pl-fe/src/actions/external-auth.ts
@@ -50,7 +50,7 @@ const externalAuthorize = (instance: Instance, baseURL: string) => {
 
     const query = new URLSearchParams({
       client_id,
-      redirect_uri: redirect_uri || app.redirect_uris[0]!,
+      redirect_uri: redirect_uri ?? app.redirect_uris[0],
       response_type: 'code',
       scope: scopes,
     });
diff --git a/packages/pl-fe/src/actions/frontend-config.ts b/packages/pl-fe/src/actions/frontend-config.ts
index cbad4965b..73b4833ba 100644
--- a/packages/pl-fe/src/actions/frontend-config.ts
+++ b/packages/pl-fe/src/actions/frontend-config.ts
@@ -78,9 +78,7 @@ const fetchPlFeJson = (host: string | null) =>
     });
 
 const importFrontendConfig = (frontendConfig: APIEntity, host: string | null) => {
-  if (!frontendConfig.brandColor) {
-    frontendConfig.brandColor = '#d80482';
-  }
+  frontendConfig.brandColor ??= '#d80482';
 
   useSettingsStore.getState().actions.loadDefaultSettings(frontendConfig?.defaultSettings);
 
diff --git a/packages/pl-fe/src/actions/instance.ts b/packages/pl-fe/src/actions/instance.ts
index 02719ce12..681403044 100644
--- a/packages/pl-fe/src/actions/instance.ts
+++ b/packages/pl-fe/src/actions/instance.ts
@@ -11,7 +11,7 @@ const STANDALONE_CHECK_SUCCESS = 'STANDALONE_CHECK_SUCCESS' as const;
 
 /** Figure out the appropriate instance to fetch depending on the state */
 const getHost = (state: RootState) => {
-  const accountUrl = getMeUrl(state) || getAuthUserUrl(state) as string;
+  const accountUrl = getMeUrl(state) ?? getAuthUserUrl(state) as string;
 
   try {
     return new URL(accountUrl).host;
diff --git a/packages/pl-fe/src/actions/me.ts b/packages/pl-fe/src/actions/me.ts
index 6a75c3947..3b435aef4 100644
--- a/packages/pl-fe/src/actions/me.ts
+++ b/packages/pl-fe/src/actions/me.ts
@@ -19,20 +19,22 @@ const ME_FETCH_SKIP = 'ME_FETCH_SKIP' as const;
 
 const ME_PATCH_SUCCESS = 'ME_PATCH_SUCCESS' as const;
 
-const noOp = () => new Promise(f => f(undefined));
+const noOp = () => new Promise(f =>{
+  f(undefined);
+});
 
-const getMeId = (state: RootState) => state.me || getAuthUserId(state);
+const getMeId = (state: RootState) => state.me ?? getAuthUserId(state);
 
 const getMeUrl = (state: RootState) => {
   const accountId = getMeId(state);
   if (accountId) {
-    return selectAccount(state, accountId)?.url || getAuthUserUrl(state);
+    return selectAccount(state, accountId)?.url ?? getAuthUserUrl(state);
   }
 };
 
 const getMeToken = (state: RootState) => {
   // Fallback for upgrading IDs to URLs
-  const accountUrl = getMeUrl(state) || state.auth.me;
+  const accountUrl = getMeUrl(state) ?? state.auth.me;
   return state.auth.users[accountUrl!]?.access_token;
 };
 
@@ -60,18 +62,14 @@ const persistAuthAccount = (account: CredentialAccount, params: Record<string, a
   if (account && account.url) {
     const key = `authAccount:${account.url}`;
     KVStore.getItem(key).then((oldAccount: any) => {
-      const settings = oldAccount?.settings_store || {};
-      if (!account.settings_store) {
-        account.settings_store = settings;
-      }
+      const settings = oldAccount?.settings_store ?? {};
+      account.settings_store ??= settings;
       KVStore.setItem(key, account);
     })
       .catch(console.error);
   }
   if (account && account.url) {
-    if (!account.settings_store) {
-      account.settings_store = params.pleroma_settings_store || {};
-    }
+    account.settings_store ??= params.pleroma_settings_store ?? {};
     KVStore.setItem(`authAccount:${account.url}`, account).catch(console.error);
   }
 };
diff --git a/packages/pl-fe/src/actions/media.ts b/packages/pl-fe/src/actions/media.ts
index cee85992d..e9b2d4f8d 100644
--- a/packages/pl-fe/src/actions/media.ts
+++ b/packages/pl-fe/src/actions/media.ts
@@ -86,15 +86,21 @@ const uploadFile = (
               if (data.url) {
                 onSuccess(data);
               } else if (data.url === null) {
-                setTimeout(() => poll(), 1000);
+                setTimeout(() =>{
+                  poll();
+                }, 1000);
               }
-            }).catch(error => onFail(error));
+            }).catch(error =>{
+              onFail(error);
+            });
           };
 
           poll();
         }
       });
-  }).catch(error => onFail(error));
+  }).catch(error =>{
+    onFail(error);
+  });
 };
 
 export {
diff --git a/packages/pl-fe/src/actions/moderation.tsx b/packages/pl-fe/src/actions/moderation.tsx
index 97ffc8504..6419f1043 100644
--- a/packages/pl-fe/src/actions/moderation.tsx
+++ b/packages/pl-fe/src/actions/moderation.tsx
@@ -110,15 +110,15 @@ const deleteUserModal = (intl: IntlShape, accountId: string, afterConfirm = () =
 const toggleStatusSensitivityModal = (intl: IntlShape, statusId: string, sensitive: boolean, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
-    const acct = state.statuses[statusId]!.account.acct;
+    const acct = state.statuses[statusId].account.acct;
 
     useModalsStore.getState().actions.openModal('CONFIRM', {
-      heading: intl.formatMessage(sensitive === false ? messages.markStatusSensitiveHeading : messages.markStatusNotSensitiveHeading),
-      message: intl.formatMessage(sensitive === false ? messages.markStatusSensitivePrompt : messages.markStatusNotSensitivePrompt, { acct }),
-      confirm: intl.formatMessage(sensitive === false ? messages.markStatusSensitiveConfirm : messages.markStatusNotSensitiveConfirm),
+      heading: intl.formatMessage(!sensitive ? messages.markStatusSensitiveHeading : messages.markStatusNotSensitiveHeading),
+      message: intl.formatMessage(!sensitive ? messages.markStatusSensitivePrompt : messages.markStatusNotSensitivePrompt, { acct }),
+      confirm: intl.formatMessage(!sensitive ? messages.markStatusSensitiveConfirm : messages.markStatusNotSensitiveConfirm),
       onConfirm: () => {
         dispatch(toggleStatusSensitivity(statusId, sensitive)).then(() => {
-          const message = intl.formatMessage(sensitive === false ? messages.statusMarkedSensitive : messages.statusMarkedNotSensitive, { acct });
+          const message = intl.formatMessage(!sensitive ? messages.statusMarkedSensitive : messages.statusMarkedNotSensitive, { acct });
           toast.success(message);
         }).catch(() => {});
         afterConfirm();
@@ -129,7 +129,7 @@ const toggleStatusSensitivityModal = (intl: IntlShape, statusId: string, sensiti
 const deleteStatusModal = (intl: IntlShape, statusId: string, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
-    const acct = state.statuses[statusId]!.account.acct;
+    const acct = state.statuses[statusId].account.acct;
 
     useModalsStore.getState().actions.openModal('CONFIRM', {
       heading: intl.formatMessage(messages.deleteStatusHeading),
diff --git a/packages/pl-fe/src/actions/notifications.ts b/packages/pl-fe/src/actions/notifications.ts
index d494c4de1..ce397174a 100644
--- a/packages/pl-fe/src/actions/notifications.ts
+++ b/packages/pl-fe/src/actions/notifications.ts
@@ -66,7 +66,7 @@ interface NotificationsUpdateAction {
 const updateNotifications = (notification: BaseNotification) =>
   (dispatch: AppDispatch) => {
     const selectedFilter = useSettingsStore.getState().settings.notifications.quickFilter.active;
-    const showInColumn = selectedFilter === 'all' ? true : (FILTER_TYPES[selectedFilter as FilterType] || [notification.type]).includes(notification.type);
+    const showInColumn = selectedFilter === 'all' ? true : (FILTER_TYPES[selectedFilter as FilterType] ?? [notification.type]).includes(notification.type);
 
     dispatch(importEntities({
       accounts: [notification.account, notification.type === 'move' ? notification.target : undefined],
@@ -148,12 +148,14 @@ const updateNotificationsQueue = (notification: BaseNotification, intlMessages:
 
 const excludeTypesFromFilter = (filters: string[]) => NOTIFICATION_TYPES.filter(item => !filters.includes(item));
 
-const noOp = () => new Promise(f => f(undefined));
+const noOp = () => new Promise(f =>{
+  f(undefined);
+});
 
 let abortExpandNotifications = new AbortController();
 
 const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => any = noOp, abort?: boolean) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+  async (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return dispatch(noOp);
     const state = getState();
 
@@ -192,7 +194,9 @@ const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => an
 
     dispatch(expandNotificationsRequest());
 
-    return getClient(state).groupedNotifications.getGroupedNotifications(params, { signal: abortExpandNotifications.signal }).then(({ items: { accounts, statuses, notification_groups }, next }) => {
+    try {
+      const { items: { accounts, statuses, notification_groups }, next } = await getClient(state).groupedNotifications.getGroupedNotifications(params, { signal: abortExpandNotifications.signal });
+
       dispatch(importEntities({
         accounts,
         statuses,
@@ -201,10 +205,10 @@ const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => an
       dispatch(expandNotificationsSuccess(notification_groups, next));
       fetchRelatedRelationships(dispatch, notification_groups);
       done();
-    }).catch(error => {
+    } catch (error) {
       dispatch(expandNotificationsFail(error));
       done();
-    });
+    }
   };
 
 const expandNotificationsRequest = () => ({ type: NOTIFICATIONS_EXPAND_REQUEST });
diff --git a/packages/pl-fe/src/actions/oauth.ts b/packages/pl-fe/src/actions/oauth.ts
index 13e85d0a6..39a16db07 100644
--- a/packages/pl-fe/src/actions/oauth.ts
+++ b/packages/pl-fe/src/actions/oauth.ts
@@ -14,7 +14,7 @@ import { getBaseURL } from '@/utils/state';
 import type { AppDispatch, RootState } from '@/store';
 
 const obtainOAuthToken = async (params: GetTokenParams, baseURL?: string) =>{
-  const client = new PlApiClient(baseURL || BuildConfig.BACKEND_URL || '');
+  const client = new PlApiClient((baseURL ?? BuildConfig.BACKEND_URL) || '');
   await client.instance.getInstance();
 
   return client.oauth.getToken(params);
diff --git a/packages/pl-fe/src/actions/preload.ts b/packages/pl-fe/src/actions/preload.ts
index 353294295..9ba21fdfd 100644
--- a/packages/pl-fe/src/actions/preload.ts
+++ b/packages/pl-fe/src/actions/preload.ts
@@ -25,7 +25,7 @@ const pleromaDecoder = (json: string) => decodePleromaData(JSON.parse(json));
 // Should be called inside a try-catch.
 const decodeFromMarkup = (elementId: string, decoder: (json: string) => Record<string, any>) => {
   const { textContent } = document.getElementById(elementId)!;
-  return decoder(textContent as string);
+  return decoder(textContent);
 };
 
 const preloadFromMarkup = (elementId: string, decoder: (json: string) => Record<string, any>, action: (data: Record<string, any>) => any) =>
diff --git a/packages/pl-fe/src/actions/push-notifications/registerer.ts b/packages/pl-fe/src/actions/push-notifications/registerer.ts
index 1b4016a75..fc741bbc0 100644
--- a/packages/pl-fe/src/actions/push-notifications/registerer.ts
+++ b/packages/pl-fe/src/actions/push-notifications/registerer.ts
@@ -40,7 +40,9 @@ const unsubscribe = ({ registration, subscription }: {
   registration: ServiceWorkerRegistration;
   subscription: PushSubscription | null;
 }) =>
-  subscription ? subscription.unsubscribe().then(() => registration) : new Promise<ServiceWorkerRegistration>(r => r(registration));
+  subscription ? subscription.unsubscribe().then(() => registration) : new Promise<ServiceWorkerRegistration>(r =>{
+    r(registration);
+  });
 
 const sendSubscriptionToBackend = (subscription: PushSubscription, me: Me) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
@@ -80,7 +82,6 @@ const register = () =>
 
     getRegistration()
       .then(getPushSubscription)
-      // @ts-ignore
       .then(async ({ registration, subscription }) => {
         if (subscription !== null) {
           // We have a subscription, check if it is still valid
@@ -94,9 +95,9 @@ const register = () =>
             return subscription;
           } else {
             // Something went wrong, try to subscribe again
-            return unsubscribe({ registration, subscription })
-              .then((registration) => subscribe(registration, getState))
-              .then((pushSubscription) => dispatch(sendSubscriptionToBackend(pushSubscription, me)));
+            const swRegistration = await unsubscribe({ registration, subscription });
+            const pushSubscription = await subscribe(swRegistration, getState);
+            await dispatch(sendSubscriptionToBackend(pushSubscription, me));
           }
         }
 
diff --git a/packages/pl-fe/src/actions/remote-timeline.ts b/packages/pl-fe/src/actions/remote-timeline.ts
index 86c968622..8d32eba48 100644
--- a/packages/pl-fe/src/actions/remote-timeline.ts
+++ b/packages/pl-fe/src/actions/remote-timeline.ts
@@ -13,7 +13,7 @@ const pinHost = (host: string) =>
     const state = getState();
     const pinnedHosts = getPinnedHosts(state);
 
-    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], [...pinnedHosts, host]));
+    dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], [...pinnedHosts, host]));
   };
 
 const unpinHost = (host: string) =>
@@ -21,7 +21,7 @@ const unpinHost = (host: string) =>
     const state = getState();
     const pinnedHosts = getPinnedHosts(state);
 
-    return dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.filter(value => value !== host)));
+    dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.filter(value => value !== host)));
   };
 
 export {
diff --git a/packages/pl-fe/src/actions/reports.ts b/packages/pl-fe/src/actions/reports.ts
index 01e176ed1..07029b93a 100644
--- a/packages/pl-fe/src/actions/reports.ts
+++ b/packages/pl-fe/src/actions/reports.ts
@@ -17,9 +17,9 @@ type ReportedEntity = {
 }
 
 const initReport = (entityType: ReportableEntities, account: Pick<Account, 'id'>, entities?: ReportedEntity) => (dispatch: AppDispatch) => {
-  const { status, statusId } = entities || {};
+  const { status, statusId } = entities ?? {};
 
-  return useModalsStore.getState().actions.openModal('REPORT', {
+  useModalsStore.getState().actions.openModal('REPORT', {
     accountId: account.id,
     entityType,
     statusIds: [status?.id, statusId].filter((id): id is string => !!id),
diff --git a/packages/pl-fe/src/actions/settings.ts b/packages/pl-fe/src/actions/settings.ts
index 40fbfb579..aa1339dfd 100644
--- a/packages/pl-fe/src/actions/settings.ts
+++ b/packages/pl-fe/src/actions/settings.ts
@@ -56,7 +56,7 @@ const updateAuthAccount = async (url: string, settings: any) => {
   const oldAccount: any = await KVStore.getItem(key);
   try {
     if (!oldAccount) return;
-    if (!oldAccount.settings_store) oldAccount.settings_store = {};
+    oldAccount.settings_store ??= {};
     oldAccount.settings_store[FE_NAME] = settings;
     await KVStore.setItem(key, oldAccount);
   } catch (error) {
diff --git a/packages/pl-fe/src/actions/statuses.ts b/packages/pl-fe/src/actions/statuses.ts
index 845bfccee..8a7d79269 100644
--- a/packages/pl-fe/src/actions/statuses.ts
+++ b/packages/pl-fe/src/actions/statuses.ts
@@ -90,7 +90,7 @@ const createStatus = (params: CreateStatusParams, idempotencyKey: string, edited
 const editStatus = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
   const state = getState();
 
-  const status = state.statuses[statusId]!;
+  const status = state.statuses[statusId];
   const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
 
   dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_REQUEST });
@@ -122,7 +122,7 @@ const deleteStatus = (statusId: string, groupId?: string, withRedraft = false) =
 
     const state = getState();
 
-    const status = state.statuses[statusId]!;
+    const status = state.statuses[statusId];
     const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
 
     dispatch<StatusesAction>({ type: STATUS_DELETE_REQUEST, params: status });
@@ -136,7 +136,7 @@ const deleteStatus = (statusId: string, groupId?: string, withRedraft = false) =
       dispatch(deleteFromTimelines(statusId));
 
       if (withRedraft) {
-        dispatch(setComposeToStatus(status, poll, response.text || '', response.spoiler_text, (response as StatusSource).content_type, withRedraft));
+        dispatch(setComposeToStatus(status, poll, response.text ?? '', response.spoiler_text, (response as StatusSource).content_type, withRedraft));
         useModalsStore.getState().actions.openModal('COMPOSE');
       }
     })
@@ -145,8 +145,9 @@ const deleteStatus = (statusId: string, groupId?: string, withRedraft = false) =
       });
   };
 
-const updateStatus = (status: BaseStatus) => (dispatch: AppDispatch) =>
+const updateStatus = (status: BaseStatus) => (dispatch: AppDispatch) =>{
   dispatch(importEntities({ statuses: [status] }));
+};
 
 const fetchContext = (statusId: string, intl?: IntlShape) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
@@ -168,7 +169,7 @@ const fetchContext = (statusId: string, intl?: IntlShape) =>
   };
 
 const fetchStatusWithContext = (statusId: string, intl?: IntlShape) =>
-  async (dispatch: AppDispatch) => Promise.all([
+  (dispatch: AppDispatch) => Promise.all([
     dispatch(fetchContext(statusId, intl)),
     dispatch(fetchStatus(statusId, intl)),
   ]);
diff --git a/packages/pl-fe/src/actions/timelines.ts b/packages/pl-fe/src/actions/timelines.ts
index e30b03ec4..271a7aba7 100644
--- a/packages/pl-fe/src/actions/timelines.ts
+++ b/packages/pl-fe/src/actions/timelines.ts
@@ -45,7 +45,7 @@ const processTimelineUpdate = (timeline: string, status: BaseStatus) =>
     const shouldSkipQueue = shouldFilter({
       in_reply_to_id: status.in_reply_to_id,
       visibility: status.visibility,
-      reblog_id: status.reblog?.id || null,
+      reblog_id: status.reblog?.id ?? null,
     }, columnSettings);
 
     if (ownStatus && hasPendingStatuses) {
@@ -100,14 +100,12 @@ const dequeueTimeline = (timelineId: string, expandFunc?: (lastStatusId: string)
       dispatch(clearTimeline(timelineId));
       // @ts-ignore
       expandFunc();
-    } else {
-      if (timelineId === 'home') {
-        dispatch(clearTimeline(timelineId));
-        dispatch(fetchHomeTimeline());
-      } else if (timelineId === 'public:local') {
-        dispatch(clearTimeline(timelineId));
-        dispatch(fetchPublicTimeline({ local: true }));
-      }
+    } else if (timelineId === 'home') {
+      dispatch(clearTimeline(timelineId));
+      dispatch(fetchHomeTimeline());
+    } else if (timelineId === 'public:local') {
+      dispatch(clearTimeline(timelineId));
+      dispatch(fetchPublicTimeline({ local: true }));
     }
   };
 
@@ -121,11 +119,11 @@ interface TimelineDeleteAction {
 
 const deleteFromTimelines = (statusId: string) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
-    const accountId = getState().statuses[statusId]?.account?.id!;
+    const accountId = getState().statuses[statusId]?.account?.id;
     const references: Array<[string, string]> = Object.entries(getState().statuses)
       .filter(([key, status]) => [key, status.reblog_id === statusId])
       .map(([key, status]) => [key, status.account_id]);
-    const reblogOf = getState().statuses[statusId]?.reblog_id || null;
+    const reblogOf = getState().statuses[statusId]?.reblog_id ?? null;
 
     dispatch<TimelineDeleteAction>({
       type: TIMELINE_DELETE,
@@ -161,10 +159,12 @@ const deduplicateStatuses = (statuses: Array<BaseStatus>) => {
 };
 
 const handleTimelineExpand = (timelineId: string, fn: Promise<PaginatedResponse<BaseStatus>>, done = noOp, onError?: (error: any) => void) =>
-  (dispatch: AppDispatch) => {
+  async (dispatch: AppDispatch) => {
     dispatch(expandTimelineRequest(timelineId));
 
-    return fn.then(response => {
+    try {
+      const response = await fn;
+
       dispatch(importEntities({ statuses: response.items }));
 
       const statuses = deduplicateStatuses(response.items);
@@ -178,15 +178,15 @@ const handleTimelineExpand = (timelineId: string, fn: Promise<PaginatedResponse<
         response.partial,
       ));
       done();
-    }).catch(error => {
+    } catch (error) {
       dispatch(expandTimelineFail(timelineId, error));
       done();
       onError?.(error);
-    });
+    }
   };
 
 const fetchHomeTimeline = (expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
 
     const params: HomeTimelineParams = {};
@@ -194,13 +194,13 @@ const fetchHomeTimeline = (expand = false, done = noOp) =>
 
     if (expand && state.timelines.home?.isLoading) return;
 
-    const fn = (expand && state.timelines.home?.next?.()) || getClient(state).timelines.homeTimeline(params);
+    const fn = (expand && state.timelines.home?.next?.()) ?? getClient(state).timelines.homeTimeline(params);
 
     return dispatch(handleTimelineExpand('home', fn, done));
   };
 
 const fetchPublicTimeline = ({ onlyMedia, local, instance }: Record<string, any> = {}, expand = false, done = noOp, onError = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `${instance ? 'remote' : 'public'}${local ? ':local' : ''}${onlyMedia ? ':media' : ''}${instance ? `:${instance}` : ''}`;
 
@@ -209,13 +209,13 @@ const fetchPublicTimeline = ({ onlyMedia, local, instance }: Record<string, any>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.publicTimeline(params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.publicTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done, onError));
   };
 
 const fetchBubbleTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `bubble${onlyMedia ? ':media' : ''}`;
 
@@ -224,13 +224,13 @@ const fetchBubbleTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = f
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.bubbleTimeline(params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.bubbleTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchWrenchedTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `wrenched${onlyMedia ? ':media' : ''}`;
 
@@ -239,13 +239,13 @@ const fetchWrenchedTimeline = ({ onlyMedia }: Record<string, any> = {}, expand =
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.wrenchedTimeline(params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.wrenchedTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchAccountTimeline = (accountId: string, { exclude_replies, pinned, only_media, limit }: Record<string, any> = {}, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `account:${accountId}${!exclude_replies ? ':with_replies' : ''}${pinned ? ':pinned' : only_media ? ':media' : ''}`;
 
@@ -256,13 +256,13 @@ const fetchAccountTimeline = (accountId: string, { exclude_replies, pinned, only
     if (!expand && state.timelines[timelineId]?.loaded) return;
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).accounts.getAccountStatuses(accountId, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).accounts.getAccountStatuses(accountId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchListTimeline = (listId: string, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `list:${listId}`;
 
@@ -271,13 +271,13 @@ const fetchListTimeline = (listId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.listTimeline(listId, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.listTimeline(listId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchCircleTimeline = (circleId: string, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `circle:${circleId}`;
 
@@ -286,13 +286,13 @@ const fetchCircleTimeline = (circleId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).circles.getCircleStatuses(circleId, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).circles.getCircleStatuses(circleId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchAntennaTimeline = (antennaId: string, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `antenna:${antennaId}`;
 
@@ -301,13 +301,13 @@ const fetchAntennaTimeline = (antennaId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.antennaTimeline(antennaId, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.antennaTimeline(antennaId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchGroupTimeline = (groupId: string, { only_media, limit }: Record<string, any> = {}, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `group:${groupId}${only_media ? ':media' : ''}`;
 
@@ -317,13 +317,13 @@ const fetchGroupTimeline = (groupId: string, { only_media, limit }: Record<strin
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.groupTimeline(groupId, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.groupTimeline(groupId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchHashtagTimeline = (hashtag: string, { tags }: Record<string, any> = {}, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `hashtag:${hashtag}`;
 
@@ -337,13 +337,13 @@ const fetchHashtagTimeline = (hashtag: string, { tags }: Record<string, any> = {
 
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.hashtagTimeline(hashtag, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.hashtagTimeline(hashtag, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
 const fetchLinkTimeline = (url: string, expand = false, done = noOp) =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `link:${url}`;
 
@@ -353,7 +353,7 @@ const fetchLinkTimeline = (url: string, expand = false, done = noOp) =>
 
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) || getClient(state).timelines.linkTimeline(url, params);
+    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.linkTimeline(url, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
diff --git a/packages/pl-fe/src/api/hooks/admin/use-suggest.ts b/packages/pl-fe/src/api/hooks/admin/use-suggest.ts
index d9f24324a..88ab9564a 100644
--- a/packages/pl-fe/src/api/hooks/admin/use-suggest.ts
+++ b/packages/pl-fe/src/api/hooks/admin/use-suggest.ts
@@ -21,7 +21,7 @@ const useSuggest = () => {
     });
   };
 
-  const suggest = async (accountId: string, callbacks?: EntityCallbacks<void, unknown>) => {
+  const suggest = async (accountId: string, callbacks?: EntityCallbacks<void>) => {
     suggestEffect(accountId, true);
     try {
       await client.admin.accounts.suggestUser(accountId);
@@ -32,7 +32,7 @@ const useSuggest = () => {
     }
   };
 
-  const unsuggest = async (accountId: string, callbacks?: EntityCallbacks<void, unknown>) => {
+  const unsuggest = async (accountId: string, callbacks?: EntityCallbacks<void>) => {
     suggestEffect(accountId, false);
     try {
       await client.admin.accounts.unsuggestUser(accountId);
diff --git a/packages/pl-fe/src/api/hooks/admin/use-verify.ts b/packages/pl-fe/src/api/hooks/admin/use-verify.ts
index 9afbe25d7..7148ac12f 100644
--- a/packages/pl-fe/src/api/hooks/admin/use-verify.ts
+++ b/packages/pl-fe/src/api/hooks/admin/use-verify.ts
@@ -26,7 +26,7 @@ const useVerify = () => {
     });
   };
 
-  const verify = async (accountId: string, callbacks?: EntityCallbacks<void, unknown>) => {
+  const verify = async (accountId: string, callbacks?: EntityCallbacks<void>) => {
     verifyEffect(accountId, true);
     try {
       await client.admin.accounts.tagUser(accountId, ['verified']);
@@ -37,7 +37,7 @@ const useVerify = () => {
     }
   };
 
-  const unverify = async (accountId: string, callbacks?: EntityCallbacks<void, unknown>) => {
+  const unverify = async (accountId: string, callbacks?: EntityCallbacks<void>) => {
     verifyEffect(accountId, false);
     try {
       await client.admin.accounts.untagUser(accountId, ['verified']);
diff --git a/packages/pl-fe/src/api/hooks/groups/use-group.ts b/packages/pl-fe/src/api/hooks/groups/use-group.ts
index 09514076e..0163ca69d 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-group.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-group.ts
@@ -34,7 +34,7 @@ const useGroup = (groupId: string, refetch = true) => {
   return {
     ...result,
     isUnauthorized,
-    group: group ? { ...group, relationship: relationship || null } : undefined,
+    group: group ? { ...group, relationship: relationship ?? null } : undefined,
   };
 };
 
diff --git a/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts b/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
index e8faf1ee1..8c733d137 100644
--- a/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
+++ b/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
@@ -30,7 +30,7 @@ const useTimelineStream = (stream: string, params: { list?: string; tag?: string
   const accessToken = useAppSelector(getAccessToken);
   const streamingUrl = instance.configuration.urls.streaming;
 
-  const connect = async () => {
+  const connect = () => {
     if (!socket.current && streamingUrl) {
       socket.current = client.streaming.connect();
 
diff --git a/packages/pl-fe/src/api/index.ts b/packages/pl-fe/src/api/index.ts
index 74fe258ca..c93f9c983 100644
--- a/packages/pl-fe/src/api/index.ts
+++ b/packages/pl-fe/src/api/index.ts
@@ -17,7 +17,7 @@ type PlfeResponse<T = any> = Response & { data: string; json: T };
   * It uses FE_SUBDIRECTORY and parses JSON if possible.
   * No authorization is needed.
   */
-const staticFetch = async (input: URL | RequestInfo, init?: RequestInit | undefined) => {
+const staticFetch = async (input: URL | RequestInfo, init?: RequestInit) => {
   const fullPath = buildFullPath(input.toString(), BuildConfig.BACKEND_URL);
 
   const response = await fetch(fullPath, init);
diff --git a/packages/pl-fe/src/build-config.ts b/packages/pl-fe/src/build-config.ts
index c9416a059..f7ff9d701 100644
--- a/packages/pl-fe/src/build-config.ts
+++ b/packages/pl-fe/src/build-config.ts
@@ -22,7 +22,7 @@ const env = compileTime(() => {
   const sanitizeBasename = (path: string | undefined = ''): string => `/${path.replace(/^\/+|\/+$/g, '')}`;
 
   return {
-    NODE_ENV: NODE_ENV || 'development',
+    NODE_ENV: NODE_ENV ?? 'development',
     BACKEND_URL: sanitizeURL(BACKEND_URL),
     FE_SUBDIRECTORY: sanitizeBasename(FE_SUBDIRECTORY),
     WITH_LANDING_PAGE: WITH_LANDING_PAGE === 'true',
diff --git a/packages/pl-fe/src/columns/search.tsx b/packages/pl-fe/src/columns/search.tsx
index 53630220f..8be0b288a 100644
--- a/packages/pl-fe/src/columns/search.tsx
+++ b/packages/pl-fe/src/columns/search.tsx
@@ -39,7 +39,7 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
     statuses: searchStatusesQuery,
     hashtags: searchHashtagsQuery,
     links: searchStatusesQuery,
-  })[type]!;
+  })[type];
 
   const getCurrentIndex = (id: string): number => resultsIds?.findIndex(key => key === id);
 
@@ -47,14 +47,14 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
     if (!resultsIds) return;
 
     const elementIndex = getCurrentIndex(id) - 1;
-    selectChild(elementIndex, node, document.getElementById('search-results') || undefined);
+    selectChild(elementIndex, node, document.getElementById('search-results') ?? undefined);
   };
 
   const handleMoveDown = (id: string) => {
     if (!resultsIds) return;
 
     const elementIndex = getCurrentIndex(id) + 1;
-    selectChild(elementIndex, node, document.getElementById('search-results') || undefined, resultsIds.length);
+    selectChild(elementIndex, node, document.getElementById('search-results') ?? undefined, resultsIds.length);
   };
 
   const handleLoadMore = () => activeQuery.fetchNextPage({ cancelRefetch: false });
@@ -143,7 +143,7 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
       })}
       useWindowScroll={!multiColumn}
     >
-      {searchResults || []}
+      {searchResults ?? []}
     </ScrollableList>
   );
 };
diff --git a/packages/pl-fe/src/columns/trends.tsx b/packages/pl-fe/src/columns/trends.tsx
index 1e04d8c16..66053395e 100644
--- a/packages/pl-fe/src/columns/trends.tsx
+++ b/packages/pl-fe/src/columns/trends.tsx
@@ -78,7 +78,7 @@ const TrendsColumn: React.FC<ITrendsColumn> = ({ type, multiColumn }) => {
       })}
       useWindowScroll={!multiColumn}
     >
-      {children || []}
+      {children ?? []}
     </ScrollableList>
   );
 };
diff --git a/packages/pl-fe/src/components/account-hover-card.tsx b/packages/pl-fe/src/components/account-hover-card.tsx
index 43eb2442b..35554964d 100644
--- a/packages/pl-fe/src/components/account-hover-card.tsx
+++ b/packages/pl-fe/src/components/account-hover-card.tsx
@@ -61,7 +61,7 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
   const { updateAccountHoverCard, closeAccountHoverCard } = useAccountHoverCardActions();
 
   const me = useAppSelector(state => state.me);
-  const { account } = useAccount(accountId || undefined, { withRelationship: true });
+  const { account } = useAccount(accountId ?? undefined, { withRelationship: true });
   const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
   const badges = getBadges(account);
 
diff --git a/packages/pl-fe/src/components/account-local-time.tsx b/packages/pl-fe/src/components/account-local-time.tsx
index 6a1852b0e..84b2b9bac 100644
--- a/packages/pl-fe/src/components/account-local-time.tsx
+++ b/packages/pl-fe/src/components/account-local-time.tsx
@@ -21,7 +21,7 @@ const getSupportedTimezone = (value: string): string | false => {
       foundTimezone = supportedTimeZones.find((tz) => tz.toLowerCase() === `etc/gmt${sign === '+' ? '-' : '+'}${+hours}`);
     }
   }
-  return foundTimezone || false;
+  return foundTimezone ?? false;
 };
 
 const messages = defineMessages({
diff --git a/packages/pl-fe/src/components/account.tsx b/packages/pl-fe/src/components/account.tsx
index b3bfe591b..020991f48 100644
--- a/packages/pl-fe/src/components/account.tsx
+++ b/packages/pl-fe/src/components/account.tsx
@@ -197,7 +197,7 @@ const Account = ({
   useLayoutEffect(() => {
     const onResize = () => {
       const style: React.CSSProperties = {};
-      const actionWidth = actionRef.current?.clientWidth || 0;
+      const actionWidth = actionRef.current?.clientWidth ?? 0;
 
       if (overflowRef.current) {
         style.maxWidth = Math.max(0, overflowRef.current.clientWidth - (withAvatar ? avatarSize + 12 : 0) - (actionWidth ? actionWidth + 12 : 0));
@@ -230,7 +230,9 @@ const Account = ({
     to: '/@{$username}',
     params: { username: account.acct },
     title: account.acct,
-    onClick: (event: React.MouseEvent) => event.stopPropagation(),
+    onClick: (event: React.MouseEvent) =>{
+      event.stopPropagation();
+    },
   } : {};
 
   if (disabled) return (
@@ -366,7 +368,11 @@ const Account = ({
                     <span className='⁂-separator' />
 
                     {timestampUrl ? (
-                      <Link to={timestampUrl} className='hover:underline' onClick={(event) => event.stopPropagation()}>
+                      <Link
+                        to={timestampUrl} className='hover:underline' onClick={(event) =>{
+                          event.stopPropagation();
+                        }}
+                      >
                         <RelativeTimestamp timestamp={timestamp} theme='muted' size='sm' className='whitespace-nowrap' futureDate={futureTimestamp} />
                       </Link>
                     ) : (
diff --git a/packages/pl-fe/src/components/alt-indicator.tsx b/packages/pl-fe/src/components/alt-indicator.tsx
index fc0b8e07a..9e80f163b 100644
--- a/packages/pl-fe/src/components/alt-indicator.tsx
+++ b/packages/pl-fe/src/components/alt-indicator.tsx
@@ -16,7 +16,7 @@ const AltIndicator: React.FC<IAltIndicator> = React.forwardRef<HTMLSpanElement,
     ref={ref}
   >
     {warning && <Icon className='size-4' src={require('@phosphor-icons/core/regular/warning.svg')} />}
-    {message || <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />}
+    {message ?? <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />}
   </span>
 ));
 
diff --git a/packages/pl-fe/src/components/announcements/announcement-content.tsx b/packages/pl-fe/src/components/announcements/announcement-content.tsx
index 44fce56d1..b1cf7fce6 100644
--- a/packages/pl-fe/src/components/announcements/announcement-content.tsx
+++ b/packages/pl-fe/src/components/announcements/announcement-content.tsx
@@ -60,7 +60,7 @@ const AnnouncementContent: React.FC<IAnnouncementContent> = ({ announcement }) =
       link.setAttribute('rel', 'nofollow noopener');
       link.setAttribute('target', '_blank');
 
-      const mention = announcement.mentions.find(mention => link.href === `${mention.url}`);
+      const mention = announcement.mentions.find(mention => link.href === mention.url);
 
       // Add event listeners on mentions, hashtags and statuses
       if (mention) {
diff --git a/packages/pl-fe/src/components/announcements/announcements-panel.tsx b/packages/pl-fe/src/components/announcements/announcements-panel.tsx
index de1135468..1b35a2e13 100644
--- a/packages/pl-fe/src/components/announcements/announcements-panel.tsx
+++ b/packages/pl-fe/src/components/announcements/announcements-panel.tsx
@@ -45,7 +45,9 @@ const AnnouncementsPanel = () => {
               <button
                 key={i}
                 tabIndex={0}
-                onClick={() => setIndex(i)}
+                onClick={() =>{
+                  setIndex(i);
+                }}
                 className={clsx({
                   'w-2 h-2 rounded-full focus:ring-primary-600 focus:ring-2 focus:ring-offset-2': true,
                   'bg-gray-200 hover:bg-gray-300': i !== index,
diff --git a/packages/pl-fe/src/components/announcements/emoji.tsx b/packages/pl-fe/src/components/announcements/emoji.tsx
index 35b5dab2d..bdc00e09d 100644
--- a/packages/pl-fe/src/components/announcements/emoji.tsx
+++ b/packages/pl-fe/src/components/announcements/emoji.tsx
@@ -42,7 +42,7 @@ const Emoji: React.FC<IEmoji> = ({ emoji, emojiMap, hovered }) => {
         className='emojione m-0 block'
         alt={shortCode}
         title={shortCode}
-        src={filename as string}
+        src={filename}
       />
     );
   } else {
diff --git a/packages/pl-fe/src/components/announcements/reaction.tsx b/packages/pl-fe/src/components/announcements/reaction.tsx
index 2ac4faf5b..98aa94392 100644
--- a/packages/pl-fe/src/components/announcements/reaction.tsx
+++ b/packages/pl-fe/src/components/announcements/reaction.tsx
@@ -30,9 +30,13 @@ const Reaction: React.FC<IReaction> = ({ announcementId, reaction, emojiMap, sty
     }
   };
 
-  const handleMouseEnter = () => setHovered(true);
+  const handleMouseEnter = () =>{
+    setHovered(true);
+  };
 
-  const handleMouseLeave = () => setHovered(false);
+  const handleMouseLeave = () =>{
+    setHovered(false);
+  };
 
   let shortCode = reaction.name;
 
diff --git a/packages/pl-fe/src/components/attachment-thumbs.tsx b/packages/pl-fe/src/components/attachment-thumbs.tsx
index e64412f25..09d4b05a4 100644
--- a/packages/pl-fe/src/components/attachment-thumbs.tsx
+++ b/packages/pl-fe/src/components/attachment-thumbs.tsx
@@ -19,7 +19,9 @@ const AttachmentThumbs = ({ status, onClick }: IAttachmentThumbs) => {
   const { openModal } = useModalsActions();
 
   const fallback = <div className='⁂-media-gallery--compact' />;
-  const onOpenMedia = (media: Array<MediaAttachment>, index: number) => openModal('MEDIA', { statusId: status.id, media, index });
+  const onOpenMedia = (media: Array<MediaAttachment>, index: number) =>{
+    openModal('MEDIA', { statusId: status.id, media, index });
+  };
 
   const [visible] = useMediaVisible(status, displayMedia);
 
diff --git a/packages/pl-fe/src/components/authorize-reject-buttons.tsx b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
index f5c3b6a21..577da5963 100644
--- a/packages/pl-fe/src/components/authorize-reject-buttons.tsx
+++ b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
@@ -66,8 +66,12 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
     }
   };
 
-  const handleAuthorize = async () => handleAction('authorizing', 'authorized', onAuthorize);
-  const handleReject = async () => handleAction('rejecting', 'rejected', onReject);
+  const handleAuthorize = () =>{
+    handleAction('authorizing', 'authorized', onAuthorize);
+  };
+  const handleReject = () =>{
+    handleAction('rejecting', 'rejected', onReject);
+  };
 
   const renderStyle = (selectedState: typeof state) => {
     if (state === 'authorizing' && selectedState === 'authorizing') {
diff --git a/packages/pl-fe/src/components/autosuggest-input.tsx b/packages/pl-fe/src/components/autosuggest-input.tsx
index d9ee5fe9d..e5fee49f4 100644
--- a/packages/pl-fe/src/components/autosuggest-input.tsx
+++ b/packages/pl-fe/src/components/autosuggest-input.tsx
@@ -56,7 +56,7 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
   const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const [tokenStart, token] = textAtCursorMatchesToken(
       e.target.value,
-      e.target.selectionStart || 0,
+      e.target.selectionStart ?? 0,
       searchTokens,
     );
 
@@ -78,7 +78,7 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
   const onKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (e) => {
     const { suggestions, menu, disabled } = props;
     const firstIndex = getFirstIndex();
-    const lastIndex = suggestions.length + (menu || []).length - 1;
+    const lastIndex = suggestions.length + (menu ?? []).length - 1;
 
     if (disabled) {
       e.preventDefault();
diff --git a/packages/pl-fe/src/components/birthday-input.tsx b/packages/pl-fe/src/components/birthday-input.tsx
index 57a0a5527..c41ae5e41 100644
--- a/packages/pl-fe/src/components/birthday-input.tsx
+++ b/packages/pl-fe/src/components/birthday-input.tsx
@@ -112,7 +112,9 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
     </div>
   );
 
-  const handleChange = (date: Date | null) => onChange(date ? new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString().slice(0, 10) : '');
+  const handleChange = (date: Date | null) =>{
+    onChange(date ? new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString().slice(0, 10) : '');
+  };
 
   return (
     <div className='relative mt-1 rounded-md shadow-sm'>
diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
index 19442f2dd..d80dee031 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
@@ -118,7 +118,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
   return (
     <li>
       <a
-        href={item.href || item.to || '#'}
+        href={(item.href ?? item.to) ?? '#'}
         role='button'
         tabIndex={0}
         ref={itemRef}
@@ -136,7 +136,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
       >
         {item.icon && <Icon src={item.icon} className='mr-3 size-5 flex-none rtl:ml-3 rtl:mr-0' />}
 
-        <div className={clsx('truncate', { 'text-xs': item.meta, 'text-base': !item.meta, 'mr-2': item.count || item.type === 'toggle' || item.type === 'radio' || item.items?.length })}>
+        <div className={clsx('truncate', { 'text-xs': item.meta, 'text-base': !item.meta, 'mr-2': (item.count ?? item.type === 'toggle') || item.type === 'radio' || item.items?.length })}>
           {item.meta ? (
             <>
               <div className='truncate text-base'>{item.text}</div>
diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index 2caa3886c..1e7e5fa28 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -73,7 +73,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, item
         break;
       case 'ArrowRight':
         // eslint-disable-next-line no-case-declarations
-        const itemIndex = +(elements[index]?.getAttribute('data-index') || '');
+        const itemIndex = +(elements[index]?.getAttribute('data-index') ?? '');
 
         if (items?.[itemIndex]?.items) setTab(itemIndex);
         break;
@@ -168,9 +168,9 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, item
                     autoFocus
                     title={intl.formatMessage(messages.back)}
                   />
-                  {items![tab]?.text}
+                  {items[tab]?.text}
                 </div>
-                {renderItems(items![tab]?.items)}
+                {renderItems(items[tab]?.items)}
               </>
             )}
           </div>
@@ -178,7 +178,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, item
       ) : (
         <>
           {Component && <Component handleClose={handleClose} />}
-          {(items?.length || touchscreen) && renderItems(items)}
+          {(items?.length ?? touchscreen) && renderItems(items)}
         </>
       )}
     </div>
@@ -306,7 +306,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
         // flipping to other placements' axes.
         right: '',
         bottom: '',
-        [staticPlacement as string]: `${(-(arrowRef.current?.offsetWidth || 0)) / 2}px`,
+        [staticPlacement as string]: `${(-(arrowRef.current?.offsetWidth ?? 0)) / 2}px`,
         transform: 'rotate(45deg)',
       };
     }
@@ -320,7 +320,9 @@ const DropdownMenu = (props: IDropdownMenu) => {
 
   useEffect(() => {
     (refs.reference.current as HTMLButtonElement)?.setAttribute('aria-expanded', String(isOpen));
-    setTimeout(() => setIsDisplayed(isOpen), isOpen ? 0 : 150);
+    setTimeout(() =>{
+      setIsDisplayed(isOpen);
+    }, isOpen ? 0 : 150);
 
   }, [isOpen]);
 
@@ -361,7 +363,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
 
   return (
     <>
-      {clonedChildren || (
+      {clonedChildren ?? (
         <IconButton
           disabled={disabled}
           className={clsx({
diff --git a/packages/pl-fe/src/components/dropdown-navigation.tsx b/packages/pl-fe/src/components/dropdown-navigation.tsx
index f91813b65..d7567515e 100644
--- a/packages/pl-fe/src/components/dropdown-navigation.tsx
+++ b/packages/pl-fe/src/components/dropdown-navigation.tsx
@@ -77,12 +77,12 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
   }), [me, features]);
 
   const getOtherAccounts = useCallback(makeGetOtherAccounts(), []);
-  const { account } = useAccount(me || undefined);
+  const { account } = useAccount(me ?? undefined);
   const otherAccounts = useAppSelector((state) => getOtherAccounts(state));
   const settings = useSettings();
-  const followRequestsCount = useFollowRequestsCount().data || 0;
-  const interactionRequestsCount = useInteractionRequestsCount().data || 0;
-  const scheduledStatusCount = useInfiniteQuery(authenticatedScheduledStatusesCountQueryOptions).data || 0;
+  const followRequestsCount = useFollowRequestsCount().data ?? 0;
+  const interactionRequestsCount = useInteractionRequestsCount().data ?? 0;
+  const scheduledStatusCount = useInfiniteQuery(authenticatedScheduledStatusesCountQueryOptions).data ?? 0;
   const { data: draftCount = 0 } = useDraftStatusesCountQuery();
   // const dashboardCount = useAppSelector((state) => state.admin.openReports.count() + state.admin.awaitingApproval.count());
   const [sidebarVisible, setSidebarVisible] = useState(isSidebarOpen);
@@ -151,7 +151,9 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
 
   useEffect(() => {
     if (isSidebarOpen) containerRef.current?.querySelector('a')?.focus();
-    setTimeout(() => setSidebarVisible(isSidebarOpen), isSidebarOpen ? 0 : 150);
+    setTimeout(() =>{
+      setSidebarVisible(isSidebarOpen);
+    }, isSidebarOpen ? 0 : 150);
   }, [isSidebarOpen]);
 
   return (
@@ -376,7 +378,7 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 />
               )}
 
-              {(account.is_admin || account.is_moderator) && (
+              {(account.is_admin ?? account.is_moderator) && (
                 <DropdownNavigationLink
                   to='/pl-fe/admin'
                   icon={require('@phosphor-icons/core/regular/gauge.svg')}
diff --git a/packages/pl-fe/src/components/groups/popover/group-popover.tsx b/packages/pl-fe/src/components/groups/popover/group-popover.tsx
index 1c4005d83..09ce58ee4 100644
--- a/packages/pl-fe/src/components/groups/popover/group-popover.tsx
+++ b/packages/pl-fe/src/components/groups/popover/group-popover.tsx
@@ -18,7 +18,7 @@ import GroupAvatar from '../group-avatar';
 import type { Group } from 'pl-api';
 
 interface IGroupPopoverContainer {
-  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  children: React.ReactElement;
   isEnabled: boolean;
   group: Group;
 }
diff --git a/packages/pl-fe/src/components/hashtags-bar.tsx b/packages/pl-fe/src/components/hashtags-bar.tsx
index 5dfda8de6..1585bde89 100644
--- a/packages/pl-fe/src/components/hashtags-bar.tsx
+++ b/packages/pl-fe/src/components/hashtags-bar.tsx
@@ -36,7 +36,9 @@ const HashtagsBar: React.FC<IHashtagsBar> = ({ hashtags }) => {
           key={hashtag}
           to='/tags/$id'
           params={{ id: hashtag }}
-          onClick={(e) => e.stopPropagation()}
+          onClick={(e) =>{
+            e.stopPropagation();
+          }}
           className='flex items-center rounded-sm bg-gray-100 px-1.5 py-1 text-xs font-medium text-primary-600 black:bg-primary-900 dark:bg-primary-700 dark:text-white'
         >
           <Text size='xs' weight='semibold' theme='inherit'>
diff --git a/packages/pl-fe/src/components/hover-account-wrapper.tsx b/packages/pl-fe/src/components/hover-account-wrapper.tsx
index 301edee45..eebab8e88 100644
--- a/packages/pl-fe/src/components/hover-account-wrapper.tsx
+++ b/packages/pl-fe/src/components/hover-account-wrapper.tsx
@@ -37,7 +37,9 @@ const HoverAccountWrapper: React.FC<IHoverAccountWrapper> = React.memo(({ accoun
 
   const handleMouseLeave = () => {
     showAccountHoverCard.cancel();
-    setTimeout(() => closeAccountHoverCard(), 300);
+    setTimeout(() =>{
+      closeAccountHoverCard();
+    }, 300);
   };
 
   const handleClick = () => {
diff --git a/packages/pl-fe/src/components/hover-status-wrapper.tsx b/packages/pl-fe/src/components/hover-status-wrapper.tsx
index 69428d436..70e3cbfc5 100644
--- a/packages/pl-fe/src/components/hover-status-wrapper.tsx
+++ b/packages/pl-fe/src/components/hover-status-wrapper.tsx
@@ -31,7 +31,9 @@ const HoverStatusWrapper: React.FC<IHoverStatusWrapper> = ({ statusId, children,
 
   const handleMouseLeave = () => {
     showStatusHoverCard.cancel();
-    setTimeout(() => closeStatusHoverCard(), 200);
+    setTimeout(() =>{
+      closeStatusHoverCard();
+    }, 200);
   };
 
   const handleClick = () => {
diff --git a/packages/pl-fe/src/components/load-gap.tsx b/packages/pl-fe/src/components/load-gap.tsx
index 842d2174f..0e873cb83 100644
--- a/packages/pl-fe/src/components/load-gap.tsx
+++ b/packages/pl-fe/src/components/load-gap.tsx
@@ -16,7 +16,9 @@ interface ILoadGap {
 const LoadGap: React.FC<ILoadGap> = ({ disabled, maxId, onClick }) => {
   const intl = useIntl();
 
-  const handleClick = () => onClick(maxId);
+  const handleClick = () =>{
+    onClick(maxId);
+  };
 
   return (
     <button className='m-0 box-border block w-full border-0 bg-transparent p-4 text-gray-900' disabled={disabled} onClick={handleClick} aria-label={intl.formatMessage(messages.load_more)}>
diff --git a/packages/pl-fe/src/components/load-more.tsx b/packages/pl-fe/src/components/load-more.tsx
index 4172a47b8..387416272 100644
--- a/packages/pl-fe/src/components/load-more.tsx
+++ b/packages/pl-fe/src/components/load-more.tsx
@@ -15,7 +15,7 @@ const LoadMore: React.FC<ILoadMore> = ({ onClick, disabled, visible = true, clas
   }
 
   return (
-    <button className={clsx('⁂-load-more', className)} disabled={disabled || !visible} onClick={onClick}>
+    <button className={clsx('⁂-load-more', className)} disabled={disabled ?? !visible} onClick={onClick}>
       <FormattedMessage id='status.load_more' defaultMessage='Load more' />
     </button>
   );
diff --git a/packages/pl-fe/src/components/location-search.tsx b/packages/pl-fe/src/components/location-search.tsx
index f5c123249..16cb79742 100644
--- a/packages/pl-fe/src/components/location-search.tsx
+++ b/packages/pl-fe/src/components/location-search.tsx
@@ -60,7 +60,7 @@ const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
         placeholder={intl.formatMessage(messages.placeholder)}
         value={value}
         onChange={handleChange}
-        suggestions={locationsQuery.data || []}
+        suggestions={locationsQuery.data ?? []}
         onSuggestionsFetchRequested={noOp}
         onSuggestionsClearRequested={noOp}
         onSuggestionSelected={handleSelected}
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index c78f83d24..f5fa91055 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -104,15 +104,13 @@ const Item: React.FC<IItem> = ({
     if (isIOS() && !e.target.autoPlay) {
       e.target.autoPlay = true;
       e.preventDefault();
-    } else {
-      if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
-        if (hoverToPlay()) {
-          e.target.pause();
-          e.target.currentTime = 0;
-        }
-        e.preventDefault();
-        onClick(index);
+    } else if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
+      if (hoverToPlay()) {
+        e.target.pause();
+        e.target.currentTime = 0;
       }
+      e.preventDefault();
+      onClick(index);
     }
 
     e.stopPropagation();
@@ -140,12 +138,12 @@ const Item: React.FC<IItem> = ({
   if (dimensions) {
     width = dimensions.w;
     height = dimensions.h;
-    top = dimensions.t || 'auto';
-    right = dimensions.r || 'auto';
-    bottom = dimensions.b || 'auto';
-    left = dimensions.l || 'auto';
-    float = dimensions.float || 'left';
-    position = dimensions.pos || 'relative';
+    top = dimensions.t ?? 'auto';
+    right = dimensions.r ?? 'auto';
+    bottom = dimensions.b ?? 'auto';
+    left = dimensions.l ?? 'auto';
+    float = dimensions.float ?? 'left';
+    position = dimensions.pos ?? 'relative';
   }
 
   let thumbnail: React.ReactNode = '';
@@ -293,7 +291,7 @@ const Item: React.FC<IItem> = ({
         aria-label={!visible ? attachment.description : undefined}
         aria-hidden={visible}
       />
-      {(visible || !attachment.blurhash) && thumbnail}
+      {(visible ?? !attachment.blurhash) && thumbnail}
     </div>
   );
 };
@@ -348,10 +346,14 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
     return (
       <Stack space={2}>
         {media.map((attachment, index) => (
-          <HStack element='button' alignItems='center' space={2} key={attachment.id} onClick={() => handleClick(index)}>
+          <HStack
+            element='button' alignItems='center' space={2} key={attachment.id} onClick={() =>{
+              handleClick(index);
+            }}
+          >
             <Icon
               className='size-4 min-w-fit text-gray-800 dark:text-gray-200'
-              src={MIMETYPE_ICONS[(attachment.type === 'unknown' && attachment.mime_type) || attachment.type] || require('@phosphor-icons/core/regular/paperclip.svg')}
+              src={MIMETYPE_ICONS[(attachment.type === 'unknown' && attachment.mime_type) ?? attachment.type] ?? require('@phosphor-icons/core/regular/paperclip.svg')}
             />
             <Text align='left'>
               {attachment.description || {
diff --git a/packages/pl-fe/src/components/modal-root.tsx b/packages/pl-fe/src/components/modal-root.tsx
index 2c2f4eb57..af49b35b8 100644
--- a/packages/pl-fe/src/components/modal-root.tsx
+++ b/packages/pl-fe/src/components/modal-root.tsx
@@ -66,7 +66,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
       const hasComposeContent = checkComposeContent(compose);
 
       if (hasComposeContent && type === 'COMPOSE') {
-        const isEditing = compose!.editedId !== null;
+        const isEditing = compose.editedId !== null;
         openModal('CONFIRM', {
           heading: isEditing
             ? <FormattedMessage id='confirmations.cancel_editing.heading' defaultMessage='Cancel post editing' />
@@ -154,7 +154,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
     }
   };
 
-  const getSiblings = () => Array(...(ref.current!.parentElement!.childNodes as any as ChildNode[]))
+  const getSiblings = () => [...(ref.current!.parentElement!.childNodes as any as ChildNode[])]
     .filter(node => (node as HTMLDivElement).id !== '_rht_toaster')
     .filter(node => node !== ref.current);
 
@@ -173,7 +173,9 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
   useEffect(() => {
     if (!!children && !prevChildren) {
       activeElement.current = document.activeElement as HTMLDivElement;
-      getSiblings().forEach(sibling => (sibling as HTMLDivElement).setAttribute('inert', 'true'));
+      getSiblings().forEach(sibling =>{
+        (sibling as HTMLDivElement).setAttribute('inert', 'true');
+      });
 
       handleModalOpen();
     } else if (!prevChildren) {
@@ -183,7 +185,9 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
     if (!children && !!prevChildren) {
       activeElement.current?.focus();
       activeElement.current = null;
-      getSiblings().forEach(sibling => (sibling as HTMLDivElement).removeAttribute('inert'));
+      getSiblings().forEach(sibling =>{
+        (sibling as HTMLDivElement).removeAttribute('inert');
+      });
 
       handleModalClose();
     }
diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx
index 1b03dccda..d49df8277 100644
--- a/packages/pl-fe/src/components/parsed-content.tsx
+++ b/packages/pl-fe/src/components/parsed-content.tsx
@@ -66,9 +66,9 @@ const ParsedUrl: React.FC<IParsedUrl> = React.memo((props) => {
   // eslint-disable-next-line prefer-const
   let { cleanUrls, redirectUrls, displayTargetHost, childrenPlain, ...anchorProps } = props;
 
-  if (cleanUrls === undefined) cleanUrls = urlPrivacy.clearLinksInContent;
-  if (redirectUrls === undefined) redirectUrls = urlPrivacy.redirectLinksMode !== 'off';
-  if (displayTargetHost === undefined) displayTargetHost = urlPrivacy.displayTargetHost;
+  cleanUrls ??= urlPrivacy.clearLinksInContent;
+  redirectUrls ??= urlPrivacy.redirectLinksMode !== 'off';
+  displayTargetHost ??= urlPrivacy.displayTargetHost;
 
   let href = props.href;
 
@@ -86,7 +86,9 @@ const ParsedUrl: React.FC<IParsedUrl> = React.memo((props) => {
     <a
       {...anchorProps}
       href={href}
-      onClick={(e) => e.stopPropagation()}
+      onClick={(e) =>{
+        e.stopPropagation();
+      }}
       rel='nofollow noopener noreferrer'
       target='_blank'
       title={props.href}
@@ -130,7 +132,7 @@ const uniqueHashtagsWithCaseHandling = (hashtags: string[]) => {
 
   return Object.values(groups).map((tags) => {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- we know that the array has at least one element
-    const firstTag = tags[0]!;
+    const firstTag = tags[0];
 
     if (tags.length === 1) return firstTag;
 
@@ -255,7 +257,9 @@ function parseContent({
                   params={{ username: mention.acct }}
                   className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
-                  onClick={(e) => e.stopPropagation()}
+                  onClick={(e) =>{
+                    e.stopPropagation();
+                  }}
                 >
                   <HoverAccountWrapper accountId={mention.id} element='span'>
                     @{mention.username}
@@ -353,9 +357,9 @@ const ParsedContent: React.FC<IParsedContent> = React.memo((props) => {
 
   props = { ...props };
 
-  if (props.cleanUrls === undefined) props.cleanUrls = urlPrivacy.clearLinksInContent;
-  if (props.redirectUrls === undefined) props.redirectUrls = urlPrivacy.redirectLinksMode !== 'off';
-  if (props.displayTargetHost === undefined) props.displayTargetHost = urlPrivacy.displayTargetHost;
+  props.cleanUrls ??= urlPrivacy.clearLinksInContent;
+  props.redirectUrls ??= urlPrivacy.redirectLinksMode !== 'off';
+  props.displayTargetHost ??= urlPrivacy.displayTargetHost;
 
   return parseContent(props, false);
 }, (prevProps, nextProps) => prevProps.html === nextProps.html);
diff --git a/packages/pl-fe/src/components/parsed-mfm.tsx b/packages/pl-fe/src/components/parsed-mfm.tsx
index 20c60f36a..4a029abf7 100644
--- a/packages/pl-fe/src/components/parsed-mfm.tsx
+++ b/packages/pl-fe/src/components/parsed-mfm.tsx
@@ -26,7 +26,7 @@ const safeParseFloat = (str: unknown): number | null => {
 const validTime = (t: string | boolean | null | undefined) => {
   if (t === null || t === undefined) return null;
   if (typeof t === 'boolean') return null;
-  return t.match(/^\-?[0-9.]+s$/) ? t : null;
+  return t.match(/^-?[0-9.]+s$/) ? t : null;
 };
 
 const validColor = (c: unknown): string | null => {
@@ -414,7 +414,9 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
                   params={{ username: mention.acct }}
                   className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
-                  onClick={(e) => e.stopPropagation()}
+                  onClick={(e) =>{
+                    e.stopPropagation();
+                  }}
                 >
                   <HoverAccountWrapper accountId={mention.id} element='span'>
                     @{mention.username}
@@ -432,7 +434,9 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
               params={{ username: token.props.acct.slice(1) }}
               className='text-primary-600 hover:underline dark:text-primary-400'
               dir='ltr'
-              onClick={(e) => e.stopPropagation()}
+              onClick={(e) =>{
+                e.stopPropagation();
+              }}
             >
               @{token.props.username}
             </Link>
@@ -449,7 +453,7 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
       case 'blockCode': {
         return (
           <bdi className='block'>
-            <pre lang={token.props.lang || undefined}>
+            <pre lang={token.props.lang ?? undefined}>
               {token.props.code}
             </pre>
           </bdi>
diff --git a/packages/pl-fe/src/components/polls/poll-footer.tsx b/packages/pl-fe/src/components/polls/poll-footer.tsx
index e90c99c6e..01b4b1557 100644
--- a/packages/pl-fe/src/components/polls/poll-footer.tsx
+++ b/packages/pl-fe/src/components/polls/poll-footer.tsx
@@ -34,7 +34,9 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
 
   const { toggleShowPollResults } = useStatusMetaActions();
 
-  const handleVote = () => vote(Object.keys(selected) as any as number[]);
+  const handleVote = () =>{
+    vote(Object.keys(selected) as any as number[]);
+  };
 
   const handleRefresh: React.EventHandler<React.MouseEvent> = (e) => {
     refetch();
@@ -91,7 +93,11 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
 
         {(!poll.voted && !poll.expired) && (
           <>
-            <button className='text-gray-600 underline' onClick={() => toggleShowPollResults(statusId)} data-testid='poll-refresh'>
+            <button
+              className='text-gray-600 underline' onClick={() =>{
+                toggleShowPollResults(statusId);
+              }} data-testid='poll-refresh'
+            >
               <Text theme='muted' weight='medium'>
                 {showResults ? (
                   <FormattedMessage id='poll.hide_results' defaultMessage='Hide results' />
diff --git a/packages/pl-fe/src/components/polls/poll-option.tsx b/packages/pl-fe/src/components/polls/poll-option.tsx
index 87dc1ad0a..b35469823 100644
--- a/packages/pl-fe/src/components/polls/poll-option.tsx
+++ b/packages/pl-fe/src/components/polls/poll-option.tsx
@@ -36,7 +36,9 @@ interface IPollOptionText extends IPollOption {
 }
 
 const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active, onToggle, truncate }) => {
-  const handleOptionChange: React.EventHandler<React.ChangeEvent> = () => onToggle(index);
+  const handleOptionChange: React.EventHandler<React.ChangeEvent> = () =>{
+    onToggle(index);
+  };
 
   const handleOptionKeyPress: React.EventHandler<React.KeyboardEvent> = e => {
     if (e.key === 'Enter' || e.key === ' ') {
@@ -144,7 +146,7 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
                 weight='medium'
                 className={clsx('relative break-words', { truncate })}
               >
-                <ParsedContent html={(language && option.title_map) && option.title_map[language] || option.title} emojis={poll.emojis} />
+                <ParsedContent html={(language && option.title_map) && option.title_map[language] ?? option.title} emojis={poll.emojis} />
               </Text>
             </div>
 
diff --git a/packages/pl-fe/src/components/polls/poll.tsx b/packages/pl-fe/src/components/polls/poll.tsx
index 79237ac33..04a3d2261 100644
--- a/packages/pl-fe/src/components/polls/poll.tsx
+++ b/packages/pl-fe/src/components/polls/poll.tsx
@@ -35,11 +35,12 @@ const Poll: React.FC<IPoll> = ({ id, status, language, truncate }): JSX.Element
 
   const [selected, setSelected] = useState({} as Selected);
 
-  const openUnauthorizedModal = () =>
+  const openUnauthorizedModal = () =>{
     openModal('UNAUTHORIZED', {
       action: 'POLL_VOTE',
       ap_id: status?.url,
     });
+  };
 
   const toggleOption = (value: number) => {
     if (isLoggedIn) {
@@ -68,7 +69,11 @@ const Poll: React.FC<IPoll> = ({ id, status, language, truncate }): JSX.Element
 
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    <div className='⁂-poll' onClick={e => e.stopPropagation()}>
+    <div
+      className='⁂-poll' onClick={e =>{
+        e.stopPropagation();
+      }}
+    >
       {!showResults && poll.multiple && (
         <Text className='mb-4' theme='muted' size='sm'>
           <FormattedMessage id='poll.choose_multiple' defaultMessage="Choose as many as you'd like." />
diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index 3e01c05af..3da0e3f99 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -119,7 +119,9 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
   const title = interactive ? (
     <a
-      onClick={(e) => e.stopPropagation()}
+      onClick={(e) =>{
+        e.stopPropagation();
+      }}
       href={card.url}
       title={trimmedTitle}
       rel='noopener'
@@ -200,7 +202,9 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
                 {horizontal && (
                   <a
-                    onClick={(e) => e.stopPropagation()}
+                    onClick={(e) =>{
+                      e.stopPropagation();
+                    }}
                     href={card.url}
                     target='_blank'
                     rel='noopener'
@@ -249,7 +253,9 @@ const PreviewCard: React.FC<IPreviewCard> = ({
       target='_blank'
       rel='noopener'
       ref={setRef}
-      onClick={e => e.stopPropagation()}
+      onClick={e =>{
+        e.stopPropagation();
+      }}
     >
       {embed}
       {description}
@@ -268,13 +274,13 @@ const PreviewCard: React.FC<IPreviewCard> = ({
               values={{
                 name: card.authors.map(author => (
                   <HoverAccountWrapper key={author.url} accountId={author.account?.id} element='bdi'>
-                    <Link to='/@{$username}' params={{ username: author.account?.acct || '' }}>
+                    <Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
                       <HStack space={1} alignItems='center'>
                         {author.account && (
                           <Avatar src={author.account?.avatar} size={16} username={author.account.username} />
                         )}
                         <Text weight='medium'>
-                          <Emojify text={author.account?.display_name || author.name} emojis={author.account?.emojis} />
+                          <Emojify text={author.account?.display_name ?? author.name} emojis={author.account?.emojis} />
                         </Text>
                       </HStack>
                     </Link>
diff --git a/packages/pl-fe/src/components/quoted-status-indicator.tsx b/packages/pl-fe/src/components/quoted-status-indicator.tsx
index 04fe07848..c0caad320 100644
--- a/packages/pl-fe/src/components/quoted-status-indicator.tsx
+++ b/packages/pl-fe/src/components/quoted-status-indicator.tsx
@@ -16,7 +16,7 @@ interface IQuotedStatusIndicator {
 const QuotedStatusIndicator: React.FC<IQuotedStatusIndicator> = ({ statusId, statusUrl }) => {
   const getStatus = useCallback(makeGetStatus(), []);
 
-  statusUrl = useAppSelector(state => statusUrl || statusId && getStatus(state, { id: statusId })?.url);
+  statusUrl = useAppSelector(state => statusUrl ?? (statusId && getStatus(state, { id: statusId })?.url));
 
   if (!statusUrl) return null;
 
diff --git a/packages/pl-fe/src/components/quoted-status.tsx b/packages/pl-fe/src/components/quoted-status.tsx
index c849c99a8..a8d2ed75d 100644
--- a/packages/pl-fe/src/components/quoted-status.tsx
+++ b/packages/pl-fe/src/components/quoted-status.tsx
@@ -21,7 +21,7 @@ interface IQuotedStatus {
   /** The quoted status entity. */
   status?: SelectedStatus;
   /** Callback when cancelled (during compose). */
-  onCancel?: Function;
+  onCancel?: () => void;
   /** Whether the status is shown in the post composer. */
   compose?: boolean;
 }
diff --git a/packages/pl-fe/src/components/scrobble.tsx b/packages/pl-fe/src/components/scrobble.tsx
index 8685c2d62..7ba614ecf 100644
--- a/packages/pl-fe/src/components/scrobble.tsx
+++ b/packages/pl-fe/src/components/scrobble.tsx
@@ -54,7 +54,9 @@ const Scrobble: React.FC<IScrobble> = ({ scrobble }) => {
                 <a
                   href={scrobble.external_link}
                   className='underline'
-                  onClick={(e) => e.stopPropagation()}
+                  onClick={(e) =>{
+                    e.stopPropagation();
+                  }}
                   rel='nofollow noopener'
                   target='_blank'
                 >
diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx
index 18cbe529f..03e3f6bf7 100644
--- a/packages/pl-fe/src/components/scroll-top-button.tsx
+++ b/packages/pl-fe/src/components/scroll-top-button.tsx
@@ -38,7 +38,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   const visible = count > 0 && (!autoloadTimelines || scrolled);
 
   /** Number of pixels scrolled down from the top of the page. */
-  const getScrollTop = (): number => (document.scrollingElement || document.documentElement).scrollTop;
+  const getScrollTop = (): number => (document.scrollingElement ?? document.documentElement).scrollTop;
 
   /** Unload feed items if scrolled to the top. */
   const maybeUnload = useCallback(() => {
diff --git a/packages/pl-fe/src/components/sidebar-navigation-link.tsx b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
index 912bd8f95..73530a1fe 100644
--- a/packages/pl-fe/src/components/sidebar-navigation-link.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
@@ -55,7 +55,7 @@ const SidebarNavigationLink = React.memo(React.forwardRef((props: ISidebarNaviga
           aria-hidden
         >
           <Icon
-            src={(isActive && activeIcon) || icon}
+            src={(isActive && activeIcon) ?? icon}
             count={demetricator ? undefined : count}
             countMax={countMax}
           />
diff --git a/packages/pl-fe/src/components/sidebar-navigation.tsx b/packages/pl-fe/src/components/sidebar-navigation.tsx
index 63771153e..325f7d3cf 100644
--- a/packages/pl-fe/src/components/sidebar-navigation.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation.tsx
@@ -69,8 +69,8 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
   }), [!!account, features]);
 
   const notificationCount = useAppSelector((state) => state.notifications.unread);
-  const followRequestsCount = useFollowRequestsCount().data || 0;
-  const interactionRequestsCount = useInteractionRequestsCount().data || 0;
+  const followRequestsCount = useFollowRequestsCount().data ?? 0;
+  const interactionRequestsCount = useInteractionRequestsCount().data ?? 0;
   const { data: awaitingApprovalCount = 0 } = usePendingUsersCount();
   const { data: pendingReportsCount = 0 } = usePendingReportsCount();
   const dashboardCount = pendingReportsCount + awaitingApprovalCount;
@@ -190,7 +190,9 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
         text: intl.formatMessage(messages.help),
         items: [
           {
-            action: () => openModal('HOTKEYS'),
+            action: () =>{
+              openModal('HOTKEYS');
+            },
             icon: require('@phosphor-icons/core/regular/keyboard.svg'),
             text: intl.formatMessage(messages.keyboardShortcuts),
           },
@@ -323,7 +325,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               text={<FormattedMessage id='tabs_bar.settings' defaultMessage='Settings' />}
             />
 
-            {(account.is_admin || account.is_moderator) && (
+            {(account.is_admin ?? account.is_moderator) && (
               <SidebarNavigationLink
                 to='/pl-fe/admin'
                 icon={require('@phosphor-icons/core/regular/gauge.svg')}
@@ -337,7 +339,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
 
         {(features.publicTimeline) && (
           <>
-            {(features.wrenchedTimeline && (account || !restrictUnauth.timelines.wrenched)) && (
+            {(features.wrenchedTimeline && (account ?? !restrictUnauth.timelines.wrenched)) && (
               <SidebarNavigationLink
                 to='/timeline/wrenched'
                 icon={require('@phosphor-icons/core/regular/wrench.svg')}
@@ -346,7 +348,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               />
             )}
 
-            {(account || !restrictUnauth.timelines.local) && (
+            {(account ?? !restrictUnauth.timelines.local) && (
               <SidebarNavigationLink
                 to='/timeline/local'
                 icon={require('@phosphor-icons/core/regular/planet.svg')}
@@ -355,7 +357,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               />
             )}
 
-            {(features.bubbleTimeline && (account || !restrictUnauth.timelines.bubble)) && (
+            {(features.bubbleTimeline && (account ?? !restrictUnauth.timelines.bubble)) && (
               <SidebarNavigationLink
                 to='/timeline/bubble'
                 icon={require('@phosphor-icons/core/regular/graph.svg')}
@@ -364,7 +366,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               />
             )}
 
-            {(features.federating && (account || !restrictUnauth.timelines.federated)) && (
+            {(features.federating && (account ?? !restrictUnauth.timelines.federated)) && (
               <SidebarNavigationLink
                 to='/timeline/fediverse'
                 icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
diff --git a/packages/pl-fe/src/components/site-error.tsx b/packages/pl-fe/src/components/site-error.tsx
index f93669eda..fc4b84cb5 100644
--- a/packages/pl-fe/src/components/site-error.tsx
+++ b/packages/pl-fe/src/components/site-error.tsx
@@ -34,7 +34,7 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
 
   const sentryEnabled = Boolean(sentryDsn);
   const isProduction = NODE_ENV === 'production';
-  const errorText = String(error) + (info?.componentStack || '');
+  const errorText = String(error) + (info?.componentStack ?? '');
 
   const clearCookies: React.MouseEventHandler = (e) => {
     localStorage.clear();
@@ -63,11 +63,15 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
         ErrorBoundary: 'yes',
       },
     })
-      .then((eventId) => setSentryEventId(eventId))
+      .then((eventId) =>{
+        setSentryEventId(eventId);
+      })
       .catch(console.error);
 
     import('bowser')
-      .then(({ default: Bowser }) => setBrowser(Bowser.getParser(window.navigator.userAgent)))
+      .then(({ default: Bowser }) =>{
+        setBrowser(Bowser.getParser(window.navigator.userAgent));
+      })
       .catch(() => {});
   }, []);
 
diff --git a/packages/pl-fe/src/components/status-action-bar.tsx b/packages/pl-fe/src/components/status-action-bar.tsx
index b0ed7c976..4bf3ef2ab 100644
--- a/packages/pl-fe/src/components/status-action-bar.tsx
+++ b/packages/pl-fe/src/components/status-action-bar.tsx
@@ -209,7 +209,7 @@ const ReplyButton: React.FC<IReplyButton> = ({
   const intl = useIntl();
 
   const canReply = useCanInteract(status, 'can_reply');
-  const { groupRelationship } = useGroupRelationship(status.group_id || undefined);
+  const { groupRelationship } = useGroupRelationship(status.group_id ?? undefined);
 
   let replyTitle;
   let replyDisabled = false;
@@ -227,7 +227,7 @@ const ReplyButton: React.FC<IReplyButton> = ({
 
   const handleReplyClick: React.MouseEventHandler = (e) => {
     if (me) {
-      dispatch(replyCompose(status, rebloggedBy, canReply.approvalRequired || false));
+      dispatch(replyCompose(status, rebloggedBy, canReply.approvalRequired ?? false));
     } else {
       onOpenUnauthorizedModal('REPLY');
     }
@@ -479,7 +479,7 @@ const DislikeButton: React.FC<IActionButton> = ({
   );
 };
 
-const getLongerWrench = (emojis: Array<CustomEmoji>) => emojis.find(({ shortcode }) => shortcode === 'longestest_wrench') || emojis.find(({ shortcode }) => shortcode === 'longest_wrench');
+const getLongerWrench = (emojis: Array<CustomEmoji>) => emojis.find(({ shortcode }) => shortcode === 'longestest_wrench') ?? emojis.find(({ shortcode }) => shortcode === 'longest_wrench');
 
 const WrenchButton: React.FC<IActionButton> = ({
   status,
@@ -497,7 +497,7 @@ const WrenchButton: React.FC<IActionButton> = ({
 
   if (!me || withLabels || !features.emojiReacts || !showWrenchButton) return;
 
-  const wrenches = showWrenchButton && status.emoji_reactions.find(emoji => emoji.name === '🔧') || undefined;
+  const wrenches = showWrenchButton && (status.emoji_reactions.find(emoji => emoji.name === '🔧') ?? undefined);
 
   const handleWrenchClick: React.EventHandler<React.MouseEvent> = (e) => {
     if (wrenches?.me) {
@@ -523,7 +523,7 @@ const WrenchButton: React.FC<IActionButton> = ({
       onClick={handleWrenchClick}
       onLongPress={handleWrenchLongPress}
       active={wrenches?.me}
-      count={wrenches?.count || undefined}
+      count={wrenches?.count ?? undefined}
     />
   );
 };
@@ -570,16 +570,16 @@ const MenuButton: React.FC<IMenuButton> = ({
   const { fetchTranslation, hideTranslation } = useStatusMetaActions();
   const { targetLanguage } = useStatusMeta(status.id);
   const { openModal } = useModalsActions();
-  const { group } = useGroup((status.group as Group)?.id as string);
+  const { group } = useGroup((status.group as Group)?.id);
   const { mutate: blockGroupMember } = useBlockGroupUserMutation(status.group?.id as string, status.account.id);
   const { getOrCreateChatByAccountId } = useChats();
   const { mutate: bookmarkStatus } = useBookmarkStatus(status.id);
   const { mutate: unbookmarkStatus } = useUnbookmarkStatus(status.id);
-  const { mutate: pinStatus } = usePinStatus(status?.id!);
-  const { mutate: unpinStatus } = useUnpinStatus(status?.id!);
+  const { mutate: pinStatus } = usePinStatus(status?.id);
+  const { mutate: unpinStatus } = useUnpinStatus(status?.id);
   const { mutate: unblockAccount } = useUnblockAccountMutation(status.account_id);
 
-  const { groupRelationship } = useGroupRelationship(status.group_id || undefined);
+  const { groupRelationship } = useGroupRelationship(status.group_id ?? undefined);
   const features = useFeatures();
   const instance = useInstance();
   const { autoTranslate, deleteModal, knownLanguages } = useSettings();
@@ -594,14 +594,14 @@ const MenuButton: React.FC<IMenuButton> = ({
       allow_unauthenticated: allowUnauthenticated,
     } = instance.pleroma.metadata.translation;
 
-    const renderTranslate = (me || allowUnauthenticated) && (allowRemote || status.account.local) && ['public', 'unlisted'].includes(status.visibility) && status.content.length > 0 && status.language !== null && !knownLanguages.includes(status.language);
+    const renderTranslate = (me ?? allowUnauthenticated) && (allowRemote || status.account.local) && ['public', 'unlisted'].includes(status.visibility) && status.content.length > 0 && status.language !== null && !knownLanguages.includes(status.language);
     const supportsLanguages = (translationLanguages[status.language!]?.includes(intl.locale));
 
     return autoTranslate && features.translations && renderTranslate && supportsLanguages;
   }, [me, status, autoTranslate]);
 
   const { account } = useOwnAccount();
-  const isStaff = account ? account.is_admin || account.is_moderator : false;
+  const isStaff = account ? account.is_admin ?? account.is_moderator : false;
   const isAdmin = account ? account.is_admin : false;
 
   const menu = useMemo(() => {
@@ -712,8 +712,12 @@ const MenuButton: React.FC<IMenuButton> = ({
 
     const handleLoadConversationClick = () => {
       client.statuses.loadConversation(status.id)
-        .then(() => toast.success(messages.loadConversationSuccess))
-        .catch((error) => toast.error(messages.loadConversationError));
+        .then(() =>{
+          toast.success(messages.loadConversationSuccess);
+        })
+        .catch((error) =>{
+          toast.error(messages.loadConversationError);
+        });
     };
 
     const handleCopy: React.EventHandler<React.MouseEvent> = (e) => {
@@ -883,17 +887,23 @@ const MenuButton: React.FC<IMenuButton> = ({
         items: [
           {
             text: intl.formatMessage(messages.reblog_visibility_public),
-            action: (e) => handleReblogClick(e, 'public'),
+            action: (e) =>{
+              handleReblogClick(e, 'public');
+            },
             icon: require('@phosphor-icons/core/regular/globe.svg'),
           },
           {
             text: intl.formatMessage(messages.reblog_visibility_unlisted),
-            action: (e) => handleReblogClick(e, 'unlisted'),
+            action: (e) =>{
+              handleReblogClick(e, 'unlisted');
+            },
             icon: require('@phosphor-icons/core/regular/moon.svg'),
           },
           {
             text: intl.formatMessage(messages.reblog_visibility_private),
-            action: (e) => handleReblogClick(e, 'private'),
+            action: (e) =>{
+              handleReblogClick(e, 'private');
+            },
             icon: require('@phosphor-icons/core/regular/lock.svg'),
           },
         ],
@@ -907,14 +917,12 @@ const MenuButton: React.FC<IMenuButton> = ({
           action: handlePinClick,
           icon: status.pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg'),
         });
-      } else {
-        if (status.visibility === 'private' || status.visibility === 'mutuals_only') {
-          menu.push({
-            text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog_private),
-            action: handleReblogClick,
-            icon: require('@phosphor-icons/core/regular/repeat.svg'),
-          });
-        }
+      } else if (status.visibility === 'private' || status.visibility === 'mutuals_only') {
+        menu.push({
+          text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog_private),
+          action: handleReblogClick,
+          icon: require('@phosphor-icons/core/regular/repeat.svg'),
+        });
       }
 
       menu.push({
@@ -1058,7 +1066,7 @@ const MenuButton: React.FC<IMenuButton> = ({
 
       if (features.pleromaAdminStatuses) {
         menu.push({
-          text: intl.formatMessage(status.sensitive === false ? messages.markStatusSensitive : messages.markStatusNotSensitive),
+          text: intl.formatMessage(!status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive),
           action: handleToggleStatusSensitivity,
           icon: require('@phosphor-icons/core/regular/warning.svg'),
         });
@@ -1120,7 +1128,9 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
 
   const publicStatus = useMemo(() => status ? ['public', 'unlisted', 'group'].includes(status.visibility) : false, [status.visibility]);
 
-  const onContainerClick: React.MouseEventHandler<HTMLDivElement> = useCallback((e) => e.stopPropagation(), []);
+  const onContainerClick: React.MouseEventHandler<HTMLDivElement> = useCallback((e) =>{
+    e.stopPropagation();
+  }, []);
 
   const onOpenUnauthorizedModal = useCallback((action?: UnauthorizedModalAction) => {
     openModal('UNAUTHORIZED', {
diff --git a/packages/pl-fe/src/components/status-action-button.tsx b/packages/pl-fe/src/components/status-action-button.tsx
index 769de4fe9..9211f0a5a 100644
--- a/packages/pl-fe/src/components/status-action-button.tsx
+++ b/packages/pl-fe/src/components/status-action-button.tsx
@@ -48,7 +48,7 @@ const StatusActionButton = React.forwardRef<HTMLButtonElement, IStatusActionButt
   const renderIcon = () => {
     return (
       <Icon
-        src={active && filledIcon || icon}
+        src={active && filledIcon ? filledIcon : icon}
         className={iconClassName}
         aria-hidden
       />
diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 32622ca17..3ea287061 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -89,7 +89,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
   const { data: localTranslation } = useLocalStatusTranslation(status.id, statusMeta.localTargetLanguage);
 
   const withSpoiler = status.spoiler_text?.length > 0;
-  const expanded = !withSpoiler || statusMeta.expanded || false;
+  const expanded = !withSpoiler || (statusMeta.expanded ?? false);
 
   const maybeSetCollapsed = (): void => {
     if (!contentNode.current) return;
@@ -219,7 +219,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
         quote = (
           <QuotedStatusIndicator statusId={status.quote_id} statusUrl={status.quote_url} />
         );
-      } else if ((status.quote_visible ?? true) === false) {
+      } else if (!(status.quote_visible ?? true)) {
         quote = (
           <OutlineBox>
             <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
@@ -230,9 +230,9 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
       }
     }
 
-    const media = (quote || status.card || (withMedia && status.media_attachments.length > 0)) && (
+    const media = ((quote ?? status.card) ?? (withMedia && status.media_attachments.length > 0)) && (
       <Stack space={4} key='media'>
-        {((withMedia && status.media_attachments.length > 0) || (status.card && !quote)) && (
+        {((withMedia && status.media_attachments.length > 0) ?? (status.card && !quote)) && (
           <div className='relative has-[div[data-testid="sensitive-overlay"]]:min-h-24'>
             <SensitiveContentOverlay status={status} />
             {withMedia && <StatusMedia status={status} muted={compose} />}
@@ -251,7 +251,7 @@ const StatusContent: React.FC<IStatusContent> = React.memo(({
           key='content'
           className={className}
           direction={direction}
-          lang={status.language || undefined}
+          lang={status.language ?? undefined}
           size={textSize}
         >
           {parsedContent}
diff --git a/packages/pl-fe/src/components/status-language-picker.tsx b/packages/pl-fe/src/components/status-language-picker.tsx
index 0ddbc3607..f19d2b286 100644
--- a/packages/pl-fe/src/components/status-language-picker.tsx
+++ b/packages/pl-fe/src/components/status-language-picker.tsx
@@ -37,7 +37,9 @@ const StatusLanguagePicker: React.FC<IStatusLanguagePicker> = React.memo(({ stat
       <DropdownMenu
         items={Object.keys(status.content_map).map((language) => ({
           text: languages[language as Language] || language,
-          action: () => setStatusLanguage(status.id, language),
+          action: () =>{
+            setStatusLanguage(status.id, language);
+          },
           active: language === currentLanguage,
         }))}
       >
diff --git a/packages/pl-fe/src/components/status-list.tsx b/packages/pl-fe/src/components/status-list.tsx
index 200646679..85533694f 100644
--- a/packages/pl-fe/src/components/status-list.tsx
+++ b/packages/pl-fe/src/components/status-list.tsx
@@ -66,11 +66,11 @@ const StatusList: React.FC<IStatusList> = ({
 }) => {
   const node = useRef<VirtuosoHandle>(null);
 
-  const getFeaturedStatusCount = () => featuredStatusIds?.length || 0;
+  const getFeaturedStatusCount = () => featuredStatusIds?.length ?? 0;
 
   const getCurrentStatusIndex = (id: string, featured: boolean): number => {
     if (featured) {
-      return featuredStatusIds?.findIndex(key => key === id) || 0;
+      return featuredStatusIds?.findIndex(key => key === id) ?? 0;
     } else {
       return statusIds.findIndex(key => key === id) + getFeaturedStatusCount();
     }
@@ -78,23 +78,25 @@ const StatusList: React.FC<IStatusList> = ({
 
   const handleMoveUp = (id: string, featured: boolean = false) => {
     const elementIndex = getCurrentStatusIndex(id, featured) - 1;
-    selectChild(elementIndex, node, document.getElementById('status-list') || undefined);
+    selectChild(elementIndex, node, document.getElementById('status-list') ?? undefined);
   };
 
   const handleMoveDown = (id: string, featured: boolean = false) => {
     const elementIndex = getCurrentStatusIndex(id, featured) + 1;
-    selectChild(elementIndex, node, document.getElementById('status-list') || undefined, scrollableContent.length);
+    selectChild(elementIndex, node, document.getElementById('status-list') ?? undefined, scrollableContent.length);
   };
 
   const handleLoadOlder = useCallback(debounce(() => {
-    const maxId = lastStatusId || statusIds.at(-1);
+    const maxId = lastStatusId ?? statusIds.at(-1);
     if (onLoadMore && maxId) {
       onLoadMore(maxId);
     }
   }, 300, { leading: true }), [onLoadMore, lastStatusId, statusIds.at(-1)]);
 
   const handleSkipPinned = () => {
-    const skipPinned = () => selectChild(getFeaturedStatusCount(), node, document.getElementById('status-list') || undefined, scrollableContent.length, 'start');
+    const skipPinned = () =>{
+      selectChild(getFeaturedStatusCount(), node, document.getElementById('status-list') ?? undefined, scrollableContent.length, 'start');
+    };
 
     skipPinned();
 
@@ -112,7 +114,7 @@ const StatusList: React.FC<IStatusList> = ({
       <LoadGap
         key={'gap:' + nextId}
         disabled={isLoading}
-        maxId={prevId!}
+        maxId={prevId}
         onClick={onLoadMore}
       />
     );
diff --git a/packages/pl-fe/src/components/status-media.tsx b/packages/pl-fe/src/components/status-media.tsx
index 693651a80..cdbf3845d 100644
--- a/packages/pl-fe/src/components/status-media.tsx
+++ b/packages/pl-fe/src/components/status-media.tsx
@@ -88,7 +88,7 @@ const StatusMedia: React.FC<IStatusMedia> = ({
             backgroundColor={attachment.meta.colors?.background}
             foregroundColor={attachment.meta.colors?.foreground}
             accentColor={attachment.meta.colors?.accent}
-            duration={attachment.meta.original?.duration || 0}
+            duration={attachment.meta.original?.duration ?? 0}
             height={263}
           />
         </Suspense>
@@ -122,7 +122,10 @@ const StatusMedia: React.FC<IStatusMedia> = ({
   if (media) {
     return (
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      <div onClick={e => e.stopPropagation()}>
+      <div onClick={e =>{
+        e.stopPropagation();
+      }}
+      >
         {media}
       </div>
     );
diff --git a/packages/pl-fe/src/components/status-mention.tsx b/packages/pl-fe/src/components/status-mention.tsx
index fe1331401..835c4ef87 100644
--- a/packages/pl-fe/src/components/status-mention.tsx
+++ b/packages/pl-fe/src/components/status-mention.tsx
@@ -25,7 +25,9 @@ const StatusMention: React.FC<IStatusMention> = ({ accountId, fallback }) => {
       params={{ username: account.acct }}
       className='text-primary-600 hover:underline dark:text-primary-400'
       dir='ltr'
-      onClick={(e) => e.stopPropagation()}
+      onClick={(e) =>{
+        e.stopPropagation();
+      }}
     >
       <HoverAccountWrapper accountId={accountId} element='span'>
         @{account.acct}
diff --git a/packages/pl-fe/src/components/status-reactions-bar.tsx b/packages/pl-fe/src/components/status-reactions-bar.tsx
index b74a091bb..635a28145 100644
--- a/packages/pl-fe/src/components/status-reactions-bar.tsx
+++ b/packages/pl-fe/src/components/status-reactions-bar.tsx
@@ -89,7 +89,7 @@ const StatusReaction: React.FC<IStatusReaction> = ({ reaction, statusId, obfusca
       disabled={unauthenticated}
       {...bind}
     >
-      <Emoji emoji={reaction.name} src={reaction.url || undefined} />
+      <Emoji emoji={reaction.name} src={reaction.url ?? undefined} />
 
       <p>
         <AnimatedNumber value={reaction.count} obfuscate={obfuscate} short />
@@ -112,7 +112,7 @@ const StatusReactionsBar: React.FC<IStatusReactionsBar> = ({ status, collapsed }
   if ((demetricator || status.emoji_reactions.length === 0) && collapsed) return null;
   if (status.emoji_reactions.length === 0 && !features.emojiReacts) return null;
 
-  const sortedReactions = status.emoji_reactions.toSorted((a, b) => (b.count || 0) - (a.count || 0));
+  const sortedReactions = status.emoji_reactions.toSorted((a, b) => (b.count ?? 0) - (a.count ?? 0));
 
   return (
     <div className='⁂-status-reactions-bar'>
diff --git a/packages/pl-fe/src/components/status-reply-mentions.tsx b/packages/pl-fe/src/components/status-reply-mentions.tsx
index 941e69ef4..14ebb5466 100644
--- a/packages/pl-fe/src/components/status-reply-mentions.tsx
+++ b/packages/pl-fe/src/components/status-reply-mentions.tsx
@@ -42,7 +42,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
 
     if (hoverable) {
       return (
-        <HoverStatusWrapper statusId={status.in_reply_to_id!} inline>
+        <HoverStatusWrapper statusId={status.in_reply_to_id} inline>
           <span
             key='hoverstatus'
             className='cursor-pointer hover:underline'
@@ -65,7 +65,9 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
         to='/@{$username}'
         params={{ username: account.acct }}
         className='inline-block max-w-[200px] truncate align-bottom text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-400'
-        onClick={(e) => e.stopPropagation()}
+        onClick={(e) =>{
+          e.stopPropagation();
+        }}
       >
         @{account.username}
       </Link>
@@ -97,7 +99,6 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
         defaultMessage='<hover>Replying to</hover> {accounts}'
         values={{
           accounts: <FormattedList type='conjunction' value={accounts} />,
-          // @ts-ignore wtf?
           hover: (children: React.ReactNode) => {
             if (hoverable) {
               return (
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index 4cc55f9a7..7822c65ca 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -45,7 +45,11 @@ interface IAccountInfo {
 
 const AccountInfo: React.FC<IAccountInfo> = React.memo(({ status }) => (
   <div className='flex flex-row-reverse items-center gap-1 self-baseline'>
-    <Link to='/@{$username}/posts/$statusId' params={{ username: status.account.acct, statusId: status.id }} className='hover:underline' onClick={(event) => event.stopPropagation()}>
+    <Link
+      to='/@{$username}/posts/$statusId' params={{ username: status.account.acct, statusId: status.id }} className='hover:underline' onClick={(event) =>{
+        event.stopPropagation();
+      }}
+    >
       <RelativeTimestamp timestamp={status.created_at} theme='muted' size='sm' className='whitespace-nowrap' />
     </Link>
     <StatusTypeIcon visibility={status.visibility} />
@@ -156,7 +160,7 @@ const Status: React.FC<IStatus> = (props) => {
   const node = useRef<HTMLDivElement>(null);
 
   const getStatus = useMemo(makeGetStatus, []);
-  const actualStatus = useAppSelector(state => status.reblog_id && getStatus(state, { id: status.reblog_id }) || status)!;
+  const actualStatus = useAppSelector(state => (status.reblog_id && getStatus(state, { id: status.reblog_id })) ?? status);
 
   const { mutate: favouriteStatus } = useFavouriteStatus(actualStatus.id);
   const { mutate: unfavouriteStatus } = useUnfavouriteStatus(actualStatus.id);
@@ -317,7 +321,7 @@ const Status: React.FC<IStatus> = (props) => {
         />
       );
     } else if (isReblog) {
-      const accounts = status.accounts || [status.account];
+      const accounts = status.accounts ?? [status.account];
 
       const renderedAccounts = accounts.slice(0, 2).map(account => !!account && (
         <Link key={account.acct} to='/@{$username}' params={{ username: account.acct }} className='hover:underline'>
diff --git a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
index 17625bdd3..e5b2aa77a 100644
--- a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
+++ b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
@@ -17,9 +17,9 @@ const useMediaVisible = (status: Pick<Status, 'media_attachments' | 'sensitive'>
   return useMemo(() => {
     let visible = !status.sensitive;
 
-    const filterResults = status.filtered?.filter(({ filter }) => filter.filter_action === 'blur') || [];
+    const filterResults = status.filtered?.filter(({ filter }) => filter.filter_action === 'blur') ?? [];
 
-    if (filterResults.length) return [mediaVisible !== undefined ? mediaVisible : false, filterResults];
+    if (filterResults.length) return [mediaVisible ?? false, filterResults];
 
     if (mediaVisible !== undefined) visible = mediaVisible;
     else if (displayMedia === 'show_all') visible = true;
diff --git a/packages/pl-fe/src/components/statuses/status-info.tsx b/packages/pl-fe/src/components/statuses/status-info.tsx
index 4199047e4..792f314db 100644
--- a/packages/pl-fe/src/components/statuses/status-info.tsx
+++ b/packages/pl-fe/src/components/statuses/status-info.tsx
@@ -12,7 +12,7 @@ interface IStatusInfo {
 const StatusInfo = (props: IStatusInfo) => {
   const { avatarSize, icon, text, className, title } = props;
 
-  const onClick = (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => {
+  const onClick = (event: React.MouseEvent<HTMLDivElement>) => {
     event.stopPropagation();
   };
 
diff --git a/packages/pl-fe/src/components/still-image.tsx b/packages/pl-fe/src/components/still-image.tsx
index 49bff5b5f..f4082f8ae 100644
--- a/packages/pl-fe/src/components/still-image.tsx
+++ b/packages/pl-fe/src/components/still-image.tsx
@@ -39,7 +39,7 @@ const StillImage: React.FC<IStillImage> = ({
   const canvas = useRef<HTMLCanvasElement>(null);
   const img = useRef<HTMLImageElement>(null);
 
-  const hoverToPlay = src && !autoPlayGif && (isGif || src.endsWith('.gif') || src.startsWith('blob:') || (src && staticSrc && src !== staticSrc));
+  const hoverToPlay = src && !autoPlayGif && ((isGif ?? src.endsWith('.gif')) || src.startsWith('blob:') || (src && staticSrc && src !== staticSrc));
 
   const handleImageLoad: React.ReactEventHandler<HTMLImageElement> = (e) => {
     if (hoverToPlay && !staticSrc && canvas.current && img.current) {
diff --git a/packages/pl-fe/src/components/thumb-navigation-link.tsx b/packages/pl-fe/src/components/thumb-navigation-link.tsx
index 77805f850..43f745764 100644
--- a/packages/pl-fe/src/components/thumb-navigation-link.tsx
+++ b/packages/pl-fe/src/components/thumb-navigation-link.tsx
@@ -19,7 +19,7 @@ const ThumbNavigationLink: React.FC<IThumbNavigationLink> = ({ count, countMax,
 
   const matchRoute = useMatchRoute();
 
-  const icon = (activeSrc && matchRoute({ to: props.to, params: props.params, search: props.search }) !== false && activeSrc) || src;
+  const icon = (activeSrc && matchRoute({ to: props.to, params: props.params, search: props.search }) !== false && activeSrc) ?? src;
 
   return (
     <Link {...props} activeOptions={{ exact }} className='⁂-thumb-navigation__item' activeProps={{ className: '⁂-thumb-navigation__item--active' }} title={text}>
diff --git a/packages/pl-fe/src/components/translate-button.tsx b/packages/pl-fe/src/components/translate-button.tsx
index 27ab29d05..9c9c87022 100644
--- a/packages/pl-fe/src/components/translate-button.tsx
+++ b/packages/pl-fe/src/components/translate-button.tsx
@@ -34,14 +34,14 @@ const canRemoteTranslate = (status: ITranslateButton['status'], instance: Instan
 
   if (!status.account.local && !allowRemote) return false;
 
-  if (!supportedLanguages[status.language!]?.includes(locale)) return false;
+  if (!supportedLanguages[status.language]?.includes(locale)) return false;
 
   return true;
 };
 
 type Availability = Awaited<ReturnType<typeof Translator.availability>>;
 
-const localTranslationAvailability = async (status: ITranslateButton['status'], locale: string): Promise<Availability | false> => {
+const localTranslationAvailability = (status: ITranslateButton['status'], locale: string): Promise<Availability | false> => {
   if (!('Translator' in window)) return 'unavailable';
 
   if (status.content.length < 0) return false;
@@ -94,7 +94,9 @@ const TranslateButton: React.FC<ITranslateButton> = ({ status }) => {
   const handleTranslate: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.stopPropagation();
 
-    if (localTargetLanguage) return hideLocalTranslation(status.id);
+    if (localTargetLanguage) {
+      hideLocalTranslation(status.id); return;
+    }
 
     if (remoteTranslate) {
       if (targetLanguage) {
diff --git a/packages/pl-fe/src/components/trending-link.tsx b/packages/pl-fe/src/components/trending-link.tsx
index 9dfba592b..75d2dbcc0 100644
--- a/packages/pl-fe/src/components/trending-link.tsx
+++ b/packages/pl-fe/src/components/trending-link.tsx
@@ -31,7 +31,7 @@ const TrendingLink: React.FC<ITrendingLink> = ({ trendingLink }) => {
             hash={trendingLink.blurhash}
           />
         )}
-        <img className='relative size-full object-cover' src={trendingLink.image} alt={trendingLink.image_description || undefined} />
+        <img className='relative size-full object-cover' src={trendingLink.image} alt={trendingLink.image_description ?? undefined} />
       </div>
     );
   }
diff --git a/packages/pl-fe/src/components/ui/avatar.tsx b/packages/pl-fe/src/components/ui/avatar.tsx
index 5e3319416..3263d5971 100644
--- a/packages/pl-fe/src/components/ui/avatar.tsx
+++ b/packages/pl-fe/src/components/ui/avatar.tsx
@@ -45,7 +45,9 @@ const Avatar = (props: IAvatar) => {
   const [color, setColor] = useState<string | undefined>(undefined);
   const [isAvatarMissing, setIsAvatarMissing] = useState(false);
 
-  const handleLoadFailure = () => setIsAvatarMissing(true);
+  const handleLoadFailure = () =>{
+    setIsAvatarMissing(true);
+  };
 
   useEffect(() => {
     if (!isCat) return;
@@ -60,7 +62,9 @@ const Avatar = (props: IAvatar) => {
         COLOR_CACHE.set(src, color.hex);
         setColor(color.hex);
       }
-    }).catch(() => setColor(undefined));
+    }).catch(() =>{
+      setColor(undefined);
+    });
   }, [src, isCat]);
 
   const style: React.CSSProperties = React.useMemo(() => {
diff --git a/packages/pl-fe/src/components/ui/button/index.tsx b/packages/pl-fe/src/components/ui/button/index.tsx
index c58a942e1..4cefdedc0 100644
--- a/packages/pl-fe/src/components/ui/button/index.tsx
+++ b/packages/pl-fe/src/components/ui/button/index.tsx
@@ -47,7 +47,7 @@ const Button = React.forwardRef<HTMLButtonElement, IButton>(({
   className,
   ...props
 }, ref): JSX.Element => {
-  const body = text || children;
+  const body = text ?? children;
 
   const themeClass = useButtonStyles({
     theme,
diff --git a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
index 21f4536ea..2f2f7c4dc 100644
--- a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
+++ b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
@@ -38,8 +38,8 @@ const useButtonStyles = ({
 }: IButtonStyles) => {
   const buttonStyle = clsx({
     'rtl:space-x-reverse inline-flex items-center place-content-center border font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all disabled:select-none disabled:opacity-75 disabled:cursor-default': true,
-    [`${themes[theme]}`]: true,
-    [`${sizes[size]}`]: true,
+    [themes[theme]]: true,
+    [sizes[size]]: true,
     'flex w-full justify-center': block,
   });
 
diff --git a/packages/pl-fe/src/components/ui/emoji.tsx b/packages/pl-fe/src/components/ui/emoji.tsx
index d3283e0bd..cfa288f25 100644
--- a/packages/pl-fe/src/components/ui/emoji.tsx
+++ b/packages/pl-fe/src/components/ui/emoji.tsx
@@ -29,12 +29,12 @@ const Emoji: React.FC<IEmoji> = (props): JSX.Element | null => {
   if (src) {
     if (disableUserProvidedMedia) return (
       <>
-        {alt || <span className={rest.className}>{emoji}</span>}
+        {alt ?? <span className={rest.className}>{emoji}</span>}
       </>
     );
     return (
       <StillImage
-        alt={alt || emoji}
+        alt={alt ?? emoji}
         src={src}
         staticSrc={staticSrc}
         isGif
@@ -50,7 +50,7 @@ const Emoji: React.FC<IEmoji> = (props): JSX.Element | null => {
   return (
     <img
       draggable='false'
-      alt={alt || emoji}
+      alt={alt ?? emoji}
       src={joinPublicPath(`packs/emoji/${filename}.svg`)}
       {...rest}
     />
diff --git a/packages/pl-fe/src/components/ui/icon-button.tsx b/packages/pl-fe/src/components/ui/icon-button.tsx
index 17a8b1e7c..ba9a70d0a 100644
--- a/packages/pl-fe/src/components/ui/icon-button.tsx
+++ b/packages/pl-fe/src/components/ui/icon-button.tsx
@@ -37,7 +37,7 @@ const IconButton = React.forwardRef((props: IIconButton, ref: React.ForwardedRef
         'opacity-50': filteredProps.disabled,
       }, className)}
       {...filteredProps}
-      data-testid={filteredProps['data-testid'] || 'icon-button'}
+      data-testid={filteredProps['data-testid'] ?? 'icon-button'}
       {...(props.href ? { target: '_blank' } as any : {})}
     >
       <SvgIcon src={src} className={iconClassName} aria-hidden />
diff --git a/packages/pl-fe/src/components/ui/icon.tsx b/packages/pl-fe/src/components/ui/icon.tsx
index c6c5aae0b..a5c5239be 100644
--- a/packages/pl-fe/src/components/ui/icon.tsx
+++ b/packages/pl-fe/src/components/ui/icon.tsx
@@ -28,7 +28,7 @@ interface IIcon extends Pick<React.SVGAttributes<SVGAElement>, 'strokeWidth'> {
 const Icon: React.FC<IIcon> = React.forwardRef<HTMLDivElement, IIcon>(({ src, alt, count, size, countMax, containerClassName, title, ...filteredProps }, ref): JSX.Element => (
   <div
     className={clsx('⁂-icon', containerClassName)}
-    data-testid={filteredProps['data-testid'] || 'icon'}
+    data-testid={filteredProps['data-testid'] ?? 'icon'}
     title={title}
     ref={ref}
   >
diff --git a/packages/pl-fe/src/components/ui/inline-multiselect.tsx b/packages/pl-fe/src/components/ui/inline-multiselect.tsx
index 78f487202..a32700d7c 100644
--- a/packages/pl-fe/src/components/ui/inline-multiselect.tsx
+++ b/packages/pl-fe/src/components/ui/inline-multiselect.tsx
@@ -30,7 +30,9 @@ const InlineMultiselect = <T extends string>({ items, value, onChange, disabled
             type='checkbox'
             className='sr-only'
             checked={checked}
-            onChange={({ target }) => onChange((target.checked ? [...(value || []), target.name] : value?.filter(key => key !== target.name) || []) as Array<T>)}
+            onChange={({ target }) =>{
+              onChange((target.checked ? [...(value ?? []), target.name] : value?.filter(key => key !== target.name) ?? []) as Array<T>);
+            }}
             disabled={disabled}
           />
           {label as string}
diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx
index b5dd0ba88..6b1374e31 100644
--- a/packages/pl-fe/src/components/ui/modal.tsx
+++ b/packages/pl-fe/src/components/ui/modal.tsx
@@ -83,7 +83,7 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(({
 
   const defaultCloseIcon = useDefaultCloseIcon();
 
-  closeIcon = closeIcon || defaultCloseIcon;
+  closeIcon = closeIcon ?? defaultCloseIcon;
 
   React.useEffect(() => {
     setFirstRender(false);
@@ -141,7 +141,7 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(({
                   className='⁂-modal__action-cancel'
                   onClick={cancelAction}
                 >
-                  {cancelText || <FormattedMessage id='common.cancel' defaultMessage='Cancel' />}
+                  {cancelText ?? <FormattedMessage id='common.cancel' defaultMessage='Cancel' />}
                 </button>
               )}
             </div>
@@ -158,7 +158,7 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(({
               )}
 
               <Button
-                theme={confirmationTheme || 'primary'}
+                theme={confirmationTheme ?? 'primary'}
                 onClick={confirmationAction}
                 disabled={confirmationDisabled}
                 ref={buttonRef}
diff --git a/packages/pl-fe/src/components/ui/multiselect.tsx b/packages/pl-fe/src/components/ui/multiselect.tsx
index f90e07689..d49ad3e79 100644
--- a/packages/pl-fe/src/components/ui/multiselect.tsx
+++ b/packages/pl-fe/src/components/ui/multiselect.tsx
@@ -156,15 +156,12 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     const optionList = unfilteredOptions.filter(item => {
       return selectedValues.findIndex(
         v => v[displayValue] === item[displayValue],
-      ) === -1
-        ? true
-        : false;
+      ) === -1;
     });
     this.setState(
       { options: optionList, filteredOptions: optionList },
       this.filterOptionsByInput,
     );
-    return;
   }
 
   onChange(event) {
@@ -313,7 +310,9 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
         <li
           key={`option${i}`}
           className={`option ${isSelected ? 'selected' : ''} ${highlightOption === i ? 'highlightOption highlight' : ''}`}
-          onClick={() => this.onSelectItem(option)}
+          onClick={() =>{
+            this.onSelectItem(option);
+          }}
         >
           {option[displayValue]}
         </li>
@@ -327,7 +326,10 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     return selectedValues.map((value, index) => (
       <span className='chip' key={index}>
         {value[displayValue]}
-        <button onClick={() => this.onRemoveSelectedItem(value)}>
+        <button onClick={() =>{
+          this.onRemoveSelectedItem(value);
+        }}
+        >
           <Icon className='ml-1 size-4 hover:cursor-pointer' src={require('@phosphor-icons/core/regular/x-circle.svg')} />
         </button>
       </span>
@@ -378,7 +380,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
             type='text'
             ref={this.searchBox}
             className='searchBox'
-            name={`${name || 'search-name'}-input`}
+            name={`${name ?? 'search-name'}-input`}
             onChange={this.onChange}
             onKeyPress={this.onKeyPress}
             value={inputValue}
diff --git a/packages/pl-fe/src/components/ui/popover.tsx b/packages/pl-fe/src/components/ui/popover.tsx
index 223c8591e..a15c69915 100644
--- a/packages/pl-fe/src/components/ui/popover.tsx
+++ b/packages/pl-fe/src/components/ui/popover.tsx
@@ -20,7 +20,7 @@ import React, { useRef, useState } from 'react';
 import Portal from './portal';
 
 interface IPopover {
-  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  children: React.ReactElement;
   /** The content of the popover */
   content: React.ReactNode;
   /** Should we remove padding on the Popover */
diff --git a/packages/pl-fe/src/components/ui/streamfield.tsx b/packages/pl-fe/src/components/ui/streamfield.tsx
index ad2b71cba..9d97cf78d 100644
--- a/packages/pl-fe/src/components/ui/streamfield.tsx
+++ b/packages/pl-fe/src/components/ui/streamfield.tsx
@@ -113,7 +113,9 @@ const Streamfield: React.FC<IStreamfield> = ({
                   iconClassName='h-4 w-4'
                   className='bg-transparent text-gray-600 hover:text-gray-600'
                   src={require('@phosphor-icons/core/regular/x.svg')}
-                  onClick={() => onRemoveItem(i)}
+                  onClick={() =>{
+                    onRemoveItem(i);
+                  }}
                   title={intl.formatMessage(messages.remove)}
                 />
               )}
diff --git a/packages/pl-fe/src/components/ui/tag-input.tsx b/packages/pl-fe/src/components/ui/tag-input.tsx
index e31351681..e16717a9f 100644
--- a/packages/pl-fe/src/components/ui/tag-input.tsx
+++ b/packages/pl-fe/src/components/ui/tag-input.tsx
@@ -58,7 +58,9 @@ const TagInput: React.FC<ITagInput> = ({ tags, onChange, placeholder }) => {
           className='mb-2 h-8 w-32 grow bg-transparent p-1 outline-none'
           value={input}
           placeholder={placeholder}
-          onChange={e => setInput(e.target.value)}
+          onChange={e =>{
+            setInput(e.target.value);
+          }}
           onKeyDown={handleKeyDown}
         />
       </HStack>
diff --git a/packages/pl-fe/src/components/ui/tag.tsx b/packages/pl-fe/src/components/ui/tag.tsx
index 9f977cf01..ab9037f35 100644
--- a/packages/pl-fe/src/components/ui/tag.tsx
+++ b/packages/pl-fe/src/components/ui/tag.tsx
@@ -18,7 +18,9 @@ const Tag: React.FC<ITag> = ({ tag, onDelete }) => (
     <IconButton
       iconClassName='h-4 w-4'
       src={require('@phosphor-icons/core/regular/x.svg')}
-      onClick={() => onDelete(tag)}
+      onClick={() =>{
+        onDelete(tag);
+      }}
     />
   </div>
 );
diff --git a/packages/pl-fe/src/components/ui/textarea.tsx b/packages/pl-fe/src/components/ui/textarea.tsx
index d4559f0b6..0c18bc2df 100644
--- a/packages/pl-fe/src/components/ui/textarea.tsx
+++ b/packages/pl-fe/src/components/ui/textarea.tsx
@@ -50,7 +50,7 @@ const Textarea = React.forwardRef(({
   className,
   ...props
 }: ITextarea, ref: React.ForwardedRef<HTMLTextAreaElement>) => {
-  const length = value?.length || 0;
+  const length = value?.length ?? 0;
   const [rows, setRows] = useState<number>(autoGrow ? minRows : initialRows);
   const direction = useLocaleDirection(useLocale());
 
diff --git a/packages/pl-fe/src/components/ui/toast.tsx b/packages/pl-fe/src/components/ui/toast.tsx
index 7a6195fd0..a162314f4 100644
--- a/packages/pl-fe/src/components/ui/toast.tsx
+++ b/packages/pl-fe/src/components/ui/toast.tsx
@@ -41,7 +41,9 @@ const Toast = (props: IToast) => {
 
   const intl = useIntl();
 
-  const dismissToast = () => toast.dismiss(t.id);
+  const dismissToast = () =>{
+    toast.dismiss(t.id);
+  };
 
   const renderIcon = () => {
     switch (type) {
diff --git a/packages/pl-fe/src/components/ui/tooltip.tsx b/packages/pl-fe/src/components/ui/tooltip.tsx
index e5d24bb31..b76df9bbf 100644
--- a/packages/pl-fe/src/components/ui/tooltip.tsx
+++ b/packages/pl-fe/src/components/ui/tooltip.tsx
@@ -13,7 +13,7 @@ import React, { useRef, useState } from 'react';
 
 interface ITooltip {
   /** Element to display the tooltip around. */
-  children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+  children: React.ReactElement;
   /** Text to display in the tooltip. */
   text: string;
   /** If disabled, it will render the children without wrapping them. */
diff --git a/packages/pl-fe/src/components/ui/widget.tsx b/packages/pl-fe/src/components/ui/widget.tsx
index df134b3b9..fe6cf34ad 100644
--- a/packages/pl-fe/src/components/ui/widget.tsx
+++ b/packages/pl-fe/src/components/ui/widget.tsx
@@ -28,10 +28,10 @@ const Widget: React.FC<IWidget> = ({
   className,
 }): JSX.Element => (
   <div className={clsx('⁂-widget', className)}>
-    {(title || action || onActionClick) && (
+    {((title ?? action) ?? onActionClick) && (
       <div className='⁂-widget__header'>
         {title && <h1>{title}</h1>}
-        {action || (onActionClick && (
+        {action ?? (onActionClick && (
           <IconButton
             className='⁂-widget__icon'
             src={actionIcon}
diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index 3c528a9dd..dcde57e76 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -122,8 +122,8 @@ const Upload: React.FC<IUpload> = ({
 
     if (!onDescriptionChange) return;
 
-    const focusX = (media.type === 'image' || media.type === 'gifv') && media.meta.focus?.x || 0;
-    const focusY = (media.type === 'image' || media.type === 'gifv') && media.meta.focus?.y || 0;
+    const focusX = (media.type === 'image' || media.type === 'gifv') ? (media.meta.focus?.x ?? 0) : 0;
+    const focusY = (media.type === 'image' || media.type === 'gifv') ? (media.meta.focus?.y ?? 0) : 0;
 
     openModal('ALT_TEXT', {
       media,
@@ -136,8 +136,8 @@ const Upload: React.FC<IUpload> = ({
   };
 
   const description = media.description;
-  const focusX = media.type === 'image' && media.meta?.focus?.x || undefined;
-  const focusY = media.type === 'image' && media.meta?.focus?.y || undefined;
+  const focusX = (media.type === 'image' && media.meta?.focus?.x) ?? undefined;
+  const focusY = (media.type === 'image' && media.meta?.focus?.y) ?? undefined;
   const x = focusX ? ((focusX / 2) + .5) * 100 : undefined;
   const y = focusY ? ((focusY / -2) + .5) * 100 : undefined;
   const mediaType = media.type;
@@ -155,7 +155,7 @@ const Upload: React.FC<IUpload> = ({
   const uploadIcon = mediaType === 'unknown' && (
     <Icon
       className='mx-auto my-12 size-16 text-gray-800 dark:text-gray-200'
-      src={MIMETYPE_ICONS[mimeType || ''] || defaultIcon}
+      src={MIMETYPE_ICONS[mimeType ?? ''] || defaultIcon}
     />
   );
 
diff --git a/packages/pl-fe/src/contexts/chat-context.tsx b/packages/pl-fe/src/contexts/chat-context.tsx
index adf92d5ec..9798f012c 100644
--- a/packages/pl-fe/src/contexts/chat-context.tsx
+++ b/packages/pl-fe/src/contexts/chat-context.tsx
@@ -41,11 +41,13 @@ const ChatProvider: React.FC<IChatProvider> = ({ children }) => {
   const isOpen = chats.mainWindow === 'open';
 
   const changeScreen = (screen: ChatWidgetScreens, currentChatId?: string | null) => {
-    setCurrentChatId(currentChatId || null);
+    setCurrentChatId(currentChatId ?? null);
     setScreen(screen);
   };
 
-  const handleChatPaneToggle = () => dispatch(toggleChatPane());
+  const handleChatPaneToggle = () =>{
+    dispatch(toggleChatPane());
+  };
 
   const value = useMemo(() => ({
     chat,
diff --git a/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts b/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
index 0415cf7db..17f1e8950 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
@@ -29,7 +29,7 @@ const useBatchedEntities = <TEntity extends Entity>(
   const getState = useGetState();
   const dispatch = useAppDispatch();
   const { entityType, listKey, path } = parseEntitiesPath(expandedPath);
-  const schema = opts.schema || v.custom<TEntity>(() => true);
+  const schema = opts.schema ?? v.custom<TEntity>(() => true);
 
   const isEnabled = opts.enabled ?? true;
   const isFetching = useListState(path, 'fetching');
diff --git a/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
index 9574c9f08..b013a9037 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
@@ -31,7 +31,7 @@ const useCreateEntity = <TEntity extends Entity = Entity, TTransformedEntity ext
     callbacks: EntityCallbacks<TTransformedEntity, { response?: PlfeResponse }> = {},
   ): Promise<void> => {
     const result = await setPromise(entityFn(data));
-    const schema = opts.schema || v.custom<TEntity>(() => true);
+    const schema = opts.schema ?? v.custom<TEntity>(() => true);
     let entity: TEntity | TTransformedEntity = v.parse(schema, result);
     if (opts.transform) entity = opts.transform(entity);
 
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entities.ts b/packages/pl-fe/src/entity-store/hooks/use-entities.ts
index a4c3c4e4b..37ed5bda1 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entities.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entities.ts
@@ -43,7 +43,7 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
 
   const { entityType, listKey, path } = parseEntitiesPath(expandedPath);
   const entities = useAppSelector(state => selectEntities<TTransformedEntity>(state, path));
-  const schema = opts.schema || v.custom<TEntity>(() => true);
+  const schema = opts.schema ?? v.custom<TEntity>(() => true);
 
   const isEnabled = opts.enabled ?? true;
   const isFetching = useListState(path, 'fetching');
@@ -67,7 +67,7 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
       const entities = v.parse(filteredArray(schema), response);
       const transformedEntities = opts.transform && entities.map(opts.transform);
 
-      dispatch(entitiesFetchSuccess(transformedEntities || entities, entityType, listKey, pos, {
+      dispatch(entitiesFetchSuccess(transformedEntities ?? entities, entityType, listKey, pos, {
         next: response.next,
         prev: response.previous,
         totalCount: undefined,
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-entity.ts
index 9a52ce2ea..8a80c9d42 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entity.ts
@@ -36,7 +36,7 @@ const useEntity = <TEntity extends Entity, TTransformedEntity extends Entity = T
   const [entityType, entityId] = path;
 
   const defaultSchema = v.custom<TEntity>(() => true);
-  const schema = opts.schema || defaultSchema;
+  const schema = opts.schema ?? defaultSchema;
 
   const entity = useAppSelector(state => selectEntity<TTransformedEntity>(state, entityType, entityId));
 
diff --git a/packages/pl-fe/src/entity-store/reducer.ts b/packages/pl-fe/src/entity-store/reducer.ts
index bc9cae717..7ea136a2e 100644
--- a/packages/pl-fe/src/entity-store/reducer.ts
+++ b/packages/pl-fe/src/entity-store/reducer.ts
@@ -25,7 +25,7 @@ type State = Immutable<{
 /** Import entities into the cache. */
 const importEntities = (
   draft: Draft<State>,
-  entityType: string,
+  entityType: Entities,
   entities: Entity[],
   listKey?: string,
   pos?: ImportPosition,
@@ -154,21 +154,37 @@ const doTransaction = (draft: Draft<State>, transaction: EntitiesTransaction) =>
 const reducer = (state: Readonly<State> = {}, action: EntityAction): State => {
   switch (action.type) {
     case ENTITIES_IMPORT:
-      return create(state, draft => importEntities(draft, action.entityType, action.entities, action.listKey, action.pos), { enableAutoFreeze: true });
+      return create(state, draft =>{
+        importEntities(draft, action.entityType, action.entities, action.listKey, action.pos);
+      }, { enableAutoFreeze: true });
     case ENTITIES_DELETE:
-      return create(state, draft => deleteEntities(draft, action.entityType, action.ids, action.opts));
+      return create(state, draft =>{
+        deleteEntities(draft, action.entityType, action.ids, action.opts);
+      });
     case ENTITIES_DISMISS:
-      return create(state, draft => dismissEntities(draft, action.entityType, action.ids, action.listKey));
+      return create(state, draft =>{
+        dismissEntities(draft, action.entityType, action.ids, action.listKey);
+      });
     case ENTITIES_FETCH_SUCCESS:
-      return create(state, draft => importEntities(draft, action.entityType, action.entities, action.listKey, action.pos, action.newState, action.overwrite), { enableAutoFreeze: true });
+      return create(state, draft =>{
+        importEntities(draft, action.entityType, action.entities, action.listKey, action.pos, action.newState, action.overwrite);
+      }, { enableAutoFreeze: true });
     case ENTITIES_FETCH_REQUEST:
-      return create(state, draft => setFetching(draft, action.entityType, action.listKey, true));
+      return create(state, draft =>{
+        setFetching(draft, action.entityType, action.listKey, true);
+      });
     case ENTITIES_FETCH_FAIL:
-      return create(state, draft => setFetching(draft, action.entityType, action.listKey, false, action.error));
+      return create(state, draft =>{
+        setFetching(draft, action.entityType, action.listKey, false, action.error);
+      });
     case ENTITIES_INVALIDATE_LIST:
-      return create(state, draft => invalidateEntityList(draft, action.entityType, action.listKey));
+      return create(state, draft =>{
+        invalidateEntityList(draft, action.entityType, action.listKey);
+      });
     case ENTITIES_TRANSACTION:
-      return create(state, draft => doTransaction(draft, action.transaction));
+      return create(state, draft =>{
+        doTransaction(draft, action.transaction);
+      });
     default:
       return state;
   }
diff --git a/packages/pl-fe/src/features/account/components/header.tsx b/packages/pl-fe/src/features/account/components/header.tsx
index 482e5eb19..fcfad898b 100644
--- a/packages/pl-fe/src/features/account/components/header.tsx
+++ b/packages/pl-fe/src/features/account/components/header.tsx
@@ -162,7 +162,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
   const createAndNavigateToChat = useMutation({
     mutationFn: (accountId: string) => getOrCreateChatByAccountId(accountId),
     onError: (error: { response: PlfeResponse }) => {
-      const data = error.response?.json as any;
+      const data = error.response.json;
       toast.error(data?.error);
     },
     onSuccess: (response) => {
@@ -220,25 +220,37 @@ const Header: React.FC<IHeader> = ({ account }) => {
   const onEndorseToggle = () => {
     if (account.relationship?.endorsed) {
       unpinAccount(undefined, {
-        onSuccess: () => toast.success(intl.formatMessage(messages.userUnendorsed, { acct: account.acct })),
+        onSuccess: () =>{
+          toast.success(intl.formatMessage(messages.userUnendorsed, { acct: account.acct }));
+        },
       });
     } else {
       pinAccount(undefined, {
-        onSuccess: () => toast.success(intl.formatMessage(messages.userEndorsed, { acct: account.acct })),
+        onSuccess: () =>{
+          toast.success(intl.formatMessage(messages.userEndorsed, { acct: account.acct }));
+        },
       });
     }
   };
 
   const onBite = () => {
     client.accounts.biteAccount(account.id)
-      .then(() => toast.success(intl.formatMessage(messages.userBit, { acct: account.acct })))
-      .catch(() => toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct })));
+      .then(() =>{
+        toast.success(intl.formatMessage(messages.userBit, { acct: account.acct }));
+      })
+      .catch(() =>{
+        toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct }));
+      });
   };
 
   const onLoadActivities = () => {
     client.accounts.loadActivities(account.id)
-      .then(() => toast.success(intl.formatMessage(messages.loadActivitiesSuccess)))
-      .catch(() => toast.error(intl.formatMessage(messages.loadActivitiesFail)));
+      .then(() =>{
+        toast.success(intl.formatMessage(messages.loadActivitiesSuccess));
+      })
+      .catch(() =>{
+        toast.error(intl.formatMessage(messages.loadActivitiesFail));
+      });
   };
 
   const onEditNote = () => {
@@ -246,11 +258,17 @@ const Header: React.FC<IHeader> = ({ account }) => {
       heading: <FormattedMessage id='account_note.modal_header' defaultMessage='Edit note for @{name}' values={{ name: account.acct }} />,
       placeholder: intl.formatMessage(messages.notePlaceholder),
       confirm: <FormattedMessage id='account_note.save' defaultMessage='Save note' />,
-      onConfirm: (value) => updateAccountNote(value, {
-        onSuccess: () => toast.success(messages.noteSaved),
-        onError: () => toast.error(messages.noteSaveFailed),
-      }),
-      text: account.relationship?.note || '',
+      onConfirm: (value) =>{
+        updateAccountNote(value, {
+          onSuccess: () =>{
+            toast.success(messages.noteSaved);
+          },
+          onError: () =>{
+            toast.error(messages.noteSaveFailed);
+          },
+        });
+      },
+      text: account.relationship?.note ?? '',
     });
   };
 
@@ -271,7 +289,9 @@ const Header: React.FC<IHeader> = ({ account }) => {
       heading: <FormattedMessage id='confirmations.domain_block.heading' defaultMessage='Block {domain}' values={{ domain }} />,
       message: <FormattedMessage id='confirmations.domain_block.message' defaultMessage='Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications.' values={{ domain: <strong>{domain}</strong> }} />,
       confirm: intl.formatMessage(messages.blockDomainConfirm),
-      onConfirm: () => blockDomain(domain),
+      onConfirm: () =>{
+        blockDomain(domain);
+      },
     });
   };
 
@@ -292,7 +312,9 @@ const Header: React.FC<IHeader> = ({ account }) => {
         heading: <FormattedMessage id='confirmations.remove_from_followers.heading' defaultMessage='Remove {name} from followers' values={{ name: <strong className='break-words'>@{account.acct}</strong> }} />,
         message: <FormattedMessage id='confirmations.remove_from_followers.message' defaultMessage='Are you sure you want to remove {name} from your followers?' values={{ name: <strong className='break-words'>@{account.acct}</strong> }} />,
         confirm: intl.formatMessage(messages.removeFromFollowersConfirm),
-        onConfirm: () => removeFromFollowers(),
+        onConfirm: () =>{
+          removeFromFollowers();
+        },
       });
     } else {
       removeFromFollowers();
@@ -550,13 +572,17 @@ const Header: React.FC<IHeader> = ({ account }) => {
       if (account.relationship?.domain_blocking) {
         menu.push({
           text: intl.formatMessage(messages.unblockDomain, { domain }),
-          action: () => onUnblockDomain(domain),
+          action: () =>{
+            onUnblockDomain(domain);
+          },
           icon: require('@phosphor-icons/core/regular/prohibit.svg'),
         });
       } else {
         menu.push({
           text: intl.formatMessage(messages.blockDomain, { domain }),
-          action: () => onBlockDomain(domain),
+          action: () =>{
+            onBlockDomain(domain);
+          },
           icon: require('@phosphor-icons/core/regular/prohibit.svg'),
         });
       }
@@ -675,7 +701,9 @@ const Header: React.FC<IHeader> = ({ account }) => {
       return (
         <IconButton
           src={require('@phosphor-icons/core/regular/chats-teardrop.svg')}
-          onClick={() => createAndNavigateToChat.mutate(account.id)}
+          onClick={() =>{
+            createAndNavigateToChat.mutate(account.id);
+          }}
           title={intl.formatMessage(messages.chat, { name: account.username })}
           theme='outlined'
           className='px-2'
diff --git a/packages/pl-fe/src/features/admin/components/counter.tsx b/packages/pl-fe/src/features/admin/components/counter.tsx
index 79dbeb38e..e9aabbf51 100644
--- a/packages/pl-fe/src/features/admin/components/counter.tsx
+++ b/packages/pl-fe/src/features/admin/components/counter.tsx
@@ -57,12 +57,12 @@ const Counter: React.FC<ICounter> = ({
       </>
     );
   } else {
-    const measure = data![0];
+    const measure = data[0];
     const percentChange = measure.previous_total !== undefined && percIncrease(measure.previous_total * 1, measure.total * 1) || 0;
 
     content = (
       <>
-        <Text tag='span' align='center' size='2xl' weight='medium'>{measure.human_value || <FormattedNumber value={measure.total} />}</Text>
+        <Text tag='span' align='center' size='2xl' weight='medium'>{measure.human_value ?? <FormattedNumber value={measure.total} />}</Text>
         {measure.previous_total !== undefined && (<span className={clsx('text-lg', { 'text-green-600': percentChange > 0, 'text-danger-600': percentChange < 0 })}>{percentChange > 0 && '+'}<FormattedNumber value={percentChange} style='percent' /></span>)}
       </>
     );
@@ -79,7 +79,7 @@ const Counter: React.FC<ICounter> = ({
       </Text>
 
       <div className='mt-auto'>
-        <Sparklines width={259} height={55} data={data?.[0].data.map(x => x.value * 1) || []}>
+        <Sparklines width={259} height={55} data={data?.[0].data.map(x => x.value * 1) ?? []}>
           <SparklinesCurve />
         </Sparklines>
       </div>
diff --git a/packages/pl-fe/src/features/admin/components/unapproved-account.tsx b/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
index 2ab5981b3..7b37af906 100644
--- a/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
+++ b/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
@@ -28,14 +28,18 @@ const UnapprovedAccount: React.FC<IUnapprovedAccount> = ({ accountId }) => {
           @{account.acct}
         </Text>
         <Text tag='blockquote' size='sm'>
-          {adminAccount?.invite_request || ''}
+          {adminAccount?.invite_request ?? ''}
         </Text>
       </Stack>
 
       <Stack justifyContent='center'>
         <AuthorizeRejectButtons
-          onAuthorize={() => approveAccount()}
-          onReject={() => rejectAccount()}
+          onAuthorize={() =>{
+            approveAccount();
+          }}
+          onReject={() =>{
+            rejectAccount();
+          }}
           countdown={3000}
         />
       </Stack>
diff --git a/packages/pl-fe/src/features/audio/index.tsx b/packages/pl-fe/src/features/audio/index.tsx
index d652483bf..6c76ccf68 100644
--- a/packages/pl-fe/src/features/audio/index.tsx
+++ b/packages/pl-fe/src/features/audio/index.tsx
@@ -317,26 +317,26 @@ const Audio: React.FC<IAudio> = (props) => {
   };
 
   const _clear = () => {
-    visualizer.current?.clear(width || 0, height || 0);
+    visualizer.current?.clear(width ?? 0, height ?? 0);
   };
 
   const _draw = () => {
-    visualizer.current?.draw(_getCX(), _getCY(), _getAccentColor() || '#ffffff', _getRadius(), _getScaleCoefficient());
+    visualizer.current?.draw(_getCX(), _getCY(), _getAccentColor() ?? '#ffffff', _getRadius(), _getScaleCoefficient());
   };
 
-  const _getRadius = (): number => ((height || props.height || 0) - (PADDING * _getScaleCoefficient()) * 2) / 2;
+  const _getRadius = (): number => (((height ?? props.height) ?? 0) - (PADDING * _getScaleCoefficient()) * 2) / 2;
 
-  const _getScaleCoefficient = (): number => (height || props.height || 0) / 982;
+  const _getScaleCoefficient = (): number => ((height ?? props.height) ?? 0) / 982;
 
-  const _getCX = (): number => Math.floor((width || 0) / 2);
+  const _getCX = (): number => Math.floor((width ?? 0) / 2);
 
   const _getCY = (): number => Math.floor(_getRadius() + (PADDING * _getScaleCoefficient()));
 
-  const _getAccentColor = () => accentColor || undefined;
+  const _getAccentColor = () => accentColor ?? undefined;
 
-  const _getBackgroundColor = (): string => backgroundColor || '#000000';
+  const _getBackgroundColor = (): string => backgroundColor ?? '#000000';
 
-  const _getForegroundColor = (): string => foregroundColor || '#ffffff';
+  const _getForegroundColor = (): string => foregroundColor ?? '#ffffff';
 
   const seekBy = (time: number) => {
     if (audio.current) {
@@ -385,7 +385,7 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const getDuration = () => duration || props.duration || 0;
+  const getDuration = () => (duration ?? props.duration) ?? 0;
 
   const progress = Math.min((currentTime / getDuration()) * 100, 100);
 
@@ -435,11 +435,13 @@ const Audio: React.FC<IAudio> = (props) => {
         backgroundColor: _getBackgroundColor(),
         color: _getForegroundColor(),
         width: '100%',
-        height: fullscreen ? '100%' : (height || props.height),
+        height: fullscreen ? '100%' : (height ?? props.height),
       }}
       tabIndex={0}
       onKeyDown={handleKeyDown}
-      onClick={e => e.stopPropagation()}
+      onClick={e =>{
+        e.stopPropagation();
+      }}
     >
       <audio
         src={src}
diff --git a/packages/pl-fe/src/features/audio/visualizer.ts b/packages/pl-fe/src/features/audio/visualizer.ts
index 1ca613156..183720512 100644
--- a/packages/pl-fe/src/features/audio/visualizer.ts
+++ b/packages/pl-fe/src/features/audio/visualizer.ts
@@ -129,7 +129,7 @@ class Visualizer {
   draw(cx: number, cy: number, color: string, radius: number, coefficient: number) {
     this.context!.save();
 
-    const ticks = this.getTicks(parseInt(String(360 * coefficient)), this.tickSize, radius, coefficient);
+    const ticks = this.getTicks(parseInt(String(360 * coefficient), 10), this.tickSize, radius, coefficient);
 
     ticks.forEach(tick => {
       this.drawTick(cx, cy, color, tick.x1, tick.y1, tick.x2, tick.y2);
diff --git a/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx b/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
index 942a0b147..60fa7cf80 100644
--- a/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
@@ -9,11 +9,8 @@ import { useInstance } from '@/hooks/use-instance';
 
 import ConsumerButton from './consumer-button';
 
-interface IConsumersList {
-}
-
 /** Displays OAuth consumers to log in with. */
-const ConsumersList: React.FC<IConsumersList> = () => {
+const ConsumersList: React.FC = () => {
   const instance = useInstance();
   const providers = instance.pleroma.oauth_consumer_strategies;
 
diff --git a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx b/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
index 9092dbb25..095ae2d41 100644
--- a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
@@ -35,11 +35,11 @@ const OtpAuthForm: React.FC<IOtpAuthForm> = ({ mfa_token, small }) => {
     Array.from(form).map((i: any) => [i.name, i.value]),
   );
 
-  const handleSubmit = (event: React.FormEvent<Element>) => {
+  const handleSubmit = (event: React.FormEvent) => {
     const { code } = getFormData(event.target);
     dispatch(otpVerify(code, mfa_token)).then(({ access_token }) => {
       setCodeError(false);
-      return dispatch(verifyCredentials(access_token as string));
+      return dispatch(verifyCredentials(access_token));
     }).then((account: Record<string, any>) => {
       setShouldRedirect(true);
       return dispatch(switchAccount(account.id));
diff --git a/packages/pl-fe/src/features/auth-login/components/registration-form.tsx b/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
index 9bd6e6139..bbbe91d16 100644
--- a/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
@@ -164,7 +164,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const postRegisterAction = ({ access_token }: any) => {
     if (needsConfirmation || needsApproval) {
-      return launchModal();
+      launchModal(); return;
     } else {
       return dispatch(verifyCredentials(access_token)).then(() => {
         navigate({ to: '/' });
@@ -319,7 +319,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
           {birthdayRequired && (
             <BirthdayInput
-              value={params.date_of_birth || ''}
+              value={params.date_of_birth ?? ''}
               onChange={onBirthdayChange}
               required
             />
@@ -334,7 +334,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
                 placeholder={intl.formatMessage(messages.reasonHint)}
                 maxLength={500}
                 onChange={onInputChange}
-                value={params.reason || ''}
+                value={params.reason ?? ''}
                 autoGrow
                 required
               />
@@ -348,7 +348,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
             onClick={onCaptchaClick}
             idempotencyKey={captchaIdempotencyKey}
             name='captcha_solution'
-            value={params.captcha_solution || ''}
+            value={params.captcha_solution ?? ''}
           />
 
           <FormGroup
diff --git a/packages/pl-fe/src/features/chats/components/chat-composer.tsx b/packages/pl-fe/src/features/chats/components/chat-composer.tsx
index 3c4447af6..f4626de2b 100644
--- a/packages/pl-fe/src/features/chats/components/chat-composer.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-composer.tsx
@@ -85,12 +85,12 @@ const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>
   const isSuggestionsAvailable = suggestions.list.length > 0;
 
   const isOverCharacterLimit = maxCharacterCount && value?.length > maxCharacterCount;
-  const isSubmitDisabled = disabled || uploading || isOverCharacterLimit || (value.length === 0 && !attachment);
+  const isSubmitDisabled = disabled || (uploading ?? isOverCharacterLimit) || (value.length === 0 && !attachment);
 
   const overLimitText = maxCharacterCount ? maxCharacterCount - value?.length : '';
 
   const renderSuggestionValue = (emoji: any) =>
-    `${(value).slice(0, suggestions.tokenStart)}${emoji.native} ${(value as string).slice(suggestions.tokenStart + suggestions.token.length)}`;
+    `${(value).slice(0, suggestions.tokenStart)}${emoji.native} ${(value).slice(suggestions.tokenStart + suggestions.token.length)}`;
 
   const onSelectComboboxOption = (selection: string) => {
     const event = { target: { value: selection } } as React.ChangeEvent<HTMLTextAreaElement>;
@@ -139,7 +139,9 @@ const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>
       heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
       message: intl.formatMessage(messages.unblockMessage),
       confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () => unblockAccount(),
+      onConfirm: () =>{
+        unblockAccount();
+      },
     });
   };
 
@@ -175,7 +177,7 @@ const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>
             resetFileKey={resetFileKey}
             iconClassName='h-5 w-5'
             className='text-primary-500'
-            disabled={uploading || !!attachment}
+            disabled={uploading ?? !!attachment}
           />
         </Stack>
 
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
index 0c4eecb27..8e07b844e 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
@@ -39,7 +39,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
   const navigate = useNavigate();
 
   const { isUsingMainChatPage } = useChatContext();
-  const deleteChat = useDeleteChat(chat?.id as string);
+  const deleteChat = useDeleteChat(chat?.id);
   const { data: relationship } = useRelationshipQuery(chat?.account.id);
 
   const isBlocked = relationship?.blocked_by && false;
@@ -78,7 +78,9 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
     <div
       role='button'
       key={chat.id}
-      onClick={() => onClick(chat)}
+      onClick={() =>{
+        onClick(chat);
+      }}
       onKeyDown={handleKeyDown}
       className='⁂-chat-list-item'
       data-testid='chat-list-item'
@@ -105,8 +107,8 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
 
             <p
               className={clsx('⁂-chat-list-item__message', {
-                '⁂-chat-list-item__message--unread': !(isBlocked || isBlocking) && chat.last_message?.unread,
-                '⁂-chat-list-item__message--blocking': isBlocked || isBlocking,
+                '⁂-chat-list-item__message--unread': !(isBlocked ?? isBlocking) && chat.last_message?.unread,
+                '⁂-chat-list-item__message--blocking': isBlocked ?? isBlocking,
               })}
             >
               {isBlocked ? (
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
index a140478c7..e9da04953 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
@@ -33,7 +33,9 @@ const ChatListShoutbox: React.FC<IChatListShoutboxInterface> = ({ onClick }) =>
     <div
       role='button'
       key='shoutbox'
-      onClick={() => onClick('shoutbox')}
+      onClick={() =>{
+        onClick('shoutbox');
+      }}
       onKeyDown={handleKeyDown}
       className='⁂-chat-list-item ⁂-chat-list-item--shoutbox'
       data-testid='chat-list-item'
diff --git a/packages/pl-fe/src/features/chats/components/chat-list.tsx b/packages/pl-fe/src/features/chats/components/chat-list.tsx
index 507971fcd..9efee7a1e 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list.tsx
@@ -24,7 +24,7 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
 
   const { chatsQuery: { data: chats, isFetching, hasNextPage, fetchNextPage, refetch } } = useChats();
 
-  const allChats: Array<Chat | 'shoutbox'> | undefined = showShoutbox ? ['shoutbox', ...(chats || [])] : chats;
+  const allChats: Array<Chat | 'shoutbox'> | undefined = showShoutbox ? ['shoutbox', ...(chats ?? [])] : chats;
 
   const [isNearBottom, setNearBottom] = useState<boolean>(false);
   const [isNearTop, setNearTop] = useState<boolean>(true);
@@ -68,8 +68,12 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
       })}
     >
       <Virtuoso
-        atTopStateChange={(atTop) => setNearTop(atTop)}
-        atBottomStateChange={(atBottom) => setNearBottom(atBottom)}
+        atTopStateChange={(atTop) =>{
+          setNearTop(atTop);
+        }}
+        atBottomStateChange={(atBottom) =>{
+          setNearBottom(atBottom);
+        }}
         useWindowScroll={useWindowScroll}
         data={allChats}
         endReached={handleLoadMore}
diff --git a/packages/pl-fe/src/features/chats/components/chat-message-list.tsx b/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
index f0d5bd366..9db36cccd 100644
--- a/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
@@ -87,7 +87,7 @@ const ChatMessageList: React.FC<IChatMessageList> = React.memo(({ chat }) => {
 
   const isBlocked = !!useRelationshipQuery(chat.account.id).data?.blocked_by;
 
-  const formattedChatMessages = chatMessages || [];
+  const formattedChatMessages = chatMessages ?? [];
 
   const lastChatMessage = chatMessages ? chatMessages[chatMessages.length - 1] : null;
 
diff --git a/packages/pl-fe/src/features/chats/components/chat-message.tsx b/packages/pl-fe/src/features/chats/components/chat-message.tsx
index a9872edf9..7b490e0a6 100644
--- a/packages/pl-fe/src/features/chats/components/chat-message.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-message.tsx
@@ -118,7 +118,9 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     if (navigator.clipboard && chatMessage.content) {
       menu.push({
         text: intl.formatMessage(messages.copy),
-        action: () => handleCopyText(chatMessage),
+        action: () =>{
+          handleCopyText(chatMessage);
+        },
         icon: require('@phosphor-icons/core/regular/clipboard.svg'),
       });
     }
@@ -126,14 +128,18 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     if (isMyMessage) {
       menu.push({
         text: intl.formatMessage(messages.delete),
-        action: () => deleteChatMessage.mutate(chatMessage.id),
+        action: () =>{
+          deleteChatMessage.mutate(chatMessage.id);
+        },
         icon: require('@phosphor-icons/core/regular/trash.svg'),
         destructive: true,
       });
     } else {
       menu.push({
         text: intl.formatMessage(messages.deleteForMe),
-        action: () => deleteChatMessage.mutate(chatMessage.id),
+        action: () =>{
+          deleteChatMessage.mutate(chatMessage.id);
+        },
         icon: require('@phosphor-icons/core/regular/trash.svg'),
         destructive: true,
       });
@@ -166,8 +172,12 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
         {menu.length > 0 && (
           <DropdownMenu
             items={menu}
-            onOpen={() => setIsMenuOpen(true)}
-            onClose={() => setIsMenuOpen(false)}
+            onOpen={() =>{
+              setIsMenuOpen(true);
+            }}
+            onClose={() =>{
+              setIsMenuOpen(false);
+            }}
           >
             <button
               title={intl.formatMessage(messages.more)}
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
index d069afa54..2f3bfe566 100644
--- a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
@@ -37,18 +37,18 @@ const ChatSearch: React.FC<IChatSearch> = ({ isMainPage = false }) => {
   const { getOrCreateChatByAccountId } = useChats();
 
   const [value, setValue] = useState<string>('');
-  const debouncedValue = useDebounce(value as string, 300);
+  const debouncedValue = useDebounce(value, 300);
 
   const accountSearchResult = useAccountSearch(debouncedValue);
   const { data: accounts, isFetching } = accountSearchResult;
 
   const hasSearchValue = debouncedValue && debouncedValue.length > 0;
-  const hasSearchResults = (accounts || []).length > 0;
+  const hasSearchResults = (accounts ?? []).length > 0;
 
   const handleClickOnSearchResult = useMutation({
     mutationFn: (accountId: string) => getOrCreateChatByAccountId(accountId),
     onError: (error: { response: PlfeResponse }) => {
-      const data = error.response?.json as any;
+      const data = error.response?.json;
       toast.error(data?.error);
     },
     onSuccess: (response) => {
@@ -96,7 +96,9 @@ const ChatSearch: React.FC<IChatSearch> = ({ isMainPage = false }) => {
           autoFocus
           placeholder={intl.formatMessage(messages.placeholder)}
           value={value || ''}
-          onChange={(event) => setValue(event.target.value)}
+          onChange={(event) =>{
+            setValue(event.target.value);
+          }}
           outerClassName='mt-0'
           theme='search'
           append={
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/results.tsx b/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
index 1b6610797..2d0b23470 100644
--- a/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
@@ -37,7 +37,9 @@ const Results = ({ accountSearchResult, onSelect, parentRef }: IResults) => {
       key={account.id}
       type='button'
       className='flex w-full flex-col rounded-lg px-2 py-3 hover:bg-gray-100 dark:hover:bg-gray-800'
-      onClick={() => onSelect(account.id)}
+      onClick={() =>{
+        onSelect(account.id);
+      }}
       data-testid='account'
     >
       <HStack alignItems='center' space={2}>
@@ -64,8 +66,12 @@ const Results = ({ accountSearchResult, onSelect, parentRef }: IResults) => {
           </div>
         )}
         endReached={handleLoadMore}
-        atTopStateChange={(atTop) => setNearTop(atTop)}
-        atBottomStateChange={(atBottom) => setNearBottom(atBottom)}
+        atTopStateChange={(atTop) =>{
+          setNearTop(atTop);
+        }}
+        atBottomStateChange={(atBottom) =>{
+          setNearBottom(atBottom);
+        }}
       />
 
       <div
diff --git a/packages/pl-fe/src/features/chats/components/chat-textarea.tsx b/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
index 29569aeb5..506209b79 100644
--- a/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
@@ -35,7 +35,7 @@ const ChatTextarea = React.forwardRef<HTMLTextAreaElement, IChatTextarea>(({
       dark:focus-within:ring-primary-500 sm:text-sm
     `}
   >
-    {(attachment || uploading) && (
+    {(attachment ?? uploading) && (
       <HStack className='-ml-2 -mt-2 p-3 pb-0' wrap>
         {attachment && (
           <div className='ml-2 mt-2 flex'>
diff --git a/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx b/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx
index 18a916011..c6c6a46f3 100644
--- a/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-upload-preview.tsx
@@ -46,7 +46,7 @@ const ChatUploadPreview: React.FC<IChatUploadPreview> = ({ className, attachment
         <div className='pointer-events-none flex size-full items-center justify-center'>
           <Icon
             className='mx-auto my-12 size-16 text-gray-800 dark:text-gray-200'
-            src={MIMETYPE_ICONS[mimeType || ''] || defaultIcon}
+            src={MIMETYPE_ICONS[mimeType ?? ''] || defaultIcon}
           />
         </div>
       );
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
index 9e2c712ab..824771a9a 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
@@ -57,7 +57,9 @@ const ChatSettings = () => {
       heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
       message: <FormattedMessage id='chat_settings.unblock.message' defaultMessage='Unblocking will allow this profile to direct message you and view your content.' />,
       confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () => unblockAccount(),
+      onConfirm: () =>{
+        unblockAccount();
+      },
     });
   };
 
@@ -66,7 +68,9 @@ const ChatSettings = () => {
       heading: intl.formatMessage(messages.leaveHeading),
       message: <FormattedMessage id='chat_settings.leave.message' defaultMessage='Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.' />,
       confirm: intl.formatMessage(messages.leaveConfirm),
-      onConfirm: () => deleteChat.mutate(),
+      onConfirm: () =>{
+        deleteChat.mutate();
+      },
     });
   };
 
diff --git a/packages/pl-fe/src/features/chats/components/chat.tsx b/packages/pl-fe/src/features/chats/components/chat.tsx
index 98fc468a8..96be55b19 100644
--- a/packages/pl-fe/src/features/chats/components/chat.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat.tsx
@@ -70,7 +70,7 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
       },
       onError: (error: { response: PlfeResponse }, _variables, context) => {
         const message = error.response?.json?.error;
-        setErrorMessage(message || intl.formatMessage(messages.failedToSend));
+        setErrorMessage(message ?? intl.formatMessage(messages.failedToSend));
         setContent(context.prevContent as string);
       },
     });
@@ -96,7 +96,9 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
     }
   };
 
-  const insertLine = () => setContent(content + '\n');
+  const insertLine = () =>{
+    setContent(content + '\n');
+  };
 
   const handleKeyDown: React.KeyboardEventHandler = (event) => {
     if (event.key === 'Enter' && event.shiftKey) {
@@ -140,7 +142,9 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
       setAttachment(response);
       setUploading(false);
     })
-      .catch(() => setUploading(false));
+      .catch(() =>{
+        setUploading(false);
+      });
   };
 
   useEffect(() => {
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
index d6b438cfb..ef8886901 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
@@ -6,11 +6,8 @@ import Button from '@/components/ui/button';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 
-interface IBlankslate {
-}
-
 /** To display on the chats main page when no message is selected. */
-const BlankslateEmpty: React.FC<IBlankslate> = () => {
+const BlankslateEmpty: React.FC = () => {
   const navigate = useNavigate();
 
   const handleNewChat = () => {
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
index 4eb263279..5a81bc4ee 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
@@ -63,7 +63,9 @@ const ChatsPageChat = () => {
       heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
       message: intl.formatMessage(messages.unblockMessage),
       confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () => unblockAccount(),
+      onConfirm: () =>{
+        unblockAccount();
+      },
     });
   };
 
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
index ee1a5f595..564d1da8d 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
@@ -84,7 +84,9 @@ const ChatsPageSettings = () => {
             >
               <Toggle
                 checked={data.accepts_chat_messages}
-                onChange={(event) => setData((prevData) => ({ ...prevData, accepts_chat_messages: event.target.checked }))}
+                onChange={(event) =>{
+                  setData((prevData) => ({ ...prevData, accepts_chat_messages: event.target.checked }));
+                }}
               />
             </ListItem>
           </List>
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
index 70b27beeb..1a7625767 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
@@ -101,7 +101,7 @@ const ShoutboxMessageList: React.FC = () => {
   const shoutboxMessages = useShoutboxMessages() || [];
   const isLoading = useShoutboxIsLoading();
 
-  const lastShoutboxMessage = shoutboxMessages?.at(-1) || null;
+  const lastShoutboxMessage = shoutboxMessages?.at(-1) ?? null;
 
   useEffect(() => {
     if (!shoutboxMessages) {
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox.tsx b/packages/pl-fe/src/features/chats/components/shoutbox.tsx
index bf8d300dd..8c14e7e14 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox.tsx
@@ -44,7 +44,9 @@ const Shoutbox: React.FC<ChatInterface> = ({ inputRef, className }) => {
     }
   };
 
-  const insertLine = () => setContent(content + '\n');
+  const insertLine = () =>{
+    setContent(content + '\n');
+  };
 
   const handleKeyDown: React.KeyboardEventHandler = (event) => {
     if (event.key === 'Enter' && event.shiftKey) {
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index 0a8d3d609..7d225b040 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -56,12 +56,12 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const getStatus = useCallback(makeGetStatus(), []);
   const status = useAppSelector((state) => statusId ? getStatus(state, { id: statusId }) : undefined);
 
-  const [name, setName] = useState(status?.event?.name || '');
+  const [name, setName] = useState(status?.event?.name ?? '');
   const [text, setText] = useState('');
   const [startTime, setStartTime] = useState(status?.event?.start_time ? new Date(status.event.start_time) : new Date());
   const [endTime, setEndTime] = useState(status?.event?.end_time ? new Date(status.event.end_time) : null);
   const [approvalRequired, setApprovalRequired] = useState(status?.event?.join_mode !== 'free');
-  const [banner, setBanner] = useState(status?.event?.banner || null);
+  const [banner, setBanner] = useState(status?.event?.banner ?? null);
   const [location, setLocation] = useState<Location | null>(null);
 
   const [isDisabled, setIsDisabled] = useState(!!statusId);
@@ -74,7 +74,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   };
 
   const onChangeStartTime = (date: Date | null) => {
-    setStartTime(date === null ? new Date : date);
+    setStartTime(date ?? new Date);
   };
 
   const onChangeEndTime = (date: Date | null) => {
@@ -108,7 +108,9 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         setBanner(data);
         setIsUploading(false);
       },
-      () => setIsUploading(false),
+      () =>{
+        setIsUploading(false);
+      },
     ));
   };
 
@@ -144,7 +146,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
           setText(source.text);
           setLocation(source.location);
 
-          setName(status?.event?.name || '');
+          setName(status?.event?.name ?? '');
           setStartTime(status?.event?.start_time ? new Date(status.event.start_time) : new Date());
           setEndTime(status?.event?.end_time ? new Date(status.event.end_time) : null);
           setApprovalRequired(status?.event?.join_mode !== 'free');
@@ -168,7 +170,11 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         <Text>{location.description}</Text>
         <Text theme='muted' size='xs'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
       </Stack>
-      <IconButton title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() => onChangeLocation(null)} />
+      <IconButton
+        title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() =>{
+          onChangeLocation(null);
+        }}
+      />
     </HStack>
   );
 
diff --git a/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx b/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
index df25fd0ad..e7fddebe8 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
@@ -34,34 +34,38 @@ const Account: React.FC<IAccount> = ({ eventId, id, participationMessage }) => {
   return (
     <AccountContainer
       id={id}
-      note={participationMessage || undefined}
+      note={participationMessage ?? undefined}
       action={
         <HStack space={2}>
           <Button
             theme='secondary'
             size='sm'
             text={intl.formatMessage(messages.authorize)}
-            onClick={() => acceptEventParticipationRequest(undefined, {
-              onSuccess: () => {
-                toast.success(messages.authorizeSuccess);
-              },
-              onError: () => {
-                toast.error(messages.authorizeFail);
-              },
-            })}
+            onClick={() =>{
+              acceptEventParticipationRequest(undefined, {
+                onSuccess: () => {
+                  toast.success(messages.authorizeSuccess);
+                },
+                onError: () => {
+                  toast.error(messages.authorizeFail);
+                },
+              });
+            }}
           />
           <Button
             theme='danger'
             size='sm'
             text={intl.formatMessage(messages.reject)}
-            onClick={() => rejectEventParticipationRequest(undefined, {
-              onSuccess: () => {
-                toast.success(messages.rejectSuccess);
-              },
-              onError: () => {
-                toast.error(messages.rejectFail);
-              },
-            })}
+            onClick={() =>{
+              rejectEventParticipationRequest(undefined, {
+                onSuccess: () => {
+                  toast.success(messages.rejectSuccess);
+                },
+                onError: () => {
+                  toast.error(messages.rejectFail);
+                },
+              });
+            }}
           />
         </HStack>
       }
@@ -86,7 +90,7 @@ const ManagePendingParticipants: React.FC<IManagePendingParticipants> = ({ statu
         onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
       >
         {accounts.map(({ account_id, participation_message }) =>
-          <Account key={account_id} eventId={statusId!} id={account_id} participationMessage={participation_message} />,
+          <Account key={account_id} eventId={statusId} id={account_id} participationMessage={participation_message} />,
         )}
       </ScrollableList>
     </Stack>
diff --git a/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx b/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
index f32f8f857..ee2e97ab4 100644
--- a/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
+++ b/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
@@ -40,14 +40,18 @@ const ClearLinkSuggestion = ({
             <Button
               theme='muted'
               size='xs'
-              onClick={() => handleReject(suggestion.key)}
+              onClick={() =>{
+                handleReject(suggestion.key);
+              }}
             >
               <FormattedMessage id='compose.clear_link_suggestion.ignore' defaultMessage='Ignore' />
             </Button>
             <Button
               theme='muted'
               size='xs'
-              onClick={() => handleAccept(suggestion.key)}
+              onClick={() =>{
+                handleAccept(suggestion.key);
+              }}
             >
               <FormattedMessage id='compose.clear_link_suggestion.remove' defaultMessage='Remove' />
             </Button>
diff --git a/packages/pl-fe/src/features/compose/components/compose-form.tsx b/packages/pl-fe/src/features/compose/components/compose-form.tsx
index efe4b53bf..994926233 100644
--- a/packages/pl-fe/src/features/compose/components/compose-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/compose-form.tsx
@@ -190,7 +190,7 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     setComposeFocused(true);
   };
 
-  const handleSubmit = (e?: React.FormEvent<Element>) => {
+  const handleSubmit = (e?: React.FormEvent) => {
     if (!canSubmit) return;
     e?.preventDefault();
 
@@ -201,13 +201,13 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     }));
   };
 
-  const handlePreview = (e?: React.FormEvent<Element>) => {
+  const handlePreview = (e?: React.FormEvent) => {
     e?.preventDefault();
 
     dispatch(submitCompose(id, {}, true));
   };
 
-  const handleSaveDraft = (e?: React.FormEvent<Element>) => {
+  const handleSaveDraft = (e?: React.FormEvent) => {
     e?.preventDefault();
 
     persistDraftStatus(id);
@@ -295,7 +295,7 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     </div>
   ), [features, id, anyMedia]);
 
-  const showModifiers = !condensed && (compose.mediaAttachments.length || compose.isUploading || compose.poll?.options.length || compose.scheduledAt || compose.showLocationPicker);
+  const showModifiers = !condensed && (compose.mediaAttachments.length || compose.isUploading || (compose.poll && compose.poll.options.length) || compose.scheduledAt || compose.showLocationPicker);
 
   const composeModifiers = showModifiers && (
     <div className='⁂-compose-form__modifiers'>
diff --git a/packages/pl-fe/src/features/compose/components/drive-button.tsx b/packages/pl-fe/src/features/compose/components/drive-button.tsx
index ac2eaf2b7..1c7ccf60d 100644
--- a/packages/pl-fe/src/features/compose/components/drive-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/drive-button.tsx
@@ -26,29 +26,31 @@ const DriveButton: React.FC<IDriveButton> = ({ composeId }) => {
 
   const attachmentTypes = configuration.media_attachments.supported_mime_types;
 
-  const onClick = () => openModal('SELECT_DRIVE_FILE', {
-    title: intl.formatMessage(messages.button),
-    type: 'file',
-    accepted: (attachmentTypes?.length === 0 && attachmentTypes[0] === 'application/octet-stream') ? undefined : attachmentTypes,
-    onSelect: (file) => {
-      let type = file.content_type.split('/')[0] as 'image' | 'video' | 'audio' | 'unknown';
-      if (!['image', 'video', 'audio', 'unknown'].includes(type)) {
-        type = 'unknown';
-      }
+  const onClick = () =>{
+    openModal('SELECT_DRIVE_FILE', {
+      title: intl.formatMessage(messages.button),
+      type: 'file',
+      accepted: (attachmentTypes?.length === 0 && attachmentTypes[0] === 'application/octet-stream') ? undefined : attachmentTypes,
+      onSelect: (file) => {
+        let type = file.content_type.split('/')[0] as 'image' | 'video' | 'audio' | 'unknown';
+        if (!['image', 'video', 'audio', 'unknown'].includes(type)) {
+          type = 'unknown';
+        }
 
-      const mediaAttachment = v.parse(mediaAttachmentSchema, {
-        id: file.id,
-        url: file.url,
-        preview_url: file.thumbnail_url,
-        remote_url: file.url,
-        description: file.description || '',
-        type,
-        mime_type: file.content_type,
-      });
+        const mediaAttachment = v.parse(mediaAttachmentSchema, {
+          id: file.id,
+          url: file.url,
+          preview_url: file.thumbnail_url,
+          remote_url: file.url,
+          description: file.description ?? '',
+          type,
+          mime_type: file.content_type,
+        });
 
-      dispatch(uploadComposeSuccess(composeId, mediaAttachment));
-    },
-  });
+        dispatch(uploadComposeSuccess(composeId, mediaAttachment));
+      },
+    });
+  };
 
   return (
     <ComposeFormButton
diff --git a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
index e9c29ed71..4666d1101 100644
--- a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
+++ b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
@@ -156,7 +156,9 @@ const getLanguageDropdown = (composeId: string): React.FC<ILanguageDropdown> =>
           className='w-64'
           type='text'
           value={searchValue}
-          onChange={({ target }) => setSearchValue(target.value)}
+          onChange={({ target }) =>{
+            setSearchValue(target.value);
+          }}
           outerClassName='mt-0'
           placeholder={intl.formatMessage(messages.search)}
         />
@@ -235,7 +237,7 @@ const LanguageDropdownButton: React.FC<ILanguageDropdownButton> = ({ composeId,
 
   let buttonLabel = compact ? undefined : intl.formatMessage(messages.languagePrompt);
   if (language) {
-    const list: string[] = [languagesObject[(modifiedLanguage || language) as Language]];
+    const list: string[] = [languagesObject[(modifiedLanguage ?? language) as Language]];
     if (languagesCount) list.push(intl.formatMessage(messages.multipleLanguages, {
       count: languagesCount,
     }));
diff --git a/packages/pl-fe/src/features/compose/components/location-form.tsx b/packages/pl-fe/src/features/compose/components/location-form.tsx
index 07c0af98f..90619db4d 100644
--- a/packages/pl-fe/src/features/compose/components/location-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/location-form.tsx
@@ -44,7 +44,11 @@ const LocationForm: React.FC<ILocationForm> = ({ composeId }) => {
             <Text>{location.description}</Text>
             <Text theme='muted' size='xs'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
           </Stack>
-          <IconButton title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() => onChangeLocation(null)} />
+          <IconButton
+            title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() =>{
+              onChangeLocation(null);
+            }}
+          />
         </HStack>
       ) : (
         <LocationSearch
diff --git a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
index d323dfd5b..0fb586d0a 100644
--- a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
@@ -39,7 +39,9 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={days}
-          onChange={(event) => setDays(Number(event.target.value))}
+          onChange={(event) =>{
+            setDays(Number(event.target.value));
+          }}
           data-testid='duration-selector-days'
         >
           {[...Array(8).fill(undefined)].map((_, number) => (
@@ -53,7 +55,9 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={hours}
-          onChange={(event) => setHours(Number(event.target.value))}
+          onChange={(event) =>{
+            setHours(Number(event.target.value));
+          }}
           disabled={days === 7}
           data-testid='duration-selector-hours'
         >
@@ -68,7 +72,9 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={minutes}
-          onChange={(event) => setMinutes(Number(event.target.value))}
+          onChange={(event) =>{
+            setMinutes(Number(event.target.value));
+          }}
           disabled={days === 7}
           data-testid='duration-selector-minutes'
         >
diff --git a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
index 335475682..55f5f55e6 100644
--- a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
@@ -57,7 +57,9 @@ const Option: React.FC<IOption> = ({
 
   const { suggestions, modifiedLanguage: language } = useCompose(composeId);
 
-  const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) => onChange(index, event.target.value);
+  const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) =>{
+    onChange(index, event.target.value);
+  };
 
   const handleOptionRemove = () => {
     if (numOptions > 2) {
@@ -69,7 +71,9 @@ const Option: React.FC<IOption> = ({
 
   const onSuggestionsClearRequested = () => dispatch(clearComposeSuggestions(composeId));
 
-  const onSuggestionsFetchRequested = (token: string) => dispatch(fetchComposeSuggestions(composeId, token));
+  const onSuggestionsFetchRequested = (token: string) =>{
+    dispatch(fetchComposeSuggestions(composeId, token));
+  };
 
   const onSuggestionSelected = (tokenStart: number, token: string | null, value: AutoSuggestion) => {
     if (token && typeof token === 'string') {
@@ -96,7 +100,7 @@ const Option: React.FC<IOption> = ({
           onSuggestionSelected={onSuggestionSelected}
           searchTokens={[':']}
           autoFocus={index === 0 || index >= 2}
-          lang={language || undefined}
+          lang={language ?? undefined}
         />
       </HStack>
 
@@ -203,7 +207,7 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
           {intl.formatMessage(messages.pollDuration)}
         </Text>
 
-        <DurationSelector onDurationChange={handleSelectDuration} value={expiresIn || (2 * 24 * 60 * 60)} />
+        <DurationSelector onDurationChange={handleSelectDuration} value={expiresIn ?? (2 * 24 * 60 * 60)} />
       </Stack>
 
       {/* Remove Poll */}
diff --git a/packages/pl-fe/src/features/compose/components/spoiler-input.tsx b/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
index b40049727..e9fa791ac 100644
--- a/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
+++ b/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
@@ -45,7 +45,7 @@ const SpoilerInput: React.FC<ISpoilerInput> = ({
       searchTokens={[':']}
       id='cw-spoiler-input'
       className='⁂-compose-form__spoiler-input'
-      lang={modifiedLanguage || undefined}
+      lang={modifiedLanguage ?? undefined}
     />
   );
 };
diff --git a/packages/pl-fe/src/features/compose/components/upload-button.tsx b/packages/pl-fe/src/features/compose/components/upload-button.tsx
index 502581f43..619718b5f 100644
--- a/packages/pl-fe/src/features/compose/components/upload-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/upload-button.tsx
@@ -54,7 +54,7 @@ const UploadButton: React.FC<IUploadButton> = ({
     return null;
   }
 
-  const src = icon || (
+  const src = icon ?? (
     onlyImages(attachmentTypes)
       ? require('@phosphor-icons/core/regular/image.svg')
       : require('@phosphor-icons/core/regular/paperclip.svg')
diff --git a/packages/pl-fe/src/features/compose/editor/index.tsx b/packages/pl-fe/src/features/compose/editor/index.tsx
index 152f778e8..8c516868b 100644
--- a/packages/pl-fe/src/features/compose/editor/index.tsx
+++ b/packages/pl-fe/src/features/compose/editor/index.tsx
@@ -121,7 +121,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
 
       const editorState = !compose.modifiedLanguage || compose.modifiedLanguage === compose.language
         ? compose.editorState
-        : compose.editorStateMap[compose.modifiedLanguage] || '';
+        : compose.editorStateMap[compose.modifiedLanguage] ?? '';
 
       if (editorState && !previouslyWasWysiwyg) {
         return editorState;
@@ -170,7 +170,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
     }
   };
 
-  let textareaPlaceholder = placeholder || intl.formatMessage(messages.placeholder);
+  let textareaPlaceholder = placeholder ?? intl.formatMessage(messages.placeholder);
 
   if (eventDiscussion) {
     textareaPlaceholder = intl.formatMessage(messages.eventPlaceholder);
@@ -194,7 +194,7 @@ const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
                     'min-h-[99px]': !condensed,
                   },
                 )}
-                lang={language || undefined}
+                lang={language ?? undefined}
                 data-compose-id={composeId}
                 aria-label={textareaPlaceholder}
                 placeholder={<></>}
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
index 0930a36e0..dc1263303 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
+++ b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
@@ -76,7 +76,7 @@ const LazyImage = ({
   useSuspenseImage(src);
   return (
     <img
-      className={className || undefined}
+      className={className ?? undefined}
       src={src}
       alt={altText}
       ref={imageRef}
@@ -303,7 +303,7 @@ const ImageComponent = ({
   ]);
 
   const active = hovered || focused;
-  const description = dirtyDescription || (dirtyDescription !== '' && altText) || '';
+  const description = (dirtyDescription ?? (dirtyDescription !== '' && altText)) || '';
   const draggable = isSelected && $isNodeSelection(selection);
 
   return (
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
index 571738a81..0de2855b6 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
@@ -301,7 +301,7 @@ const AutosuggestPlugin = ({
   const handleSelectSuggestion: React.MouseEventHandler<HTMLDivElement> = (e) => {
     e.preventDefault();
     const index = Number(e.currentTarget.getAttribute('data-index'));
-    return onSelectSuggestion(index);
+    onSelectSuggestion(index);
   };
 
   const onSelectSuggestion = (index: number) => {
@@ -425,11 +425,12 @@ const AutosuggestPlugin = ({
         if (!isSelectionOnEntityBoundary(editor, match.leadOffset)) {
           const isRangePositioned = tryToPositionRange(match.leadOffset, range);
           if (isRangePositioned !== null) {
-            startTransition(() =>
+            startTransition(() =>{
               openTypeahead({
                 getRect: () => range.getBoundingClientRect(),
                 match,
-              }),
+              });
+            },
             );
             return;
           }
@@ -465,7 +466,9 @@ const AutosuggestPlugin = ({
       };
       document.addEventListener('click', handleClick);
 
-      return () => document.removeEventListener('click', handleClick);
+      return () =>{
+        document.removeEventListener('click', handleClick);
+      };
     }
   }, [resolution, suggestionsHidden, !suggestions.length]);
 
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
index db5b2d026..a3aa20acd 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
@@ -62,7 +62,9 @@ const UploadButton: React.FC<IUploadButton> = ({ onSelectFile }) => {
           onSelectFile(url);
           setDisabled(false);
         },
-        () => setDisabled(false),
+        () =>{
+          setDisabled(false);
+        },
       ));
     }
   };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
index 38ccbb6b7..5bf701364 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
@@ -188,7 +188,9 @@ const FloatingLinkEditor = ({
               className='absolute inset-y-0 right-0 flex w-9 cursor-pointer items-center justify-center'
               role='button'
               tabIndex={0}
-              onMouseDown={(event) => event.preventDefault()}
+              onMouseDown={(event) =>{
+                event.preventDefault();
+              }}
               onClick={() => {
                 editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
               }}
@@ -205,7 +207,9 @@ const FloatingLinkEditor = ({
               className='absolute inset-y-0 right-0 flex w-9 cursor-pointer items-center justify-center'
               role='button'
               tabIndex={0}
-              onMouseDown={(event) => event.preventDefault()}
+              onMouseDown={(event) =>{
+                event.preventDefault();
+              }}
               onClick={() => {
                 setEditMode(true);
               }}
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
index f13099859..9c6ac1d55 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
@@ -184,7 +184,9 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
   return (
     <>
       <button
-        onClick={() => setShowDropDown(!showDropDown)}
+        onClick={() =>{
+          setShowDropDown(!showDropDown);
+        }}
         className='relative flex cursor-pointer rounded-lg border-0 bg-none p-1 align-middle hover:bg-gray-100 disabled:cursor-not-allowed disabled:hover:bg-none dark:hover:bg-primary-700'
         aria-label=''
         type='button'
@@ -203,17 +205,23 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
             {composeAllowHeadings && (
               <>
                 <ToolbarButton
-                  onClick={() => formatHeading('h1')}
+                  onClick={() =>{
+                    formatHeading('h1');
+                  }}
                   active={blockType === 'h1'}
                   icon={blockTypeToIcon.h1}
                 />
                 <ToolbarButton
-                  onClick={() => formatHeading('h2')}
+                  onClick={() =>{
+                    formatHeading('h2');
+                  }}
                   active={blockType === 'h2'}
                   icon={blockTypeToIcon.h2}
                 />
                 <ToolbarButton
-                  onClick={() => formatHeading('h3')}
+                  onClick={() =>{
+                    formatHeading('h3');
+                  }}
                   active={blockType === 'h3'}
                   icon={blockTypeToIcon.h3}
                 />
@@ -459,9 +467,7 @@ const useFloatingTextFormatToolbar = (
             return parent !== null && $isRootOrShadowRoot(parent);
           });
 
-      if (element === null) {
-        element = anchorNode.getTopLevelElementOrThrow();
-      }
+      element ??= anchorNode.getTopLevelElementOrThrow();
 
       const elementKey = element.getKey();
       const elementDOM = editor.getElementByKey(elementKey);
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
index 76659c5d5..3d1c4ee4e 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
@@ -34,7 +34,7 @@ const StatePlugin: React.FC<IStatePlugin> = ({ composeId, isWysiwyg }) => {
   const { urlPrivacy, ignoreHashtagCasingSuggestions } = useSettings();
 
   const checkUrls = useCallback(debounce((editorState: EditorState) => {
-    dispatch(async (_, getState) => {
+    dispatch((_, getState) => {
       if (!urlPrivacy.clearLinksInCompose) return;
 
       const state = getState();
@@ -81,7 +81,7 @@ const StatePlugin: React.FC<IStatePlugin> = ({ composeId, isWysiwyg }) => {
   }, 2000), [urlPrivacy.clearLinksInCompose]);
 
   const checkHashtagCasingSuggestions = useCallback(debounce((editorState: EditorState) => {
-    dispatch(async (_, getState) => {
+    dispatch((_, getState) => {
       if (ignoreHashtagCasingSuggestions) return;
 
       const state = getState();
@@ -137,7 +137,7 @@ const StatePlugin: React.FC<IStatePlugin> = ({ composeId, isWysiwyg }) => {
     });
   }, 2000), []);
 
-  const detectLanguage = useCallback(debounce(async (text: string) => {
+  const detectLanguage = useCallback(debounce((text: string) => {
     dispatch(async (dispatch, getState) => {
       const state = getState();
       const compose = state.compose[composeId];
diff --git a/packages/pl-fe/src/features/compose/util/url-regex.ts b/packages/pl-fe/src/features/compose/util/url-regex.ts
index c10c04aa8..7b0d71fa0 100644
--- a/packages/pl-fe/src/features/compose/util/url-regex.ts
+++ b/packages/pl-fe/src/features/compose/util/url-regex.ts
@@ -2,13 +2,13 @@ const regexen: { [x: string]: string | RegExp } = {};
 
 const regexSupplant = (regex: string | RegExp, flags = '') => {
   if (typeof regex !== 'string') {
-    if (regex.global && flags.indexOf('g') < 0) {
+    if (regex.global && !flags.includes('g')) {
       flags += 'g';
     }
-    if (regex.ignoreCase && flags.indexOf('i') < 0) {
+    if (regex.ignoreCase && !flags.includes('i')) {
       flags += 'i';
     }
-    if (regex.multiline && flags.indexOf('m') < 0) {
+    if (regex.multiline && !flags.includes('m')) {
       flags += 'm';
     }
 
@@ -24,7 +24,7 @@ const regexSupplant = (regex: string | RegExp, flags = '') => {
 };
 
 const stringSupplant = (str: string, values: { [x: string]: any }) =>
-  str.replace(/#\{(\w+)\}/g, (match, name) => values[name] || '');
+  str.replace(/#\{(\w+)\}/g, (match, name) => values[name] ?? '');
 
 const urlRegex = (() => {
   regexen.spaces_group = /\x09-\x0D\x20\x85\xA0\u1680\u180E\u2000-\u200A\u2028\u2029\u202F\u205F\u3000/; // eslint-disable-line no-control-regex
diff --git a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
index acecafccb..3444c1c2d 100644
--- a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
@@ -24,12 +24,12 @@ const ConversationsList: React.FC = () => {
 
   const handleMoveUp = (id: string) => {
     const elementIndex = getCurrentIndex(id) - 1;
-    selectChild(elementIndex, ref, document.getElementById('direct-list') || undefined);
+    selectChild(elementIndex, ref, document.getElementById('direct-list') ?? undefined);
   };
 
   const handleMoveDown = (id: string) => {
     const elementIndex = getCurrentIndex(id) + 1;
-    selectChild(elementIndex, ref, document.getElementById('direct-list') || undefined, conversations.length);
+    selectChild(elementIndex, ref, document.getElementById('direct-list') ?? undefined, conversations.length);
   };
 
   const handleLoadOlder = useCallback(debounce(() => {
diff --git a/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx b/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
index 2c7e79b20..0eafae44b 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
@@ -5,7 +5,7 @@ import React from 'react';
 const getIcon = (ticker: string): string => {
   const modules: Record<string, any> = import.meta.glob('../../../../node_modules/cryptocurrency-icons/svg/color/*.svg', { eager: true });
   const key = `../../../../node_modules/cryptocurrency-icons/svg/color/${ticker}.svg`;
-  return modules[key]?.default || genericIcon;
+  return modules[key]?.default ?? genericIcon;
 };
 
 interface ICryptoIcon {
@@ -20,7 +20,7 @@ const CryptoIcon: React.FC<ICryptoIcon> = ({ ticker, title, className, imgClassN
     <img
       className={imgClassName}
       src={getIcon(ticker)}
-      alt={title || ticker}
+      alt={title ?? ticker}
     />
   </div>
 );
diff --git a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
index 18264368a..0348434b9 100644
--- a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
+++ b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
@@ -17,7 +17,6 @@ import { buildStatus } from '../builder';
 
 import DraftStatusActionBar from './draft-status-action-bar';
 
-import type { Status as StatusEntity } from '@/normalizers/status';
 import type { DraftStatus as DraftStatusType } from '@/queries/statuses/use-draft-statuses';
 
 interface IDraftStatus {
@@ -28,7 +27,7 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
   const status = useAppSelector((state) => {
     if (!draftStatus) return null;
     return buildStatus(state, draftStatus);
-  }) as StatusEntity | null;
+  });
 
   if (!status) return null;
 
@@ -37,7 +36,7 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
   let quote;
 
   if (status.quote_id) {
-    if ((status.quote_visible ?? true) === false) {
+    if (!(status.quote_visible ?? true)) {
       quote = (
         <OutlineBox>
           <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
diff --git a/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
index 1ecd0801a..b125785c4 100644
--- a/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
@@ -45,7 +45,7 @@ const AvatarPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
       placeholder: intl.formatMessage(messages.changeDescriptionPlaceholder),
       confirm: intl.formatMessage(messages.changeDescriptionConfirm),
       onConfirm: (description?: string) => {
-        onChangeDescription?.(description || '');
+        onChangeDescription?.(description ?? '');
       },
       text: description,
     });
@@ -84,7 +84,9 @@ const AvatarPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
         name='avatar'
         type='file'
         accept={accept}
-        onChange={({ target }) => onChange(target.files)}
+        onChange={({ target }) =>{
+          onChange(target.files);
+        }}
         disabled={disabled}
         className='hidden'
       />
diff --git a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
index 6fd2726b0..d46c5bd07 100644
--- a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
@@ -53,7 +53,7 @@ const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
       placeholder: intl.formatMessage(messages.changeHeaderDescriptionPlaceholder),
       confirm: intl.formatMessage(messages.changeHeaderDescriptionConfirm),
       onConfirm: (description?: string) => {
-        onChangeDescription?.(description || '');
+        onChangeDescription?.(description ?? '');
       },
       text: description,
     });
@@ -95,7 +95,9 @@ const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
           name='header'
           type='file'
           accept={accept}
-          onChange={({ target }) => onChange(target.files)}
+          onChange={({ target }) =>{
+            onChange(target.files);
+          }}
           disabled={disabled}
           className='hidden'
         />
diff --git a/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx b/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
index 8cabe6e24..1cbf80e30 100644
--- a/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
+++ b/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
@@ -209,7 +209,7 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
   }, []);
 
   const customEmojiCategories = useMemo(() => {
-    return withCustom ? buildCustomEmojiCategories(customEmojis || [], intl) : undefined;
+    return withCustom ? buildCustomEmojiCategories(customEmojis ?? [], intl) : undefined;
   }, [withCustom, customEmojis]);
 
   return (
diff --git a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
index 560005a92..e7e6001ce 100644
--- a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
+++ b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
@@ -69,7 +69,7 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
 
   return (
     <div className='relative'>
-      {clonedChildren || (
+      {clonedChildren ?? (
         <IconButton
           theme='transparent'
           className={clsx('emoji-picker-dropdown -m-1 p-2', {
diff --git a/packages/pl-fe/src/features/emoji/index.ts b/packages/pl-fe/src/features/emoji/index.ts
index 0cdb6612a..ad322552d 100644
--- a/packages/pl-fe/src/features/emoji/index.ts
+++ b/packages/pl-fe/src/features/emoji/index.ts
@@ -78,7 +78,7 @@ const buildCustomEmojiCategories = (customEmojis: Array<BaseCustomEmoji>, intl?:
   const emojiCategories: Record<string, EmojiMart<EmojiMartCustom>[]> = {};
 
   for (const emoji of customEmojis) {
-    const categoryName = emoji.category || 'uncategorized';
+    const categoryName = emoji.category ?? 'uncategorized';
     if (!emojiCategories[categoryName]) {
       emojiCategories[categoryName] = [];
     }
diff --git a/packages/pl-fe/src/features/event/components/event-action-button.tsx b/packages/pl-fe/src/features/event/components/event-action-button.tsx
index 02cdc3db8..cde305b5f 100644
--- a/packages/pl-fe/src/features/event/components/event-action-button.tsx
+++ b/packages/pl-fe/src/features/event/components/event-action-button.tsx
@@ -66,7 +66,9 @@ const EventActionButton: React.FC<IEventAction> = ({ status, theme = 'secondary'
         heading: intl.formatMessage(messages.leaveHeading),
         message: intl.formatMessage(messages.leaveMessage),
         confirm: intl.formatMessage(messages.leaveConfirm),
-        onConfirm: () => leaveEvent(),
+        onConfirm: () =>{
+          leaveEvent();
+        },
       });
     } else {
       leaveEvent();
diff --git a/packages/pl-fe/src/features/event/components/event-header.tsx b/packages/pl-fe/src/features/event/components/event-header.tsx
index 6f4c123bf..4d4555bfa 100644
--- a/packages/pl-fe/src/features/event/components/event-header.tsx
+++ b/packages/pl-fe/src/features/event/components/event-header.tsx
@@ -83,7 +83,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
   const features = useFeatures();
   const { boostModal } = useSettings();
   const { account: ownAccount } = useOwnAccount();
-  const isStaff = ownAccount ? ownAccount.is_admin || ownAccount.is_moderator : false;
+  const isStaff = ownAccount ? ownAccount.is_admin ?? ownAccount.is_moderator : false;
   const isAdmin = ownAccount ? ownAccount.is_admin : false;
 
   const { mutate: reblogStatus } = useReblogStatus(status?.id!);
@@ -241,22 +241,30 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
           items: [
             {
               text: intl.formatMessage(messages.reblog_visibility_public),
-              action: () => handleReblogClick('public'),
+              action: () =>{
+                handleReblogClick('public');
+              },
               icon: require('@phosphor-icons/core/regular/globe.svg'),
             },
             {
               text: intl.formatMessage(messages.reblog_visibility_unlisted),
-              action: () => handleReblogClick('unlisted'),
+              action: () =>{
+                handleReblogClick('unlisted');
+              },
               icon: require('@phosphor-icons/core/regular/moon.svg'),
             },
             {
               text: intl.formatMessage(messages.reblog_visibility_private),
-              action: () => handleReblogClick('private'),
+              action: () =>{
+                handleReblogClick('private');
+              },
               icon: require('@phosphor-icons/core/regular/lock.svg'),
             },
           ],
         } : {
-          action: () => handleReblogClick(),
+          action: () =>{
+            handleReblogClick();
+          },
         }),
         icon: require('@phosphor-icons/core/regular/repeat.svg'),
       });
@@ -271,7 +279,9 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
     } else if (status.visibility === 'private' || status.visibility === 'mutuals_only') {
       menu.push({
         text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog_private),
-        action: () => handleReblogClick(),
+        action: () =>{
+          handleReblogClick();
+        },
         icon: require('@phosphor-icons/core/regular/repeat.svg'),
       });
     }
@@ -352,7 +362,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
 
       if (features.pleromaAdminStatuses) {
         menu.push({
-          text: intl.formatMessage(status.sensitive === false ? messages.markStatusSensitive : messages.markStatusNotSensitive),
+          text: intl.formatMessage(!status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive),
           action: handleToggleStatusSensitivity,
           icon: require('@phosphor-icons/core/regular/warning.svg'),
         });
diff --git a/packages/pl-fe/src/features/external-login/components/external-login-form.tsx b/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
index edf0060ff..0a95c4a56 100644
--- a/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
+++ b/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
@@ -25,7 +25,7 @@ const ExternalLoginForm: React.FC = () => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
 
-  const [host, setHost] = useState(server || '');
+  const [host, setHost] = useState(server ?? '');
   const [isLoading, setLoading] = useState(false);
 
   const handleHostChange: React.ChangeEventHandler<HTMLInputElement> = ({ currentTarget }) => {
@@ -36,7 +36,9 @@ const ExternalLoginForm: React.FC = () => {
     setLoading(true);
 
     externalLogin(host)
-      .then(() => setLoading(false))
+      .then(() =>{
+        setLoading(false);
+      })
       .catch((error) => {
         console.error(error);
         const status = error.response?.status;
diff --git a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
index c935431ca..7b3f853bc 100644
--- a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
+++ b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
@@ -111,7 +111,7 @@ const InstanceRestrictions: React.FC<IInstanceRestrictions> = ({ remoteInstance
     const host = remoteInstance.host;
     const siteTitle = instance.title;
 
-    if (remoteInstance.federation.reject === true) {
+    if (remoteInstance.federation.reject) {
       return (
         <Restriction icon={require('@phosphor-icons/core/regular/x.svg')}>
           <FormattedMessage
diff --git a/packages/pl-fe/src/features/group/components/group-action-button.tsx b/packages/pl-fe/src/features/group/components/group-action-button.tsx
index 9828092ee..ed59e9bc3 100644
--- a/packages/pl-fe/src/features/group/components/group-action-button.tsx
+++ b/packages/pl-fe/src/features/group/components/group-action-button.tsx
@@ -57,7 +57,7 @@ const GroupActionButton = ({ group }: IGroupActionButton) => {
     },
   });
 
-  const onLeaveGroup = () =>
+  const onLeaveGroup = () =>{
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.confirmationHeading),
       message: intl.formatMessage(messages.confirmationMessage),
@@ -69,6 +69,7 @@ const GroupActionButton = ({ group }: IGroupActionButton) => {
         },
       }),
     });
+  };
 
   const onCancelRequest = () => leaveGroup.mutate(group.relationship?.id as string, {
     onSuccess() {
diff --git a/packages/pl-fe/src/features/group/components/group-header-image.tsx b/packages/pl-fe/src/features/group/components/group-header-image.tsx
index 1df986993..a1e56ae34 100644
--- a/packages/pl-fe/src/features/group/components/group-header-image.tsx
+++ b/packages/pl-fe/src/features/group/components/group-header-image.tsx
@@ -42,7 +42,9 @@ const GroupHeaderImage: React.FC<IGroupHeaderImage> = ({ className, group }) =>
       className={className}
       src={group.header}
       alt={group.header_description || intl.formatMessage(messages.header)}
-      onError={() => setIsHeaderMissing(true)}
+      onError={() =>{
+        setIsHeaderMissing(true);
+      }}
     />
   );
 };
diff --git a/packages/pl-fe/src/features/group/components/group-header.tsx b/packages/pl-fe/src/features/group/components/group-header.tsx
index 1658267db..b90f7ba3a 100644
--- a/packages/pl-fe/src/features/group/components/group-header.tsx
+++ b/packages/pl-fe/src/features/group/components/group-header.tsx
@@ -96,7 +96,9 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
           src={group.header}
           alt={group.header_description || intl.formatMessage(messages.header)}
           className='relative h-32 w-full bg-gray-200 object-center black:rounded-t-none dark:bg-gray-900/50 md:rounded-t-xl lg:h-52'
-          onError={() => setIsHeaderMissing(true)}
+          onError={() =>{
+            setIsHeaderMissing(true);
+          }}
         />
       );
 
diff --git a/packages/pl-fe/src/features/group/components/group-member-list-item.tsx b/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
index 798399cce..8783cdc44 100644
--- a/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
+++ b/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
@@ -73,9 +73,13 @@ const GroupMemberListItem = ({ member, group }: IGroupMemberListItem) => {
       heading: intl.formatMessage(messages.kickFromGroupHeading, { name: account?.username }),
       message: intl.formatMessage(messages.kickFromGroupMessage, { name: account?.username }),
       confirm: intl.formatMessage(messages.kickConfirm),
-      onConfirm: () => kickGroupMember(undefined, {
-        onSuccess: () => toast.success(intl.formatMessage(messages.kicked, { name: account?.acct })),
-      }),
+      onConfirm: () =>{
+        kickGroupMember(undefined, {
+          onSuccess: () =>{
+            toast.success(intl.formatMessage(messages.kicked, { name: account?.acct }));
+          },
+        });
+      },
     });
   };
 
diff --git a/packages/pl-fe/src/features/group/components/group-options-button.tsx b/packages/pl-fe/src/features/group/components/group-options-button.tsx
index 6d6ee3e56..0910bcc69 100644
--- a/packages/pl-fe/src/features/group/components/group-options-button.tsx
+++ b/packages/pl-fe/src/features/group/components/group-options-button.tsx
@@ -40,7 +40,7 @@ const GroupOptionsButton = ({ group }: IGroupActionButton) => {
     });
   };
 
-  const handleLeave = () =>
+  const handleLeave = () =>{
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.confirmationHeading),
       message: intl.formatMessage(messages.confirmationMessage),
@@ -52,6 +52,7 @@ const GroupOptionsButton = ({ group }: IGroupActionButton) => {
         },
       }),
     });
+  };
 
   const menu: Menu = useMemo(() => {
     const canShare = 'share' in navigator;
diff --git a/packages/pl-fe/src/features/notifications/components/notification.tsx b/packages/pl-fe/src/features/notifications/components/notification.tsx
index be558c11d..21344246e 100644
--- a/packages/pl-fe/src/features/notifications/components/notification.tsx
+++ b/packages/pl-fe/src/features/notifications/components/notification.tsx
@@ -312,17 +312,15 @@ const Notification: React.FC<INotification> = (props) => {
       const boostModal = settings.boostModal;
       if (status.reblogged) {
         unreblogStatus();
+      } else if (e?.shiftKey || !boostModal) {
+        reblogStatus(undefined);
       } else {
-        if (e?.shiftKey || !boostModal) {
-          reblogStatus(undefined);
-        } else {
-          openModal('BOOST', {
-            statusId: status.id,
-            onReblog: () => {
-              reblogStatus(undefined);
-            },
-          });
-        }
+        openModal('BOOST', {
+          statusId: status.id,
+          onReblog: () => {
+            reblogStatus(undefined);
+          },
+        });
       }
     }
   }, [status]);
@@ -364,14 +362,14 @@ const Notification: React.FC<INotification> = (props) => {
       return (
         <Emoji
           emoji={notification.emoji}
-          src={notification.emoji_url || undefined}
+          src={notification.emoji_url ?? undefined}
           className='⁂-notification__icon ⁂-notification__icon--emoji'
         />
       );
     } else if (icons[displayedType]) {
       return (
         <Icon
-          src={icons[displayedType]!}
+          src={icons[displayedType]}
           className='⁂-notification__icon'
         />
       );
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
index 3ff22849c..a63779f9b 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
@@ -41,7 +41,9 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
           className='flex items-center justify-center rounded-full p-1.5 hover:bg-gray-50 dark:hover:bg-primary-800'
           aria-label={name}
           title={name}
-          onClick={() => handleClick(name)}
+          onClick={() =>{
+            handleClick(name);
+          }}
         >
           <i className={clsx(icon, 'size-[1.375rem] text-lg leading-[1.15]')} />
         </button>
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
index b1a4f576d..32387bb82 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
@@ -62,7 +62,7 @@ const PlaceholderMediaGallery: React.FC<IPlaceholderMediaGallery> = ({ media, de
       style,
       itemsDimensions,
       size,
-      width: width || 0,
+      width: width ?? 0,
     };
   };
 
@@ -73,8 +73,8 @@ const PlaceholderMediaGallery: React.FC<IPlaceholderMediaGallery> = ({ media, de
     const right = dimensions.r || 'auto';
     const bottom = dimensions.b || 'auto';
     const left = dimensions.l || 'auto';
-    const float = dimensions.float as any || 'left';
-    const position = dimensions.pos as any || 'relative';
+    const float = dimensions.float as any ?? 'left';
+    const position = dimensions.pos as any ?? 'relative';
 
     return <div key={i} className='⁂-media-gallery__item animate-pulse bg-primary-200' style={{ position, float, left, top, right, bottom, height, width }} />;
   };
diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx
index 7f868faec..3559fa127 100644
--- a/packages/pl-fe/src/features/preferences/index.tsx
+++ b/packages/pl-fe/src/features/preferences/index.tsx
@@ -124,7 +124,7 @@ const Preferences = () => {
   const instance = useInstance();
   const standalone = useAppSelector(isStandalone);
 
-  const brandColor = settings.theme?.brandColor || frontendConfig.brandColor || '#d80482';
+  const brandColor = (settings.theme?.brandColor ?? frontendConfig.brandColor) || '#d80482';
 
   const onSelectChange = (event: React.ChangeEvent<HTMLSelectElement>, path: string[]) => {
     dispatch(changeSetting(path, event.target.value, { showAlert: true }));
@@ -141,7 +141,7 @@ const Preferences = () => {
   const onBrandColorChange = (newBrandColor: string) => {
     if (newBrandColor === brandColor) return;
 
-    const theme = settings.theme || frontendConfig.defaultSettings.theme;
+    const theme = settings.theme ?? frontendConfig.defaultSettings.theme;
 
     dispatch(changeSetting(['theme'], {
       ...theme,
@@ -152,7 +152,7 @@ const Preferences = () => {
   };
 
   const onInterfaceSizeChange = (value: number) => {
-    const theme = settings.theme || frontendConfig.defaultSettings.theme;
+    const theme = settings.theme ?? frontendConfig.defaultSettings.theme;
 
     dispatch(changeSetting(['theme'], {
       ...theme,
@@ -216,12 +216,14 @@ const Preferences = () => {
         <PaletteListItem
           label={intl.formatMessage(messages.brandColor)}
           palette={colors(brandColor)}
-          onChange={(palette) => onBrandColorChange(palette['500'])}
+          onChange={(palette) =>{
+            onBrandColorChange(palette['500']);
+          }}
           allowTintChange={false}
         />
         <ListItem label={<div className='whitespace-nowrap'><FormattedMessage id='preferences.fields.interface_size' defaultMessage='Interface size' /></div>}>
           <div className='flex w-full flex-col'>
-            <StepSlider value={INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize || 'md')} steps={4} onChange={onInterfaceSizeChange} />
+            <StepSlider value={INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'md')} steps={4} onChange={onInterfaceSizeChange} />
           </div>
         </ListItem>
         <ListItem label={<FormattedMessage id='preferences.fields.theme.display_background_gradient' defaultMessage='Display background gradient' />}>
@@ -235,8 +237,10 @@ const Preferences = () => {
             <SelectDropdown
               className='max-w-[200px]'
               items={systemDarkThemePreferenceOptions}
-              defaultValue={settings.theme?.systemDarkThemePreference || 'black'}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => onSelectChange(event, ['theme', 'systemDarkThemePreference'])}
+              defaultValue={settings.theme?.systemDarkThemePreference ?? 'black'}
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onSelectChange(event, ['theme', 'systemDarkThemePreference']);
+              }}
             />
           </ListItem>
         )}
@@ -268,7 +272,9 @@ const Preferences = () => {
             className='max-w-[200px]'
             items={languages}
             defaultValue={settings.locale}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => onSelectChange(event, ['locale'])}
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+              onSelectChange(event, ['locale']);
+            }}
           />
         </ListItem>
 
@@ -281,7 +287,9 @@ const Preferences = () => {
             className='max-w-[200px]'
             items={displayMediaOptions}
             defaultValue={settings.displayMedia}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => onSelectChange(event, ['displayMedia'])}
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+              onSelectChange(event, ['displayMedia']);
+            }}
           />
         </ListItem>
 
@@ -291,7 +299,9 @@ const Preferences = () => {
               className='max-w-[200px]'
               items={defaultPrivacyOptions}
               defaultValue={settings.defaultPrivacy}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => onSelectChange(event, ['defaultPrivacy'])}
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onSelectChange(event, ['defaultPrivacy']);
+              }}
             />
           </ListItem>
         )}
@@ -302,7 +312,9 @@ const Preferences = () => {
               className='max-w-[200px]'
               items={defaultContentTypeOptions}
               defaultValue={settings.defaultContentType}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => onSelectChange(event, ['defaultContentType'])}
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onSelectChange(event, ['defaultContentType']);
+              }}
             />
           </ListItem>
         )}
@@ -435,7 +447,9 @@ const Preferences = () => {
               className='max-w-[200px]'
               items={languages}
               value={settings.knownLanguages as string[] | undefined}
-              onChange={(selectedList) => onSelectMultiple(selectedList, ['knownLanguages'])}
+              onChange={(selectedList) =>{
+                onSelectMultiple(selectedList, ['knownLanguages']);
+              }}
               disabled={!settings.autoTranslate}
             />
           </ListItem>
diff --git a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
index a740ad92f..aa976e3c9 100644
--- a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
+++ b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
@@ -37,7 +37,9 @@ const ScheduledStatusActionBar: React.FC<IScheduledStatusActionBar> = ({ status
         heading: intl.formatMessage(messages.deleteHeading),
         message: intl.formatMessage(messages.deleteMessage),
         confirm: intl.formatMessage(messages.deleteConfirm),
-        onConfirm: () => cancelScheduledStatus(),
+        onConfirm: () =>{
+          cancelScheduledStatus();
+        },
       });
     }
   };
diff --git a/packages/pl-fe/src/features/settings/components/messages-settings.tsx b/packages/pl-fe/src/features/settings/components/messages-settings.tsx
index 28ad2aec0..4eba84f65 100644
--- a/packages/pl-fe/src/features/settings/components/messages-settings.tsx
+++ b/packages/pl-fe/src/features/settings/components/messages-settings.tsx
@@ -29,7 +29,7 @@ const MessagesSettings = () => {
         label={intl.formatMessage(messages.label)}
       >
         <Toggle
-          checked={account.accepts_chat_messages || false}
+          checked={account.accepts_chat_messages ?? false}
           onChange={handleChange}
         />
       </ListItem>
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index 5229bbdb3..e6f24890f 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -130,7 +130,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                     <>
                       <span className='⁂-separator' />
                       <a
-                        href={(actualStatus.application.website) ? actualStatus.application.website : '#'}
+                        href={actualStatus.application.website ?? '#'}
                         target='_blank'
                         rel='noopener'
                         className='hover:underline'
diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index d87dc9f3e..124cf4890 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -173,21 +173,25 @@ const Thread = ({
     else favouriteStatus();
   };
 
-  const handleReplyClick = (status: ComposeReplyAction['status']) => dispatch(replyCompose(status));
+  const handleReplyClick = (status: ComposeReplyAction['status']) =>{
+    dispatch(replyCompose(status));
+  };
 
   const handleReblogClick = (status: SelectedStatus, e?: React.MouseEvent) => {
     if (status.reblogged) {
       unreblogStatus();
+    } else if ((e && e.shiftKey) || !boostModal) {
+      reblogStatus(undefined);
     } else {
-      if ((e && e.shiftKey) || !boostModal) {
+      openModal('BOOST', { statusId: status.id, onReblog: () =>{
         reblogStatus(undefined);
-      } else {
-        openModal('BOOST', { statusId: status.id, onReblog: () => reblogStatus(undefined) });
-      }
+      } });
     }
   };
 
-  const handleMentionClick = (account: Pick<Account, 'acct'>) => dispatch(mentionCompose(account));
+  const handleMentionClick = (account: Pick<Account, 'acct'>) =>{
+    dispatch(mentionCompose(account));
+  };
 
   const handleHotkeyOpenMedia = (e?: KeyboardEvent) => {
     const media = status.media_attachments;
@@ -238,15 +242,15 @@ const Thread = ({
   const handleMoveUp = (id: string) => {
     const modalOffset = isModal ? 1 : 0;
     if (id === status.id) {
-      selectChild(statusIndex - 1 + modalOffset, scroller, node.current || undefined);
+      selectChild(statusIndex - 1 + modalOffset, scroller, node.current ?? undefined);
     } else {
       let index = thread.indexOf(id);
 
       if (index === -1) {
         index = thread.indexOf(id);
-        selectChild(index + modalOffset, scroller, node.current || undefined);
+        selectChild(index + modalOffset, scroller, node.current ?? undefined);
       } else {
-        selectChild(index - 1 + modalOffset, scroller, node.current || undefined);
+        selectChild(index - 1 + modalOffset, scroller, node.current ?? undefined);
       }
     }
   };
@@ -254,15 +258,15 @@ const Thread = ({
   const handleMoveDown = (id: string) => {
     const modalOffset = isModal ? 1 : 0;
     if (id === status.id) {
-      selectChild(statusIndex + 1 + modalOffset, scroller, node.current || undefined, thread.length + modalOffset);
+      selectChild(statusIndex + 1 + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
     } else {
       let index = thread.indexOf(id);
 
       if (index === -1) {
         index = thread.indexOf(id);
-        selectChild(index + modalOffset, scroller, node.current || undefined, thread.length + modalOffset);
+        selectChild(index + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
       } else {
-        selectChild(index + 1 + modalOffset, scroller, node.current || undefined, thread.length + modalOffset);
+        selectChild(index + 1 + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
       }
     }
   };
@@ -364,7 +368,9 @@ const Thread = ({
         offset: -146,
       });
 
-      setTimeout(() => (node.current?.querySelector('.detailed-actualStatus') as HTMLDivElement)?.focus(), 100);
+      setTimeout(() =>{
+        (node.current?.querySelector('.detailed-actualStatus') as HTMLDivElement)?.focus();
+      }, 100);
     }, 0);
   }, [status.id, statusIndex]);
 
@@ -442,7 +448,7 @@ const Thread = ({
             'h-full': isModal,
           })}
           useWindowScroll={!isModal}
-          customScrollParent={isModal && node.current || undefined}
+          customScrollParent={isModal ? (node.current ?? undefined) : undefined}
         >
           {children}
         </ScrollableList>
diff --git a/packages/pl-fe/src/features/theme-editor/components/palette.tsx b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
index a3e8a198e..0d590f1e3 100644
--- a/packages/pl-fe/src/features/theme-editor/components/palette.tsx
+++ b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
@@ -35,7 +35,7 @@ const Palette: React.FC<IPalette> = ({ palette, onChange, resetKey, allowTintCha
   };
 
   useEffect(() => {
-    const delta = hue - (lastHue || 0);
+    const delta = hue - (lastHue ?? 0);
 
     const adjusted = Object.entries(palette).reduce<ColorGroup>((result, [tint, hex]) => {
       result[tint] = hueShift(hex, delta * 360);
diff --git a/packages/pl-fe/src/features/ui/components/action-button.tsx b/packages/pl-fe/src/features/ui/components/action-button.tsx
index 2597e6769..bd2bdfbdf 100644
--- a/packages/pl-fe/src/features/ui/components/action-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/action-button.tsx
@@ -107,8 +107,12 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
 
   const handleBite = () => {
     client.accounts.biteAccount(account.id)
-      .then(() => toast.success(intl.formatMessage(messages.userBit, { acct: account.acct })))
-      .catch(() => toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct })));
+      .then(() =>{
+        toast.success(intl.formatMessage(messages.userBit, { acct: account.acct }));
+      })
+      .catch(() =>{
+        toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct }));
+      });
   };
 
   const handleRemoteFollow = () => {
diff --git a/packages/pl-fe/src/features/ui/components/compose-button.tsx b/packages/pl-fe/src/features/ui/components/compose-button.tsx
index 1368e9237..7afbcd8f8 100644
--- a/packages/pl-fe/src/features/ui/components/compose-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/compose-button.tsx
@@ -19,7 +19,7 @@ interface IComposeButton {
 
 const ComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
   const match = useMatch({ from: layouts.group.id, shouldThrow: false });
-  const { group } = useGroup(match?.params.groupId || '');
+  const { group } = useGroup(match?.params.groupId ?? '');
   const isGroupMember = !!group?.relationship?.member;
 
   if (match && isGroupMember) {
@@ -31,7 +31,9 @@ const ComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
 
 const HomeComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
   const { openModal } = useModalsActions();
-  const onOpenCompose = () => openModal('COMPOSE');
+  const onOpenCompose = () =>{
+    openModal('COMPOSE');
+  };
 
   return (
     <button
@@ -48,7 +50,7 @@ const HomeComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
 const GroupComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
   const dispatch = useAppDispatch();
   const match = useMatch({ from: layouts.group.id, shouldThrow: false });
-  const { group } = useGroup(match?.params.groupId || '');
+  const { group } = useGroup(match?.params.groupId ?? '');
 
   if (!group) return null;
 
diff --git a/packages/pl-fe/src/features/ui/components/modal-root.tsx b/packages/pl-fe/src/features/ui/components/modal-root.tsx
index c938a6f6f..6aeb922bb 100644
--- a/packages/pl-fe/src/features/ui/components/modal-root.tsx
+++ b/packages/pl-fe/src/features/ui/components/modal-root.tsx
@@ -64,7 +64,7 @@ const ModalRoot: React.FC = () => {
   const dispatch = useAppDispatch();
   const modals = useModals();
   const { closeModal } = useModalsActions();
-  const { modalType: type, modalProps: props } = modals.at(-1) || { modalProps: {}, modalType: null };
+  const { modalType: type, modalProps: props } = modals.at(-1) ?? { modalProps: {}, modalType: null };
   const index = modals.length - 1;
 
   const onClickClose = (type?: ModalType, all?: boolean) => {
diff --git a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
index 3a801bd9b..eda74bba8 100644
--- a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
@@ -38,7 +38,9 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
     debouncedUpdateAccountNote(e.target.value, {
       onSuccess: () => {
         setSaved(true);
-        setTimeout(() => setSaved(false), 2000);
+        setTimeout(() =>{
+          setSaved(false);
+        }, 2000);
       },
     });
   };
@@ -68,7 +70,7 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
         id={`account-note-${account.id}`}
         theme='transparent'
         placeholder={intl.formatMessage(messages.placeholder)}
-        value={value || ''}
+        value={value ?? ''}
         onChange={handleChange}
         ref={textarea}
         autoGrow
diff --git a/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
index dddaf27ca..1b7d02588 100644
--- a/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
@@ -8,7 +8,7 @@ import PlaceholderGroupSearch from '@/features/placeholder/components/placeholde
 
 const MyGroupsPanel = () => {
   const { groups, isFetching, isFetched, isError } = useGroups();
-  const isEmpty = (isFetched && groups.length === 0) || isError;
+  const isEmpty = (isFetched && groups.length === 0) ?? isError;
 
   if (isEmpty) {
     return null;
diff --git a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
index 7c0e2b6b4..0c8ac1fea 100644
--- a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
@@ -57,7 +57,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
   };
 
   const getCustomBadges = (): React.ReactNode[] => {
-    const badges = account?.roles || [];
+    const badges = account?.roles ?? [];
 
     return badges.filter(badge => badge.highlighted).map(badge => (
       <Badge
diff --git a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
index 77971a990..e6dd10f31 100644
--- a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
@@ -30,7 +30,7 @@ const SignUpPanel = () => {
 
   const [isLoading, setIsLoading] = useState(false);
   const [mfaAuthNeeded, setMfaAuthNeeded] = useState(!!token);
-  const [mfaToken, setMfaToken] = useState(token || '');
+  const [mfaToken, setMfaToken] = useState(token ?? '');
   const [shouldRedirect, setShouldRedirect] = useState(false);
 
   const getFormData = (form: HTMLFormElement) =>
@@ -41,7 +41,7 @@ const SignUpPanel = () => {
   const handleSubmit: React.FormEventHandler = (event) => {
     const { username, password } = getFormData(event.target as HTMLFormElement);
     dispatch(logIn(username, password))
-      .then(({ access_token }) => dispatch(verifyCredentials(access_token as string)))
+      .then(({ access_token }) => dispatch(verifyCredentials(access_token)))
       // Refetch the instance for authenticated fetch
       .then(async (account) => {
         await dispatch(fetchInstance());
diff --git a/packages/pl-fe/src/features/ui/components/profile-field.tsx b/packages/pl-fe/src/features/ui/components/profile-field.tsx
index 289ce8b1d..43ff2aced 100644
--- a/packages/pl-fe/src/features/ui/components/profile-field.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-field.tsx
@@ -13,7 +13,7 @@ import { unescapeHTML } from '@/utils/html';
 
 import type { Account } from 'pl-api';
 
-const getTicker = (value: string): string => (value.match(/\$([a-zA-Z]*)/i) || [])[1];
+const getTicker = (value: string): string => (value.match(/\$([a-zA-Z]*)/i) ?? [])[1];
 const isTicker = (value: string): boolean => {
   const ticker = getTicker(value);
   return Boolean(ticker) && Boolean(coinDB[ticker.toLowerCase()]);
diff --git a/packages/pl-fe/src/features/ui/components/subscription-button.tsx b/packages/pl-fe/src/features/ui/components/subscription-button.tsx
index 56fd0139b..616e0d6b5 100644
--- a/packages/pl-fe/src/features/ui/components/subscription-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/subscription-button.tsx
@@ -36,13 +36,21 @@ const SubscriptionButton = ({ account }: ISubscriptionButton) => {
   const onNotifyToggle = () => {
     if (account.relationship?.notifying) {
       follow({ notify: false }, {
-        onSuccess: () => toast.success(intl.formatMessage(messages.unsubscribeSuccess)),
-        onError: () => toast.error(intl.formatMessage(messages.unsubscribeFailure)),
+        onSuccess: () =>{
+          toast.success(intl.formatMessage(messages.unsubscribeSuccess));
+        },
+        onError: () =>{
+          toast.error(intl.formatMessage(messages.unsubscribeFailure));
+        },
       });
     } else {
       follow({ notify: true }, {
-        onSuccess: () => toast.success(intl.formatMessage(messages.subscribeSuccess)),
-        onError: () => toast.error(intl.formatMessage(messages.subscribeFailure)),
+        onSuccess: () =>{
+          toast.success(intl.formatMessage(messages.subscribeSuccess));
+        },
+        onError: () =>{
+          toast.error(intl.formatMessage(messages.subscribeFailure));
+        },
       });
     }
   };
diff --git a/packages/pl-fe/src/features/ui/components/timeline.tsx b/packages/pl-fe/src/features/ui/components/timeline.tsx
index 53f3e333c..b8d7252ca 100644
--- a/packages/pl-fe/src/features/ui/components/timeline.tsx
+++ b/packages/pl-fe/src/features/ui/components/timeline.tsx
@@ -35,9 +35,9 @@ const Timeline: React.FC<ITimeline> = ({
 
   const statusIds = useAppSelector(state => getStatusIds(state, { type: timelineId, prefix }));
   const lastStatusId = statusIds.at(-1);
-  const isLoading = useAppSelector(state => state.timelines[timelineId]?.isLoading !== false);
-  const isPartial = useAppSelector(state => (state.timelines[timelineId]?.isPartial || false) === true);
-  const hasMore = useAppSelector(state => state.timelines[timelineId]?.hasMore === true);
+  const isLoading = useAppSelector(state =>  state.timelines[timelineId]?.isLoading);
+  const isPartial = useAppSelector(state =>  (state.timelines[timelineId]?.isPartial || false));
+  const hasMore = useAppSelector(state =>  state.timelines[timelineId]?.hasMore);
   const totalQueuedItemsCount = useAppSelector(state => state.timelines[timelineId]?.totalQueuedItemsCount || 0);
 
   const handleDequeueTimeline = useCallback(() => {
diff --git a/packages/pl-fe/src/features/ui/index.tsx b/packages/pl-fe/src/features/ui/index.tsx
index e04af6e10..cebe29b00 100644
--- a/packages/pl-fe/src/features/ui/index.tsx
+++ b/packages/pl-fe/src/features/ui/index.tsx
@@ -71,10 +71,18 @@ const UI: React.FC = React.memo(() => {
     }
   };
 
-  const handleDragEnter = (e: DragEvent) => e.preventDefault();
-  const handleDragLeave = (e: DragEvent) => e.preventDefault();
-  const handleDragOver = (e: DragEvent) => e.preventDefault();
-  const handleDrop = (e: DragEvent) => e.preventDefault();
+  const handleDragEnter = (e: DragEvent) =>{
+    e.preventDefault();
+  };
+  const handleDragLeave = (e: DragEvent) =>{
+    e.preventDefault();
+  };
+  const handleDragOver = (e: DragEvent) =>{
+    e.preventDefault();
+  };
+  const handleDrop = (e: DragEvent) =>{
+    e.preventDefault();
+  };
 
   /** Load initial data when a user is logged in */
   const loadAccountData = () => {
@@ -85,7 +93,6 @@ const UI: React.FC = React.memo(() => {
     dispatch(fetchHomeTimeline());
 
     dispatch(expandNotifications())
-      // @ts-ignore
       .then(() => dispatch(fetchMarker(['notifications'])))
       .catch(console.error);
 
diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index 9f4912546..f538019ed 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -1494,7 +1494,7 @@ const RouterWithContext = () => {
     instance,
     features,
     isLoggedIn: !!account,
-    isAdmin: !!(account?.is_admin || account?.is_moderator),
+    isAdmin: !!(account?.is_admin ?? account?.is_moderator),
     hasCrypto,
   }), [features.version, hasCrypto, !!account, account?.is_admin, account?.is_moderator]);
 
diff --git a/packages/pl-fe/src/features/ui/util/fullscreen.ts b/packages/pl-fe/src/features/ui/util/fullscreen.ts
index 541f1c076..2149e03f7 100644
--- a/packages/pl-fe/src/features/ui/util/fullscreen.ts
+++ b/packages/pl-fe/src/features/ui/util/fullscreen.ts
@@ -3,7 +3,7 @@
 
 const isFullscreen = (): boolean => Boolean(
   // eslint-disable-next-line compat/compat
-  document.fullscreenElement ||
+  document.fullscreenElement ??
     // @ts-ignore
     document.webkitFullscreenElement,
 );
diff --git a/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx b/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
index 1e2228657..e2cd08aab 100644
--- a/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
+++ b/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
@@ -79,7 +79,7 @@ const GlobalHotkeys: React.FC<IGlobalHotkeys> = ({ children, node }) => {
 
     const handleHotkeyForceNew = (e?: KeyboardEvent) => {
       const composeId = handleHotkeyNew(e);
-      dispatch(resetCompose(composeId || undefined));
+      dispatch(resetCompose(composeId ?? undefined));
     };
 
     const handleHotkeyBack = () => {
diff --git a/packages/pl-fe/src/features/ui/util/pending-status-builder.ts b/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
index ad2c939b4..71b26f212 100644
--- a/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
+++ b/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
@@ -10,7 +10,7 @@ import type { RootState } from '@/store';
 
 const buildMentions = (pendingStatus: PendingStatus) => {
   if (pendingStatus.in_reply_to_id) {
-    return (pendingStatus.to || []).map(acct => ({ acct }));
+    return (pendingStatus.to ?? []).map(acct => ({ acct }));
   } else {
     return [];
   }
@@ -35,9 +35,9 @@ const buildStatus = (state: RootState, pendingStatus: PendingStatus, idempotency
     account,
     content: pendingStatus.status.replace(new RegExp('\n', 'g'), '<br>'), /* eslint-disable-line no-control-regex */
     id: `末pending-${idempotencyKey}`,
-    in_reply_to_account_id: state.statuses[inReplyToId || '']?.account_id || null,
+    in_reply_to_account_id: state.statuses[inReplyToId ?? '']?.account_id || null,
     in_reply_to_id: inReplyToId,
-    media_attachments: (pendingStatus.media_ids || []).map((id: string) => ({ id })),
+    media_attachments: (pendingStatus.media_ids ?? []).map((id: string) => ({ id })),
     mentions: buildMentions(pendingStatus),
     poll: buildPoll(pendingStatus),
     quote: pendingStatus.quote_id ? state.statuses[pendingStatus.quote_id] : null,
diff --git a/packages/pl-fe/src/features/video/index.tsx b/packages/pl-fe/src/features/video/index.tsx
index fc1a53b3b..b65d6b5a8 100644
--- a/packages/pl-fe/src/features/video/index.tsx
+++ b/packages/pl-fe/src/features/video/index.tsx
@@ -163,7 +163,9 @@ const Video: React.FC<IVideo> = ({
     }
   }, [video.current]);
 
-  const handleClickRoot: React.MouseEventHandler = e => e.stopPropagation();
+  const handleClickRoot: React.MouseEventHandler = e =>{
+    e.stopPropagation();
+  };
 
   const handlePlay = () => {
     setPaused(false);
@@ -483,7 +485,7 @@ const Video: React.FC<IVideo> = ({
         aria-label={alt}
         title={alt}
         width={width}
-        height={height || DEFAULT_HEIGHT}
+        height={height ?? DEFAULT_HEIGHT}
         onClick={togglePlay}
         onKeyDown={handleVideoKeyDown}
         onPlay={handlePlay}
diff --git a/packages/pl-fe/src/hooks/forms/use-image-field.ts b/packages/pl-fe/src/hooks/forms/use-image-field.ts
index 86345ccd6..90e7ac1fc 100644
--- a/packages/pl-fe/src/hooks/forms/use-image-field.ts
+++ b/packages/pl-fe/src/hooks/forms/use-image-field.ts
@@ -17,7 +17,7 @@ const useImageField = (opts: UseImageFieldOpts = {}) => {
   const { stripMetadata } = useSettings();
 
   const [file, setFile] = useState<File | null>();
-  const src = usePreview(file) || (file === null ? undefined : opts.preview);
+  const src = usePreview(file) ?? (file === null ? undefined : opts.preview);
 
   const onChange = async (files: FileList | null) => {
     const file = files?.item(0);
@@ -30,7 +30,9 @@ const useImageField = (opts: UseImageFieldOpts = {}) => {
     }
   };
 
-  const onClear = () => setFile(null);
+  const onClear = () =>{
+    setFile(null);
+  };
 
   return {
     src,
diff --git a/packages/pl-fe/src/hooks/forms/use-text-field.ts b/packages/pl-fe/src/hooks/forms/use-text-field.ts
index 4bfe36661..54556596f 100644
--- a/packages/pl-fe/src/hooks/forms/use-text-field.ts
+++ b/packages/pl-fe/src/hooks/forms/use-text-field.ts
@@ -4,7 +4,7 @@ import { useEffect, useState } from 'react';
  * Returns props for `<input type="text">`.
  * If `initialValue` changes from undefined to a string, it will set the value.
  */
-const useTextField = (initialValue?: string | undefined) => {
+const useTextField = (initialValue?: string) => {
   const [value, setValue] = useState(initialValue);
   const hasInitialValue = typeof initialValue === 'string';
 
@@ -19,7 +19,7 @@ const useTextField = (initialValue?: string | undefined) => {
   }, [hasInitialValue]);
 
   return {
-    value: value || '',
+    value: value ?? '',
     onChange,
   };
 };
diff --git a/packages/pl-fe/src/hooks/use-account-gallery.ts b/packages/pl-fe/src/hooks/use-account-gallery.ts
index 6d703a762..a29dd9d04 100644
--- a/packages/pl-fe/src/hooks/use-account-gallery.ts
+++ b/packages/pl-fe/src/hooks/use-account-gallery.ts
@@ -41,7 +41,7 @@ const useAccountGallery = (accountId: string) => {
 
   return {
     ...result,
-    data: useAppSelector((state) => getGallery(state, result.data || [])),
+    data: useAppSelector((state) => getGallery(state, result.data ?? [])),
   };
 };
 
@@ -50,7 +50,7 @@ const useGroupGallery = (groupId: string) => {
 
   return {
     ...result,
-    data: useAppSelector((state) => getGallery(state, result.data || [])),
+    data: useAppSelector((state) => getGallery(state, result.data ?? [])),
   };
 };
 
diff --git a/packages/pl-fe/src/hooks/use-debounce.ts b/packages/pl-fe/src/hooks/use-debounce.ts
index ca324d788..53f85c8ae 100644
--- a/packages/pl-fe/src/hooks/use-debounce.ts
+++ b/packages/pl-fe/src/hooks/use-debounce.ts
@@ -4,7 +4,9 @@ const useDebounce = (value: string, delay: number): string => {
   const [debouncedValue, setDebouncedValue] = useState<string>(value);
 
   useEffect(() => {
-    const timer = setTimeout(() => setDebouncedValue(value), delay);
+    const timer = setTimeout(() =>{
+      setDebouncedValue(value);
+    }, delay);
 
     return () => {
       clearTimeout(timer);
diff --git a/packages/pl-fe/src/hooks/use-loading.ts b/packages/pl-fe/src/hooks/use-loading.ts
index 54bc9c68d..cdf53927c 100644
--- a/packages/pl-fe/src/hooks/use-loading.ts
+++ b/packages/pl-fe/src/hooks/use-loading.ts
@@ -7,8 +7,12 @@ const useLoading = (initialState: boolean = false) => {
     setIsLoading(true);
 
     promise
-      .then(() => setIsLoading(false))
-      .catch(() => setIsLoading(false));
+      .then(() =>{
+        setIsLoading(false);
+      })
+      .catch(() =>{
+        setIsLoading(false);
+      });
 
     return promise;
   };
diff --git a/packages/pl-fe/src/hooks/use-system-theme.ts b/packages/pl-fe/src/hooks/use-system-theme.ts
index 35da5d8fd..008a8cec3 100644
--- a/packages/pl-fe/src/hooks/use-system-theme.ts
+++ b/packages/pl-fe/src/hooks/use-system-theme.ts
@@ -32,7 +32,7 @@ const useSystemTheme = (): Theme => {
     };
   }, []);
 
-  return dark ? (theme?.systemDarkThemePreference || 'black') : 'light';
+  return dark ? (theme?.systemDarkThemePreference ?? 'black') : 'light';
 };
 
 export { useSystemTheme };
diff --git a/packages/pl-fe/src/hooks/use-theme-css.ts b/packages/pl-fe/src/hooks/use-theme-css.ts
index f2a905288..312092fc2 100644
--- a/packages/pl-fe/src/hooks/use-theme-css.ts
+++ b/packages/pl-fe/src/hooks/use-theme-css.ts
@@ -37,8 +37,8 @@ const DEFAULT_COLORS = {
 };
 
 const normalizeColors = (theme: Partial<Pick<FrontendConfig, 'brandColor' | 'accentColor' | 'colors'>>) => {
-  const brandColor: string = theme.brandColor || theme.colors?.primary?.['500'] || '#d80482';
-  const accentColor: string = theme.accentColor || theme.colors?.accent?.['500'] || generateAccent(brandColor) || '';
+  const brandColor: string = (theme.brandColor ?? theme.colors?.primary?.['500']) ?? '#d80482';
+  const accentColor: string = ((theme.accentColor ?? theme.colors?.accent?.['500']) ?? generateAccent(brandColor)) ?? '';
 
   const colors = {
     ...theme.colors,
@@ -70,7 +70,7 @@ const useThemeCss = (overwriteConfig?: FrontendConfig) => {
       let baseTheme: Partial<FrontendConfig>;
       if (overwriteConfig) baseTheme = overwriteConfig;
       else if (demo) baseTheme = {};
-      else baseTheme = theme || frontendConfig;
+      else baseTheme = theme ?? frontendConfig;
 
       const colors = normalizeColors(baseTheme);
 
diff --git a/packages/pl-fe/src/init/pl-fe-head.tsx b/packages/pl-fe/src/init/pl-fe-head.tsx
index 66fef88f1..c5c3c7b6c 100644
--- a/packages/pl-fe/src/init/pl-fe-head.tsx
+++ b/packages/pl-fe/src/init/pl-fe-head.tsx
@@ -44,7 +44,7 @@ const PlFeHead = () => {
       <Helmet>
         <html
           lang={locale}
-          className={clsx(`text-${themeSettings?.interfaceSize || 'md'}`, {
+          className={clsx(`text-${themeSettings?.interfaceSize ?? 'md'}`, {
             'dark': theme === 'dark',
             'dark black': theme === 'black',
           })}
diff --git a/packages/pl-fe/src/layouts/event-layout.tsx b/packages/pl-fe/src/layouts/event-layout.tsx
index e903bc8b0..b38942d2e 100644
--- a/packages/pl-fe/src/layouts/event-layout.tsx
+++ b/packages/pl-fe/src/layouts/event-layout.tsx
@@ -30,7 +30,7 @@ const EventLayout = () => {
   const navigate = useNavigate();
   const location = useLocation();
 
-  const status = useAppSelector(state => getStatus(state, { id: statusId }) || undefined);
+  const status = useAppSelector(state => getStatus(state, { id: statusId }) ?? undefined);
 
   const event = status?.event;
 
diff --git a/packages/pl-fe/src/layouts/group-layout.tsx b/packages/pl-fe/src/layouts/group-layout.tsx
index e27e261ad..9ad0eabc7 100644
--- a/packages/pl-fe/src/layouts/group-layout.tsx
+++ b/packages/pl-fe/src/layouts/group-layout.tsx
@@ -114,7 +114,7 @@ const GroupLayout = () => {
         {!me && (
           <SignUpPanel />
         )}
-        {group && (group.relationship?.member || !group.locked) && (
+        {group && (group.relationship?.member ?? !group.locked) && (
           <GroupMediaPanel group={group} />
         )}
         <LinkFooter />
diff --git a/packages/pl-fe/src/layouts/profile-layout.tsx b/packages/pl-fe/src/layouts/profile-layout.tsx
index 5f2a5bd9d..2b2234766 100644
--- a/packages/pl-fe/src/layouts/profile-layout.tsx
+++ b/packages/pl-fe/src/layouts/profile-layout.tsx
@@ -68,7 +68,7 @@ const ProfileLayout: React.FC = () => {
 
   if (account) {
     const ownAccount = account.id === me;
-    if (ownAccount || account.hide_favorites === false) {
+    if (ownAccount || !account.hide_favorites) {
       tabItems.push({
         text: <FormattedMessage id='navigation_bar.favourites' defaultMessage='Likes' />,
         to: '/@{$username}/favorites',
diff --git a/packages/pl-fe/src/main.tsx b/packages/pl-fe/src/main.tsx
index fc9463d09..698730733 100644
--- a/packages/pl-fe/src/main.tsx
+++ b/packages/pl-fe/src/main.tsx
@@ -1,4 +1,3 @@
-/// <reference path="../node_modules/@types/dom-chromium-ai/index.d.ts" />
 (window as any).__PL_API_FALLBACK_ACCOUNT = { id: '', acct: 'undefined', url: location.origin };
 
 import './polyfills';
diff --git a/packages/pl-fe/src/modals/alt-text-modal.tsx b/packages/pl-fe/src/modals/alt-text-modal.tsx
index 9ccec89f5..d6bd930fc 100644
--- a/packages/pl-fe/src/modals/alt-text-modal.tsx
+++ b/packages/pl-fe/src/modals/alt-text-modal.tsx
@@ -125,7 +125,7 @@ const Preview: React.FC<PreviewProps> = ({ media, position: [x, y], onPositionCh
   const uploadIcon = media.type === 'unknown' && (
     <Icon
       className='mx-auto my-12 size-16 text-gray-800 dark:text-gray-200'
-      src={MIMETYPE_ICONS[media.mime_type || ''] || defaultIcon}
+      src={MIMETYPE_ICONS[media.mime_type ?? ''] || defaultIcon}
     />
   );
 
@@ -196,12 +196,12 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
   const dispatch = useAppDispatch();
   const intl = useIntl();
 
-  const { language } = useCompose(composeId || 'default');
+  const { language } = useCompose(composeId ?? 'default');
 
   const [description, setDescription] = useState(previousDescription || '');
   const [position, setPosition] = useState(previousPosition || [0, 0]);
   const [isSaving, setIsSaving] = useState(false);
-  const dirtyRef = useRef(previousDescription ? true : false);
+  const dirtyRef = useRef(Boolean(previousDescription));
 
   const handleDescriptionChange = useCallback(
     (e: React.ChangeEvent<HTMLTextAreaElement>) => {
@@ -249,7 +249,9 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
       confirmationAction={handleSave}
       confirmationText={<FormattedMessage id='alt_text_modal.confirmation' defaultMessage='Save' />}
       confirmationDisabled={isSaving}
-      secondaryAction={() => onClose('ALT_TEXT')}
+      secondaryAction={() =>{
+        onClose('ALT_TEXT');
+      }}
       secondaryText={<FormattedMessage id='alt_text_modal.cancel' defaultMessage='Cancel' />}
     >
       <Stack space={2}>
@@ -267,7 +269,7 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
               maxLength={descriptionLimit}
               onChange={handleDescriptionChange}
               onKeyUp={handleKeyUp}
-              lang={language || undefined}
+              lang={language ?? undefined}
               minRows={3}
               placeholder={intl.formatMessage(
                 media.type === 'audio'
diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 8dda2d41c..5040489c1 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -43,7 +43,7 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
 
   const [title, setTitle] = useState(antenna ? antenna.title : '');
 
-  const handleSubmit: React.FormEventHandler<Element> = e => {
+  const handleSubmit: React.FormEventHandler = e => {
     e.preventDefault();
     handleUpdate();
   };
@@ -68,7 +68,9 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
           outerClassName='grow'
           type='text'
           value={title}
-          onChange={(e) => setTitle(e.target.value)}
+          onChange={(e) =>{
+            setTitle(e.target.value);
+          }}
         />
       </FormGroup>
       <FormActions>
@@ -102,7 +104,9 @@ const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = (
         ? <FormattedMessage id='antennas.edit' defaultMessage='Edit antenna' />
         : <FormattedMessage id='antennas.create' defaultMessage='Create antenna' />}
       onClose={onClickClose}
-      onBack={tab === 'info' ? undefined : () => setTab('info')}
+      onBack={tab === 'info' ? undefined : () =>{
+        setTab('info');
+      }}
     >
       {isFetched ? (tab === 'info'
         ? <EditAntennaForm antennaId={antennaId} setAntennaId={setAntennaId} onTabChange={setTab} />
diff --git a/packages/pl-fe/src/modals/block-mute-modal.tsx b/packages/pl-fe/src/modals/block-mute-modal.tsx
index 84dea3889..7917b1cf6 100644
--- a/packages/pl-fe/src/modals/block-mute-modal.tsx
+++ b/packages/pl-fe/src/modals/block-mute-modal.tsx
@@ -65,13 +65,17 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
     });
     if (notes && note !== undefined && note !== currentNote) {
       updateAccountNote(note, {
-        onError: () => toast.error(messages.noteSaveFailed),
+        onError: () =>{
+          toast.error(messages.noteSaveFailed);
+        },
       });
     }
   };
 
   const handleBlockAndReport = () => {
-    handleClick(() => dispatch(initReport(ReportableEntities.STATUS, account, { statusId })));
+    handleClick(() =>{
+      dispatch(initReport(ReportableEntities.STATUS, account, { statusId }));
+    });
   };
 
   const handleCancel = () => {
@@ -86,7 +90,9 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
     setDuration(expiresIn);
   };
 
-  const toggleAutoExpire = () => setDuration(duration ? 0 : 2 * 60 * 60 * 24);
+  const toggleAutoExpire = () =>{
+    setDuration(duration ? 0 : 2 * 60 * 60 * 24);
+  };
 
   return (
     <Modal
@@ -96,7 +102,9 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
         <FormattedMessage id='confirmations.block.heading' defaultMessage='Block @{name}' values={{ name: account.acct }} />
       )}
       onClose={handleCancel}
-      confirmationAction={() => handleClick()}
+      confirmationAction={() =>{
+        handleClick();
+      }}
       confirmationText={action === 'MUTE' ? (
         <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />
       ) : (
@@ -166,8 +174,10 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
           >
             <Textarea
               className='mt-1'
-              value={note === undefined ? currentNote || '' : note}
-              onChange={({ target }) => setNote(target.value)}
+              value={note ?? (currentNote ?? '')}
+              onChange={({ target }) =>{
+                setNote(target.value);
+              }}
               autoComplete='off'
               placeholder={intl.formatMessage(messages.notePlaceholder)}
             />
diff --git a/packages/pl-fe/src/modals/circle-editor-modal.tsx b/packages/pl-fe/src/modals/circle-editor-modal.tsx
index 0e062ad35..80c47d157 100644
--- a/packages/pl-fe/src/modals/circle-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/circle-editor-modal.tsx
@@ -28,8 +28,12 @@ const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
   const { mutate: addToCircle } = useAddAccountsToCircle(circleId);
   const { mutate: removeFromCircle } = useRemoveAccountsFromCircle(circleId);
 
-  const onAdd = (accountId: string) => addToCircle([accountId]);
-  const onRemove = (accountId: string) => removeFromCircle([accountId]);
+  const onAdd = (accountId: string) =>{
+    addToCircle([accountId]);
+  };
+  const onRemove = (accountId: string) =>{
+    removeFromCircle([accountId]);
+  };
 
   const onClickClose = () => {
     onClose('CIRCLE_EDITOR');
diff --git a/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx b/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
index 519b6283b..719cf99b1 100644
--- a/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
+++ b/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
@@ -36,7 +36,7 @@ const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractio
     }
 
     client.settings.verifyCredentials().then((credentialAccount) => {
-      setInitialQuotePolicy(credentialAccount.source?.quote_policy || 'public');
+      setInitialQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
     }).catch(() => {});
   }, []);
 
@@ -45,7 +45,7 @@ const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractio
     return null;
   }
 
-  const interactionPolicy = (compose.interactionPolicy || initial[compose.visibility as 'public']);
+  const interactionPolicy = (compose.interactionPolicy ?? initial[compose.visibility as 'public']);
 
   const onClickClose = () => {
     onClose('COMPOSE_INTERACTION_POLICY');
diff --git a/packages/pl-fe/src/modals/edit-announcement-modal.tsx b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
index 0d1067a55..2467092c8 100644
--- a/packages/pl-fe/src/modals/edit-announcement-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
@@ -34,18 +34,26 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
   const { mutate: updateAnnouncement } = useUpdateAnnouncementMutation();
   const intl = useIntl();
 
-  const [content, setContent] = useState(announcement?.raw_content || '');
+  const [content, setContent] = useState(announcement?.raw_content ?? '');
   const [startTime, setStartTime] = useState(announcement?.starts_at ? new Date(announcement.starts_at) : null);
   const [endTime, setEndTime] = useState(announcement?.ends_at ? new Date(announcement.ends_at) : null);
-  const [allDay, setAllDay] = useState(announcement?.all_day || false);
+  const [allDay, setAllDay] = useState(announcement?.all_day ?? false);
 
-  const onChangeContent: React.ChangeEventHandler<HTMLTextAreaElement> = ({ target }) => setContent(target.value);
+  const onChangeContent: React.ChangeEventHandler<HTMLTextAreaElement> = ({ target }) =>{
+    setContent(target.value);
+  };
 
-  const onChangeStartTime = (date: Date | null) => setStartTime(date);
+  const onChangeStartTime = (date: Date | null) =>{
+    setStartTime(date);
+  };
 
-  const onChangeEndTime = (date: Date | null) => setEndTime(date);
+  const onChangeEndTime = (date: Date | null) =>{
+    setEndTime(date);
+  };
 
-  const onChangeAllDay: React.ChangeEventHandler<HTMLInputElement> = ({ target }) => setAllDay(target.checked);
+  const onChangeAllDay: React.ChangeEventHandler<HTMLInputElement> = ({ target }) =>{
+    setAllDay(target.checked);
+  };
 
   const onClickClose = () => {
     onClose('EDIT_ANNOUNCEMENT');
@@ -54,8 +62,8 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
   const handleSubmit = () => {
     const form = {
       content,
-      starts_at: startTime?.toISOString() || undefined,
-      ends_at: endTime?.toISOString() || undefined,
+      starts_at: startTime?.toISOString() ?? undefined,
+      ends_at: endTime?.toISOString() ?? undefined,
       all_day: allDay,
     };
 
diff --git a/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx b/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
index 70ff8b78c..edc346cf1 100644
--- a/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
@@ -102,8 +102,8 @@ const EditBookmarkFolderModal: React.FC<BaseModalProps & EditBookmarkFolderModal
   const { data: bookmarkFolder } = useBookmarkFolder(folderId);
   const { mutate: updateBookmarkFolder, isPending } = useUpdateBookmarkFolder(folderId);
 
-  const [emoji, setEmoji] = useState(bookmarkFolder?.emoji || undefined);
-  const [emojiUrl, setEmojiUrl] = useState(bookmarkFolder?.emoji_url || undefined);
+  const [emoji, setEmoji] = useState(bookmarkFolder?.emoji ?? undefined);
+  const [emojiUrl, setEmojiUrl] = useState(bookmarkFolder?.emoji_url ?? undefined);
   const name = useTextField(bookmarkFolder?.name);
 
   const handleEmojiPick = (data: EmojiType) => {
diff --git a/packages/pl-fe/src/modals/edit-domain-modal.tsx b/packages/pl-fe/src/modals/edit-domain-modal.tsx
index f7575d89f..96c0da92a 100644
--- a/packages/pl-fe/src/modals/edit-domain-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-domain-modal.tsx
@@ -32,8 +32,8 @@ const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({ onCl
   const { data: domains, createDomain, isCreating, updateDomain, isUpdating } = useDomains();
 
   const [domain] = useState<AdminDomain | null>(domainId ? domains!.find(({ id }) => domainId === id)! : null);
-  const [domainName, setDomainName] = useState(domain?.domain || '');
-  const [isPublic, setPublic] = useState(domain?.public || false);
+  const [domainName, setDomainName] = useState(domain?.domain ?? '');
+  const [isPublic, setPublic] = useState(domain?.public ?? false);
 
   const onClickClose = () => {
     onClose('EDIT_DOMAIN');
@@ -81,14 +81,18 @@ const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({ onCl
             autoComplete='off'
             placeholder={intl.formatMessage(messages.domainPlaceholder)}
             value={domainName}
-            onChange={({ target }) => setDomainName(target.value)}
+            onChange={({ target }) =>{
+              setDomainName(target.value);
+            }}
             disabled={!!domainId}
           />
         </FormGroup>
         <HStack alignItems='center' space={2}>
           <Toggle
             checked={isPublic}
-            onChange={({ target }) => setPublic(target.checked)}
+            onChange={({ target }) =>{
+              setPublic(target.checked);
+            }}
           />
           <Stack>
             <Text tag='span' theme='muted'>
diff --git a/packages/pl-fe/src/modals/edit-federation-modal.tsx b/packages/pl-fe/src/modals/edit-federation-modal.tsx
index e09d52d40..16703a7da 100644
--- a/packages/pl-fe/src/modals/edit-federation-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-federation-modal.tsx
@@ -56,7 +56,9 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
 
   const handleSubmit = () => {
     dispatch(updateMrf(host, data))
-      .then(() => toast.success(intl.formatMessage(messages.success, { host })))
+      .then(() =>{
+        toast.success(intl.formatMessage(messages.success, { host }));
+      })
       .catch(() => {});
 
     onClose('EDIT_FEDERATION');
@@ -104,7 +106,7 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
             checked={media_nsfw}
             onChange={handleDataChange('media_nsfw')}
             id='media_nsfw'
-            disabled={reject || media_removal}
+            disabled={reject ?? media_removal}
           />
         </ListItem>
 
@@ -122,7 +124,7 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
             checked={federated_timeline_removal}
             onChange={handleDataChange('federated_timeline_removal')}
             id='federated_timeline_removal'
-            disabled={reject || followers_only}
+            disabled={reject ?? followers_only}
           />
         </ListItem>
       </List>
diff --git a/packages/pl-fe/src/modals/embed-modal.tsx b/packages/pl-fe/src/modals/embed-modal.tsx
index 28906053d..1193a1b8b 100644
--- a/packages/pl-fe/src/modals/embed-modal.tsx
+++ b/packages/pl-fe/src/modals/embed-modal.tsx
@@ -39,7 +39,7 @@ const EmbedModal: React.FC<BaseModalProps & EmbedModalProps> = ({ onClose, onErr
           <FormattedMessage id='embed.instructions' defaultMessage='Embed this post on your website by copying the code below.' />
         </Text>
 
-        <CopyableInput value={embed?.html || ''} />
+        <CopyableInput value={embed?.html ?? ''} />
       </Stack>
 
       <div className='py-9'>
diff --git a/packages/pl-fe/src/modals/hotkeys-modal.tsx b/packages/pl-fe/src/modals/hotkeys-modal.tsx
index 77e68b3a0..135e3331f 100644
--- a/packages/pl-fe/src/modals/hotkeys-modal.tsx
+++ b/packages/pl-fe/src/modals/hotkeys-modal.tsx
@@ -157,7 +157,9 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
   return (
     <Modal
       title={<FormattedMessage id='keyboard_shortcuts.heading' defaultMessage='Keyboard shortcuts' />}
-      onClose={() => onClose('HOTKEYS')}
+      onClose={() =>{
+        onClose('HOTKEYS');
+      }}
       className='⁂-hotkey-modal'
     >
       <div className='flex flex-col text-xs lg:flex-row'>
diff --git a/packages/pl-fe/src/modals/join-event-modal.tsx b/packages/pl-fe/src/modals/join-event-modal.tsx
index 99f4fa66d..ba008cd44 100644
--- a/packages/pl-fe/src/modals/join-event-modal.tsx
+++ b/packages/pl-fe/src/modals/join-event-modal.tsx
@@ -37,8 +37,12 @@ const JoinEventModal: React.FC<BaseModalProps & JoinEventModalProps> = ({ onClos
   const handleSubmit = () => {
     setIsSubmitting(true);
     joinEvent(participationMessage, {
-      onSuccess: () => handleClose(),
-      onError: () => setIsSubmitting(false),
+      onSuccess: () =>{
+        handleClose();
+      },
+      onError: () =>{
+        setIsSubmitting(false);
+      },
     });
   };
 
diff --git a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
index c8d5f9ad0..ee2feefbc 100644
--- a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
+++ b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
@@ -24,8 +24,12 @@ const List: React.FC<IList> = ({ listId, accountId, added }) => {
   const { mutate: addToList } = useAddAccountsToList(listId);
   const { mutate: removeFromList } = useRemoveAccountsFromList(listId);
 
-  const onAdd = () => addToList([accountId]);
-  const onRemove = () => removeFromList([accountId]);
+  const onAdd = () =>{
+    addToList([accountId]);
+  };
+  const onRemove = () =>{
+    removeFromList([accountId]);
+  };
 
   if (!list) return null;
 
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
index 7f030dd26..00e171bd7 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
@@ -23,9 +23,17 @@ const Account: React.FC<IAccount> = ({ accountId, added, onAdd, onRemove }) => {
   let button;
 
   if (added) {
-    button = <IconButton src={require('@phosphor-icons/core/regular/x.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.remove)} onClick={() => onRemove(accountId)} />;
+    button = (<IconButton
+      src={require('@phosphor-icons/core/regular/x.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.remove)} onClick={() =>{
+        onRemove(accountId);
+      }}
+    />);
   } else {
-    button = <IconButton src={require('@phosphor-icons/core/regular/plus.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.add)} onClick={() => onAdd(accountId)} />;
+    button = (<IconButton
+      src={require('@phosphor-icons/core/regular/plus.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.add)} onClick={() =>{
+        onAdd(accountId);
+      }}
+    />);
   }
 
   return (
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
index 6eade537e..9b6e9e783 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
@@ -34,14 +34,14 @@ const ListForm: React.FC<IListForm> = ({
   const features = useFeatures();
 
   const { data: list } = useList(listId);
-  const { mutate: updateList, isPending: disabled } = useUpdateList(listId!);
+  const { mutate: updateList, isPending: disabled } = useUpdateList(listId);
 
   const [title, setTitle] = useState(list!.title);
   const [repliesPolicy, setRepliesPolicy] = useState(list!.replies_policy);
   const [exclusive, setExclusive] = useState(list!.exclusive);
   const [notify, setNotify] = useState(list!.notify);
 
-  const handleSubmit: React.FormEventHandler<Element> = e => {
+  const handleSubmit: React.FormEventHandler = e => {
     e.preventDefault();
     handleUpdate();
   };
@@ -66,7 +66,9 @@ const ListForm: React.FC<IListForm> = ({
           outerClassName='grow'
           type='text'
           value={title}
-          onChange={(e) => setTitle(e.target.value)}
+          onChange={(e) =>{
+            setTitle(e.target.value);
+          }}
         />
       </FormGroup>
 
@@ -83,8 +85,10 @@ const ListForm: React.FC<IListForm> = ({
                 list: intl.formatMessage(messages.repliesPolicyList),
                 followed: intl.formatMessage(messages.repliesPolicyFollowed),
               }}
-              defaultValue={repliesPolicy || 'list'}
-              onChange={(e) => setRepliesPolicy(e.target.value as 'none')}
+              defaultValue={repliesPolicy ?? 'list'}
+              onChange={(e) =>{
+                setRepliesPolicy(e.target.value as 'none');
+              }}
             />
           </ListItem>
         )}
@@ -96,7 +100,9 @@ const ListForm: React.FC<IListForm> = ({
           >
             <Toggle
               checked={exclusive}
-              onChange={(e) => setExclusive(e.target.checked)}
+              onChange={(e) =>{
+                setExclusive(e.target.checked);
+              }}
             />
           </ListItem>
         )}
@@ -108,14 +114,18 @@ const ListForm: React.FC<IListForm> = ({
           >
             <Toggle
               checked={notify}
-              onChange={(e) => setNotify(e.target.checked)}
+              onChange={(e) =>{
+                setNotify(e.target.checked);
+              }}
             />
           </ListItem>
         )}
 
         <ListItem
           label={<FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />}
-          onClick={() => onTabChange('members')}
+          onClick={() =>{
+            onTabChange('members');
+          }}
         />
       </List>
 
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
index ff155ebc9..c29cc1c30 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
@@ -30,8 +30,12 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
   const { mutate: addToList } = useAddAccountsToList(listId);
   const { mutate: removeFromList } = useRemoveAccountsFromList(listId);
 
-  const onAdd = (accountId: string) => addToList([accountId]);
-  const onRemove = (accountId: string) => removeFromList([accountId]);
+  const onAdd = (accountId: string) =>{
+    addToList([accountId]);
+  };
+  const onRemove = (accountId: string) =>{
+    removeFromList([accountId]);
+  };
 
   return (
     <Stack space={2}>
diff --git a/packages/pl-fe/src/modals/list-editor-modal/index.tsx b/packages/pl-fe/src/modals/list-editor-modal/index.tsx
index 655f8bf46..fae859146 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/index.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/index.tsx
@@ -27,7 +27,9 @@ const ListEditorModal: React.FC<BaseModalProps & ListEditorModalProps> = ({ list
     <Modal
       title={tab === 'info' ? <FormattedMessage id='lists.edit' defaultMessage='Edit list' /> : <FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />}
       onClose={onClickClose}
-      onBack={tab === 'members' ? () => setTab('info') : undefined}
+      onBack={tab === 'members' ? () =>{
+        setTab('info');
+      } : undefined}
     >
       {isFetched ? (tab === 'info'
         ? <EditListForm listId={listId} onTabChange={setTab} />
diff --git a/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx b/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
index e67fa228f..dd48d577c 100644
--- a/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
+++ b/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
@@ -59,10 +59,12 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
       }
     };
 
-  const handleImageClear = (property: keyof CreateGroupParams) => () => onChange({
-    ...params,
-    [property]: undefined,
-  });
+  const handleImageClear = (property: keyof CreateGroupParams) => () =>{
+    onChange({
+      ...params,
+      [property]: undefined,
+    });
+  };
 
   return (
     <Form>
diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx
index df216a1a0..a712395c7 100644
--- a/packages/pl-fe/src/modals/media-modal.tsx
+++ b/packages/pl-fe/src/modals/media-modal.tsx
@@ -58,7 +58,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
 
   const getStatus = useCallback(makeGetStatus(), []);
   const status = useAppSelector((state) => statusId ? getStatus(state, { id: statusId }) : undefined);
-  const media = status?.media_attachments || props.media || [];
+  const media = (status?.media_attachments ?? props.media) ?? [];
 
   const [isLoaded, setIsLoaded] = useState<boolean>(!!status);
   const [index, setIndex] = useState<number>(props.index || 0);
@@ -155,7 +155,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
   );
 
   const handleDownload = () => {
-    const mediaItem = hasMultipleImages ? media[index as number] : media[0];
+    const mediaItem = hasMultipleImages ? media[index] : media[0];
     window.open(mediaItem?.url);
   };
 
@@ -190,7 +190,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
       return (
         <ZoomableImage
           src={attachment.url}
-          blurhash={attachment.blurhash || undefined}
+          blurhash={attachment.blurhash ?? undefined}
           width={width!}
           height={height!}
           alt={attachment.description}
@@ -225,11 +225,11 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
         <Audio
           src={attachment.url}
           alt={attachment.description}
-          poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status?.account.avatar_static) as string | undefined}
-          backgroundColor={attachment.meta.colors?.background as string | undefined}
-          foregroundColor={attachment.meta.colors?.foreground as string | undefined}
-          accentColor={attachment.meta.colors?.accent as string | undefined}
-          duration={attachment.meta.original?.duration || 0}
+          poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status?.account.avatar_static)}
+          backgroundColor={attachment.meta.colors?.background}
+          foregroundColor={attachment.meta.colors?.foreground}
+          accentColor={attachment.meta.colors?.accent}
+          duration={attachment.meta.original?.duration ?? 0}
           key={attachment.url}
         />
       );
@@ -298,7 +298,9 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
           style={wrapperStyles}
           className='⁂-media-modal__closer'
           role='presentation'
-          onClick={() => onClose()}
+          onClick={() =>{
+            onClose();
+          }}
         >
           {content}
         </animated.div>
@@ -312,7 +314,9 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
             <IconButton
               title={intl.formatMessage(messages.close)}
               src={require('@phosphor-icons/core/regular/x.svg')}
-              onClick={() => onClose('MEDIA')}
+              onClick={() =>{
+                onClose('MEDIA');
+              }}
               theme='dark'
               className='!p-1.5 hover:scale-105 hover:bg-gray-900'
               iconClassName='h-5 w-5'
@@ -346,7 +350,9 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
                   theme='dark'
                   className='hidden !p-1.5 hover:scale-105 hover:bg-gray-900 xl:block'
                   iconClassName='h-5 w-5'
-                  onClick={() => setIsFullScreen(!isFullScreen)}
+                  onClick={() =>{
+                    setIsFullScreen(!isFullScreen);
+                  }}
                 />
               )}
             </HStack>
diff --git a/packages/pl-fe/src/modals/mentions-modal.tsx b/packages/pl-fe/src/modals/mentions-modal.tsx
index bb41f1874..cae219d8c 100644
--- a/packages/pl-fe/src/modals/mentions-modal.tsx
+++ b/packages/pl-fe/src/modals/mentions-modal.tsx
@@ -47,7 +47,7 @@ const MentionsModal: React.FC<BaseModalProps & MentionsModalProps> = ({ onClose,
         isLoading={!accountIds}
         useWindowScroll={false}
       >
-        {(accountIds || []).map(id =>
+        {(accountIds ?? []).map(id =>
           <AccountContainer key={id} id={id} />,
         )}
       </ScrollableList>
diff --git a/packages/pl-fe/src/modals/missing-description-modal.tsx b/packages/pl-fe/src/modals/missing-description-modal.tsx
index c28e3809f..b89191ab8 100644
--- a/packages/pl-fe/src/modals/missing-description-modal.tsx
+++ b/packages/pl-fe/src/modals/missing-description-modal.tsx
@@ -25,7 +25,9 @@ const MissingDescriptionModal: React.FC<BaseModalProps & MissingDescriptionModal
       confirmationText={intl.formatMessage(messages.post)}
       confirmationTheme='danger'
       cancelText={intl.formatMessage(messages.cancel)}
-      cancelAction={() => onClose('MISSING_DESCRIPTION')}
+      cancelAction={() =>{
+        onClose('MISSING_DESCRIPTION');
+      }}
     >
       <p className='text-gray-600 dark:text-gray-300'>
         <FormattedMessage id='missing_description_modal.description' defaultMessage='Continue anyway?' />
diff --git a/packages/pl-fe/src/modals/reactions-modal.tsx b/packages/pl-fe/src/modals/reactions-modal.tsx
index 4ab5f35b4..239c5ede0 100644
--- a/packages/pl-fe/src/modals/reactions-modal.tsx
+++ b/packages/pl-fe/src/modals/reactions-modal.tsx
@@ -43,7 +43,9 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
     const items: Array<Item> = [
       {
         text: intl.formatMessage(messages.all),
-        action: () => setReaction(''),
+        action: () =>{
+          setReaction('');
+        },
         name: 'all',
       },
     ];
@@ -51,15 +53,17 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
     reactions!.forEach(reaction => items.push(
       {
         text: <div className='flex items-center gap-1'>
-          <Emoji className='size-4' emoji={reaction.name} src={reaction.url || undefined} />
+          <Emoji className='size-4' emoji={reaction.name} src={reaction.url ?? undefined} />
           {reaction.count}
         </div>,
-        action: () => setReaction(reaction.name),
+        action: () =>{
+          setReaction(reaction.name);
+        },
         name: reaction.name,
       },
     ));
 
-    return <Tabs items={items} activeItem={reaction || 'all'} />;
+    return <Tabs items={items} activeItem={reaction ?? 'all'} />;
   };
 
   const accounts = useMemo((): Array<IAccountWithReaction> | undefined => {
@@ -68,9 +72,9 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
     if (reaction) {
       const reactionRecord = reactions.find(({ name }) => name === reaction);
 
-      if (reactionRecord) return reactionRecord.account_ids.map(account => ({ id: account, reaction: reaction, reactionUrl: reactionRecord.url || undefined }));
+      if (reactionRecord) return reactionRecord.account_ids.map(account => ({ id: account, reaction: reaction, reactionUrl: reactionRecord.url ?? undefined }));
     } else {
-      return reactions.map(({ account_ids, name, url }) => account_ids.map(account => ({ id: account, reaction: name, reactionUrl: url || undefined }))).flat();
+      return reactions.map(({ account_ids, name, url }) => account_ids.map(account => ({ id: account, reaction: name, reactionUrl: url ?? undefined }))).flat();
     }
   }, [reactions, reaction]);
 
diff --git a/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx b/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
index bf7bf44d9..976409da1 100644
--- a/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
+++ b/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
@@ -17,7 +17,9 @@ interface IStatusCheckBox {
 const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled, checked, toggleStatusReport }) => {
   const status = useAppSelector((state) => state.statuses[id]);
 
-  const onToggle: React.ChangeEventHandler<HTMLInputElement> = (e) => toggleStatusReport(e.target.checked);
+  const onToggle: React.ChangeEventHandler<HTMLInputElement> = (e) =>{
+    toggleStatusReport(e.target.checked);
+  };
 
   if (!status || status.reblog_id) {
     return null;
diff --git a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
index c26746068..8e34a6b78 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
@@ -46,7 +46,7 @@ const OtherActionsStep = ({
   const features = useFeatures();
   const intl = useIntl();
 
-  const statusIds = useAppSelector((state) => [...new Set([...state.timelines[`account:${account.id}:with_replies`]!.items, ...selectedStatusIds])]);
+  const statusIds = useAppSelector((state) => [...new Set([...state.timelines[`account:${account.id}:with_replies`].items, ...selectedStatusIds])]);
   const isBlocked = block;
   const isForward = forward;
   const canForward = !account.local && features.federating;
@@ -95,7 +95,9 @@ const OtherActionsStep = ({
                   icon={require('@phosphor-icons/core/regular/arrows-in-simple.svg')}
                   theme='tertiary'
                   size='sm'
-                  onClick={() => setShowAdditionalStatuses(false)}
+                  onClick={() =>{
+                    setShowAdditionalStatuses(false);
+                  }}
                 >
                   {intl.formatMessage(messages.hideAdditionalStatuses)}
                 </Button>
@@ -106,7 +108,9 @@ const OtherActionsStep = ({
               icon={require('@phosphor-icons/core/regular/plus.svg')}
               theme='tertiary'
               size='sm'
-              onClick={() => setShowAdditionalStatuses(true)}
+              onClick={() =>{
+                setShowAdditionalStatuses(true);
+              }}
             >
               {intl.formatMessage(messages.addMore)}
             </Button>
diff --git a/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
index 6e1df3e77..101d6c177 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
@@ -97,7 +97,9 @@ const ReasonStep: React.FC<IReasonStep> = ({ comment, setComment, ruleIds, setRu
                   <button
                     key={idx}
                     data-testid={`rule-${rule.id}`}
-                    onClick={() => handleRuleChange(rule.id)}
+                    onClick={() =>{
+                      handleRuleChange(rule.id);
+                    }}
                     className={clsx({
                       'relative border border-solid border-gray-200 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-primary-800/30 text-start w-full p-4 flex justify-between items-center cursor-pointer': true,
                       'rounded-tl-lg rounded-tr-lg': idx === 0,
diff --git a/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx b/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
index 59c7de1a7..ec50d9708 100644
--- a/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
+++ b/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
@@ -55,7 +55,9 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
     setSelectedFolder(folderId);
 
     bookmarkStatus(folderId, {
-      onSuccess: () => onClose('SELECT_BOOKMARK_FOLDER'),
+      onSuccess: () =>{
+        onClose('SELECT_BOOKMARK_FOLDER');
+      },
     });
   };
 
@@ -90,7 +92,7 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
             {folder.emoji ? (
               <Emoji
                 emoji={folder.emoji}
-                src={folder.emoji_url || undefined}
+                src={folder.emoji_url ?? undefined}
                 className='size-5 flex-none'
               />
             ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
@@ -100,7 +102,9 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
       >
         <Toggle
           checked={selectedBookmarkFolders?.includes(folder.id)}
-          onChange={() => toggleBookmarkFolder(folder.id)}
+          onChange={() =>{
+            toggleBookmarkFolder(folder.id);
+          }}
           disabled={fetchingSelectedBookmarkFolders || addingBookmarkToFolder || removingBookmarkFromFolder}
         />
       </ListItem>
@@ -129,7 +133,7 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
               {folder.emoji ? (
                 <Emoji
                   emoji={folder.emoji}
-                  src={folder.emoji_url || undefined}
+                  src={folder.emoji_url ?? undefined}
                   className='size-5 flex-none'
                 />
               ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
diff --git a/packages/pl-fe/src/modals/select-drive-file-modal.tsx b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
index 7c7323010..a9ad6b5ef 100644
--- a/packages/pl-fe/src/modals/select-drive-file-modal.tsx
+++ b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
@@ -74,7 +74,7 @@ const File: React.FC<IFile> = ({ file, active, disabled, onSelect }) => {
       {file.thumbnail_url && isMedia ? (
         <img
           src={file.thumbnail_url}
-          alt={file.description || undefined}
+          alt={file.description ?? undefined}
         />
       ) : (
         <Icon
@@ -112,7 +112,7 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
       const selectedFolder = folder.folders.find(({ id }) => id === selectedFile);
       if (selectedFolder) {
         onSelect(selectedFolder);
-      } else if (!disabled?.includes(folder?.id || null)) {
+      } else if (!disabled?.includes(folder?.id ?? null)) {
         onSelect(folder);
       }
     }
@@ -134,11 +134,11 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
           disabled={disabled?.includes(subfolder.id)}
           onSelect={({ id }) => {
             if (type === 'folder') {
-              setSelectedFile(id || undefined);
+              setSelectedFile(id ?? undefined);
             }
           }}
           onDoubleClick={({ id }) => {
-            setCurrentFolder(id || undefined);
+            setCurrentFolder(id ?? undefined);
           }}
         />,
       );
@@ -150,7 +150,7 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
           key={file.id}
           file={file}
           active={selectedFile === file.id}
-          disabled={type === 'folder' || disabled?.includes(file.id) || ('accepted' in props && props.accepted && !props.accepted.includes(file.content_type))}
+          disabled={type === 'folder' || (disabled?.includes(file.id) ?? ('accepted' in props && props.accepted && !props.accepted.includes(file.content_type)))}
           onSelect={({ id }) => {
             if (type === 'file') {
               setSelectedFile(id);
@@ -172,7 +172,11 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
       confirmationDisabled={!selectedFile && type !== 'folder'}
     >
       <div className='⁂-drive-breadcrumbs'>
-        <Breadcrumbs folderId={currentFolder} onClick={(folderId) => setCurrentFolder(folderId)} />
+        <Breadcrumbs
+          folderId={currentFolder} onClick={(folderId) =>{
+            setCurrentFolder(folderId);
+          }}
+        />
       </div>
       <ScrollableList
         listClassName='⁂-drive-file-list ⁂-status-list'
diff --git a/packages/pl-fe/src/modals/text-field-modal.tsx b/packages/pl-fe/src/modals/text-field-modal.tsx
index d22a8e50f..32b9b00ec 100644
--- a/packages/pl-fe/src/modals/text-field-modal.tsx
+++ b/packages/pl-fe/src/modals/text-field-modal.tsx
@@ -31,7 +31,7 @@ const TextFieldModal: React.FC<TextFieldModalProps & BaseModalProps> = ({
   text,
   singleLine,
 }) => {
-  const [value, setValue] = useState(text || '');
+  const [value, setValue] = useState(text ?? '');
 
   const handleClick = () => {
     onClose('TEXT_FIELD');
@@ -57,14 +57,18 @@ const TextFieldModal: React.FC<TextFieldModalProps & BaseModalProps> = ({
           <Input
             type='text'
             value={value}
-            onChange={({ target }) => setValue(target.value)}
+            onChange={({ target }) =>{
+              setValue(target.value);
+            }}
             autoComplete='off'
             placeholder={placeholder}
           />
         ) : (
           <Textarea
             value={value}
-            onChange={({ target }) => setValue(target.value)}
+            onChange={({ target }) =>{
+              setValue(target.value);
+            }}
             autoComplete='off'
             placeholder={placeholder}
           />
diff --git a/packages/pl-fe/src/normalizers/status.ts b/packages/pl-fe/src/normalizers/status.ts
index e6abd08ea..ebcd4ce3f 100644
--- a/packages/pl-fe/src/normalizers/status.ts
+++ b/packages/pl-fe/src/normalizers/status.ts
@@ -103,18 +103,18 @@ const normalizeStatus = (status: BaseStatus & {
   }
 
   // Normalize group
-  const group = status.group || null;
+  const group = status.group ?? null;
 
   return {
     account_id: status.account.id,
-    reblog_id: status.reblog?.id || null,
-    poll_id: status.poll?.id || null,
-    group_id: status.group?.id || null,
+    reblog_id: status.reblog?.id ?? null,
+    poll_id: status.poll?.id ?? null,
+    group_id: status.group?.id ?? null,
     expectsCard: false,
     showFiltered: null as null | boolean,
     deleted: false,
     ...status,
-    quote_id: status.quote_id || null,
+    quote_id: status.quote_id ?? null,
     mentions,
     event,
     group,
diff --git a/packages/pl-fe/src/pages/account-lists/antennas.tsx b/packages/pl-fe/src/pages/account-lists/antennas.tsx
index 40f39c3fe..65e814d80 100644
--- a/packages/pl-fe/src/pages/account-lists/antennas.tsx
+++ b/packages/pl-fe/src/pages/account-lists/antennas.tsx
@@ -38,7 +38,9 @@ const AntennasPage: React.FC = () => {
   const items = [
     {
       text: intl.formatMessage(messages.createAntenna),
-      action: () => openModal('ANTENNA_EDITOR', {}),
+      action: () =>{
+        openModal('ANTENNA_EDITOR', {});
+      },
       icon: require('@phosphor-icons/core/regular/plus.svg'),
     },
   ];
diff --git a/packages/pl-fe/src/pages/account-lists/circles.tsx b/packages/pl-fe/src/pages/account-lists/circles.tsx
index c44973d5d..f568888cd 100644
--- a/packages/pl-fe/src/pages/account-lists/circles.tsx
+++ b/packages/pl-fe/src/pages/account-lists/circles.tsx
@@ -33,7 +33,7 @@ const NewCircleForm: React.FC = () => {
     setTitle(e.target.value);
   };
 
-  const handleSubmit = (e: React.FormEvent<Element>) => {
+  const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     createCircle(title);
   };
diff --git a/packages/pl-fe/src/pages/account-lists/follow-requests.tsx b/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
index d48ef6341..4a6f5bc06 100644
--- a/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
+++ b/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
@@ -29,8 +29,12 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
   const { mutate: authorizeFollowRequest } = useAcceptFollowRequestMutation(id);
   const { mutate: rejectFollowRequest } = useRejectFollowRequestMutation(id);
 
-  const onAuthorize = () => authorizeFollowRequest();
-  const onReject = () => rejectFollowRequest();
+  const onAuthorize = () =>{
+    authorizeFollowRequest();
+  };
+  const onReject = () =>{
+    rejectFollowRequest();
+  };
 
   if (!account) return null;
 
diff --git a/packages/pl-fe/src/pages/account-lists/lists.tsx b/packages/pl-fe/src/pages/account-lists/lists.tsx
index da6cc5cd9..7f7a38b1d 100644
--- a/packages/pl-fe/src/pages/account-lists/lists.tsx
+++ b/packages/pl-fe/src/pages/account-lists/lists.tsx
@@ -42,7 +42,7 @@ const NewListForm: React.FC = () => {
     setValue(e.target.value);
   };
 
-  const handleSubmit = (e: React.FormEvent<Element>) => {
+  const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     createList({ title: value });
   };
diff --git a/packages/pl-fe/src/pages/accounts/account-gallery.tsx b/packages/pl-fe/src/pages/accounts/account-gallery.tsx
index ae05e07d3..9cab664ae 100644
--- a/packages/pl-fe/src/pages/accounts/account-gallery.tsx
+++ b/packages/pl-fe/src/pages/accounts/account-gallery.tsx
@@ -79,7 +79,7 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
         className={clsx('size-full overflow-hidden', { 'rounded-br-md': isLast })}
       />
     );
-  } else if (['gifv', 'video'].indexOf(attachment.type) !== -1) {
+  } else if (['gifv', 'video'].includes(attachment.type)) {
     const conditionalAttributes: React.VideoHTMLAttributes<HTMLVideoElement> = {};
     if (isIOS()) {
       conditionalAttributes.playsInline = true;
@@ -106,7 +106,7 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
       </div>
     );
   } else if (attachment.type === 'audio') {
-    const remoteURL = attachment.remote_url || '';
+    const remoteURL = attachment.remote_url ?? '';
     const fileExtensionLastIndex = remoteURL.lastIndexOf('.');
     const fileExtension = remoteURL.slice(fileExtensionLastIndex + 1).toUpperCase();
     thumbnail = (
@@ -127,7 +127,7 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
 
   return (
     <div className='col-span-1'>
-      <Link className='⁂-media-gallery__item-thumbnail aspect-1' to='/@{$username}/posts/$statusId' params={{ username: account?.acct || 'undefined', statusId: attachment.status_id }} onClick={handleClick} title={title}>
+      <Link className='⁂-media-gallery__item-thumbnail aspect-1' to='/@{$username}/posts/$statusId' params={{ username: account?.acct ?? 'undefined', statusId: attachment.status_id }} onClick={handleClick} title={title}>
         <Blurhash
           hash={attachment.blurhash}
           className={clsx('⁂-media-gallery__preview', {
diff --git a/packages/pl-fe/src/pages/accounts/account-timeline.tsx b/packages/pl-fe/src/pages/accounts/account-timeline.tsx
index ce639a256..45b031f33 100644
--- a/packages/pl-fe/src/pages/accounts/account-timeline.tsx
+++ b/packages/pl-fe/src/pages/accounts/account-timeline.tsx
@@ -36,15 +36,19 @@ const AccountTimelinePage: React.FC = () => {
 
   const isBlocked = account?.relationship?.blocked_by;
   const unavailable = isBlocked && !features.blockersVisible;
-  const isLoading = useAppSelector(state => state.timelines[`account:${path}`]?.isLoading === true);
-  const hasMore = useAppSelector(state => state.timelines[`account:${path}`]?.hasMore === true);
+  const isLoading = useAppSelector(state =>  state.timelines[`account:${path}`]?.isLoading);
+  const hasMore = useAppSelector(state =>  state.timelines[`account:${path}`]?.hasMore);
 
-  const accountUsername = account?.username || username;
+  const accountUsername = account?.username ?? username;
 
   useEffect(() => {
     dispatch(fetchAccountByUsername(username))
-      .then(() => setAccountLoading(false))
-      .catch(() => setAccountLoading(false));
+      .then(() =>{
+        setAccountLoading(false);
+      })
+      .catch(() =>{
+        setAccountLoading(false);
+      });
   }, [username]);
 
   useEffect(() => {
diff --git a/packages/pl-fe/src/pages/auth/login.tsx b/packages/pl-fe/src/pages/auth/login.tsx
index 7dc58596b..0b1385ac7 100644
--- a/packages/pl-fe/src/pages/auth/login.tsx
+++ b/packages/pl-fe/src/pages/auth/login.tsx
@@ -30,7 +30,7 @@ const LoginPage = () => {
 
   const [isLoading, setIsLoading] = useState(false);
   const [mfaAuthNeeded, setMfaAuthNeeded] = useState(!!token);
-  const [mfaToken, setMfaToken] = useState(token || '');
+  const [mfaToken, setMfaToken] = useState(token ?? '');
   const [shouldRedirect, setShouldRedirect] = useState(false);
 
   const getFormData = (form: HTMLFormElement) =>
diff --git a/packages/pl-fe/src/pages/auth/logout.tsx b/packages/pl-fe/src/pages/auth/logout.tsx
index 2a50111f6..64fa26b3a 100644
--- a/packages/pl-fe/src/pages/auth/logout.tsx
+++ b/packages/pl-fe/src/pages/auth/logout.tsx
@@ -12,7 +12,9 @@ const LogoutPage: React.FC = () => {
 
   useEffect(() => {
     dispatch(logOut() as any)
-      .then(() => setDone(true))
+      .then(() =>{
+        setDone(true);
+      })
       .catch(console.warn);
   }, []);
 
diff --git a/packages/pl-fe/src/pages/auth/password-reset.tsx b/packages/pl-fe/src/pages/auth/password-reset.tsx
index e71a263d9..059a90921 100644
--- a/packages/pl-fe/src/pages/auth/password-reset.tsx
+++ b/packages/pl-fe/src/pages/auth/password-reset.tsx
@@ -27,7 +27,7 @@ const PasswordResetPage = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [success, setSuccess] = useState(false);
 
-  const handleSubmit = (e: React.FormEvent<Element>) => {
+  const handleSubmit = (e: React.FormEvent) => {
     const nicknameOrEmail = (e.target as any).nickname_or_email.value;
     setIsLoading(true);
     dispatch(resetPassword(nicknameOrEmail)).then(() => {
diff --git a/packages/pl-fe/src/pages/dashboard/account.tsx b/packages/pl-fe/src/pages/dashboard/account.tsx
index 8ac127e5d..7442709de 100644
--- a/packages/pl-fe/src/pages/dashboard/account.tsx
+++ b/packages/pl-fe/src/pages/dashboard/account.tsx
@@ -175,7 +175,9 @@ const AdminAccountPage: React.FC = () => {
     const action = checked ? verify : unverify;
 
     action(account.id, {
-      onSuccess: () => toast.success(intl.formatMessage(message, { acct: account.acct })),
+      onSuccess: () =>{
+        toast.success(intl.formatMessage(message, { acct: account.acct }));
+      },
     });
   };
 
@@ -186,7 +188,9 @@ const AdminAccountPage: React.FC = () => {
     const action = checked ? suggest : unsuggest;
 
     action(account.id, {
-      onSuccess: () => toast.success(intl.formatMessage(message, { acct: account.acct })),
+      onSuccess: () =>{
+        toast.success(intl.formatMessage(message, { acct: account.acct }));
+      },
     });
   };
 
@@ -200,7 +204,9 @@ const AdminAccountPage: React.FC = () => {
 
   const handleSaveBadges = () => {
     dispatch(saveBadges(account.id, accountBadges, badges))
-      .then(() => toast.success(intl.formatMessage(messages.badgesSaved)))
+      .then(() =>{
+        toast.success(intl.formatMessage(messages.badgesSaved));
+      })
       .catch(() => {});
   };
 
diff --git a/packages/pl-fe/src/pages/dashboard/announcements.tsx b/packages/pl-fe/src/pages/dashboard/announcements.tsx
index 4a619a6d8..60c382beb 100644
--- a/packages/pl-fe/src/pages/dashboard/announcements.tsx
+++ b/packages/pl-fe/src/pages/dashboard/announcements.tsx
@@ -40,9 +40,13 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement }) => {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
       confirm: intl.formatMessage(messages.deleteConfirm),
-      onConfirm: () => deleteAnnouncement(announcement.id, {
-        onSuccess: () => toast.success(messages.deleteSuccess),
-      }),
+      onConfirm: () =>{
+        deleteAnnouncement(announcement.id, {
+          onSuccess: () =>{
+            toast.success(messages.deleteSuccess);
+          },
+        });
+      },
     });
   };
 
@@ -52,7 +56,7 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement }) => {
         <Text>
           <ParsedContent html={announcement.content} emojis={announcement.emojis} />
         </Text>
-        {(announcement.starts_at || announcement.ends_at || announcement.all_day) && (
+        {((announcement.starts_at ?? announcement.ends_at) ?? announcement.all_day) && (
           <HStack space={2} wrap>
             {announcement.starts_at && (
               <Text size='sm'>
diff --git a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
index fbb6b850a..b946d7fba 100644
--- a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
+++ b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
@@ -18,7 +18,7 @@ const AwaitingApproval: React.FC = () => {
     status: 'pending',
   });
 
-  const [accountIds, setAccountIds] = useState(data || []);
+  const [accountIds, setAccountIds] = useState(data ?? []);
 
   useEffect(() => {
     if (data && data.length > accountIds.length) setAccountIds(data);
diff --git a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
index 210b01c88..9336988e3 100644
--- a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
+++ b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
@@ -154,7 +154,9 @@ const FrontendConfigEditor: React.FC = () => {
     setRawJSON(e.target.value);
   };
 
-  const toggleJSONEditor = (expanded: boolean) => setJsonEditorExpanded(expanded);
+  const toggleJSONEditor = (expanded: boolean) =>{
+    setJsonEditorExpanded(expanded);
+  };
 
   useEffect(() => {
     putConfig(v.parse(frontendConfigSchema, initialData));
@@ -186,7 +188,7 @@ const FrontendConfigEditor: React.FC = () => {
           <List>
             <ListItem label={<FormattedMessage id='plfe_config.fields.theme_label' defaultMessage='Default theme' />}>
               <ThemeSelector
-                value={frontendConfig.defaultSettings?.themeMode || 'system'}
+                value={frontendConfig.defaultSettings?.themeMode ?? 'system'}
                 onChange={handleThemeChange}
               />
             </ListItem>
@@ -243,14 +245,14 @@ const FrontendConfigEditor: React.FC = () => {
           <List>
             <ListItem label={intl.formatMessage(messages.displayFqnLabel)}>
               <Toggle
-                checked={frontendConfig.displayFqn === true}
+                checked={frontendConfig.displayFqn}
                 onChange={handleChange('displayFqn', (e) => e.target.checked)}
               />
             </ListItem>
 
             <ListItem label={intl.formatMessage(messages.greentextLabel)}>
               <Toggle
-                checked={frontendConfig.greentext === true}
+                checked={frontendConfig.greentext}
                 onChange={handleChange('greentext', (e) => e.target.checked)}
               />
             </ListItem>
@@ -260,7 +262,7 @@ const FrontendConfigEditor: React.FC = () => {
               hint={intl.formatMessage(messages.mediaPreviewHint)}
             >
               <Toggle
-                checked={frontendConfig.mediaPreview === true}
+                checked={frontendConfig.mediaPreview}
                 onChange={handleChange('mediaPreview', (e) => e.target.checked)}
               />
             </ListItem>
@@ -284,7 +286,7 @@ const FrontendConfigEditor: React.FC = () => {
               <Input
                 type='text'
                 placeholder='https://01234abcdef@glitch.tip.tld/5678'
-                value={String(data.sentryDsn ||  '')}
+                value={String(data.sentryDsn ??  '')}
                 onChange={handleChange('sentryDsn', (e) => e.target.value)}
               />
             </ListItem>
diff --git a/packages/pl-fe/src/pages/dashboard/relays.tsx b/packages/pl-fe/src/pages/dashboard/relays.tsx
index 72713a176..5416e1cf0 100644
--- a/packages/pl-fe/src/pages/dashboard/relays.tsx
+++ b/packages/pl-fe/src/pages/dashboard/relays.tsx
@@ -72,7 +72,7 @@ const NewRelayForm: React.FC = () => {
 
   const { followRelay, isPendingFollow } = useRelays();
 
-  const handleSubmit = (e: React.FormEvent<Element>) => {
+  const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     followRelay(name.value, {
       onSuccess() {
diff --git a/packages/pl-fe/src/pages/dashboard/report.tsx b/packages/pl-fe/src/pages/dashboard/report.tsx
index 8a5236288..59fb41dc0 100644
--- a/packages/pl-fe/src/pages/dashboard/report.tsx
+++ b/packages/pl-fe/src/pages/dashboard/report.tsx
@@ -52,7 +52,9 @@ const ReportStatuses: React.FC<IReportStatuses> = ({ statusIds }) => {
       {index !== 0 && (
         <div className='absolute left-0 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() => handleChangeIndex(index - 1)}
+            onClick={() =>{
+              handleChangeIndex(index - 1);
+            }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
             <Icon src={require('@phosphor-icons/core/regular/caret-left.svg')} className='size-6 text-black dark:text-white' />
@@ -65,7 +67,9 @@ const ReportStatuses: React.FC<IReportStatuses> = ({ statusIds }) => {
       {index !== statusIds.length - 1 && (
         <div className='absolute right-0 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() => handleChangeIndex(index + 1)}
+            onClick={() =>{
+              handleChangeIndex(index + 1);
+            }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
             <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} className='size-6 text-black dark:text-white' />
diff --git a/packages/pl-fe/src/pages/dashboard/reports.tsx b/packages/pl-fe/src/pages/dashboard/reports.tsx
index 2378ea22f..48329b039 100644
--- a/packages/pl-fe/src/pages/dashboard/reports.tsx
+++ b/packages/pl-fe/src/pages/dashboard/reports.tsx
@@ -35,7 +35,7 @@ const Reports: React.FC = () => {
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
-      {(accountId || targetAccountId) && (
+      {(accountId ?? targetAccountId) && (
         <HStack className='border-b border-solid border-gray-200 p-2 pb-4 dark:border-gray-800' alignItems='center' space={2}>
           <IconButton iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/x.svg')} onClick={handleUnsetAccounts} />
           <Text>
diff --git a/packages/pl-fe/src/pages/dashboard/rules.tsx b/packages/pl-fe/src/pages/dashboard/rules.tsx
index 504a97312..9f12dad1c 100644
--- a/packages/pl-fe/src/pages/dashboard/rules.tsx
+++ b/packages/pl-fe/src/pages/dashboard/rules.tsx
@@ -39,9 +39,13 @@ const Rule: React.FC<IRule> = ({ rule }) => {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
       confirm: intl.formatMessage(messages.deleteConfirm),
-      onConfirm: () => deleteRule(id, {
-        onSuccess: () => toast.success(messages.ruleDeleteSuccess),
-      }),
+      onConfirm: () =>{
+        deleteRule(id, {
+          onSuccess: () =>{
+            toast.success(messages.ruleDeleteSuccess);
+          },
+        });
+      },
     });
   };
 
diff --git a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
index 769e9d728..74b0830e6 100644
--- a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
+++ b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
@@ -82,7 +82,9 @@ const ThemeEditorPage: React.FC = () => {
   const setTheme = (theme: any) => {
     setResetKey(crypto.randomUUID());
     setIsDefault(false);
-    setTimeout(() => setColors(theme));
+    setTimeout(() =>{
+      setColors(theme);
+    });
   };
 
   const resetTheme = () => {
diff --git a/packages/pl-fe/src/pages/dashboard/user-index.tsx b/packages/pl-fe/src/pages/dashboard/user-index.tsx
index 61c2cafc3..3c1b74549 100644
--- a/packages/pl-fe/src/pages/dashboard/user-index.tsx
+++ b/packages/pl-fe/src/pages/dashboard/user-index.tsx
@@ -38,7 +38,7 @@ const UserIndexPage: React.FC = () => {
           emptyMessageText={<FormattedMessage id='admin.user_index.empty' defaultMessage='No users found.' />}
           itemClassName='pb-4'
         >
-          {(accountIds || []).map(id =>
+          {(accountIds ?? []).map(id =>
             <AccountContainer key={id} id={id} withDate />,
           )}
         </ScrollableList>
diff --git a/packages/pl-fe/src/pages/developers/create-app.tsx b/packages/pl-fe/src/pages/developers/create-app.tsx
index 32954c202..e499cc4b5 100644
--- a/packages/pl-fe/src/pages/developers/create-app.tsx
+++ b/packages/pl-fe/src/pages/developers/create-app.tsx
@@ -55,8 +55,8 @@ const CreateAppPage: React.FC = () => {
     const baseURL = getBaseURL(account!);
 
     const tokenParams = {
-      client_id: app!.client_id,
-      client_secret: app!.client_secret,
+      client_id: app.client_id,
+      client_secret: app.client_secret,
       redirect_uri: params.redirect_uris,
       grant_type: 'client_credentials',
       scope: params.scopes,
diff --git a/packages/pl-fe/src/pages/developers/developers.tsx b/packages/pl-fe/src/pages/developers/developers.tsx
index 484aedc9f..cb541708d 100644
--- a/packages/pl-fe/src/pages/developers/developers.tsx
+++ b/packages/pl-fe/src/pages/developers/developers.tsx
@@ -34,7 +34,9 @@ const DevelopersPage: React.FC = () => {
     event.preventDefault();
 
     toast.success('Hello world!', {
-      action: () => alert('hi'),
+      action: () =>{
+        alert('hi');
+      },
       actionLabel: 'Click me',
     });
   };
diff --git a/packages/pl-fe/src/pages/developers/service-worker-info.tsx b/packages/pl-fe/src/pages/developers/service-worker-info.tsx
index 0d2f7bcf8..fd1aee7d1 100644
--- a/packages/pl-fe/src/pages/developers/service-worker-info.tsx
+++ b/packages/pl-fe/src/pages/developers/service-worker-info.tsx
@@ -32,7 +32,9 @@ const useRegistration = () => {
           setRegistration(r);
           setLoading(false);
         })
-        .catch(() => setLoading(false));
+        .catch(() =>{
+          setLoading(false);
+        });
     } else {
       setLoading(false);
     }
@@ -44,11 +46,8 @@ const useRegistration = () => {
   };
 };
 
-interface IServiceWorkerInfo {
-}
-
 /** Mini ServiceWorker debugging component. */
-const ServiceWorkerInfo: React.FC<IServiceWorkerInfo> = () => {
+const ServiceWorkerInfo: React.FC = () => {
   const intl = useIntl();
   const { isLoading, registration } = useRegistration();
 
diff --git a/packages/pl-fe/src/pages/drive/drive.tsx b/packages/pl-fe/src/pages/drive/drive.tsx
index d77e7d79e..b62ce51d0 100644
--- a/packages/pl-fe/src/pages/drive/drive.tsx
+++ b/packages/pl-fe/src/pages/drive/drive.tsx
@@ -110,7 +110,9 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
   const button = onClick ? (
     <button
       className={clsx('⁂-drive-breadcrumbs__item', { '⁂-drive-breadcrumbs__item--current': depth === 0 })}
-      onClick={() => onClick?.(folderId)}
+      onClick={() =>{
+        onClick?.(folderId);
+      }}
     >
       {data.name}
     </button>
@@ -140,7 +142,7 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
 
   return (
     <>
-      <Breadcrumbs folderId={data.parent_id || undefined} depth={depth + 1} onClick={onClick} />
+      <Breadcrumbs folderId={data.parent_id ?? undefined} depth={depth + 1} onClick={onClick} />
       {spacer}
       {button}
     </>
@@ -177,7 +179,7 @@ const File: React.FC<IFile> = ({ file }) => {
       url: file.url,
       preview_url: file.thumbnail_url,
       remote_url: file.url,
-      description: file.description || '',
+      description: file.description ?? '',
       type,
       mime_type: file.content_type,
     });
@@ -199,11 +201,15 @@ const File: React.FC<IFile> = ({ file }) => {
         onConfirm: (value: string) => {
           updateFile({
             sensitive: file.sensitive,
-            description: file.description || undefined,
+            description: file.description ?? undefined,
             filename: value,
           }, {
-            onSuccess: () => toast.success(messages.fileRenameSuccess),
-            onError: () => toast.error(messages.fileRenameError),
+            onSuccess: () =>{
+              toast.success(messages.fileRenameSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.fileRenameError);
+            },
           });
         },
       });
@@ -214,15 +220,19 @@ const File: React.FC<IFile> = ({ file }) => {
         heading: <FormattedMessage id='drive.file.update_description' defaultMessage='Edit description' />,
         placeholder: intl.formatMessage(messages.updateDescriptionPlaceholder),
         confirm: <FormattedMessage id='drive.file.update_description.confirm' defaultMessage='Save' />,
-        text: file.description || '',
+        text: file.description ?? '',
         onConfirm: (value: string) => {
           updateFile({
             sensitive: file.sensitive,
             filename: file.filename,
             description: value,
           }, {
-            onSuccess: () => toast.success(messages.updateDescriptionSuccess),
-            onError: () => toast.error(messages.updateDescriptionError),
+            onSuccess: () =>{
+              toast.success(messages.updateDescriptionSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.updateDescriptionError);
+            },
           });
         },
       });
@@ -232,7 +242,7 @@ const File: React.FC<IFile> = ({ file }) => {
       updateFile({
         sensitive: !file.sensitive,
         filename: file.filename,
-        description: file.description || undefined,
+        description: file.description ?? undefined,
       }, {
         onSuccess: (file) => {
           if (file.sensitive) {
@@ -255,9 +265,13 @@ const File: React.FC<IFile> = ({ file }) => {
       openModal('SELECT_DRIVE_FILE', {
         type: 'folder',
         onSelect: (targetFolder) => {
-          moveFile(targetFolder.id || undefined, {
-            onSuccess: () => toast.success(messages.fileMoveSuccess),
-            onError: () => toast.error(messages.fileMoveError),
+          moveFile(targetFolder.id ?? undefined, {
+            onSuccess: () =>{
+              toast.success(messages.fileMoveSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.fileMoveError);
+            },
           });
         },
         disabled: [file.id],
@@ -272,8 +286,12 @@ const File: React.FC<IFile> = ({ file }) => {
         message: <FormattedMessage id='drive.file.delete.text' defaultMessage='Are you sure you want to delete this file? This action cannot be undone.' />,
         onConfirm: () => {
           deleteFile(undefined, {
-            onSuccess: () => toast.success(messages.fileDeleteSuccess),
-            onError: () => toast.error(messages.fileDeleteError),
+            onSuccess: () =>{
+              toast.success(messages.fileDeleteSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.fileDeleteError);
+            },
           });
         },
       });
@@ -338,7 +356,7 @@ const File: React.FC<IFile> = ({ file }) => {
       {file.thumbnail_url && isMedia ? (
         <img
           src={file.thumbnail_url}
-          alt={file.description || undefined}
+          alt={file.description ?? undefined}
         />
       ) : (
         <Icon
@@ -368,7 +386,7 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
   const { mutate: moveFolder } = useMoveDriveFolderMutation(folder.id!);
 
   const handleEnterFolder = () => {
-    navigate({ to: '/drive/{-$folderId}', params: { folderId: folder.id || undefined } });
+    navigate({ to: '/drive/{-$folderId}', params: { folderId: folder.id ?? undefined } });
   };
 
   const items: Menu = useMemo(() => {
@@ -377,12 +395,16 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         heading: <FormattedMessage id='drive.folder.rename' defaultMessage='Rename folder' />,
         placeholder: intl.formatMessage(messages.folderRenamePlaceholder),
         confirm: <FormattedMessage id='drive.folder.rename.confirm' defaultMessage='Rename' />,
-        text: folder.name || '',
+        text: folder.name ?? '',
         singleLine: true,
         onConfirm: (value: string) => {
           updateFolder(value, {
-            onSuccess: () => toast.success(messages.folderRenameSuccess),
-            onError: () => toast.error(messages.folderRenameError),
+            onSuccess: () =>{
+              toast.success(messages.folderRenameSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.folderRenameError);
+            },
           });
         },
       });
@@ -395,8 +417,12 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         message: <FormattedMessage id='drive.folder.delete.text' defaultMessage='Are you sure you want to delete this folder? This action cannot be undone.' />,
         onConfirm: () => {
           deleteFolder(undefined, {
-            onSuccess: () => toast.success(messages.folderDeleteSuccess),
-            onError: () => toast.error(messages.folderDeleteError),
+            onSuccess: () =>{
+              toast.success(messages.folderDeleteSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.folderDeleteError);
+            },
           });
         },
       });
@@ -406,9 +432,13 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
       openModal('SELECT_DRIVE_FILE', {
         type: 'folder',
         onSelect: (targetFolder) => {
-          moveFolder(targetFolder.id || undefined, {
-            onSuccess: () => toast.success(messages.folderMoveSuccess),
-            onError: () => toast.error(messages.folderMoveError),
+          moveFolder(targetFolder.id ?? undefined, {
+            onSuccess: () =>{
+              toast.success(messages.folderMoveSuccess);
+            },
+            onError: () =>{
+              toast.error(messages.folderMoveError);
+            },
           });
         },
         disabled: [folder.id],
@@ -421,7 +451,7 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         text: intl.formatMessage(messages.folderView),
         icon: require('@phosphor-icons/core/regular/folder-open.svg'),
         to: '/drive/{-$folderId}',
-        params: { folderId: folder.id || undefined },
+        params: { folderId: folder.id ?? undefined },
       },
       {
         text: intl.formatMessage(messages.folderRename),
@@ -483,8 +513,12 @@ const DrivePage: React.FC = () => {
       icon: require('@phosphor-icons/core/regular/upload.svg'),
       onSelectFile: (files: FileList) => {
         uploadFile(files[0], {
-          onSuccess: () => toast.success(messages.fileUploadSuccess),
-          onError: (error) => toast.error(messages.fileUploadError),
+          onSuccess: () =>{
+            toast.success(messages.fileUploadSuccess);
+          },
+          onError: (error) =>{
+            toast.error(messages.fileUploadError);
+          },
         });
       },
     },
@@ -499,8 +533,12 @@ const DrivePage: React.FC = () => {
           singleLine: true,
           onConfirm: (value: string) => {
             createFolder({ name: value, parentId: folderId }, {
-              onSuccess: () => toast.success(messages.newFolderSuccess),
-              onError: () => toast.error(messages.newFolderError),
+              onSuccess: () =>{
+                toast.success(messages.newFolderSuccess);
+              },
+              onError: () =>{
+                toast.error(messages.newFolderError);
+              },
             });
           },
         });
@@ -517,9 +555,9 @@ const DrivePage: React.FC = () => {
   return (
     <Column
       className='⁂-drive-page'
-      label={data?.name || intl.formatMessage(messages.heading)}
+      label={data?.name ?? intl.formatMessage(messages.heading)}
       backHref={'/drive/{-$folderId}'}
-      backParams={{ folderId: data?.parent_id || undefined }}
+      backParams={{ folderId: data?.parent_id ?? undefined }}
       action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
     >
       <div className='⁂-drive-breadcrumbs'>
diff --git a/packages/pl-fe/src/pages/fun/circle.tsx b/packages/pl-fe/src/pages/fun/circle.tsx
index a4519f3dc..2158a5681 100644
--- a/packages/pl-fe/src/pages/fun/circle.tsx
+++ b/packages/pl-fe/src/pages/fun/circle.tsx
@@ -91,7 +91,7 @@ const CirclePage: React.FC = () => {
       // https://github.com/duiker101/twitter-interaction-circles
       const ctx = canvasRef.current?.getContext('2d')!;
 
-      const ownAvatar = account?.avatar || avatarMissing;
+      const ownAvatar = account?.avatar ?? avatarMissing;
 
       let imageLoadingErorrs = 0;
 
@@ -117,7 +117,7 @@ const CirclePage: React.FC = () => {
 
           if (!users[i]) break;
 
-          const avatarUrl = users[i].avatar || avatarMissing;
+          const avatarUrl = users[i].avatar ?? avatarMissing;
 
           try {
             // eslint-disable-next-line no-loop-func
diff --git a/packages/pl-fe/src/pages/groups/group-blocked-members.tsx b/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
index 03caed719..bd6fac922 100644
--- a/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
+++ b/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
@@ -33,10 +33,13 @@ const BlockedMember: React.FC<IBlockedMember> = ({ accountId, groupId }) => {
 
   if (!account) return null;
 
-  const handleUnblock = () =>
+  const handleUnblock = () =>{
     unblockGroupUser(undefined, {
-      onSuccess: () => toast.success(intl.formatMessage(messages.unblocked, { name: account.acct })),
+      onSuccess: () =>{
+        toast.success(intl.formatMessage(messages.unblocked, { name: account.acct }));
+      },
     });
+  };
 
   return (
     <HStack space={1} alignItems='center' justifyContent='between' className='p-2.5'>
diff --git a/packages/pl-fe/src/pages/groups/group-members.tsx b/packages/pl-fe/src/pages/groups/group-members.tsx
index 8618ba0e8..b25fc3101 100644
--- a/packages/pl-fe/src/pages/groups/group-members.tsx
+++ b/packages/pl-fe/src/pages/groups/group-members.tsx
@@ -23,9 +23,9 @@ const GroupMembers: React.FC = () => {
   const isLoading = isFetchingGroup || isFetchingOwners || isFetchingAdmins || isFetchingUsers || isFetchingPending;
 
   const members = useMemo(() => [
-    ...(owners || []),
-    ...(admins || []),
-    ...(users || []),
+    ...(owners ?? []),
+    ...(admins ?? []),
+    ...(users ?? []),
   ], [owners, admins, users]);
 
   return (
@@ -35,7 +35,7 @@ const GroupMembers: React.FC = () => {
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
         isLoading={!group || isLoading}
-        showLoading={!group || isFetchingPending || isLoading && members.length === 0}
+        showLoading={!group || (isFetchingPending ?? isLoading) && members.length === 0}
         placeholderComponent={PlaceholderAccount}
         placeholderCount={3}
         className='⁂-status-list'
diff --git a/packages/pl-fe/src/pages/groups/group-membership-requests.tsx b/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
index 515e03d63..046704089 100644
--- a/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
+++ b/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
@@ -70,35 +70,39 @@ const GroupMembershipRequests: React.FC = () => {
     return <ColumnForbidden />;
   }
 
-  const handleAuthorize = async (account: AccountEntity) =>
-    authorize(account.id)
-      .then(() => Promise.resolve())
-      .catch((error: { response: PlfeResponse }) => {
-        refetch();
+  const handleAuthorize = async (account: AccountEntity) => {
+    try {
+      await authorize(account.id);
+    } catch (error) {
+      const { response } = error as { response: PlfeResponse };
 
-        let message = intl.formatMessage(messages.authorizeFail, { name: account.username });
-        if (error.response?.status === 409) {
-          message = (error.response?.json as any).error;
-        }
-        toast.error(message);
+      refetch();
 
-        return Promise.reject();
-      });
+      let message = intl.formatMessage(messages.authorizeFail, { name: account.username });
+      if (response?.status === 409) {
+        message = response.json.error;
+      }
+      toast.error(message);
+    }
+  };
 
-  const handleReject = async (account: AccountEntity) =>
-    reject(account.id)
-      .then(() => Promise.resolve())
-      .catch((error: { response: PlfeResponse }) => {
-        refetch();
+  const handleReject = async (account: AccountEntity) => {
+    try {
+      await reject(account.id);
+    } catch (error) {
+      const { response } = error as { response: PlfeResponse };
 
-        let message = intl.formatMessage(messages.rejectFail, { name: account.username });
-        if (error.response?.status === 409) {
-          message = (error.response?.json as any).error;
-        }
-        toast.error(message);
+      refetch();
 
-        return Promise.reject();
-      });
+      let message = intl.formatMessage(messages.rejectFail, { name: account.username });
+      if (response?.status === 409) {
+        message = response.json.error;
+      }
+      toast.error(message);
+
+      return Promise.reject();
+    }
+  };
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/groups/groups.tsx b/packages/pl-fe/src/pages/groups/groups.tsx
index 92fbe4be0..dccf86a06 100644
--- a/packages/pl-fe/src/pages/groups/groups.tsx
+++ b/packages/pl-fe/src/pages/groups/groups.tsx
@@ -22,7 +22,9 @@ const Groups: React.FC = () => {
     }
   };
 
-  const createGroup = () => openModal('CREATE_GROUP');
+  const createGroup = () =>{
+    openModal('CREATE_GROUP');
+  };
 
   const renderBlankslate = () => (
     <Stack space={4} alignItems='center' justifyContent='center' className='py-6'>
diff --git a/packages/pl-fe/src/pages/groups/manage-group.tsx b/packages/pl-fe/src/pages/groups/manage-group.tsx
index 3f74e3853..6bb00adbd 100644
--- a/packages/pl-fe/src/pages/groups/manage-group.tsx
+++ b/packages/pl-fe/src/pages/groups/manage-group.tsx
@@ -55,7 +55,7 @@ const ManageGroup: React.FC = () => {
     return (<ColumnForbidden />);
   }
 
-  const onDeleteGroup = () =>
+  const onDeleteGroup = () =>{
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
@@ -69,6 +69,7 @@ const ManageGroup: React.FC = () => {
         });
       },
     });
+  };
 
   return (
     <Column label={intl.formatMessage(messages.heading)} backHref='/groups/$groupId' backParams={{ groupId: group.id }}>
diff --git a/packages/pl-fe/src/pages/search/search.tsx b/packages/pl-fe/src/pages/search/search.tsx
index 52a165f9e..77229469c 100644
--- a/packages/pl-fe/src/pages/search/search.tsx
+++ b/packages/pl-fe/src/pages/search/search.tsx
@@ -36,7 +36,7 @@ interface ISearchInput {
 
 const SearchInput: React.FC<ISearchInput> = ({ className, placeholder, query }) => {
   const navigate = useNavigate({ from: searchRoute.fullPath });
-  const [value, setValue] = useState(query || '');
+  const [value, setValue] = useState(query ?? '');
 
   const intl = useIntl();
 
@@ -81,8 +81,8 @@ const SearchInput: React.FC<ISearchInput> = ({ className, placeholder, query })
         <Input
           type='text'
           id='search'
-          placeholder={placeholder || intl.formatMessage(messages.placeholder)}
-          aria-label={placeholder || intl.formatMessage(messages.placeholder)}
+          placeholder={placeholder ?? intl.formatMessage(messages.placeholder)}
+          aria-label={placeholder ?? intl.formatMessage(messages.placeholder)}
           value={value}
           onChange={handleChange}
           onKeyDown={handleKeyDown}
@@ -144,24 +144,32 @@ const SearchResults = () => {
     items.push(
       {
         text: intl.formatMessage(messages.accounts),
-        action: () => selectFilter('accounts'),
+        action: () =>{
+          selectFilter('accounts');
+        },
         name: 'accounts',
       },
       {
         text: intl.formatMessage(messages.statuses),
-        action: () => selectFilter('statuses'),
+        action: () =>{
+          selectFilter('statuses');
+        },
         name: 'statuses',
       },
       {
         text: intl.formatMessage(messages.hashtags),
-        action: () => selectFilter('hashtags'),
+        action: () =>{
+          selectFilter('hashtags');
+        },
         name: 'hashtags',
       },
     );
 
     if (!submitted && features.trendingLinks) items.push({
       text: intl.formatMessage(messages.links),
-      action: () => selectFilter('links'),
+      action: () =>{
+        selectFilter('links');
+      },
       name: 'links',
     });
 
diff --git a/packages/pl-fe/src/pages/settings/aliases.tsx b/packages/pl-fe/src/pages/settings/aliases.tsx
index ccf7fad96..d7c683bcd 100644
--- a/packages/pl-fe/src/pages/settings/aliases.tsx
+++ b/packages/pl-fe/src/pages/settings/aliases.tsx
@@ -48,7 +48,9 @@ const Account: React.FC<IAccount> = ({ accountId, aliases }) => {
   const name = features.accountMoving ? account?.acct : apId;
   const added = name ? aliases.includes(name) : false;
 
-  const handleOnAdd = () => addAccountAlias(name!);
+  const handleOnAdd = () =>{
+    addAccountAlias(name!);
+  };
 
   if (!account) return null;
 
diff --git a/packages/pl-fe/src/pages/settings/auth-token-list.tsx b/packages/pl-fe/src/pages/settings/auth-token-list.tsx
index 3cae5ade3..d8406886c 100644
--- a/packages/pl-fe/src/pages/settings/auth-token-list.tsx
+++ b/packages/pl-fe/src/pages/settings/auth-token-list.tsx
@@ -158,7 +158,7 @@ const AuthTokenListPage: React.FC = () => {
   const body = tokens ? (
     <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
       {tokens.map((token) => (
-        <AuthToken key={token.id} token={token} isCurrent={token.is_current || String(token.id) === currentTokenId} />
+        <AuthToken key={token.id} token={token} isCurrent={token.is_current ?? String(token.id) === currentTokenId} />
       ))}
     </div>
   ) : <Spinner />;
diff --git a/packages/pl-fe/src/pages/settings/edit-filter.tsx b/packages/pl-fe/src/pages/settings/edit-filter.tsx
index d33eae1f9..1d6db815c 100644
--- a/packages/pl-fe/src/pages/settings/edit-filter.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-filter.tsx
@@ -69,7 +69,9 @@ const FilterField: StreamfieldComponent<IFilterField> = ({ value, onChange }) =>
   const intl = useIntl();
 
   const handleChange = (key: string): React.ChangeEventHandler<HTMLInputElement> =>
-    e => onChange({ ...value, [key]: e.currentTarget[e.currentTarget.type === 'checkbox' ? 'checked' : 'value'] });
+    e =>{
+      onChange({ ...value, [key]: e.currentTarget[e.currentTarget.type === 'checkbox' ? 'checked' : 'value'] });
+    };
 
   return (
     <HStack space={2} grow>
@@ -158,13 +160,19 @@ const EditFilterPage: React.FC = () => {
     });
   };
 
-  const handleChangeKeyword = (keywords: { keyword: string; whole_word: boolean }[]) => setKeywords(keywords);
+  const handleChangeKeyword = (keywords: { keyword: string; whole_word: boolean }[]) =>{
+    setKeywords(keywords);
+  };
 
-  const handleAddKeyword = () => setKeywords(keywords => [...keywords, { keyword: '', whole_word: false }]);
+  const handleAddKeyword = () =>{
+    setKeywords(keywords => [...keywords, { keyword: '', whole_word: false }]);
+  };
 
-  const handleRemoveKeyword = (i: number) => setKeywords(keywords => keywords[i].id
-    ? keywords.map((keyword, index) => index === i ? { ...keyword, _destroy: true } : keyword)
-    : keywords.filter((_, index) => index !== i));
+  const handleRemoveKeyword = (i: number) =>{
+    setKeywords(keywords => keywords[i].id
+      ? keywords.map((keyword, index) => index === i ? { ...keyword, _destroy: true } : keyword)
+      : keywords.filter((_, index) => index !== i));
+  };
 
   useEffect(() => {
     if (filterId !== 'new') {
@@ -212,7 +220,9 @@ const EditFilterPage: React.FC = () => {
               type='text'
               name='title'
               value={title}
-              onChange={({ target }) => setTitle(target.value)}
+              onChange={({ target }) =>{
+                setTitle(target.value);
+              }}
             />
           </FormGroup>
         ) : keywordsField}
@@ -238,32 +248,42 @@ const EditFilterPage: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.home_timeline)}>
             <Toggle
               checked={homeTimeline}
-              onChange={({ target }) => setHomeTimeline(target.checked)}
+              onChange={({ target }) =>{
+                setHomeTimeline(target.checked);
+              }}
             />
           </ListItem>
           <ListItem label={intl.formatMessage(messages.public_timeline)}>
             <Toggle
               checked={publicTimeline}
-              onChange={({ target }) => setPublicTimeline(target.checked)}
+              onChange={({ target }) =>{
+                setPublicTimeline(target.checked);
+              }}
             />
           </ListItem>
           <ListItem label={intl.formatMessage(messages.notifications)}>
             <Toggle
               checked={notifications}
-              onChange={({ target }) => setNotifications(target.checked)}
+              onChange={({ target }) =>{
+                setNotifications(target.checked);
+              }}
             />
           </ListItem>
           <ListItem label={intl.formatMessage(messages.conversations)}>
             <Toggle
               checked={conversations}
-              onChange={({ target }) => setConversations(target.checked)}
+              onChange={({ target }) =>{
+                setConversations(target.checked);
+              }}
             />
           </ListItem>
           {features.filtersV2 && (
             <ListItem label={intl.formatMessage(messages.accounts)}>
               <Toggle
                 checked={accounts}
-                onChange={({ target }) => setAccounts(target.checked)}
+                onChange={({ target }) =>{
+                  setAccounts(target.checked);
+                }}
               />
             </ListItem>
           )}
@@ -275,7 +295,11 @@ const EditFilterPage: React.FC = () => {
               label={intl.formatMessage(messages.filter_action_header)}
               hint={intl.formatMessage(messages.filter_action_hint)}
             >
-              <Select value={filterAction} onChange={({ target }) => setFilterAction(target.value as Filter['filter_action'])}>
+              <Select
+                value={filterAction} onChange={({ target }) =>{
+                  setFilterAction(target.value as Filter['filter_action']);
+                }}
+              >
                 <option value='warn'>{intl.formatMessage(messages.filter_action_warn)}</option>
                 <option value='hide'>{intl.formatMessage(messages.filter_action_hide)}</option>
                 <option value='blur'>{intl.formatMessage(messages.filter_action_blur)}</option>
@@ -288,7 +312,9 @@ const EditFilterPage: React.FC = () => {
             >
               <Toggle
                 checked={filterAction === 'hide'}
-                onChange={({ target }) => setFilterAction(target.checked ? 'hide' : 'warn')}
+                onChange={({ target }) =>{
+                  setFilterAction(target.checked ? 'hide' : 'warn');
+                }}
               />
             </ListItem>
           )}
diff --git a/packages/pl-fe/src/pages/settings/edit-password.tsx b/packages/pl-fe/src/pages/settings/edit-password.tsx
index 9660ca1d0..210322668 100644
--- a/packages/pl-fe/src/pages/settings/edit-password.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-password.tsx
@@ -34,7 +34,9 @@ const EditPasswordPage = () => {
 
   const { currentPassword, newPassword, newPasswordConfirmation } = state;
 
-  const resetState = () => setState(initialState);
+  const resetState = () =>{
+    setState(initialState);
+  };
 
   const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback((event) => {
     event.persist();
@@ -43,7 +45,9 @@ const EditPasswordPage = () => {
   }, []);
 
   const handleSubmit = React.useCallback(() => {
-    if (newPassword !== newPasswordConfirmation) return toast.error(intl.formatMessage(messages.passwordsNoMatch));
+    if (newPassword !== newPasswordConfirmation) {
+      toast.error(intl.formatMessage(messages.passwordsNoMatch)); return;
+    }
 
     setLoading(true);
     dispatch(changePassword(currentPassword, newPassword)).then(() => {
diff --git a/packages/pl-fe/src/pages/settings/edit-profile.tsx b/packages/pl-fe/src/pages/settings/edit-profile.tsx
index fdf15d645..9637cc1cc 100644
--- a/packages/pl-fe/src/pages/settings/edit-profile.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-profile.tsx
@@ -253,8 +253,8 @@ const EditProfilePage: React.FC = () => {
     else if (fields_attributes) params.fields_attributes = Object.fromEntries(
       fields_attributes.map(({ name, value }, i) => [i.toString(), { name, value }]),
     );
-    if (header.file !== undefined) params.header = header.file || '';
-    if (avatar.file !== undefined) params.avatar = avatar.file || '';
+    if (header.file !== undefined) params.header = header.file ?? '';
+    if (avatar.file !== undefined) params.avatar = avatar.file ?? '';
 
     if (!instance.configuration.accounts?.allow_custom_css) delete params.custom_css;
 
@@ -315,13 +315,13 @@ const EditProfilePage: React.FC = () => {
   };
 
   const handleAddField = () => {
-    const oldFields = data.fields_attributes || [];
+    const oldFields = data.fields_attributes ?? [];
     const fields = [...oldFields, { name: '', value: '' }];
     updateData('fields_attributes', fields);
   };
 
   const handleRemoveField = (i: number) => {
-    const oldFields = data.fields_attributes || [];
+    const oldFields = data.fields_attributes ?? [];
     const fields = [...oldFields];
     fields.splice(i, 1);
     updateData('fields_attributes', fields);
@@ -443,7 +443,9 @@ const EditProfilePage: React.FC = () => {
             >
               <Toggle
                 checked={muteStrangers}
-                onChange={(e) => setMuteStrangers(e.target.checked)}
+                onChange={(e) =>{
+                  setMuteStrangers(e.target.checked);
+                }}
               />
             </ListItem>
           )}
@@ -506,7 +508,9 @@ const EditProfilePage: React.FC = () => {
                   gallery: intl.formatMessage(messages.webLayoutGallery),
                 }}
                 defaultValue={data.web_layout}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => handleFieldChange('web_layout')(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                  handleFieldChange('web_layout')(event.target.value);
+                }}
               />
             </ListItem>
           )}
@@ -523,7 +527,9 @@ const EditProfilePage: React.FC = () => {
                   none: intl.formatMessage(messages.webVisibilityNone),
                 }}
                 defaultValue={data.web_visibility}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => handleFieldChange('web_visibility')(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                  handleFieldChange('web_visibility')(event.target.value);
+                }}
               />
             </ListItem>
           )}
@@ -554,7 +560,9 @@ const EditProfilePage: React.FC = () => {
                   only_contacts: intl.formatMessage(messages.mentionPolicyOnlyContacts),
                 }}
                 defaultValue={data.mention_policy}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => handleFieldChange('mention_policy')(event.target.value)}
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                  handleFieldChange('mention_policy')(event.target.value);
+                }}
               />
             </ListItem>
           )}
@@ -564,7 +572,7 @@ const EditProfilePage: React.FC = () => {
           <Streamfield
             label={<FormattedMessage id='edit_profile.fields.meta_fields_label' defaultMessage='Profile fields' />}
             hint={<FormattedMessage id='edit_profile.hints.meta_fields' defaultMessage='You can have up to {count, plural, one {# custom field} other {# custom fields}} displayed on your profile.' values={{ count: maxFields }} />}
-            values={data.fields_attributes || []}
+            values={data.fields_attributes ?? []}
             onChange={handleFieldsChange}
             onAddItem={handleAddField}
             onRemoveItem={handleRemoveField}
@@ -591,7 +599,7 @@ const EditProfilePage: React.FC = () => {
                 <FormattedMessage
                   id='edit_profile.custom_css.remaining_characters'
                   defaultMessage='{remaining, plural, one {# character} other {# characters}} remaining'
-                  values={{ remaining: 5000 - (data.custom_css || '').length }}
+                  values={{ remaining: 5000 - (data.custom_css ?? '').length }}
                 />
               </p>
             </FormGroup>
diff --git a/packages/pl-fe/src/pages/settings/import-data.tsx b/packages/pl-fe/src/pages/settings/import-data.tsx
index 02f4771ea..315f37c76 100644
--- a/packages/pl-fe/src/pages/settings/import-data.tsx
+++ b/packages/pl-fe/src/pages/settings/import-data.tsx
@@ -94,7 +94,9 @@ const DataImporter: React.FC<IDataImporter> = ({ messages, action, accept = '.cs
           >
             <Toggle
               checked={overwrite}
-              onChange={({ target }) => setOverwrite(target.checked)}
+              onChange={({ target }) =>{
+                setOverwrite(target.checked);
+              }}
             />
           </ListItem>
         </List>
diff --git a/packages/pl-fe/src/pages/settings/interaction-policies.tsx b/packages/pl-fe/src/pages/settings/interaction-policies.tsx
index 8ac87382c..ffe84057f 100644
--- a/packages/pl-fe/src/pages/settings/interaction-policies.tsx
+++ b/packages/pl-fe/src/pages/settings/interaction-policies.tsx
@@ -193,7 +193,7 @@ const InteractionPoliciesPage = () => {
 
   useEffect(() => {
     client.settings.verifyCredentials().then((credentialAccount) => {
-      setQuotePolicy(credentialAccount.source?.quote_policy || 'public');
+      setQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
     }).catch(() => {
     });
   }, []);
@@ -211,8 +211,12 @@ const InteractionPoliciesPage = () => {
     if (features.interactionRequests) {
       promises.push(new Promise<void>((resolve, reject) => {
         updateInteractionPolicies(interactionPolicies, {
-          onSuccess: () => resolve(),
-          onError: () => reject(),
+          onSuccess: () =>{
+            resolve();
+          },
+          onError: () =>{
+            reject();
+          },
         });
       }));
     }
@@ -235,17 +239,23 @@ const InteractionPoliciesPage = () => {
           items={[
             {
               text: intl.formatMessage(messages.public),
-              action: () => setVisibility('public'),
+              action: () =>{
+                setVisibility('public');
+              },
               name: 'public',
             },
             {
               text: intl.formatMessage(messages.unlisted),
-              action: () => setVisibility('unlisted'),
+              action: () =>{
+                setVisibility('unlisted');
+              },
               name: 'unlisted',
             },
             {
               text: intl.formatMessage(messages.private),
-              action: () => setVisibility('private'),
+              action: () =>{
+                setVisibility('private');
+              },
               name: 'private',
             }]}
           activeItem={visibility}
@@ -253,7 +263,9 @@ const InteractionPoliciesPage = () => {
 
         <InteractionPolicyConfig
           interactionPolicy={interactionPolicies[visibility]}
-          onChange={(...props) => handleChange(visibility, ...props)}
+          onChange={(...props) =>{
+            handleChange(visibility, ...props);
+          }}
           quotePolicy={quotePolicy}
           onQuotePolicyChange={setQuotePolicy}
           visibility={visibility}
diff --git a/packages/pl-fe/src/pages/settings/privacy.tsx b/packages/pl-fe/src/pages/settings/privacy.tsx
index bf027a77e..9f53ba465 100644
--- a/packages/pl-fe/src/pages/settings/privacy.tsx
+++ b/packages/pl-fe/src/pages/settings/privacy.tsx
@@ -93,13 +93,13 @@ const Privacy = () => {
           Object.fromEntries(
             mappings.map(({ name, targets }) => ([
               name,
-              services.redirectServices.find((service) => targets.includes(service.type) && service.instances.length)?.instances[0].split('|')[0] || '',
+              services.redirectServices.find((service) => targets.includes(service.type) && service.instances.length)?.instances[0].split('|')[0] ?? '',
             ])),
           ),
         );
       }).catch(() => { });
     }
-    return setRedirectLinksMode(event.target.value as 'off');
+    setRedirectLinksMode(event.target.value as 'off');
   };
 
   useEffect(() => {
@@ -116,17 +116,29 @@ const Privacy = () => {
           <Form onSubmit={onSubmit}>
             <List>
               <ListItem label={<FormattedMessage id='url_privacy.display_target_host' defaultMessage='Always display the domain external links lead to' />}>
-                <Toggle checked={displayTargetHost} onChange={({ target }) => setDisplayTargetHost(target.checked)} />
+                <Toggle
+                  checked={displayTargetHost} onChange={({ target }) =>{
+                    setDisplayTargetHost(target.checked);
+                  }}
+                />
               </ListItem>
             </List>
 
             <List>
               <ListItem label={<FormattedMessage id='url_privacy.clear_links_in_compose' defaultMessage='Suggest removing tracking parameters when composing a post' />}>
-                <Toggle checked={clearLinksInCompose} onChange={({ target }) => setClearLinksInCompose(target.checked)} />
+                <Toggle
+                  checked={clearLinksInCompose} onChange={({ target }) =>{
+                    setClearLinksInCompose(target.checked);
+                  }}
+                />
               </ListItem>
 
               <ListItem label={<FormattedMessage id='url_privacy.clear_links_in_content' defaultMessage='Remove tracking parameters from displayed posts' />}>
-                <Toggle checked={clearLinksInContent} onChange={({ target }) => setClearLinksInContent(target.checked)} />
+                <Toggle
+                  checked={clearLinksInContent} onChange={({ target }) =>{
+                    setClearLinksInContent(target.checked);
+                  }}
+                />
               </ListItem>
             </List>
 
@@ -138,7 +150,9 @@ const Privacy = () => {
                 type='text'
                 placeholder={intl.formatMessage(messages.rulesUrlPlaceholder)}
                 value={rulesUrl}
-                onChange={({ target }) => setRulesUrl(target.value)}
+                onChange={({ target }) =>{
+                  setRulesUrl(target.value);
+                }}
               />
             </FormGroup>
 
@@ -150,7 +164,9 @@ const Privacy = () => {
                 type='text'
                 placeholder={intl.formatMessage(messages.hashUrlPlaceholder)}
                 value={hashUrl}
-                onChange={({ target }) => setHashUrl(target.value)}
+                onChange={({ target }) =>{
+                  setHashUrl(target.value);
+                }}
               />
             </FormGroup>
 
@@ -178,7 +194,9 @@ const Privacy = () => {
                   type='text'
                   placeholder={intl.formatMessage(messages.redirectServicesUrlPlaceholder)}
                   value={redirectServicesUrl}
-                  onChange={({ target }) => setRedirectServicesUrl(target.value)}
+                  onChange={({ target }) =>{
+                    setRedirectServicesUrl(target.value);
+                  }}
                 />
               </FormGroup>
             )}
@@ -194,9 +212,11 @@ const Privacy = () => {
                     outerClassName='grow'
                     type='text'
                     value={redirectServices[service.name]}
-                    onChange={(e) => setRedirectServices((services) => {
-                      services[service.name] = e.target.value;
-                    })}
+                    onChange={(e) =>{
+                      setRedirectServices((services) => {
+                        services[service.name] = e.target.value;
+                      });
+                    }}
                     placeholder={intl.formatMessage(messages.redirectServicePlaceholder)}
                   />
                 </FormGroup>
@@ -212,7 +232,11 @@ const Privacy = () => {
                     : <FormattedMessage id='url_privacy.strip_metadata.hint_no_permission' defaultMessage='This option requires additional permissions to function. Please enable canvas extraction permission in your browser settings.' />
                 }
               >
-                <Toggle checked={stripMetadata} onChange={({ target }) => setStripMetadata(target.checked)} disabled={!hasCanvasExtractPermission} />
+                <Toggle
+                  checked={stripMetadata} onChange={({ target }) =>{
+                    setStripMetadata(target.checked);
+                  }} disabled={!hasCanvasExtractPermission}
+                />
               </ListItem>
             </List>
 
diff --git a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
index 581499608..c7e43080c 100644
--- a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
+++ b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
@@ -42,7 +42,7 @@ const NewFolderForm: React.FC<INewFolderForm> = ({ search, onChange }) => {
     if (onChange) onChange(e);
   };
 
-  const handleSubmit = (e: React.FormEvent<Element>) => {
+  const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     createBookmarkFolder({
       name: name.value,
@@ -125,7 +125,7 @@ const BookmarkFoldersPage: React.FC = () => {
                   {folder.emoji ? (
                     <Emoji
                       emoji={folder.emoji}
-                      src={folder.emoji_url || undefined}
+                      src={folder.emoji_url ?? undefined}
                       className='size-5 flex-none'
                     />
                   ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
diff --git a/packages/pl-fe/src/pages/status-lists/events.tsx b/packages/pl-fe/src/pages/status-lists/events.tsx
index 2a72aa12d..723141972 100644
--- a/packages/pl-fe/src/pages/status-lists/events.tsx
+++ b/packages/pl-fe/src/pages/status-lists/events.tsx
@@ -64,7 +64,9 @@ const EventCarousel: React.FC<IEventCarousel> = ({ statusIds, isLoading, emptyMe
       {index !== 0 && (
         <div className='absolute left-3 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() => handleChangeIndex(index - 1)}
+            onClick={() =>{
+              handleChangeIndex(index - 1);
+            }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
             <Icon src={require('@phosphor-icons/core/regular/caret-left.svg')} className='size-6 text-black dark:text-white' />
@@ -77,7 +79,9 @@ const EventCarousel: React.FC<IEventCarousel> = ({ statusIds, isLoading, emptyMe
       {index !== statusIds.length - 1 && (
         <div className='absolute right-3 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() => handleChangeIndex(index + 1)}
+            onClick={() =>{
+              handleChangeIndex(index + 1);
+            }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
             <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} className='size-6 text-black dark:text-white' />
diff --git a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
index 7a25d5aea..e4160ac67 100644
--- a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
+++ b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
@@ -69,7 +69,7 @@ const InteractionRequestStatus: React.FC<IInteractionRequestStatus> = ({ id: sta
         showAccountHoverCard={false}
         withLinkToProfile={false}
         timestamp={status.created_at}
-        action={actions || <></>}
+        action={actions ?? <></>}
       />
 
       <Stack space={2} className={clsx(hasReply && 'pl-[54px]')}>
@@ -101,23 +101,31 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
 
   const handleAuthorize = () => {
     authorize(undefined, {
-      onSuccess: () => toast.success(intl.formatMessage(messages.authorized, {
-        acct: account?.acct,
-      })),
-      onError: () => toast.error(intl.formatMessage(messages.authorizeFail, {
-        acct: account?.acct,
-      })),
+      onSuccess: () =>{
+        toast.success(intl.formatMessage(messages.authorized, {
+          acct: account?.acct,
+        }));
+      },
+      onError: () =>{
+        toast.error(intl.formatMessage(messages.authorizeFail, {
+          acct: account?.acct,
+        }));
+      },
     });
   };
 
   const handleReject = () => {
     reject(undefined, {
-      onSuccess: () => toast.success(intl.formatMessage(messages.rejected, {
-        acct: account?.acct,
-      })),
-      onError: () => toast.error(intl.formatMessage(messages.rejectFail, {
-        acct: account?.acct,
-      })),
+      onSuccess: () =>{
+        toast.success(intl.formatMessage(messages.rejected, {
+          acct: account?.acct,
+        }));
+      },
+      onError: () =>{
+        toast.error(intl.formatMessage(messages.rejectFail, {
+          acct: account?.acct,
+        }));
+      },
     });
   };
 
@@ -128,7 +136,7 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
     link: (children: React.ReactNode) => {
       if (interactionRequest.status_id) {
         return (
-          <Link className='font-bold text-gray-800 hover:underline dark:text-gray-200' to='/@{$username}/posts/$statusId' params={{ username: ownAccount?.acct || '', statusId: interactionRequest.status_id }}>
+          <Link className='font-bold text-gray-800 hover:underline dark:text-gray-200' to='/@{$username}/posts/$statusId' params={{ username: ownAccount?.acct ?? '', statusId: interactionRequest.status_id }}>
             {children}
           </Link>
         );
@@ -144,13 +152,17 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
         theme='secondary'
         size='sm'
         text={intl.formatMessage(messages.authorize)}
-        onClick={() => handleAuthorize()}
+        onClick={() =>{
+          handleAuthorize();
+        }}
       />
       <Button
         theme='danger'
         size='sm'
         text={intl.formatMessage(messages.reject)}
-        onClick={() => handleReject()}
+        onClick={() =>{
+          handleReject();
+        }}
       />
     </HStack>
   );
diff --git a/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx b/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
index da8fdf3c7..461d82aae 100644
--- a/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
@@ -17,7 +17,7 @@ const PinnedStatusesPage = () => {
   const { username } = profilePinsRoute.useParams();
 
   const { account } = useOwnAccount();
-  const { data: statusIds = [], isFetching: isLoading, hasNextPage: hasMore } = usePinnedStatuses(account?.id || '');
+  const { data: statusIds = [], isFetching: isLoading, hasNextPage: hasMore } = usePinnedStatuses(account?.id ?? '');
   const isMyAccount = username.toLowerCase() === account?.username.toLowerCase();
 
   if (!isMyAccount) {
diff --git a/packages/pl-fe/src/pages/statuses/compose-event.tsx b/packages/pl-fe/src/pages/statuses/compose-event.tsx
index 25d19e420..5159dd011 100644
--- a/packages/pl-fe/src/pages/statuses/compose-event.tsx
+++ b/packages/pl-fe/src/pages/statuses/compose-event.tsx
@@ -33,12 +33,16 @@ const EditEventPage = () => {
     const items = [
       {
         text: intl.formatMessage(messages.edit),
-        action: () => setTab('edit'),
+        action: () =>{
+          setTab('edit');
+        },
         name: 'edit',
       },
       {
         text: intl.formatMessage(messages.pending),
-        action: () => setTab('pending'),
+        action: () =>{
+          setTab('pending');
+        },
         name: 'pending',
       },
     ];
diff --git a/packages/pl-fe/src/pages/statuses/event-discussion.tsx b/packages/pl-fe/src/pages/statuses/event-discussion.tsx
index 0c2cbbcde..4456cdda0 100644
--- a/packages/pl-fe/src/pages/statuses/event-discussion.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-discussion.tsx
@@ -55,12 +55,12 @@ const EventDiscussionPage: React.FC = () => {
 
   const handleMoveUp = (id: string) => {
     const index = descendantsIds.indexOf(id);
-    selectChild(index - 1, scroller, node.current || undefined);
+    selectChild(index - 1, scroller, node.current ?? undefined);
   };
 
   const handleMoveDown = (id: string) => {
     const index = descendantsIds.indexOf(id);
-    selectChild(index + 1, scroller, node.current || undefined, descendantsIds.length);
+    selectChild(index + 1, scroller, node.current ?? undefined, descendantsIds.length);
   };
 
   const renderTombstone = (id: string) => (
diff --git a/packages/pl-fe/src/pages/statuses/event-information.tsx b/packages/pl-fe/src/pages/statuses/event-information.tsx
index f0fdd5994..42b1e82b6 100644
--- a/packages/pl-fe/src/pages/statuses/event-information.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-information.tsx
@@ -46,7 +46,7 @@ const EventInformationPage: React.FC = () => {
   };
 
   const renderEventLocation = useCallback(() => {
-    const event = status!.event!;
+    const event = status.event!;
 
     if (!event.location) return null;
 
@@ -100,7 +100,7 @@ const EventInformationPage: React.FC = () => {
   }, [status]);
 
   const renderEventDate = useCallback(() => {
-    const event = status!.event!;
+    const event = status.event!;
 
     if (!event.start_time) return null;
 
@@ -156,8 +156,8 @@ const EventInformationPage: React.FC = () => {
         {status.event.links.map(link => (
           <HStack space={2} alignItems='center'>
             <Icon src={require('@phosphor-icons/core/regular/link-simple.svg')} />
-            <a href={link.remote_url || link.url} className='text-primary-600 hover:underline dark:text-primary-400' target='_blank'>
-              {(link.remote_url || link.url).replace(/^https?:\/\//, '')}
+            <a href={link.remote_url ?? link.url} className='text-primary-600 hover:underline dark:text-primary-400' target='_blank'>
+              {(link.remote_url ?? link.url).replace(/^https?:\/\//, '')}
             </a>
           </HStack>
         ))}
diff --git a/packages/pl-fe/src/pages/statuses/status.tsx b/packages/pl-fe/src/pages/statuses/status.tsx
index 536fe0a4d..fed1d78f1 100644
--- a/packages/pl-fe/src/pages/statuses/status.tsx
+++ b/packages/pl-fe/src/pages/statuses/status.tsx
@@ -69,14 +69,18 @@ const StatusPage: React.FC = () => {
     const menu: Menu = [
       {
         text: intl.formatMessage(messages.treeView),
-        action: () => dispatch(changeSetting(['threads', 'displayMode'], 'tree')),
+        action: () =>{
+          dispatch(changeSetting(['threads', 'displayMode'], 'tree'));
+        },
         icon: require('@phosphor-icons/core/regular/tree-view.svg'),
         type: 'radio',
         checked: displayMode === 'tree',
       },
       {
         text: intl.formatMessage(messages.linearView),
-        action: () => dispatch(changeSetting(['threads', 'displayMode'], 'linear')),
+        action: () =>{
+          dispatch(changeSetting(['threads', 'displayMode'], 'linear'));
+        },
         icon: require('@phosphor-icons/core/regular/list-bullets.svg'),
         type: 'radio',
         checked: displayMode === 'linear',
@@ -132,7 +136,11 @@ const StatusPage: React.FC = () => {
         action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
       >
         <PullToRefresh onRefresh={handleRefresh}>
-          <Thread key={status.id} status={status} setExpandAllStatuses={(fn) => setExpandAllStatuses(() => fn)} />
+          <Thread
+            key={status.id} status={status} setExpandAllStatuses={(fn) =>{
+              setExpandAllStatuses(() => fn);
+            }}
+          />
         </PullToRefresh>
       </Column>
     </Stack>
diff --git a/packages/pl-fe/src/pages/timelines/home-timeline.tsx b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
index 7528d9204..9cea26adb 100644
--- a/packages/pl-fe/src/pages/timelines/home-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
@@ -25,7 +25,7 @@ const HomeTimelinePage: React.FC = () => {
 
   const polling = useRef<NodeJS.Timeout | null>(null);
 
-  const isPartial = useAppSelector(state => state.timelines.home?.isPartial === true);
+  const isPartial = useAppSelector(state =>  state.timelines.home?.isPartial);
 
   // Mastodon generates the feed in Redis, and can return a partial timeline
   // (HTTP 206) for new users. Poll until we get a full page of results.
@@ -34,11 +34,9 @@ const HomeTimelinePage: React.FC = () => {
       polling.current = setInterval(() => {
         dispatch(fetchHomeTimeline());
       }, 3000);
-    } else {
-      if (polling.current) {
-        clearInterval(polling.current);
-        polling.current = null;
-      }
+    } else if (polling.current) {
+      clearInterval(polling.current);
+      polling.current = null;
     }
 
     return () => {
diff --git a/packages/pl-fe/src/pages/utils/about.tsx b/packages/pl-fe/src/pages/utils/about.tsx
index 6a328385a..486782f3a 100644
--- a/packages/pl-fe/src/pages/utils/about.tsx
+++ b/packages/pl-fe/src/pages/utils/about.tsx
@@ -34,17 +34,25 @@ const About: React.FC<IAbout> = ({ slug }) => {
       {' '}
       <ul className='inline list-none p-0'>
         <li className="inline after:content-['_·_']">
-          <a href='#' onClick={() => setLocale(defaultLocale)}>
+          <a
+            href='#' onClick={() =>{
+              setLocale(defaultLocale);
+            }}
+          >
             {/* @ts-ignore */}
-            {languages[defaultLocale] || defaultLocale}
+            {languages[defaultLocale] ?? defaultLocale}
           </a>
         </li>
         {
           pageLocales?.map(locale => (
             <li className="inline after:content-['_·_'] last:after:content-none" key={locale}>
-              <a href='#' onClick={() => setLocale(locale)}>
+              <a
+                href='#' onClick={() =>{
+                  setLocale(locale);
+                }}
+              >
                 {/* @ts-ignore */}
-                {languages[locale] || locale}
+                {languages[locale] ?? locale}
               </a>
             </li>
           ))
diff --git a/packages/pl-fe/src/queries/accounts/use-follow-requests.ts b/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
index e53f16679..784a3e664 100644
--- a/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
+++ b/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
@@ -70,7 +70,7 @@ const useRejectFollowRequestMutation = (accountId: string) => {
 
 const prefetchFollowRequests = (client: PlApiClient) => queryClient.prefetchInfiniteQuery({
   queryKey: ['accountsLists', 'followRequests'],
-  queryFn: ({ pageParam }) => pageParam.next?.() || client.myAccount.getFollowRequests().then(minifyAccountList),
+  queryFn: ({ pageParam }) => pageParam.next?.() ?? client.myAccount.getFollowRequests().then(minifyAccountList),
   initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<string>,
 });
 
diff --git a/packages/pl-fe/src/queries/accounts/use-relationship.ts b/packages/pl-fe/src/queries/accounts/use-relationship.ts
index 3f5ec2fc4..6000cf7f3 100644
--- a/packages/pl-fe/src/queries/accounts/use-relationship.ts
+++ b/packages/pl-fe/src/queries/accounts/use-relationship.ts
@@ -55,7 +55,9 @@ const useFollowAccountMutation = (accountId: string) => {
         showing_reblogs: params?.reblogs ?? relationship.showing_reblogs,
       }), queryClient);
     },
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
@@ -75,7 +77,9 @@ const useUnfollowAccountMutation = (accountId: string) => {
       notifying: false,
       showing_reblogs: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
@@ -97,7 +101,9 @@ const useBlockAccountMutation = (accountId: string) => {
       notifying: false,
       requested: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
 
@@ -129,7 +135,9 @@ const useUnblockAccountMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       blocking: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
@@ -147,7 +155,9 @@ const useMuteAccountMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       muting: true,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
 
@@ -179,7 +189,9 @@ const useUnmuteAccountMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       muting: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
@@ -197,7 +209,9 @@ const usePinAccountMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       endorsed: true,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
       queryClient.invalidateQueries({
@@ -218,7 +232,9 @@ const useUnpinAccountMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       endorsed: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
       queryClient.invalidateQueries({
@@ -238,7 +254,9 @@ const useRemoveAccountFromFollowersMutation = (accountId: string) => {
     onMutate: () => updateRelationship(accountId, {
       followed_by: false,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
@@ -255,7 +273,9 @@ const useUpdateAccountNoteMutation = (accountId: string) => {
     onMutate: (note) => updateRelationship(accountId, {
       note,
     }, queryClient),
-    onError: (_err, _variables, context) => restorePreviousRelationship(accountId, context, queryClient),
+    onError: (_err, _variables, context) =>{
+      restorePreviousRelationship(accountId, context, queryClient);
+    },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
     },
diff --git a/packages/pl-fe/src/queries/admin/use-accounts.ts b/packages/pl-fe/src/queries/admin/use-accounts.ts
index 9f063d98d..d49af8ead 100644
--- a/packages/pl-fe/src/queries/admin/use-accounts.ts
+++ b/packages/pl-fe/src/queries/admin/use-accounts.ts
@@ -50,8 +50,8 @@ const usePendingUsersCount = () => {
 
   return useInfiniteQuery({
     ...pendingUsersQuery,
-    select: (data) => data.pages.at(-1)?.total || data.pages.map(page => page.items).flat().length || 0,
-    enabled: !!(account?.is_admin || account?.is_moderator),
+    select: (data) => (data.pages.at(-1)?.total ?? data.pages.map(page => page.items).flat().length) || 0,
+    enabled: !!(account?.is_admin ?? account?.is_moderator),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/admin/use-moderation-log.ts b/packages/pl-fe/src/queries/admin/use-moderation-log.ts
index ced75abb3..e04111cd8 100644
--- a/packages/pl-fe/src/queries/admin/use-moderation-log.ts
+++ b/packages/pl-fe/src/queries/admin/use-moderation-log.ts
@@ -10,7 +10,7 @@ const useModerationLog = () => {
   const client = useClient();
 
   const getModerationLog = (pageParam?: Pick<PaginatedResponse<AdminModerationLogEntry>, 'next'>): Promise<PaginatedResponse<AdminModerationLogEntry>> =>
-    (pageParam?.next || client.admin.moderationLog.getModerationLog)();
+    (pageParam?.next ?? client.admin.moderationLog.getModerationLog)();
 
   const queryInfo = useInfiniteQuery({
     queryKey: ['admin', 'moderation_log'],
@@ -19,7 +19,7 @@ const useModerationLog = () => {
     getNextPageParam: (config) => config.next ? config : undefined,
   });
 
-  const data = flattenPages(queryInfo.data) || [];
+  const data = flattenPages(queryInfo.data) ?? [];
 
   return {
     ...queryInfo,
diff --git a/packages/pl-fe/src/queries/admin/use-reports.ts b/packages/pl-fe/src/queries/admin/use-reports.ts
index 6bc843612..1646d164d 100644
--- a/packages/pl-fe/src/queries/admin/use-reports.ts
+++ b/packages/pl-fe/src/queries/admin/use-reports.ts
@@ -38,8 +38,8 @@ const usePendingReportsCount = () => {
 
   return useInfiniteQuery({
     ...pendingReportsQuery,
-    select: (data) => data.pages.at(-1)?.total || data.pages.map(page => page.items).flat().length || 0,
-    enabled: !!instance.fetched && !!(account?.is_admin || account?.is_moderator),
+    select: (data) => (data.pages.at(-1)?.total ?? data.pages.map(page => page.items).flat().length) || 0,
+    enabled: !!instance.fetched && !!(account?.is_admin ?? account?.is_moderator),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/announcements/use-announcements.ts b/packages/pl-fe/src/queries/announcements/use-announcements.ts
index 853956e6a..109d59e76 100644
--- a/packages/pl-fe/src/queries/announcements/use-announcements.ts
+++ b/packages/pl-fe/src/queries/announcements/use-announcements.ts
@@ -87,6 +87,6 @@ const useAnnouncements = () => {
 };
 
 const compareAnnouncements = (a: Announcement, b: Announcement): number =>
-  new Date(a.starts_at || a.published_at).getTime() - new Date(b.starts_at || b.published_at).getTime();
+  new Date(a.starts_at ?? a.published_at).getTime() - new Date(b.starts_at ?? b.published_at).getTime();
 
 export { updateReactions, useAnnouncements };
diff --git a/packages/pl-fe/src/queries/chats.ts b/packages/pl-fe/src/queries/chats.ts
index 53121d450..f8359c203 100644
--- a/packages/pl-fe/src/queries/chats.ts
+++ b/packages/pl-fe/src/queries/chats.ts
@@ -63,7 +63,7 @@ const useChats = () => {
   const { me } = useLoggedIn();
 
   const getChats = async (pageParam?: Pick<PaginatedResponse<Chat>, 'next'>): Promise<PaginatedResponse<Chat>> => {
-    const response = await (pageParam?.next || client.chats.getChats)();
+    const response = await (pageParam?.next ?? client.chats.getChats)();
     const { items } = response;
 
     setUnreadChatsCount(sumBy(data, (chat) => chat.unread));
@@ -135,9 +135,8 @@ const useMarkChatAsRead = (chatId: string) => {
         const flattenedQueryData: any = flattenPages(queryData)?.map((chat: any) => {
           if (chat.id === data.id) {
             return data;
-          } else {
-            return chat;
           }
+          return chat;
         });
         setUnreadChatsCount(sumBy(flattenedQueryData, (chat: Chat) => chat.unread));
       }
diff --git a/packages/pl-fe/src/queries/drive/use-drive-folder.ts b/packages/pl-fe/src/queries/drive/use-drive-folder.ts
index 3db078868..84da4f97d 100644
--- a/packages/pl-fe/src/queries/drive/use-drive-folder.ts
+++ b/packages/pl-fe/src/queries/drive/use-drive-folder.ts
@@ -26,7 +26,7 @@ const useCreateDriveFolderMutation = () => {
     mutationFn: ({ name, parentId }: { name: string; parentId?: string }) => client.drive.createFolder(name, parentId),
     onSuccess: (folder) => {
       queryClient.setQueryData(['drive', 'folders', folder.id], folder);
-      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', folder.parent_id || undefined], exact: true });
+      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', folder.parent_id ?? undefined], exact: true });
     },
   });
 };
diff --git a/packages/pl-fe/src/queries/instance/use-translation-languages.ts b/packages/pl-fe/src/queries/instance/use-translation-languages.ts
index 81c2bb21f..6de4506a2 100644
--- a/packages/pl-fe/src/queries/instance/use-translation-languages.ts
+++ b/packages/pl-fe/src/queries/instance/use-translation-languages.ts
@@ -11,7 +11,7 @@ const useTranslationLanguages = () => {
   const features = useFeatures();
   const instance = useInstance();
 
-  const getTranslationLanguages = async () => {
+  const getTranslationLanguages = () => {
     const metadata = instance.pleroma.metadata;
 
     if (metadata.translation.source_languages?.length) {
diff --git a/packages/pl-fe/src/queries/search/use-search.ts b/packages/pl-fe/src/queries/search/use-search.ts
index 6d8699b70..89e633629 100644
--- a/packages/pl-fe/src/queries/search/use-search.ts
+++ b/packages/pl-fe/src/queries/search/use-search.ts
@@ -15,7 +15,7 @@ const useSearchAccounts = (
 
   return useInfiniteQuery({
     queryKey: ['search', 'accounts', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.search.search(query!, {
+    queryFn: ({ pageParam: offset, signal }) => client.search.search(query, {
       with_relationships: true,
       resolve: true,
       ...params,
diff --git a/packages/pl-fe/src/queries/settings/domain-blocks.ts b/packages/pl-fe/src/queries/settings/domain-blocks.ts
index 3c2e7ed71..54b2e63a5 100644
--- a/packages/pl-fe/src/queries/settings/domain-blocks.ts
+++ b/packages/pl-fe/src/queries/settings/domain-blocks.ts
@@ -47,7 +47,7 @@ const selectAccountsByDomain = (state: RootState, domain: string): string[] => {
   const accounts = entries
     ?.filter(([_, item]) => item && item.acct.endsWith(`@${domain}`))
     .map(([_, item]) => item!.id);
-  return accounts || [];
+  return accounts ?? [];
 };
 
 export {
diff --git a/packages/pl-fe/src/queries/settings/use-account-aliases.ts b/packages/pl-fe/src/queries/settings/use-account-aliases.ts
index 70f65785d..200c6cba8 100644
--- a/packages/pl-fe/src/queries/settings/use-account-aliases.ts
+++ b/packages/pl-fe/src/queries/settings/use-account-aliases.ts
@@ -32,7 +32,9 @@ const useAddAccountAlias = () => {
   return useMutation({
     mutationKey: ['settings', 'accountAliases'],
     mutationFn: (acct: string) => client.settings.addAccountAlias(acct),
-    onSuccess: () => toast.success(messages.createSuccess),
+    onSuccess: () =>{
+      toast.success(messages.createSuccess);
+    },
     onSettled: () => queryClient.invalidateQueries({
       queryKey: ['settings', 'accountAliases'],
     }),
@@ -46,7 +48,9 @@ const useDeleteAccountAlias = () => {
   return useMutation({
     mutationKey: ['settings', 'accountAliases'],
     mutationFn: (acct: string) => client.settings.deleteAccountAlias(acct),
-    onSuccess: () => toast.success(messages.removeSuccess),
+    onSuccess: () =>{
+      toast.success(messages.removeSuccess);
+    },
     onSettled: () => queryClient.invalidateQueries({
       queryKey: ['settings', 'accountAliases'],
     }),
diff --git a/packages/pl-fe/src/queries/settings/use-interaction-policies.ts b/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
index 5ebd9cad5..86fb25297 100644
--- a/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
+++ b/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
@@ -34,7 +34,7 @@ const useInteractionPolicies = () => {
   });
 
   return {
-    interactionPolicies: data || emptySchema,
+    interactionPolicies: data ?? emptySchema,
     updateInteractionPolicies,
     isUpdating,
     ...result,
diff --git a/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts b/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
index f52dfd522..e83a26d7c 100644
--- a/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
+++ b/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
@@ -3,7 +3,7 @@ import { minifyStatusList } from '@/queries/utils/minify-list';
 
 const usePinnedStatuses = makePaginatedResponseQuery(
   (accountId: string) => ['statusLists', 'pins', accountId],
-  (client, [accountId]) => client.accounts.getAccountStatuses(accountId as string, { pinned: true }).then(minifyStatusList),
+  (client, [accountId]) => client.accounts.getAccountStatuses(accountId, { pinned: true }).then(minifyStatusList),
   undefined,
   (accountId: string) => !!accountId,
 );
diff --git a/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts b/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
index 87f30e9cb..8afa0efc4 100644
--- a/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
+++ b/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
@@ -36,7 +36,7 @@ const draftStatusSchema = v.pipe(v.any(), v.transform((draft) => ({
 type DraftStatus = v.InferOutput<typeof draftStatusSchema>;
 
 const getDrafts = async (accountUrl: string) => {
-  const drafts = await KVStore.getItem<Array<APIEntity>>(`drafts:${accountUrl}`) || [];
+  const drafts = await KVStore.getItem<Array<APIEntity>>(`drafts:${accountUrl}`) ?? [];
 
   return Object.fromEntries(Object.values(drafts)
     .map((draft) => v.safeParse(draftStatusSchema, draft).output as DraftStatus)
@@ -44,7 +44,7 @@ const getDrafts = async (accountUrl: string) => {
     .map((draft) => [draft.draft_id, draft]));
 };
 
-const persistDrafts = async (accountUrl: string, drafts: Record<string, APIEntity>) => KVStore.setItem(`drafts:${accountUrl}`, Object.values(drafts));
+const persistDrafts = (accountUrl: string, drafts: Record<string, APIEntity>) => KVStore.setItem(`drafts:${accountUrl}`, Object.values(drafts));
 
 const useDraftStatusesQuery = <T>(select?: (data: Record<string, DraftStatus>) => T) => {
   const { account } = useOwnAccount();
@@ -68,14 +68,14 @@ const usePersistDraftStatus = () => {
 
   return (composeId: string) => {
     dispatch((_, getState) => {
-      const compose = getState().compose[composeId]!;
+      const compose = getState().compose[composeId];
 
       const draft = {
         ...compose,
-        draft_id: compose.draftId || crypto.randomUUID(),
+        draft_id: compose.draftId ?? crypto.randomUUID(),
       };
 
-      const drafts = queryClient.getQueryData<Record<string, DraftStatus>>(['draftStatuses']) || {};
+      const drafts = queryClient.getQueryData<Record<string, DraftStatus>>(['draftStatuses']) ?? {};
 
       const newDrafts: Record<string, DraftStatus> = create(drafts, (oldDrafts) => {
         oldDrafts[draft.draft_id] = v.parse(draftStatusSchema, draft);
@@ -86,7 +86,7 @@ const usePersistDraftStatus = () => {
 };
 
 const cancelDraftStatus = (queryClient: QueryClient, accountUrl: string, draftId: string) => {
-  const drafts = queryClient.getQueryData<Record<string, DraftStatus>>(['draftStatuses']) || {};
+  const drafts = queryClient.getQueryData<Record<string, DraftStatus>>(['draftStatuses']) ?? {};
 
   const newDrafts: Record<string, DraftStatus> = create(drafts, (oldDrafts) => {
     delete oldDrafts[draftId];
diff --git a/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts b/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
index ad020970a..1260969ce 100644
--- a/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
+++ b/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
@@ -11,8 +11,8 @@ import type { InteractionRequest, PaginatedResponse } from 'pl-api';
 
 const minifyInteractionRequest = ({ account, status, reply, ...interactionRequest }: InteractionRequest) => ({
   account_id: account.id,
-  status_id: status?.id || null,
-  reply_id: reply?.id || null,
+  status_id: status?.id ?? null,
+  reply_id: reply?.id ?? null,
   ...interactionRequest,
 });
 
@@ -41,7 +41,7 @@ const useInteractionRequests = <T>(
 
   return useInfiniteQuery({
     queryKey: ['interactionRequests'],
-    queryFn: ({ pageParam }) => pageParam.next?.() || client.interactionRequests.getInteractionRequests().then(response => minifyInteractionRequestsList(dispatch, response)),
+    queryFn: ({ pageParam }) => pageParam.next?.() ?? client.interactionRequests.getInteractionRequests().then(response => minifyInteractionRequestsList(dispatch, response)),
     initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<MinifiedInteractionRequest>,
     getNextPageParam: (page) => page.next ? page : undefined,
     enabled: isLoggedIn && features.interactionRequests,
diff --git a/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts b/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
index 87cd3e9b2..26f9fb01d 100644
--- a/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
+++ b/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
@@ -34,7 +34,7 @@ const useLocalStatusTranslation = (statusId: string, targetLanguage?: string) =>
           signal,
         });
 
-        return translator.translate(status!.content, { signal }).then((translatedText) => v.parse(translationSchema, {
+        return translator.translate(status.content, { signal }).then((translatedText) => v.parse(translationSchema, {
           id: statusId,
           content: translatedText,
           detected_source_language: sourceLanguage,
diff --git a/packages/pl-fe/src/queries/statuses/use-status-interactions.ts b/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
index 242ea9044..7f1377dc9 100644
--- a/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
+++ b/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
@@ -199,16 +199,18 @@ const useBookmarkStatus = (statusId: string) => {
         actionLabel: messages.view,
         actionLinkOptions: {
           to: '/bookmarks/$folderId',
-          params: { folderId: folderId || 'all' },
+          params: { folderId: folderId ?? 'all' },
         },
       };
 
       if (features.bookmarkFolders && typeof folderId !== 'string') {
         opts = {
           actionLabel: messages.selectFolder,
-          action: () => openModal('SELECT_BOOKMARK_FOLDER', {
-            statusId,
-          }),
+          action: () =>{
+            openModal('SELECT_BOOKMARK_FOLDER', {
+              statusId,
+            });
+          },
         };
       }
 
diff --git a/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts b/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
index c960624c5..5d9a2b413 100644
--- a/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
+++ b/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
@@ -10,7 +10,7 @@ const useAccountMediaTimeline = makePaginatedResponseQuery(
 
 const useGroupMediaTimeline = makePaginatedResponseQuery(
   (groupId: string) => ['timelineIds', `group:${groupId}:media`],
-  (client, [groupId]) => client.timelines.groupTimeline(groupId!, { only_media: true }).then(minifyStatusList),
+  (client, [groupId]) => client.timelines.groupTimeline(groupId, { only_media: true }).then(minifyStatusList),
   undefined,
   (groupId) => !!groupId,
 );
diff --git a/packages/pl-fe/src/queries/utils/filter-id.ts b/packages/pl-fe/src/queries/utils/filter-id.ts
index d1238a214..3e4149e4f 100644
--- a/packages/pl-fe/src/queries/utils/filter-id.ts
+++ b/packages/pl-fe/src/queries/utils/filter-id.ts
@@ -3,7 +3,7 @@ import { create } from 'mutative';
 import type { InfiniteData } from '@tanstack/react-query';
 import type { PaginatedResponse } from 'pl-api';
 
-const filterById = (filteredId: string | Array<string>) => (data: InfiniteData<PaginatedResponse<string, true>, unknown> | undefined) => {
+const filterById = (filteredId: string | Array<string>) => (data: InfiniteData<PaginatedResponse<string>> | undefined) => {
   if (data) {
     return create((data), data => {
       let found = 0;
diff --git a/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts b/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
index 01ae6a2ea..ab024235d 100644
--- a/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
+++ b/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
@@ -12,7 +12,7 @@ const makePaginatedResponseQueryOptions = <T1 extends Array<any>, T2, T3 = Pagin
   select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
 ) => (...params: T1) => infiniteQueryOptions({
     queryKey: typeof queryKey === 'object' ? queryKey : queryKey(...params),
-    queryFn: ({ pageParam }) => pageParam.next?.() || queryFn(store.getState().auth.client, params),
+    queryFn: ({ pageParam }) => pageParam.next?.() ?? queryFn(store.getState().auth.client, params),
     initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<ReturnType<typeof queryFn>>,
     getNextPageParam: (page) => page.next ? page : undefined,
     select: select ?? ((data) => {
diff --git a/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts b/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
index 829930ba6..cdcc252c4 100644
--- a/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
+++ b/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
@@ -23,7 +23,7 @@ const makePaginatedResponseQuery = <T1 extends Array<any>, T2, T3 = PaginatedRes
 
     return useInfiniteQuery({
       queryKey: typeof queryKey === 'object' ? queryKey : queryKey(...params),
-      queryFn: ({ pageParam }) => pageParam.next?.() || queryFn(client, params),
+      queryFn: ({ pageParam }) => pageParam.next?.() ?? queryFn(client, params),
       initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<ReturnType<typeof queryFn>>,
       getNextPageParam: (page) => page.next ? page : undefined,
       select: select ?? ((data) => {
@@ -37,7 +37,7 @@ const makePaginatedResponseQuery = <T1 extends Array<any>, T2, T3 = PaginatedRes
 
         return items as T3;
       }),
-      enabled: enabled === 'isLoggedIn' ? !!account : enabled === 'isAdmin' ? !!(account?.is_admin || account?.is_moderator) : (enabled?.(...params) ?? true),
+      enabled: enabled === 'isLoggedIn' ? !!account : enabled === 'isAdmin' ? !!(account?.is_admin ?? account?.is_moderator) : (enabled?.(...params) ?? true),
     });
   };
 
diff --git a/packages/pl-fe/src/reducers/admin.ts b/packages/pl-fe/src/reducers/admin.ts
index 5df57f656..a69d9195a 100644
--- a/packages/pl-fe/src/reducers/admin.ts
+++ b/packages/pl-fe/src/reducers/admin.ts
@@ -38,7 +38,9 @@ const admin = (state = initialState, action: AdminActions): State => {
   switch (action.type) {
     case ADMIN_CONFIG_FETCH_SUCCESS:
     case ADMIN_CONFIG_UPDATE_SUCCESS:
-      return create(state, (draft) => importConfigs(draft, action.configs));
+      return create(state, (draft) =>{
+        importConfigs(draft, action.configs);
+      });
     // case ADMIN_USER_DELETE_SUCCESS:
     //   return create(state, (draft) => deleteUser(draft, action.accountId));
     default:
diff --git a/packages/pl-fe/src/reducers/auth.ts b/packages/pl-fe/src/reducers/auth.ts
index 89f91c5cc..70d74ac5d 100644
--- a/packages/pl-fe/src/reducers/auth.ts
+++ b/packages/pl-fe/src/reducers/auth.ts
@@ -128,17 +128,17 @@ const maybeShiftMe = (state: State | Draft<State>) => {
   const me = state.me!;
   const user = state.users[me];
 
-  if (!validUser(user)) {
-    const nextUser = firstValidUser(state);
-    state.me = getUrlOrId(nextUser);
-  } else {
+  if (validUser(user)) {
     return state;
   }
+
+  const nextUser = firstValidUser(state);
+  state.me = getUrlOrId(nextUser);
 };
 
 // Set the user from the session or localStorage, whichever is valid first
 const setSessionUser = (state: State) => {
-  const user = state.users[state.me!]!;
+  const user = state.users[state.me!];
   const me = getUrlOrId(validUser(user) ? user : undefined);
 
   state.me = me;
@@ -228,7 +228,7 @@ const importCredentials = (state: State | Draft<State>, token: string, account:
   // state.tokens[token].account = account.id;
   state.tokens[token].me = account.url;
   state.users = Object.fromEntries(Object.entries(state.users).filter(([url, user]) => !userMismatch(token, account)(user, url)));
-  state.me = state.me || account.url;
+  state.me = state.me ?? account.url;
   upgradeNonUrlId(state, account);
 };
 
@@ -276,10 +276,8 @@ const persistAuthAccount = (account: CredentialAccount) => {
   const key = `authAccount:${account.url}`;
 
   KVStore.getItem(key).then((oldAccount: any) => {
-    const settings = oldAccount?.settings_store || {};
-    if (!persistedAccount.settings_store) {
-      persistedAccount.settings_store = settings;
-    }
+    const settings = oldAccount?.settings_store ?? {};
+    persistedAccount.settings_store ??= settings;
     KVStore.setItem(key, persistedAccount);
   })
     .catch(console.error);
@@ -288,18 +286,18 @@ const persistAuthAccount = (account: CredentialAccount) => {
 };
 
 const deleteForbiddenToken = (state: State | Draft<State>, error: { response: PlfeResponse }, token: string) => {
-  if ([401, 403].includes(error.response?.status!)) {
-    return deleteToken(state, token);
-  } else {
-    return state;
+  if (error.response && [401, 403].includes(error.response.status)) {
+    deleteToken(state, token); return;
   }
+
+  return state;
 };
 
 const updateState = (state: State, updater: (state: Draft<State>) => void, clientUpdater?: (state: State) => InstanceType<typeof PlApiClient>) => {
   const oldClient = state.client;
 
   const newState = create(state, updater);
-  const newClient = clientUpdater?.(state) || oldClient;
+  const newClient = clientUpdater?.(state) ?? oldClient;
   return { ...newState, client: newClient };
 };
 
@@ -329,7 +327,9 @@ const reducer = (state: State, action: Action): State => {
           if (state.client.baseURL === parseBaseURL(action.account.url)) {
             state.client.accessToken = action.token;
             return state.client;
-          } else return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, action.token);
+          }
+
+          return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, action.token);
         }
         return state.client;
       });
@@ -363,7 +363,9 @@ const reducer = (state: State, action: Action): State => {
   }
 };
 
-const reload = () => location.replace('/');
+const reload = () =>{
+  location.replace('/');
+};
 
 // `me` is a user ID string
 const validMe = (state: State) => {
diff --git a/packages/pl-fe/src/reducers/compose.ts b/packages/pl-fe/src/reducers/compose.ts
index 04885b364..390a71e55 100644
--- a/packages/pl-fe/src/reducers/compose.ts
+++ b/packages/pl-fe/src/reducers/compose.ts
@@ -319,7 +319,7 @@ const getExplicitMentions = (me: string, status: Pick<Status, 'content' | 'menti
 
   const mentions = status
     .mentions
-    .filter((mention) => !(fragment.querySelector(`a[href="${mention.url}"]`) || mention.id === me))
+    .filter((mention) => !(fragment.querySelector(`a[href="${mention.url}"]`) ?? mention.id === me))
     .map((m) => m.acct);
 
   return [...new Set(mentions)];
@@ -406,7 +406,7 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
       });
     case COMPOSE_REPLY:
       return updateCompose(state, action.composeId, compose => {
-        const defaultCompose = state.default!;
+        const defaultCompose = state.default;
 
         const mentions = action.explicitAddressing
           ? statusToMentionsArray(action.status, action.account, action.rebloggedBy)
@@ -415,13 +415,13 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.groupId = action.status.group_id;
         compose.inReplyToId = action.status.id;
         compose.to = mentions;
-        compose.parentRebloggedById = action.rebloggedBy?.id || null;
+        compose.parentRebloggedById = action.rebloggedBy?.id ?? null;
         compose.text = !action.explicitAddressing ? statusToTextMentions(action.status, action.account) : '';
         compose.visibility = privacyPreference(action.status.visibility, defaultCompose.visibility, action.status.list_id, action.conversationScope);
         compose.localOnly = action.status.local_only === true;
         compose.caretPosition = null;
         compose.contentType = defaultCompose.contentType;
-        compose.approvalRequired = action.approvalRequired || false;
+        compose.approvalRequired = action.approvalRequired ?? false;
         if (action.preserveSpoilers && action.status.spoiler_text) {
           compose.sensitive = true;
           compose.spoilerText = action.status.spoiler_text;
@@ -486,13 +486,17 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.isUploading = true;
       });
     case COMPOSE_UPLOAD_SUCCESS:
-      return updateCompose(state, action.composeId, compose => appendMedia(compose, action.media, state.default.sensitive));
+      return updateCompose(state, action.composeId, compose =>{
+        appendMedia(compose, action.media, state.default.sensitive);
+      });
     case COMPOSE_UPLOAD_FAIL:
       return updateCompose(state, action.composeId, compose => {
         compose.isUploading = false;
       });
     case COMPOSE_UPLOAD_UNDO:
-      return updateCompose(state, action.composeId, compose => removeMedia(compose, action.mediaId));
+      return updateCompose(state, action.composeId, compose =>{
+        removeMedia(compose, action.mediaId);
+      });
     case COMPOSE_UPLOAD_PROGRESS:
       return updateCompose(state, action.composeId, compose => {
         compose.progress = Math.round((action.loaded / action.total) * 100);
@@ -520,12 +524,16 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
       });
     case COMPOSE_SUGGESTIONS_READY:
       return updateCompose(state, action.composeId, compose => {
-        compose.suggestions = action.accounts ? action.accounts.map((item) => item.id) : action.emojis || [];
+        compose.suggestions = action.accounts ? action.accounts.map((item) => item.id) : action.emojis ?? [];
       });
     case COMPOSE_SUGGESTION_SELECT:
-      return updateCompose(state, action.composeId, compose => insertSuggestion(compose, action.position, action.token, action.completion, action.path));
+      return updateCompose(state, action.composeId, compose =>{
+        insertSuggestion(compose, action.position, action.token, action.completion, action.path);
+      });
     case COMPOSE_SUGGESTION_TAGS_UPDATE:
-      return updateCompose(state, action.composeId, compose => updateSuggestionTags(compose, action.token, action.tags));
+      return updateCompose(state, action.composeId, compose =>{
+        updateSuggestionTags(compose, action.token, action.tags);
+      });
     case TIMELINE_DELETE:
       return updateCompose(state, 'compose-modal', compose => {
         if (action.statusId === compose.inReplyToId) {
@@ -560,7 +568,7 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.caretPosition = null;
         const contentType = action.contentType === 'text/markdown' && state.default.contentType === 'wysiwyg'
           ? 'wysiwyg'
-          : action.contentType || 'text/plain';
+          : action.contentType ?? 'text/plain';
         compose.contentType = contentType;
         compose.quoteId = action.status.quote_id;
         compose.groupId = action.status.group_id;
@@ -569,7 +577,7 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.mediaAttachments = action.status.media_attachments;
         compose.sensitive = action.status.sensitive;
 
-        compose.redacting = action.redacting || false;
+        compose.redacting = action.redacting ?? false;
 
         if (action.status.spoiler_text.length > 0) {
           compose.spoilerText = action.status.spoiler_text;
@@ -653,7 +661,9 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
       });
     case ME_FETCH_SUCCESS:
     case ME_PATCH_SUCCESS:
-      return updateCompose(state, 'default', compose => importAccount(compose, action.me));
+      return updateCompose(state, 'default', compose =>{
+        importAccount(compose, action.me);
+      });
       // case SETTING_CHANGE:
       //   return updateCompose(state, 'default', compose => updateSetting(compose, action.path, action.value));
     case COMPOSE_EDITOR_STATE_SET:
@@ -714,9 +724,9 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
       });
     case COMPOSE_INTERACTION_POLICY_OPTION_CHANGE:
       return updateCompose(state, action.composeId, compose => {
-        if (compose.interactionPolicy === null) compose.interactionPolicy = JSON.parse(JSON.stringify(action.initial))!;
+        compose.interactionPolicy ??= JSON.parse(JSON.stringify(action.initial))!;
 
-        compose.interactionPolicy = create(compose.interactionPolicy || action.initial, (interactionPolicy) => {
+        compose.interactionPolicy = create(compose.interactionPolicy ?? action.initial, (interactionPolicy) => {
           interactionPolicy[action.policy][action.rule] = action.value;
           interactionPolicy[action.policy][action.rule === 'always' ? 'with_approval' : 'always'] = interactionPolicy[action.policy][action.rule === 'always' ? 'with_approval' : 'always'].filter(rule => !action.value.includes(rule as any));
         });
@@ -726,7 +736,9 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.quoteApprovalPolicy = action.value;
       });
     case INSTANCE_FETCH_SUCCESS:
-      return updateCompose(state, 'default', (compose) => updateDefaultContentType(compose, action.instance));
+      return updateCompose(state, 'default', (compose) =>{
+        updateDefaultContentType(compose, action.instance);
+      });
     case COMPOSE_CLEAR_LINK_SUGGESTION_CREATE:
       return updateCompose(state, action.composeId, compose => {
         compose.clearLinkSuggestion = action.suggestion;
diff --git a/packages/pl-fe/src/reducers/contexts.ts b/packages/pl-fe/src/reducers/contexts.ts
index 087fee1c3..f42205d3c 100644
--- a/packages/pl-fe/src/reducers/contexts.ts
+++ b/packages/pl-fe/src/reducers/contexts.ts
@@ -40,8 +40,11 @@ const importStatus = (state: State, status: Pick<Status, 'id' | 'in_reply_to_id'
 };
 
 /** Import multiple statuses into the state. */
-const importStatuses = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>) =>
-  statuses.forEach(status => importStatus(state, status));
+const importStatuses = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>) =>{
+  statuses.forEach(status =>{
+    importStatus(state, status);
+  });
+};
 
 /** Insert a fake status ID connecting descendant to ancestor. */
 const insertTombstone = (state: State, ancestorId: string, descendantId: string) => {
@@ -71,14 +74,14 @@ const connectNodes = (state: State, fromId: string, toId: string) => {
   const toRoot = getRootNode(state, toId);
 
   if (fromRoot !== toRoot) {
-    return insertTombstone(state, toId, fromId);
+    insertTombstone(state, toId, fromId); return;
   } else {
     return state;
   }
 };
 
 /** Import a branch of ancestors or descendants, in relation to statusId. */
-const importBranch = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>, statusId?: string) =>
+const importBranch = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>, statusId?: string) =>{
   statuses.forEach((status, i) => {
     const prevId = statusId && i === 0 ? statusId : (statuses[i - 1] || {}).id;
 
@@ -96,6 +99,7 @@ const importBranch = (state: State, statuses: Array<Pick<Status, 'id' | 'in_repl
       insertTombstone(state, prevId, status.id);
     }
   });
+};
 
 /** Import a status's ancestors and descendants. */
 const normalizeContext = (
@@ -131,8 +135,11 @@ const deleteStatus = (state: State, statusId: string) => {
 };
 
 /** Delete multiple statuses from the reducer. */
-const deleteStatuses = (state: State, statusIds: string[]) =>
-  statusIds.forEach(statusId => deleteStatus(state, statusId));
+const deleteStatuses = (state: State, statusIds: string[]) =>{
+  statusIds.forEach(statusId =>{
+    deleteStatus(state, statusId);
+  });
+};
 
 /** Delete statuses upon blocking or muting a user. */
 const filterContexts = (
@@ -151,7 +158,7 @@ const filterContexts = (
 /** Add a fake status ID for a pending status. */
 const importPendingStatus = (state: State, inReplyToId: string | null | undefined, idempotencyKey: string) => {
   const id = `末pending-${idempotencyKey}`;
-  return importStatus(state, { id, in_reply_to_id: inReplyToId || null });
+  importStatus(state, { id, in_reply_to_id: inReplyToId ?? null });
 };
 
 /** Delete a pending status from the reducer. */
@@ -172,19 +179,33 @@ const replies = (state = initialState, action: AccountsAction | ImporterAction |
   switch (action.type) {
     case ACCOUNT_BLOCK_SUCCESS:
     case ACCOUNT_MUTE_SUCCESS:
-      return create(state, (draft) => filterContexts(draft, action.relationship, action.statuses));
+      return create(state, (draft) =>{
+        filterContexts(draft, action.relationship, action.statuses);
+      });
     case CONTEXT_FETCH_SUCCESS:
-      return create(state, (draft) => normalizeContext(draft, action.statusId, action.ancestors, action.descendants));
+      return create(state, (draft) =>{
+        normalizeContext(draft, action.statusId, action.ancestors, action.descendants);
+      });
     case TIMELINE_DELETE:
-      return create(state, (draft) => deleteStatuses(draft, [action.statusId]));
+      return create(state, (draft) =>{
+        deleteStatuses(draft, [action.statusId]);
+      });
     case STATUS_CREATE_REQUEST:
-      return create(state, (draft) => importPendingStatus(draft, action.params.in_reply_to_id, action.idempotencyKey));
+      return create(state, (draft) =>{
+        importPendingStatus(draft, action.params.in_reply_to_id, action.idempotencyKey);
+      });
     case STATUS_CREATE_SUCCESS:
-      return create(state, (draft) => deletePendingStatus(draft, 'in_reply_to_id' in action.status ? action.status.in_reply_to_id : null, action.idempotencyKey));
+      return create(state, (draft) =>{
+        deletePendingStatus(draft, 'in_reply_to_id' in action.status ? action.status.in_reply_to_id : null, action.idempotencyKey);
+      });
     case STATUS_IMPORT:
-      return create(state, (draft) => importStatus(draft, action.status, action.idempotencyKey));
+      return create(state, (draft) =>{
+        importStatus(draft, action.status, action.idempotencyKey);
+      });
     case STATUSES_IMPORT:
-      return create(state, (draft) => importStatuses(draft, action.statuses));
+      return create(state, (draft) =>{
+        importStatuses(draft, action.statuses);
+      });
     default:
       return state;
   }
diff --git a/packages/pl-fe/src/reducers/conversations.ts b/packages/pl-fe/src/reducers/conversations.ts
index 5851206db..5a7def676 100644
--- a/packages/pl-fe/src/reducers/conversations.ts
+++ b/packages/pl-fe/src/reducers/conversations.ts
@@ -34,8 +34,8 @@ const initialState: State = {
 const minifyConversation = (conversation: Conversation) => ({
   ...(pick(conversation, ['id', 'unread'])),
   accounts: conversation.accounts.map(a => a.id),
-  last_status: conversation.last_status?.id || null,
-  last_status_created_at: conversation.last_status?.created_at || null,
+  last_status: conversation.last_status?.id ?? null,
+  last_status_created_at: conversation.last_status?.created_at ?? null,
 });
 
 type MinifiedConversation = ReturnType<typeof minifyConversation>;
@@ -65,7 +65,7 @@ const expandNormalizedConversations = (state: State, conversations: Conversation
       const newItem = items[newItemIndex];
       items = items.filter((_, index) => index !== newItemIndex);
 
-      return newItem!;
+      return newItem;
     });
 
     list = list.concat(items);
@@ -95,9 +95,13 @@ const conversations = (state = initialState, action: ConversationsAction): State
         draft.isLoading = false;
       });
     case CONVERSATIONS_FETCH_SUCCESS:
-      return create(state, (draft) => expandNormalizedConversations(draft, action.conversations, action.next, action.isLoadingRecent));
+      return create(state, (draft) =>{
+        expandNormalizedConversations(draft, action.conversations, action.next, action.isLoadingRecent);
+      });
     case CONVERSATIONS_UPDATE:
-      return create(state, (draft) => updateConversation(state, action.conversation));
+      return create(state, (draft) =>{
+        updateConversation(state, action.conversation);
+      });
     case CONVERSATIONS_MOUNT:
       return create(state, (draft) => {
         draft.mounted += 1;
diff --git a/packages/pl-fe/src/reducers/frontend-config.ts b/packages/pl-fe/src/reducers/frontend-config.ts
index 518c82f29..85bdd4b9a 100644
--- a/packages/pl-fe/src/reducers/frontend-config.ts
+++ b/packages/pl-fe/src/reducers/frontend-config.ts
@@ -59,11 +59,11 @@ const frontendConfig = (state = initialState, action: Record<string, any>): Part
     case FRONTEND_CONFIG_REMEMBER_SUCCESS:
       return action.frontendConfig;
     case FRONTEND_CONFIG_REQUEST_SUCCESS:
-      return importFrontendConfig(action.frontendConfig || {}, action.host);
+      return importFrontendConfig(action.frontendConfig ?? {}, action.host);
     case FRONTEND_CONFIG_REQUEST_FAIL:
       return { ...fallbackState, ...state };
     case ADMIN_CONFIG_UPDATE_SUCCESS:
-      return updateFromAdmin(state, action.configs || []);
+      return updateFromAdmin(state, action.configs ?? []);
     default:
       return state;
   }
diff --git a/packages/pl-fe/src/reducers/instance.ts b/packages/pl-fe/src/reducers/instance.ts
index 743478be0..ed1d1f934 100644
--- a/packages/pl-fe/src/reducers/instance.ts
+++ b/packages/pl-fe/src/reducers/instance.ts
@@ -36,7 +36,7 @@ const importConfigs = (state: State, configs: PleromaConfig['configs']) => {
   if (!config) return state;
 
   if (config) {
-    const value = config.value || [];
+    const value = config.value ?? [];
     const registrationsOpen = getConfigValue(value, ':registrations_open') as boolean | undefined;
     const approvalRequired = getConfigValue(value, ':account_approval_required') as boolean | undefined;
 
diff --git a/packages/pl-fe/src/reducers/me.ts b/packages/pl-fe/src/reducers/me.ts
index c44320bc9..7ac703aa5 100644
--- a/packages/pl-fe/src/reducers/me.ts
+++ b/packages/pl-fe/src/reducers/me.ts
@@ -20,9 +20,8 @@ const initialState: Me = null;
 const handleForbidden = (state: Me, error: { response: PlfeResponse }) => {
   if (([401, 403] as any[]).includes(error.response?.status)) {
     return false;
-  } else {
-    return state;
   }
+  return state;
 };
 
 const me = (state: Me = initialState, action: AuthAction | MeAction): Me => {
@@ -32,7 +31,7 @@ const me = (state: Me = initialState, action: AuthAction | MeAction): Me => {
       return action.me.id;
     case VERIFY_CREDENTIALS_SUCCESS:
     case AUTH_ACCOUNT_REMEMBER_SUCCESS:
-      return state || action.account.id;
+      return state ?? action.account.id;
     case ME_FETCH_SKIP:
     case AUTH_LOGGED_OUT:
       return false;
diff --git a/packages/pl-fe/src/reducers/pending-statuses.ts b/packages/pl-fe/src/reducers/pending-statuses.ts
index 8c30006a8..a2db66208 100644
--- a/packages/pl-fe/src/reducers/pending-statuses.ts
+++ b/packages/pl-fe/src/reducers/pending-statuses.ts
@@ -53,10 +53,14 @@ const pending_statuses = (state = initialState, action: StatusesAction): State =
   switch (action.type) {
     case STATUS_CREATE_REQUEST:
       if (action.editing) return state;
-      return create(state, (draft) => importStatus(draft, action.params, action.idempotencyKey));
+      return create(state, (draft) =>{
+        importStatus(draft, action.params, action.idempotencyKey);
+      });
     case STATUS_CREATE_FAIL:
     case STATUS_CREATE_SUCCESS:
-      return create(state, (draft) => deleteStatus(draft, action.idempotencyKey));
+      return create(state, (draft) =>{
+        deleteStatus(draft, action.idempotencyKey);
+      });
     default:
       return state;
   }
diff --git a/packages/pl-fe/src/reducers/statuses.ts b/packages/pl-fe/src/reducers/statuses.ts
index 358284dcc..f79ab6768 100644
--- a/packages/pl-fe/src/reducers/statuses.ts
+++ b/packages/pl-fe/src/reducers/statuses.ts
@@ -61,7 +61,7 @@ const fixQuote = (status: StatusRecord, oldStatus?: StatusRecord): StatusRecord
     return {
       ...status,
       quote: oldStatus.quote,
-      quote_visible: status.quote_visible || oldStatus.quote_visible,
+      quote_visible: status.quote_visible ?? oldStatus.quote_visible,
     };
   } else {
     return status;
@@ -79,7 +79,9 @@ const importStatus = (state: State, status: BaseStatus) =>{
 };
 
 const importStatuses = (state: State, statuses: Array<BaseStatus>) =>{
-  statuses.forEach(status => importStatus(state, status));
+  statuses.forEach(status =>{
+    importStatus(state, status);
+  });
 };
 
 const deleteStatus = (state: State, statusId: string, references: Array<[string, string]>) => {
@@ -159,9 +161,13 @@ const initialState: State = {};
 const statuses = (state = initialState, action: EmojiReactsAction | EventsAction | ImporterAction | InteractionsAction | StatusesAction | TimelineAction): State => {
   switch (action.type) {
     case STATUS_IMPORT:
-      return create(state, (draft) => importStatus(draft, action.status));
+      return create(state, (draft) =>{
+        importStatus(draft, action.status);
+      });
     case STATUSES_IMPORT:
-      return create(state, (draft) => importStatuses(draft, action.statuses));
+      return create(state, (draft) =>{
+        importStatuses(draft, action.statuses);
+      });
     case STATUS_CREATE_REQUEST:
       return action.editing ? state : create(state, (draft) => incrementReplyCount(draft, action.params));
     case STATUS_CREATE_FAIL:
@@ -259,7 +265,9 @@ const statuses = (state = initialState, action: EmojiReactsAction | EventsAction
         }
       });
     case TIMELINE_DELETE:
-      return create(state, (draft) => deleteStatus(draft, action.statusId, action.references));
+      return create(state, (draft) =>{
+        deleteStatus(draft, action.statusId, action.references);
+      });
     case EVENT_JOIN_REQUEST:
       return create(state, (draft) => {
         const status = draft[action.statusId];
diff --git a/packages/pl-fe/src/reducers/timelines.ts b/packages/pl-fe/src/reducers/timelines.ts
index e19e2b64d..4aa8c3da6 100644
--- a/packages/pl-fe/src/reducers/timelines.ts
+++ b/packages/pl-fe/src/reducers/timelines.ts
@@ -78,16 +78,18 @@ const updateTimeline = (state: State, timelineId: string, updater: (timeline: Ti
   updater(state[timelineId]);
 };
 
-const setLoading = (state: State, timelineId: string, loading: boolean) =>
+const setLoading = (state: State, timelineId: string, loading: boolean) =>{
   updateTimeline(state, timelineId, (timeline) => {
     timeline.isLoading = loading;
   });
+};
 
 // Keep track of when a timeline failed to load
-const setFailed = (state: State, timelineId: string, failed: boolean) =>
+const setFailed = (state: State, timelineId: string, failed: boolean) =>{
   updateTimeline(state, timelineId, (timeline) => {
     timeline.loadingFailed = failed;
   });
+};
 
 const expandNormalizedTimeline = (
   state: State,
@@ -183,11 +185,12 @@ const clearTimeline = (state: State, timelineId: string) => {
   state[timelineId] = newTimeline();
 };
 
-const updateTop = (state: State, timelineId: string, top: boolean) =>
+const updateTop = (state: State, timelineId: string, top: boolean) =>{
   updateTimeline(state, timelineId, (timeline) => {
     if (top) timeline.unread = 0;
     timeline.top = top;
   });
+};
 
 const isReblogOf = (reblog: Pick<Status, 'reblog_id'>, status: Pick<Status, 'id'>) => reblog.reblog_id === status.id;
 
@@ -308,48 +311,74 @@ const timelines = (state: State = initialState, action: AccountsAction | Interac
   switch (action.type) {
     case STATUS_CREATE_REQUEST:
       if (action.params.scheduled_at) return state;
-      return create(state, (draft) => importPendingStatus(draft, action.params, action.idempotencyKey));
+      return create(state, (draft) =>{
+        importPendingStatus(draft, action.params, action.idempotencyKey);
+      });
     case STATUS_CREATE_SUCCESS:
       if ('params' in action.status || action.editing) return state;
-      return create(state, (draft) => importStatus(draft, action.status as BaseStatus, action.idempotencyKey));
+      return create(state, (draft) =>{
+        importStatus(draft, action.status as BaseStatus, action.idempotencyKey);
+      });
     case TIMELINE_EXPAND_REQUEST:
-      return create(state, (draft) => setLoading(draft, action.timeline, true));
+      return create(state, (draft) =>{
+        setLoading(draft, action.timeline, true);
+      });
     case TIMELINE_EXPAND_FAIL:
-      return create(state, (draft) => handleExpandFail(draft, action.timeline));
+      return create(state, (draft) =>{
+        handleExpandFail(draft, action.timeline);
+      });
     case TIMELINE_EXPAND_SUCCESS:
-      return create(state, (draft) => expandNormalizedTimeline(
-        draft,
-        action.timeline,
-        action.statuses,
-        action.next,
-        action.prev,
-        action.partial,
-      ));
+      return create(state, (draft) =>{
+        expandNormalizedTimeline(
+          draft,
+          action.timeline,
+          action.statuses,
+          action.next,
+          action.prev,
+          action.partial,
+        );
+      });
     case TIMELINE_UPDATE:
       return create(state, (draft) => appendStatus(draft, action.timeline, action.statusId));
     case TIMELINE_UPDATE_QUEUE:
-      return create(state, (draft) => updateTimelineQueue(draft, action.timeline, action.statusId));
+      return create(state, (draft) =>{
+        updateTimelineQueue(draft, action.timeline, action.statusId);
+      });
     case TIMELINE_DEQUEUE:
-      return create(state, (draft) => timelineDequeue(draft, action.timeline));
+      return create(state, (draft) =>{
+        timelineDequeue(draft, action.timeline);
+      });
     case TIMELINE_DELETE:
-      return create(state, (draft) => deleteStatus(draft, action.statusId, action.references, action.reblogOf));
+      return create(state, (draft) =>{
+        deleteStatus(draft, action.statusId, action.references, action.reblogOf);
+      });
     case TIMELINE_CLEAR:
-      return create(state, (draft) => clearTimeline(draft, action.timeline));
+      return create(state, (draft) =>{
+        clearTimeline(draft, action.timeline);
+      });
     case ACCOUNT_BLOCK_SUCCESS:
     case ACCOUNT_MUTE_SUCCESS:
-      return create(state, (draft) => filterTimelines(draft, action.relationship, action.statuses));
+      return create(state, (draft) =>{
+        filterTimelines(draft, action.relationship, action.statuses);
+      });
     // case ACCOUNT_UNFOLLOW_SUCCESS:
     //   return filterTimeline(state, 'home', action.relationship, action.statuses);
     case TIMELINE_SCROLL_TOP:
-      return create(state, (draft) => updateTop(state, action.timeline, action.top));
+      return create(state, (draft) =>{
+        updateTop(state, action.timeline, action.top);
+      });
     case PIN_SUCCESS:
-      return create(state, (draft) => updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
-        timeline.items = [...new Set([action.statusId, ...timeline.items])];
-      }));
+      return create(state, (draft) =>{
+        updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
+          timeline.items = [...new Set([action.statusId, ...timeline.items])];
+        });
+      });
     case UNPIN_SUCCESS:
-      return create(state, (draft) => updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
-        timeline.items = timeline.items.filter((id) => id !== action.statusId);
-      }));
+      return create(state, (draft) =>{
+        updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
+          timeline.items = timeline.items.filter((id) => id !== action.statusId);
+        });
+      });
     default:
       return state;
   }
diff --git a/packages/pl-fe/src/selectors/index.ts b/packages/pl-fe/src/selectors/index.ts
index eda9666b9..66f6077b1 100644
--- a/packages/pl-fe/src/selectors/index.ts
+++ b/packages/pl-fe/src/selectors/index.ts
@@ -38,9 +38,8 @@ const toServerSideType = (columnType: string): Filter['context'][0] => {
     default:
       if (columnType.includes('list:')) {
         return 'home';
-      } else {
-        return 'public'; // community, account, hashtag
       }
+      return 'public'; // community, account, hashtag
   }
 };
 
@@ -103,8 +102,8 @@ type APIStatus = { id: string; username?: string };
 const makeGetStatus = () => createSelector(
   [
     (state: RootState, { id }: APIStatus) => state.statuses[id],
-    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.reblog_id || ''] || null,
-    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.quote_id || ''] || null,
+    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.reblog_id ?? ''] || null,
+    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.quote_id ?? ''] || null,
     (state: RootState, { id }: APIStatus) => {
       const group = state.statuses[id]?.group_id;
       if (group) return state.entities[Entities.GROUPS]?.store[group] as Group;
@@ -137,7 +136,7 @@ const makeGetStatus = () => createSelector(
       ...statusBase,
       reblog: statusReblog || null,
       quote: statusQuote || null,
-      group: statusGroup || null,
+      group: statusGroup ?? null,
       filtered,
     };
   },
@@ -147,16 +146,16 @@ type SelectedStatus = Exclude<ReturnType<ReturnType<typeof makeGetStatus>>, null
 
 const makeGetNotification = () => createSelector([
   (_state: RootState, notification: NotificationGroup) => notification,
-  // @ts-ignore
+  // @ts-expect-error types will be fine valibot ensures that
   (state: RootState, notification: NotificationGroup) => selectAccount(state, notification.target_id),
-  // @ts-ignore
+  // @ts-expect-error types will be fine valibot ensures that
   (state: RootState, notification: NotificationGroup) => state.statuses[notification.status_id],
   (state: RootState, notification: NotificationGroup) => selectAccounts(state, notification.sample_account_ids),
 ], (notification, target, status, accounts): SelectedNotification => ({
   ...notification,
-  // @ts-ignore
+  // @ts-expect-error types will be fine valibot ensures that
   target,
-  // @ts-ignore
+  // @ts-expect-error types will be fine valibot ensures that
   status,
   accounts,
 }));
@@ -179,9 +178,9 @@ const makeGetReport = () => {
   return createSelector(
     [
       (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => report,
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.account_id || ''),
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.target_account_id || ''),
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.assigned_account_id || ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.account_id ?? ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.target_account_id ?? ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.assigned_account_id ?? ''),
       (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => report?.status_ids
         .map((statusId) => getStatus(state, { id: statusId }))
         .filter((status): status is SelectedStatus => status !== null),
@@ -231,7 +230,7 @@ const getSimplePolicy = createSelector([
 const getRemoteInstanceFavicon = (state: RootState, host: string) => {
   const accounts = state.entities[Entities.ACCOUNTS]?.store as EntityStore<Account>;
   const account = Object.entries(accounts).find(([_, account]) => account && getDomain(account) === host)?.[1];
-  return account?.favicon || null;
+  return account?.favicon ?? null;
 };
 
 type HostFederation = {
@@ -273,7 +272,7 @@ const makeGetRemoteInstance = () =>
 type ColumnQuery = { type: string; prefix?: string };
 
 const makeGetStatusIds = () => createSelector([
-  (state: RootState, { type, prefix }: ColumnQuery) => useSettingsStore.getState().settings.timelines[prefix || type],
+  (state: RootState, { type, prefix }: ColumnQuery) => useSettingsStore.getState().settings.timelines[prefix ?? type],
   (state: RootState, { type }: ColumnQuery) => state.timelines[type]?.items || [],
   (state: RootState) => state.statuses,
 ], (columnSettings: any, statusIds: Array<string>, statuses) =>
diff --git a/packages/pl-fe/src/sentry.ts b/packages/pl-fe/src/sentry.ts
index 4b1776d86..f0b2598ba 100644
--- a/packages/pl-fe/src/sentry.ts
+++ b/packages/pl-fe/src/sentry.ts
@@ -59,7 +59,7 @@ const unsetSentryAccount = async (): Promise<void> => {
 };
 
 /** Capture the exception and report it to Sentry. */
-const captureSentryException = async (exception: any, captureContext?: CaptureContext | undefined): Promise<string> => {
+const captureSentryException = async (exception: any, captureContext?: CaptureContext): Promise<string> => {
   const Sentry = await import('@sentry/react');
   return Sentry.captureException(exception, captureContext);
 };
diff --git a/packages/pl-fe/src/service-worker/sw.ts b/packages/pl-fe/src/service-worker/sw.ts
index 2b9df1b3a..ede034d85 100644
--- a/packages/pl-fe/src/service-worker/sw.ts
+++ b/packages/pl-fe/src/service-worker/sw.ts
@@ -83,12 +83,14 @@ const notify = (options: ExtendedNotificationOptions): Promise<void> =>
         },
       };
 
-      notifications.forEach(notification => notification.close());
+      notifications.forEach(notification =>{
+        notification.close();
+      });
 
       return self.registration.showNotification(group.title, group);
     } else if (notifications.length === 1 && notifications[0].tag === GROUP_TAG) { // Already grouped, proceed with appending the notification to the group
       const group = cloneNotification(notifications[0]);
-      const count = (group.data.count || 0) + 1;
+      const count = (group.data.count ?? 0) + 1;
 
       group.title = formatMessage('notifications.group', options.data.preferred_locale, { count });
       group.body = `${options.title}\n${group.body}`;
@@ -217,7 +219,7 @@ const findBestClient = (clients: readonly WindowClient[]): WindowClient => {
   const focusedClient = clients.find(client => client.focused);
   const visibleClient = clients.find(client => client.visibilityState === 'visible');
 
-  return focusedClient || visibleClient || clients[0];
+  return (focusedClient ?? visibleClient) ?? clients[0];
 };
 
 /** Update a notification with CW to display the full status. */
diff --git a/packages/pl-fe/src/stores/account-hover-card.ts b/packages/pl-fe/src/stores/account-hover-card.ts
index a639dbed8..d6c934c99 100644
--- a/packages/pl-fe/src/stores/account-hover-card.ts
+++ b/packages/pl-fe/src/stores/account-hover-card.ts
@@ -16,18 +16,24 @@ const useAccountHoverCardStore = create<State>((set) => ({
   accountId: null,
   hovered: false,
   actions: {
-    openAccountHoverCard: (ref, accountId) => set({
-      ref,
-      accountId,
-    }),
-    updateAccountHoverCard: () => set({
-      hovered: true,
-    }),
-    closeAccountHoverCard: (force = false) => set((state) => state.hovered && !force ? {} : {
-      ref: null,
-      accountId: null,
-      hovered: false,
-    }),
+    openAccountHoverCard: (ref, accountId) =>{
+      set({
+        ref,
+        accountId,
+      });
+    },
+    updateAccountHoverCard: () =>{
+      set({
+        hovered: true,
+      });
+    },
+    closeAccountHoverCard: (force = false) =>{
+      set((state) => state.hovered && !force ? {} : {
+        ref: null,
+        accountId: null,
+        hovered: false,
+      });
+    },
   },
 }));
 
diff --git a/packages/pl-fe/src/stores/language-model-availability.ts b/packages/pl-fe/src/stores/language-model-availability.ts
index eca92d20c..22295fac9 100644
--- a/packages/pl-fe/src/stores/language-model-availability.ts
+++ b/packages/pl-fe/src/stores/language-model-availability.ts
@@ -14,12 +14,16 @@ const useLanguageModelAvailabilityStore = create<State>()(mutative((set) => ({
   languageModelAvailability: {},
   languageModelDownloadProgress: {},
   actions: {
-    setLanguageModelAvailability: (sourceLanguage, targetLanguage, availability) => set((state: State) => {
-      state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`] = availability;
-    }),
-    setLanguageModelDownloadProgress: (sourceLanguage, targetLanguage, event) => set((state: State) => {
-      state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`] = event.loaded / event.total;
-    }),
+    setLanguageModelAvailability: (sourceLanguage, targetLanguage, availability) =>{
+      set((state: State) => {
+        state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`] = availability;
+      });
+    },
+    setLanguageModelDownloadProgress: (sourceLanguage, targetLanguage, event) =>{
+      set((state: State) => {
+        state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`] = event.loaded / event.total;
+      });
+    },
   },
 }), {
   enableAutoFreeze: false,
diff --git a/packages/pl-fe/src/stores/modals.ts b/packages/pl-fe/src/stores/modals.ts
index c9b3ec6be..e4a2b4308 100644
--- a/packages/pl-fe/src/stores/modals.ts
+++ b/packages/pl-fe/src/stores/modals.ts
@@ -98,19 +98,21 @@ type State = {
 const useModalsStore = create<State>()(mutative((set) => ({
   modals: [],
   actions: {
-    openModal: (...[modalType, modalProps]) => set((state: State) => {
-      state.modals.push({ modalType, modalProps });
-    }),
-    closeModal: (modalType, all) => set((state: State) => {
-      if (state.modals.length === 0) {
-        return;
-      }
-      let closedModal: Record<string, any> | undefined;
-      if (all) {
-        closedModal = state.modals[0].modalProps;
-        state.modals = [];
-      } else {
-        if (modalType === undefined) {
+    openModal: (...[modalType, modalProps]) =>{
+      set((state: State) => {
+        state.modals.push({ modalType, modalProps });
+      });
+    },
+    closeModal: (modalType, all) =>{
+      set((state: State) => {
+        if (state.modals.length === 0) {
+          return;
+        }
+        let closedModal: Record<string, any> | undefined;
+        if (all) {
+          closedModal = state.modals[0].modalProps;
+          state.modals = [];
+        } else  if (modalType === undefined) {
           closedModal = state.modals[state.modals.length - 1].modalProps;
           state.modals = state.modals.slice(0, -1);
         } else if (state.modals.some((modal) => modalType === modal.modalType)) {
@@ -118,12 +120,12 @@ const useModalsStore = create<State>()(mutative((set) => ({
           closedModal = state.modals[lastIndex].modalProps;
           state.modals = state.modals.slice(0, lastIndex);
         }
-      }
-      if (closedModal?.element) {
-        const element = closedModal.element;
-        setTimeout(() => element.focus(), 0);
-      }
-    }),
+        if (closedModal?.element) {
+          const element = closedModal.element;
+          setTimeout(() => element.focus(), 0);
+        }
+      });
+    },
   },
 }), {
   enableAutoFreeze: false,
diff --git a/packages/pl-fe/src/stores/settings.ts b/packages/pl-fe/src/stores/settings.ts
index 7a89d2e6f..cdcb00bc0 100644
--- a/packages/pl-fe/src/stores/settings.ts
+++ b/packages/pl-fe/src/stores/settings.ts
@@ -48,10 +48,10 @@ const changeSetting = (object: APIEntity, path: string[], value: any, root?: Set
   }
 
   if (typeof object[path[0]] !== 'object') {
-    const value = root && root[path[0] as keyof Settings] as APIEntity || {};
+    const value = (root && root[path[0] as keyof Settings] as APIEntity) ?? {};
     object[path[0]] = value;
   }
-  return changeSetting(object[path[0]], path.slice(1), value);
+  changeSetting(object[path[0]], path.slice(1), value);
 };
 
 const mergeSettings = (state: State, updating = false) => {
@@ -97,91 +97,103 @@ const useSettingsStore = create<State>()(mutative((set) => ({
   settings: v.parse(settingsSchema, { locale: navigator.language }),
 
   actions: {
-    loadDefaultSettings: (settings: APIEntity) => set((state: State) => {
-      if (typeof settings !== 'object') return;
+    loadDefaultSettings: (settings: APIEntity) =>{
+      set((state: State) => {
+        if (typeof settings !== 'object') return;
 
-      state.defaultSettings = v.parse(settingsSchema, settings);
-      mergeSettings(state);
-    }),
+        state.defaultSettings = v.parse(settingsSchema, settings);
+        mergeSettings(state);
+      });
+    },
 
-    loadUserSettings: (settings?: APIEntity) => set((state: State) => {
-      if (typeof settings !== 'object') return;
+    loadUserSettings: (settings?: APIEntity) =>{
+      set((state: State) => {
+        if (typeof settings !== 'object') return;
 
-      state.userSettings = v.parse(settingsSchemaPartial, settings);
+        state.userSettings = v.parse(settingsSchemaPartial, settings);
 
-      const me = lazyStore?.getState().me;
-      if (me) {
-        KVStore.getItem<string>('url-purify-rules:last').then((value) => {
-          if (value !== me) {
-            if (state.userSettings.urlPrivacy?.rulesUrl) {
-              updateRulesFromUrl(me, state.userSettings.urlPrivacy.rulesUrl, state.userSettings.urlPrivacy.hashUrl).then(() => {
-                toast.success(messages.rulesUpdateSuccess);
-              }).catch(() => {
-                toast.error(messages.rulesUpdateFail);
-              });
-            } else {
-              resetRules(me);
-            }
-            switch (state.userSettings.urlPrivacy?.redirectLinksMode) {
-              case 'auto':
-                updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
-                break;
-              case 'manual':
-                setManualRedirectServices(me, state.userSettings.urlPrivacy.redirectServices);
-                break;
-              default:
-                setManualRedirectServices(me, {});
-                break;
-            }
-          } else {
-            KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${me}`).then((services) => {
-              if (state.userSettings.urlPrivacy?.redirectLinksMode === 'auto') {
-                if (services?.redirectServicesUrl !== state.userSettings.urlPrivacy?.redirectServicesUrl) {
-                  updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
-                }
+        const me = lazyStore?.getState().me;
+        if (me) {
+          KVStore.getItem<string>('url-purify-rules:last').then((value) => {
+            if (value !== me) {
+              if (state.userSettings.urlPrivacy?.rulesUrl) {
+                updateRulesFromUrl(me, state.userSettings.urlPrivacy.rulesUrl, state.userSettings.urlPrivacy.hashUrl).then(() => {
+                  toast.success(messages.rulesUpdateSuccess);
+                }).catch(() => {
+                  toast.error(messages.rulesUpdateFail);
+                });
               } else {
-                setManualRedirectServices(me, state.userSettings.urlPrivacy?.redirectServices || {});
+                resetRules(me);
               }
-            }).catch(() => {});
-          }
-        }).catch(() => {});
-      }
+              switch (state.userSettings.urlPrivacy?.redirectLinksMode) {
+                case 'auto':
+                  updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
+                  break;
+                case 'manual':
+                  setManualRedirectServices(me, state.userSettings.urlPrivacy.redirectServices);
+                  break;
+                default:
+                  setManualRedirectServices(me, {});
+                  break;
+              }
+            } else {
+              KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${me}`).then((services) => {
+                if (state.userSettings.urlPrivacy?.redirectLinksMode === 'auto') {
+                  if (services?.redirectServicesUrl !== state.userSettings.urlPrivacy?.redirectServicesUrl) {
+                    updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
+                  }
+                } else {
+                  setManualRedirectServices(me, state.userSettings.urlPrivacy?.redirectServices ?? {});
+                }
+              }).catch(() => {});
+            }
+          }).catch(() => {});
+        }
 
-      mergeSettings(state);
-    }),
+        mergeSettings(state);
+      });
+    },
 
-    userSettingsSaving: () => set((state: State) => {
-      state.userSettings.saved = true;
+    userSettingsSaving: () =>{
+      set((state: State) => {
+        state.userSettings.saved = true;
 
-      mergeSettings(state);
-    }),
+        mergeSettings(state);
+      });
+    },
 
-    changeSetting: (path: string[], value: any) => set((state: State) => {
-      state.userSettings.saved = false;
-      changeSetting(state.userSettings, path, value, state.defaultSettings);
+    changeSetting: (path: string[], value: any) =>{
+      set((state: State) => {
+        state.userSettings.saved = false;
+        changeSetting(state.userSettings, path, value, state.defaultSettings);
 
-      mergeSettings(state, true);
-    }),
+        mergeSettings(state, true);
+      });
+    },
 
-    rememberEmojiUse: (emoji: Emoji) => set((state: State) => {
-      const settings = state.userSettings;
-      if (!settings.frequentlyUsedEmojis) settings.frequentlyUsedEmojis = {};
+    rememberEmojiUse: (emoji: Emoji) =>{
+      set((state: State) => {
+        const settings = state.userSettings;
+        settings.frequentlyUsedEmojis ??= {};
 
-      settings.frequentlyUsedEmojis[emoji.id] = (settings.frequentlyUsedEmojis[emoji.id] || 0) + 1;
-      settings.saved = false;
+        settings.frequentlyUsedEmojis[emoji.id] = (settings.frequentlyUsedEmojis[emoji.id] || 0) + 1;
+        settings.saved = false;
 
-      mergeSettings(state);
-    }),
+        mergeSettings(state);
+      });
+    },
 
-    rememberLanguageUse: (language: string) => set((state: State) => {
-      const settings = state.userSettings;
-      if (!settings.frequentlyUsedLanguages) settings.frequentlyUsedLanguages = {};
+    rememberLanguageUse: (language: string) =>{
+      set((state: State) => {
+        const settings = state.userSettings;
+        settings.frequentlyUsedLanguages ??= {};
 
-      settings.frequentlyUsedLanguages[language] = (settings.frequentlyUsedLanguages[language] || 0) + 1;
-      settings.saved = false;
+        settings.frequentlyUsedLanguages[language] = (settings.frequentlyUsedLanguages[language] || 0) + 1;
+        settings.saved = false;
 
-      mergeSettings(state);
-    }),
+        mergeSettings(state);
+      });
+    },
   },
 }), { enableAutoFreeze: true }));
 
diff --git a/packages/pl-fe/src/stores/shoutbox.ts b/packages/pl-fe/src/stores/shoutbox.ts
index 19826d24e..7be8abf8a 100644
--- a/packages/pl-fe/src/stores/shoutbox.ts
+++ b/packages/pl-fe/src/stores/shoutbox.ts
@@ -36,18 +36,24 @@ const useShoutboxStore = create<State>()(mutative((set) => ({
   messages: [],
   isLoading: true,
   actions: {
-    setMessages: (messages) => set((state: State) => {
-      lazyStore?.dispatch(importEntities({ accounts: messages.map((msg) => msg.author) }, { override: false }) as any);
-      state.messages = messages.map(minifyMessage);
-      state.isLoading = false;
-    }),
-    pushMessage: (message) => set((state: State) => {
-      lazyStore?.dispatch(importEntities({ accounts: [message.author] }) as any);
-      state.messages.push(minifyMessage(message));
-    }),
-    setSocket: (socket) => set((state: State) => {
-      state.socket = socket;
-    }),
+    setMessages: (messages) =>{
+      set((state: State) => {
+        lazyStore?.dispatch(importEntities({ accounts: messages.map((msg) => msg.author) }, { override: false }) as any);
+        state.messages = messages.map(minifyMessage);
+        state.isLoading = false;
+      });
+    },
+    pushMessage: (message) =>{
+      set((state: State) => {
+        lazyStore?.dispatch(importEntities({ accounts: [message.author] }) as any);
+        state.messages.push(minifyMessage(message));
+      });
+    },
+    setSocket: (socket) =>{
+      set((state: State) => {
+        state.socket = socket;
+      });
+    },
   },
 }), {
   enableAutoFreeze: false,
@@ -72,8 +78,12 @@ const useShoutboxSubscription = () => {
     client.settings.verifyCredentials().then((account) => {
       if (account.__meta.pleroma?.chat_token) {
         socket = client.shoutbox.connect(account.__meta.pleroma?.chat_token, {
-          onMessage: (message) => shoutboxStore.pushMessage(message),
-          onMessages: (messages) => shoutboxStore.setMessages(messages),
+          onMessage: (message) =>{
+            shoutboxStore.pushMessage(message);
+          },
+          onMessages: (messages) =>{
+            shoutboxStore.setMessages(messages);
+          },
         });
         shoutboxStore.setSocket(socket);
       }
diff --git a/packages/pl-fe/src/stores/status-hover-card.ts b/packages/pl-fe/src/stores/status-hover-card.ts
index 8abae14e6..04ee9e6d6 100644
--- a/packages/pl-fe/src/stores/status-hover-card.ts
+++ b/packages/pl-fe/src/stores/status-hover-card.ts
@@ -16,18 +16,24 @@ const useStatusHoverCardStore = create<State>((set) => ({
   statusId: null,
   hovered: false,
   actions: {
-    openStatusHoverCard: (ref, statusId) => set({
-      ref,
-      statusId,
-    }),
-    updateStatusHoverCard: () => set({
-      hovered: true,
-    }),
-    closeStatusHoverCard: (force = false) => set((state) => state.hovered && !force ? {} : {
-      ref: null,
-      statusId: null,
-      hovered: false,
-    }),
+    openStatusHoverCard: (ref, statusId) =>{
+      set({
+        ref,
+        statusId,
+      });
+    },
+    updateStatusHoverCard: () =>{
+      set({
+        hovered: true,
+      });
+    },
+    closeStatusHoverCard: (force = false) =>{
+      set((state) => state.hovered && !force ? {} : {
+        ref: null,
+        statusId: null,
+        hovered: false,
+      });
+    },
   },
 }));
 
diff --git a/packages/pl-fe/src/stores/status-meta.ts b/packages/pl-fe/src/stores/status-meta.ts
index dfb048aeb..00d38e6cd 100644
--- a/packages/pl-fe/src/stores/status-meta.ts
+++ b/packages/pl-fe/src/stores/status-meta.ts
@@ -28,34 +28,42 @@ type State = {
 const useStatusMetaStore = create<State>()(mutative((set) => ({
   statuses: {},
   actions: {
-    expandStatuses: (statusIds) => set((state: State) => {
-      for (const statusId of statusIds) {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+    expandStatuses: (statusIds) =>{
+      set((state: State) => {
+        for (const statusId of statusIds) {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].expanded = true;
-      }
-    }),
-    collapseStatuses: (statusIds) => set((state: State) => {
-      for (const statusId of statusIds) {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].expanded = true;
+        }
+      });
+    },
+    collapseStatuses: (statusIds) =>{
+      set((state: State) => {
+        for (const statusId of statusIds) {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].expanded = false;
-      }
-    }),
-    revealStatusesMedia: (statusIds) => set((state: State) => {
-      for (const statusId of statusIds) {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].expanded = false;
+        }
+      });
+    },
+    revealStatusesMedia: (statusIds) =>{
+      set((state: State) => {
+        for (const statusId of statusIds) {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].mediaVisible = true;
-      }
-    }),
-    hideStatusesMedia: (statusIds) => set((state: State) => {
-      for (const statusId of statusIds) {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].mediaVisible = true;
+        }
+      });
+    },
+    hideStatusesMedia: (statusIds) =>{
+      set((state: State) => {
+        for (const statusId of statusIds) {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].mediaVisible = false;
-      }
-    }),
+          state.statuses[statusId].mediaVisible = false;
+        }
+      });
+    },
     toggleStatusesMediaHidden: (statusIds) => (state: State) => {
       for (const statusId of statusIds) {
         if (!state.statuses[statusId]) state.statuses[statusId] = {};
@@ -63,36 +71,48 @@ const useStatusMetaStore = create<State>()(mutative((set) => ({
         state.statuses[statusId].mediaVisible = !state.statuses[statusId].mediaVisible;
       }
     },
-    fetchTranslation: (statusId, targetLanguage) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+    fetchTranslation: (statusId, targetLanguage) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].targetLanguage = targetLanguage;
-    }),
-    hideTranslation: (statusId) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+        state.statuses[statusId].targetLanguage = targetLanguage;
+      });
+    },
+    hideTranslation: (statusId) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].targetLanguage = undefined;
-    }),
-    fetchLocalTranslation: (statusId, targetLanguage) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+        state.statuses[statusId].targetLanguage = undefined;
+      });
+    },
+    fetchLocalTranslation: (statusId, targetLanguage) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].localTargetLanguage = targetLanguage;
-    }),
-    hideLocalTranslation: (statusId) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+        state.statuses[statusId].localTargetLanguage = targetLanguage;
+      });
+    },
+    hideLocalTranslation: (statusId) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].localTargetLanguage = undefined;
-    }),
-    setStatusLanguage: (statusId, language) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+        state.statuses[statusId].localTargetLanguage = undefined;
+      });
+    },
+    setStatusLanguage: (statusId, language) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].currentLanguage = language;
-    }),
-    toggleShowPollResults: (statusId) => set((state: State) => {
-      if (!state.statuses[statusId]) state.statuses[statusId] = {};
+        state.statuses[statusId].currentLanguage = language;
+      });
+    },
+    toggleShowPollResults: (statusId) =>{
+      set((state: State) => {
+        if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-      state.statuses[statusId].showPollResults = !state.statuses[statusId].showPollResults;
-    }),
+        state.statuses[statusId].showPollResults = !state.statuses[statusId].showPollResults;
+      });
+    },
   },
 })));
 
diff --git a/packages/pl-fe/src/stores/ui.ts b/packages/pl-fe/src/stores/ui.ts
index e0fcc056a..457beb587 100644
--- a/packages/pl-fe/src/stores/ui.ts
+++ b/packages/pl-fe/src/stores/ui.ts
@@ -15,10 +15,18 @@ const useUiStore = create<State>((set) => ({
   isDropdownMenuOpen: false,
   isSidebarOpen: false,
   actions: {
-    openDropdownMenu: () => set({ isDropdownMenuOpen: true }),
-    closeDropdownMenu: () => set({ isDropdownMenuOpen: false }),
-    openSidebar: () => set({ isSidebarOpen: true }),
-    closeSidebar: () => set({ isSidebarOpen: false }),
+    openDropdownMenu: () =>{
+      set({ isDropdownMenuOpen: true });
+    },
+    closeDropdownMenu: () =>{
+      set({ isDropdownMenuOpen: false });
+    },
+    openSidebar: () =>{
+      set({ isSidebarOpen: true });
+    },
+    closeSidebar: () =>{
+      set({ isSidebarOpen: false });
+    },
   },
 }));
 
diff --git a/packages/pl-fe/src/toast.tsx b/packages/pl-fe/src/toast.tsx
index 744c6035b..3cf94c481 100644
--- a/packages/pl-fe/src/toast.tsx
+++ b/packages/pl-fe/src/toast.tsx
@@ -22,21 +22,24 @@ interface IToastOptions {
 const DEFAULT_DURATION = 4000;
 
 const createToast = (type: ToastType, message: ToastText, opts?: IToastOptions) => {
-  const duration = opts?.duration || DEFAULT_DURATION;
+  const duration = opts?.duration ?? DEFAULT_DURATION;
 
   toast.custom((t) => <Toast t={t} message={message} type={type} {...opts} />, {
     duration,
   });
 };
 
-const info = (message: ToastText, opts?: IToastOptions) =>
+const info = (message: ToastText, opts?: IToastOptions) => {
   createToast('info', message, opts);
+};
 
-const success = (message: ToastText, opts?: IToastOptions) =>
+const success = (message: ToastText, opts?: IToastOptions) => {
   createToast('success', message, opts);
+};
 
-const error = (message: ToastText, opts?: IToastOptions) =>
+const error = (message: ToastText, opts?: IToastOptions) => {
   createToast('error', message, opts);
+};
 
 const messages = defineMessages({
   unexpectedMessage: { id: 'alert.unexpected.message', defaultMessage: 'Something went wrong.' },
@@ -47,7 +50,7 @@ const showAlertForError = (networkError: { response: PlfeResponse }) => {
     const { json, status, statusText } = networkError.response;
 
     if (status === 502) {
-      return error('The server is down');
+      error('The server is down'); return;
     }
 
     if (status === 404 || status === 410) {
@@ -61,16 +64,14 @@ const showAlertForError = (networkError: { response: PlfeResponse }) => {
       message = json.error;
     }
 
-    if (!message) {
-      message = httpErrorMessages.find((httpError) => httpError.code === status)?.description;
-    }
+    message ??= httpErrorMessages.find((httpError) => httpError.code === status)?.description;
 
     if (message) {
-      return error(message);
+      error(message); return;
     }
   } else {
     console.error(networkError);
-    return error(messages.unexpectedMessage);
+    error(messages.unexpectedMessage); return;
   }
 };
 
diff --git a/packages/pl-fe/src/utils/auth.ts b/packages/pl-fe/src/utils/auth.ts
index 54caa862b..b62ad5c06 100644
--- a/packages/pl-fe/src/utils/auth.ts
+++ b/packages/pl-fe/src/utils/auth.ts
@@ -58,7 +58,7 @@ const getAuthUserUrl = (state: RootState) => {
 
 /** Get the VAPID public key. */
 const getVapidKey = (state: RootState) =>
-  state.auth.app?.vapid_key || state.instance.configuration.vapid.public_key;
+  state.auth.app?.vapid_key ?? state.instance.configuration.vapid.public_key;
 
 const getMeUrl = (state: RootState) => selectOwnAccount(state)?.url;
 
diff --git a/packages/pl-fe/src/utils/code.ts b/packages/pl-fe/src/utils/code.ts
index ec9e02b6f..7441d38ef 100644
--- a/packages/pl-fe/src/utils/code.ts
+++ b/packages/pl-fe/src/utils/code.ts
@@ -43,7 +43,7 @@ const code = compileTime(() => {
     repository: shortRepoName(pkg.repository.url),
     version: version(pkg),
     homepage: pkg.homepage,
-    ref: CI_COMMIT_TAG || CI_COMMIT_SHA || tryGit('git rev-parse HEAD'),
+    ref: (CI_COMMIT_TAG ?? CI_COMMIT_SHA) ?? tryGit('git rev-parse HEAD'),
   };
 
   return code;
diff --git a/packages/pl-fe/src/utils/config-db.ts b/packages/pl-fe/src/utils/config-db.ts
index bc095b211..563fe9849 100644
--- a/packages/pl-fe/src/utils/config-db.ts
+++ b/packages/pl-fe/src/utils/config-db.ts
@@ -27,12 +27,12 @@ const toSimplePolicy = (configs: PleromaConfig['configs']): Partial<MRFSimple> =
   };
 
   if (config) {
-    const value = config.value || [];
+    const value = config.value ?? [];
     const result = value.reduce(reducer, {});
     return v.parse(mrfSimpleSchema, result);
-  } else {
-    return {};
   }
+
+  return {};
 };
 
 const fromSimplePolicy = (simplePolicy: Policy) => {
diff --git a/packages/pl-fe/src/utils/emoji-reacts.ts b/packages/pl-fe/src/utils/emoji-reacts.ts
index d6fffa01d..ec0799471 100644
--- a/packages/pl-fe/src/utils/emoji-reacts.ts
+++ b/packages/pl-fe/src/utils/emoji-reacts.ts
@@ -8,7 +8,7 @@ const simulateEmojiReact = (emojiReacts: Array<EmojiReaction>, emoji: string, ur
   if (idx > -1 && emojiReact) {
     return emojiReacts.map((reaction, id) => id === idx ? v.parse(emojiReactionSchema, {
       ...emojiReact,
-      count: (emojiReact.count || 0) + 1,
+      count: (emojiReact.count ?? 0) + 1,
       me: true,
       url,
     }) : reaction);
@@ -24,16 +24,16 @@ const simulateEmojiReact = (emojiReacts: Array<EmojiReaction>, emoji: string, ur
 
 const simulateUnEmojiReact = (emojiReacts: Array<EmojiReaction>, emoji: string) => {
   const idx = emojiReacts.findIndex(e =>
-    e.name === emoji && e.me === true);
+    e.name === emoji &&  e.me);
 
   const emojiReact = emojiReacts[idx];
 
   if (emojiReact) {
-    const newCount = (emojiReact.count || 1) - 1;
+    const newCount = (emojiReact.count ?? 1) - 1;
     if (newCount < 1) return emojiReacts.filter((_, id) => id !== idx);
     return emojiReacts.map((reaction, id) => id === idx ? v.parse(emojiReactionSchema, {
       ...emojiReact,
-      count: (emojiReact.count || 1) - 1,
+      count: (emojiReact.count ?? 1) - 1,
       me: false,
     }) : reaction);
   } else {
diff --git a/packages/pl-fe/src/utils/emoji.ts b/packages/pl-fe/src/utils/emoji.ts
index 1d6da69d1..003b3b0b4 100644
--- a/packages/pl-fe/src/utils/emoji.ts
+++ b/packages/pl-fe/src/utils/emoji.ts
@@ -6,7 +6,7 @@
 const removeVS16s = (rawEmoji: string): string => {
   const vs16RegExp = /\uFE0F/g;
   const zeroWidthJoiner = String.fromCharCode(0x200d);
-  return rawEmoji.indexOf(zeroWidthJoiner) < 0 ? rawEmoji.replace(vs16RegExp, '') : rawEmoji;
+  return !rawEmoji.includes(zeroWidthJoiner) ? rawEmoji.replace(vs16RegExp, '') : rawEmoji;
 };
 
 /** Convert emoji into an array of Unicode codepoints */
diff --git a/packages/pl-fe/src/utils/favicon-service.ts b/packages/pl-fe/src/utils/favicon-service.ts
index 2ac7a76df..efaccc4e3 100644
--- a/packages/pl-fe/src/utils/favicon-service.ts
+++ b/packages/pl-fe/src/utils/favicon-service.ts
@@ -76,7 +76,7 @@ const createFaviconService = () => {
       if (!favimg || !favcontext || !favcontext) return;
 
       const style = getComputedStyle(document.body);
-      const badgeColor = `${style.getPropertyValue('--badge-notification') || 'rgb(255, 0, 0)'}`;
+      const badgeColor = style.getPropertyValue('--badge-notification') || 'rgb(255, 0, 0)';
 
       if (isImageLoaded(favimg)) {
         favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight);
diff --git a/packages/pl-fe/src/utils/input.ts b/packages/pl-fe/src/utils/input.ts
index 52cf37e6a..b15bcbae4 100644
--- a/packages/pl-fe/src/utils/input.ts
+++ b/packages/pl-fe/src/utils/input.ts
@@ -3,9 +3,8 @@ const normalizeUsername = (username: string): string => {
   const trimmed = username.trim();
   if (trimmed[0] === '@') {
     return trimmed.slice(1);
-  } else {
-    return trimmed;
   }
+  return trimmed;
 };
 
 export { normalizeUsername };
diff --git a/packages/pl-fe/src/utils/media.ts b/packages/pl-fe/src/utils/media.ts
index 082a7aba5..3bfa89219 100644
--- a/packages/pl-fe/src/utils/media.ts
+++ b/packages/pl-fe/src/utils/media.ts
@@ -43,7 +43,9 @@ const getVideoDuration = (file: File): Promise<number> => {
       }
     });
 
-    video.onerror = (event: any) => reject(event.target.error);
+    video.onerror = (event: any) =>{
+      reject(event.target.error);
+    };
   });
 
   video.src = window.URL.createObjectURL(file);
diff --git a/packages/pl-fe/src/utils/queries.ts b/packages/pl-fe/src/utils/queries.ts
index 576755ab6..832e60741 100644
--- a/packages/pl-fe/src/utils/queries.ts
+++ b/packages/pl-fe/src/utils/queries.ts
@@ -20,7 +20,7 @@ const deduplicateById = <T extends Entity>(entities: T[]): T[] => {
 /** Flatten paginated results into a single array. */
 const flattenPages = <T>(queryData: InfiniteData<PaginatedResponse<T>> | undefined) => {
   const data = queryData?.pages.reduce<T[]>(
-    (prev: T[], curr) => [...prev, ...((curr as any).result || (curr as any).items)],
+    (prev: T[], curr) => [...prev, ...((curr as any).result ?? (curr as any).items)],
     [],
   );
 
@@ -72,9 +72,7 @@ const paginateQueryData = <T>(array: T[] | undefined) =>
   array?.reduce((resultArray: any, item: any, index: any) => {
     const chunkIndex = Math.floor(index / 20);
 
-    if (!resultArray[chunkIndex]) {
-      resultArray[chunkIndex] = []; // start a new chunk
-    }
+    resultArray[chunkIndex] ??= [];
 
     resultArray[chunkIndex].push(item);
 
diff --git a/packages/pl-fe/src/utils/redirect.ts b/packages/pl-fe/src/utils/redirect.ts
index b44ae5cbf..e4c3239a1 100644
--- a/packages/pl-fe/src/utils/redirect.ts
+++ b/packages/pl-fe/src/utils/redirect.ts
@@ -7,7 +7,7 @@ const getRedirectUrl = () => {
   }
 
   localStorage.removeItem(LOCAL_STORAGE_REDIRECT_KEY);
-  return redirectUri || '/';
+  return redirectUri ?? '/';
 };
 
 export { getRedirectUrl };
diff --git a/packages/pl-fe/src/utils/resize-image.ts b/packages/pl-fe/src/utils/resize-image.ts
index faf3eb6ce..badb103cd 100644
--- a/packages/pl-fe/src/utils/resize-image.ts
+++ b/packages/pl-fe/src/utils/resize-image.ts
@@ -60,8 +60,12 @@ const getImageUrl = (inputFile: File) => new Promise<string>((resolve, reject) =
   }
 
   const reader = new FileReader();
-  reader.onerror = (...args) => reject(...args);
-  reader.onload = ({ target }) => resolve((target?.result || '') as string);
+  reader.onerror = (...args) =>{
+    reject(...args);
+  };
+  reader.onload = ({ target }) =>{
+    resolve((target?.result ?? '') as string);
+  };
 
   reader.readAsDataURL(inputFile);
 });
@@ -71,8 +75,12 @@ const loadImage = (inputFile: File) => new Promise<HTMLImageElement>((resolve, r
   getImageUrl(inputFile).then(url => {
     const img = new Image();
 
-    img.onerror = (...args) => reject([...args]);
-    img.onload = () => resolve(img);
+    img.onerror = (...args) =>{
+      reject([...args]);
+    };
+    img.onload = () =>{
+      resolve(img);
+    };
 
     img.src = url;
   }).catch(reject);
diff --git a/packages/pl-fe/src/utils/timelines.ts b/packages/pl-fe/src/utils/timelines.ts
index ee308f4cd..50c91f50f 100644
--- a/packages/pl-fe/src/utils/timelines.ts
+++ b/packages/pl-fe/src/utils/timelines.ts
@@ -18,7 +18,7 @@ const shouldFilter = (
     direct: status.visibility === 'direct',
   };
 
-  return Object.entries(shows).some(([key, value]) => (columnSettings?.shows || fallback)[key as 'reblog' | 'reply' | 'direct'] === false && value);
+  return Object.entries(shows).some(([key, value]) => !(columnSettings?.shows || fallback)[key as 'reblog' | 'reply' | 'direct'] && value);
 };
 
 export { shouldFilter };
diff --git a/packages/pl-fe/src/utils/url-purify.ts b/packages/pl-fe/src/utils/url-purify.ts
index a3735df81..0a6d99f7d 100644
--- a/packages/pl-fe/src/utils/url-purify.ts
+++ b/packages/pl-fe/src/utils/url-purify.ts
@@ -162,7 +162,7 @@ const setManualRedirectServices = async (user: Me, redirectServices: Record<stri
     fallback: service[1],
     instances: [service[1]],
     test_url: '',
-    type: mappings.find((mapping) => mapping.name === service[0])?.targets[0] || 'unknown',
+    type: mappings.find((mapping) => mapping.name === service[0])?.targets[0] ?? 'unknown',
   }));
   Purify.setRedirectServices(parsedRedirectServices);
 
diff --git a/packages/pl-fe/tailwind.config.ts b/packages/pl-fe/tailwind.config.ts
index 8c9f4db30..1f3b2f05f 100644
--- a/packages/pl-fe/tailwind.config.ts
+++ b/packages/pl-fe/tailwind.config.ts
@@ -7,8 +7,8 @@ import { parseColorMatrix } from './tailwind/colors';
 
 import type { Config } from 'tailwindcss';
 
-const blackVariantPlugin = plugin(({ addVariant }) => addVariant('black', '&:is(.dark.black *)'));
-const reducedMotionPlugin = plugin(({ addVariant }) => addVariant('no-reduce-motion', '.no-reduce-motion &'));
+const blackVariantPlugin = plugin(({ addVariant }) =>{  addVariant('black', '&:is(.dark.black *)'); });
+const reducedMotionPlugin = plugin(({ addVariant }) =>{  addVariant('no-reduce-motion', '.no-reduce-motion &'); });
 
 const config: Config = {
   content: ['./src/**/*.{html,js,ts,tsx}', './custom/instance/**/*.html', './index.html'],
diff --git a/packages/pl-fe/tailwind/colors.ts b/packages/pl-fe/tailwind/colors.ts
index a83a47f16..5d5fd9c48 100644
--- a/packages/pl-fe/tailwind/colors.ts
+++ b/packages/pl-fe/tailwind/colors.ts
@@ -30,7 +30,7 @@ const parseColorMatrix = (colorMatrix: ColorMatrix): RecursiveKeyValuePair =>
     // Conditionally parse array or single-tint colors
     if (Array.isArray(tints)) {
       palette[colorName] = parseTints(colorName, tints);
-    } else if (tints === true) {
+    } else if (tints) {
       palette[colorName] = toColorVariable(colorName);
     }
 
diff --git a/packages/pl-fe/tsconfig.json b/packages/pl-fe/tsconfig.json
index ba8c097f8..b3341db69 100644
--- a/packages/pl-fe/tsconfig.json
+++ b/packages/pl-fe/tsconfig.json
@@ -22,7 +22,8 @@
     ],
     "types": [
       "vite/client",
-      "vite-plugin-compile-time/client"
+      "vite-plugin-compile-time/client",
+      "dom-chromium-ai"
     ],
   },
   "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
diff --git a/packages/pl-fe/vite.config.ts b/packages/pl-fe/vite.config.ts
index 7299eb968..9cd5cf2cd 100644
--- a/packages/pl-fe/vite.config.ts
+++ b/packages/pl-fe/vite.config.ts
@@ -34,7 +34,7 @@ const config = defineConfig(() => ({
   },
   plugins: [
     checker({ typescript: true }),
-    // @ts-ignore
+    // @ts-expect-error https://github.com/wangzongming/vite-plugin-require/issues/23
     vitePluginRequire.default(),
     compileTime(),
     createHtmlPlugin({
@@ -56,7 +56,7 @@ const config = defineConfig(() => ({
       injectManifest: {
         injectionPoint: undefined,
         plugins: [
-          // @ts-ignore
+          // @ts-expect-error incompatible declarations
           compileTime(),
         ],
       },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b21f9b40f..8c904845d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -72,7 +72,7 @@ importers:
         version: 0.32.0
       oxlint:
         specifier: ^1.47.0
-        version: 1.47.0
+        version: 1.47.0(oxlint-tsgolint@0.12.2)
       typedoc:
         specifier: ^0.28.7
         version: 0.28.9(typescript@5.9.2)
@@ -476,6 +476,15 @@ importers:
       globals:
         specifier: ^15.14.0
         version: 15.15.0
+      oxfmt:
+        specifier: ^0.32.0
+        version: 0.32.0
+      oxlint:
+        specifier: ^1.47.0
+        version: 1.47.0(oxlint-tsgolint@0.12.2)
+      oxlint-tsgolint:
+        specifier: ^0.12.2
+        version: 0.12.2
       rollup-plugin-bundle-stats:
         specifier: ^4.21.10
         version: 4.21.10(core-js@3.44.0)(rolldown@1.0.0-rc.4)(rollup@2.79.2)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
@@ -502,7 +511,7 @@ importers:
         version: 7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)
       vite-plugin-checker:
         specifier: ^0.12.0
-        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
+        version: 0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0(oxlint-tsgolint@0.12.2))(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
       vite-plugin-compile-time:
         specifier: ^0.4.6
         version: 0.4.6(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
@@ -2002,6 +2011,36 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@oxlint-tsgolint/darwin-arm64@0.12.2':
+    resolution: {integrity: sha512-XIfavTqkJPGYi/98z7ZCkZvXq2AccMAAB0iwvKDRTQqiweMXVUyeUdx46phCHHH1PgmIVJtVfysThkHq2xCyrw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/darwin-x64@0.12.2':
+    resolution: {integrity: sha512-tytsvP6zmNShRNDo4GgQartOXmd4GPd+TylCUMdO/iWl9PZVOgRyswWbYVTNgn85Cib/aY2q3Uu+jOw+QlbxvQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/linux-arm64@0.12.2':
+    resolution: {integrity: sha512-3W38yJuF7taEquhEuD6mYQyCeWNAlc1pNPjFkspkhLKZVgbrhDA4V6fCxLDDRvrTHde0bXPmFvuPlUq5pSePgA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxlint-tsgolint/linux-x64@0.12.2':
+    resolution: {integrity: sha512-EjcEspeeV0NmaopEp4wcN5ntQP9VCJJDrTvzOjMP4W6ajz18M+pni9vkKvmcPIpRa/UmWobeFgKoVd/KGueeuQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxlint-tsgolint/win32-arm64@0.12.2':
+    resolution: {integrity: sha512-a9L7iA5K/Ht/i8d9+7RTp6hbPa4cyXP0MdySVXAO6vczpL/4ildfY9Hr2m2wqL12uK6xe/uVABpVTrqay/wV+g==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint-tsgolint/win32-x64@0.12.2':
+    resolution: {integrity: sha512-Cvt40UbTf5ib12DjGN+mMGOnjWa4Bc6Y7KEaXXp9qzckvs3HpNk2wSwMV3gnuR8Ipx4hkzkzrgzD0BAUsySAfA==}
+    cpu: [x64]
+    os: [win32]
+
   '@oxlint/binding-android-arm-eabi@1.47.0':
     resolution: {integrity: sha512-UHqo3te9K/fh29brCuQdHjN+kfpIi9cnTPABuD5S9wb9ykXYRGTOOMVuSV/CK43sOhU4wwb2nT1RVjcbrrQjFw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -5302,6 +5341,10 @@ packages:
     engines: {node: ^20.19.0 || >=22.12.0}
     hasBin: true
 
+  oxlint-tsgolint@0.12.2:
+    resolution: {integrity: sha512-IFiOhYZfSgiHbBznTZOhFpEHpsZFSP0j7fVRake03HEkgH0YljnTFDNoRkGWsTrnrHr7nRIomSsF4TnCI/O+kQ==}
+    hasBin: true
+
   oxlint@1.47.0:
     resolution: {integrity: sha512-v7xkK1iv1qdvTxJGclM97QzN8hHs5816AneFAQ0NGji1BMUquhiDAhXpMwp8+ls16uRVJtzVHxP9pAAXblDeGA==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -8716,6 +8759,24 @@ snapshots:
   '@oxfmt/binding-win32-x64-msvc@0.32.0':
     optional: true
 
+  '@oxlint-tsgolint/darwin-arm64@0.12.2':
+    optional: true
+
+  '@oxlint-tsgolint/darwin-x64@0.12.2':
+    optional: true
+
+  '@oxlint-tsgolint/linux-arm64@0.12.2':
+    optional: true
+
+  '@oxlint-tsgolint/linux-x64@0.12.2':
+    optional: true
+
+  '@oxlint-tsgolint/win32-arm64@0.12.2':
+    optional: true
+
+  '@oxlint-tsgolint/win32-x64@0.12.2':
+    optional: true
+
   '@oxlint/binding-android-arm-eabi@1.47.0':
     optional: true
 
@@ -12295,7 +12356,16 @@ snapshots:
       '@oxfmt/binding-win32-ia32-msvc': 0.32.0
       '@oxfmt/binding-win32-x64-msvc': 0.32.0
 
-  oxlint@1.47.0:
+  oxlint-tsgolint@0.12.2:
+    optionalDependencies:
+      '@oxlint-tsgolint/darwin-arm64': 0.12.2
+      '@oxlint-tsgolint/darwin-x64': 0.12.2
+      '@oxlint-tsgolint/linux-arm64': 0.12.2
+      '@oxlint-tsgolint/linux-x64': 0.12.2
+      '@oxlint-tsgolint/win32-arm64': 0.12.2
+      '@oxlint-tsgolint/win32-x64': 0.12.2
+
+  oxlint@1.47.0(oxlint-tsgolint@0.12.2):
     optionalDependencies:
       '@oxlint/binding-android-arm-eabi': 1.47.0
       '@oxlint/binding-android-arm64': 1.47.0
@@ -12316,6 +12386,7 @@ snapshots:
       '@oxlint/binding-win32-arm64-msvc': 1.47.0
       '@oxlint/binding-win32-ia32-msvc': 1.47.0
       '@oxlint/binding-win32-x64-msvc': 1.47.0
+      oxlint-tsgolint: 0.12.2
 
   p-limit@2.3.0:
     dependencies:
@@ -13851,7 +13922,7 @@ snapshots:
 
   varint@6.0.0: {}
 
-  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0)(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
+  vite-plugin-checker@0.12.0(eslint@8.57.1)(meow@13.2.0)(optionator@0.9.4)(oxlint@1.47.0(oxlint-tsgolint@0.12.2))(stylelint@16.23.0(typescript@5.7.3))(typescript@5.7.3)(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0)):
     dependencies:
       '@babel/code-frame': 7.29.0
       chokidar: 4.0.3
@@ -13866,7 +13937,7 @@ snapshots:
       eslint: 8.57.1
       meow: 13.2.0
       optionator: 0.9.4
-      oxlint: 1.47.0
+      oxlint: 1.47.0(oxlint-tsgolint@0.12.2)
       stylelint: 16.23.0(typescript@5.7.3)
       typescript: 5.7.3
 

From 9f98b5b07d014ac9f32d0fcda3c4d280baa8d938 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 13:30:55 +0100
Subject: [PATCH 13/74] nicolium: oxlint and oxfmt migration, remove eslint
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/.eslintignore                  |   7 -
 packages/pl-fe/.eslintrc.json                 | 359 -------
 packages/pl-fe/.oxfmtrc.json                  |  24 +
 packages/pl-fe/.stylelintrc.json              |  23 +-
 packages/pl-fe/CHANGELOG.md                   |  13 +-
 packages/pl-fe/index.html                     |  20 +-
 packages/pl-fe/package.json                   |  48 +-
 .../pleroma-status-with-poll-with-emojis.json |   4 +-
 .../pleroma-status-with-poll.json             |   4 +-
 .../src/__fixtures__/pleroma-status.json      |   4 +-
 packages/pl-fe/src/actions/accounts.ts        | 108 ++-
 packages/pl-fe/src/actions/admin.ts           | 159 ++--
 packages/pl-fe/src/actions/apps.ts            |   4 +-
 packages/pl-fe/src/actions/auth.ts            | 335 +++----
 packages/pl-fe/src/actions/chats.ts           |  15 +-
 packages/pl-fe/src/actions/circle.ts          |  54 +-
 packages/pl-fe/src/actions/compose.ts         | 546 +++++------
 packages/pl-fe/src/actions/consumer-auth.ts   |  29 +-
 packages/pl-fe/src/actions/conversations.ts   |  70 +-
 packages/pl-fe/src/actions/emoji-reacts.ts    |  64 +-
 packages/pl-fe/src/actions/events.ts          | 113 ++-
 packages/pl-fe/src/actions/export-data.ts     |  18 +-
 packages/pl-fe/src/actions/external-auth.ts   |  49 +-
 packages/pl-fe/src/actions/filters.ts         | 101 +-
 packages/pl-fe/src/actions/frontend-config.ts |  61 +-
 packages/pl-fe/src/actions/importer.ts        | 184 ++--
 packages/pl-fe/src/actions/instance.ts        |  20 +-
 packages/pl-fe/src/actions/interactions.ts    |  33 +-
 packages/pl-fe/src/actions/markers.ts         |  44 +-
 packages/pl-fe/src/actions/me.ts              |  68 +-
 packages/pl-fe/src/actions/media.ts           | 177 ++--
 packages/pl-fe/src/actions/moderation.tsx     | 193 ++--
 packages/pl-fe/src/actions/mrf.ts             |   9 +-
 packages/pl-fe/src/actions/notifications.ts   | 214 +++--
 packages/pl-fe/src/actions/oauth.ts           |  11 +-
 packages/pl-fe/src/actions/preload.ts         |  33 +-
 .../actions/push-notifications/registerer.ts  | 163 ++--
 .../pl-fe/src/actions/push-subscriptions.ts   |   7 +-
 packages/pl-fe/src/actions/remote-timeline.ts |  36 +-
 packages/pl-fe/src/actions/reports.ts         |  52 +-
 packages/pl-fe/src/actions/security.ts        |  38 +-
 packages/pl-fe/src/actions/settings.ts        |  59 +-
 packages/pl-fe/src/actions/statuses.ts        | 264 ++++--
 packages/pl-fe/src/actions/timelines.ts       | 162 +++-
 packages/pl-fe/src/api/batcher.ts             |  24 +-
 .../api/hooks/accounts/use-account-lookup.ts  |  14 +-
 .../src/api/hooks/accounts/use-account.ts     |  28 +-
 .../pl-fe/src/api/hooks/admin/use-verify.ts   |   2 +-
 .../src/api/hooks/groups/use-delete-group.ts  |   5 +-
 .../hooks/groups/use-demote-group-member.ts   |  10 +-
 .../groups/use-group-membership-requests.ts   |  12 +-
 .../hooks/groups/use-group-relationship.ts    |   5 +-
 .../pl-fe/src/api/hooks/groups/use-group.ts   |   6 +-
 .../pl-fe/src/api/hooks/groups/use-groups.ts  |   2 +-
 .../hooks/groups/use-promote-group-member.ts  |  10 +-
 .../hooks/streaming/use-timeline-stream.ts    |  25 +-
 .../api/hooks/streaming/use-user-stream.ts    |  48 +-
 packages/pl-fe/src/api/index.ts               |  28 +-
 packages/pl-fe/src/build-config.ts            |  24 +-
 packages/pl-fe/src/columns/notifications.tsx  | 186 ++--
 packages/pl-fe/src/columns/search.tsx         |  44 +-
 packages/pl-fe/src/columns/trends.tsx         |  30 +-
 .../src/components/account-hover-card.tsx     |  52 +-
 .../src/components/account-local-time.tsx     |  20 +-
 packages/pl-fe/src/components/account.tsx     | 335 ++++---
 .../pl-fe/src/components/alt-indicator.tsx    |  29 +-
 .../pl-fe/src/components/animated-number.tsx  |  34 +-
 .../announcements/announcement-content.tsx    |  22 +-
 .../components/announcements/announcement.tsx |  21 +-
 .../announcements/announcements-panel.tsx     |  28 +-
 .../src/components/announcements/emoji.tsx    |   2 +-
 .../src/components/announcements/reaction.tsx |  15 +-
 .../announcements/reactions-bar.tsx           |   4 +-
 .../src/components/attachment-thumbs.tsx      |   9 +-
 .../components/authorize-reject-buttons.tsx   |  79 +-
 .../components/autosuggest-account-input.tsx  |  10 +-
 .../src/components/autosuggest-emoji.tsx      |  14 +-
 .../src/components/autosuggest-input.tsx      |  36 +-
 .../src/components/autosuggest-location.tsx   |   6 +-
 .../pl-fe/src/components/avatar-stack.tsx     |   2 +-
 packages/pl-fe/src/components/badge.tsx       |  25 +-
 packages/pl-fe/src/components/big-card.tsx    |   4 +-
 .../pl-fe/src/components/birthday-input.tsx   |  19 +-
 packages/pl-fe/src/components/blurhash.tsx    |  57 +-
 packages/pl-fe/src/components/domain.tsx      |  16 +-
 .../dropdown-menu/dropdown-menu-item.tsx      |  30 +-
 .../dropdown-menu/dropdown-menu.tsx           | 182 ++--
 .../src/components/dropdown-navigation.tsx    | 330 ++++---
 .../pl-fe/src/components/empty-message.tsx    |   5 +-
 .../pl-fe/src/components/event-preview.tsx    |  69 +-
 .../src/components/extended-video-player.tsx  |  11 +-
 .../src/components/groups/group-avatar.tsx    |  17 +-
 .../groups/popover/group-popover.tsx          |  13 +-
 packages/pl-fe/src/components/hashtag.tsx     |  29 +-
 .../pl-fe/src/components/hashtags-bar.tsx     |   6 +-
 packages/pl-fe/src/components/helmet.tsx      |  16 +-
 .../src/components/hover-account-wrapper.tsx  |  68 +-
 .../src/components/hover-status-wrapper.tsx   |   9 +-
 .../src/components/icon-with-counter.tsx      |   2 +-
 packages/pl-fe/src/components/icon.tsx        |   5 +-
 .../pl-fe/src/components/inline-style.tsx     |   6 +-
 packages/pl-fe/src/components/link.tsx        |   5 +-
 packages/pl-fe/src/components/list.tsx        |  87 +-
 packages/pl-fe/src/components/load-gap.tsx    |   9 +-
 packages/pl-fe/src/components/load-more.tsx   |   6 +-
 .../pl-fe/src/components/location-search.tsx  |  20 +-
 packages/pl-fe/src/components/markup.tsx      |   7 +-
 .../pl-fe/src/components/media-gallery.tsx    | 194 ++--
 .../src/components/missing-indicator.tsx      |  11 +-
 packages/pl-fe/src/components/modal-root.tsx  | 106 ++-
 packages/pl-fe/src/components/navlinks.tsx    |   9 +-
 packages/pl-fe/src/components/outline-box.tsx |   5 +-
 .../pl-fe/src/components/parsed-content.tsx   | 124 ++-
 packages/pl-fe/src/components/parsed-mfm.tsx  | 897 +++++++++---------
 .../src/components/pending-items-row.tsx      |  12 +-
 .../src/components/polls/poll-footer.tsx      |  60 +-
 .../src/components/polls/poll-option.tsx      |  62 +-
 packages/pl-fe/src/components/polls/poll.tsx  |  10 +-
 .../pl-fe/src/components/preview-card.tsx     |  89 +-
 .../pl-fe/src/components/progress-circle.tsx  |   8 +-
 .../pl-fe/src/components/pull-to-refresh.tsx  |  10 +-
 .../components/quoted-status-indicator.tsx    |  10 +-
 .../pl-fe/src/components/quoted-status.tsx    |  17 +-
 packages/pl-fe/src/components/radio.tsx       |  16 +-
 .../src/components/relative-timestamp.tsx     | 173 ++--
 packages/pl-fe/src/components/safe-embed.tsx  |  15 +-
 packages/pl-fe/src/components/scrobble.tsx    |  25 +-
 .../src/components/scroll-top-button.tsx      |  24 +-
 .../pl-fe/src/components/scrollable-list.tsx  | 329 ++++---
 .../pl-fe/src/components/search-input.tsx     |  11 +-
 .../src/components/sentry-feedback-form.tsx   |   5 +-
 .../components/sidebar-navigation-link.tsx    |  80 +-
 .../src/components/sidebar-navigation.tsx     |  76 +-
 packages/pl-fe/src/components/site-error.tsx  |  24 +-
 .../src/components/status-action-bar.tsx      | 552 +++++++----
 .../src/components/status-action-button.tsx   | 122 +--
 .../pl-fe/src/components/status-content.tsx   | 453 +++++----
 .../src/components/status-hover-card.tsx      |   6 +-
 .../src/components/status-language-picker.tsx |  82 +-
 packages/pl-fe/src/components/status-list.tsx |  68 +-
 .../pl-fe/src/components/status-media.tsx     |  65 +-
 .../pl-fe/src/components/status-mention.tsx   |  13 +-
 .../src/components/status-reactions-bar.tsx   |  45 +-
 .../src/components/status-reply-mentions.tsx  |  29 +-
 packages/pl-fe/src/components/status.tsx      | 181 ++--
 .../statuses/sensitive-content-overlay.tsx    | 158 +--
 .../src/components/statuses/status-info.tsx   |   5 +-
 packages/pl-fe/src/components/still-image.tsx |  54 +-
 .../src/components/thumb-navigation-link.tsx  |  30 +-
 packages/pl-fe/src/components/tombstone.tsx   |  14 +-
 .../pl-fe/src/components/translate-button.tsx | 118 ++-
 .../pl-fe/src/components/trending-link.tsx    |  27 +-
 .../pl-fe/src/components/ui/accordion.tsx     |  28 +-
 packages/pl-fe/src/components/ui/avatar.tsx   |  61 +-
 .../pl-fe/src/components/ui/button/index.tsx  | 185 ++--
 .../components/ui/button/useButtonStyles.ts   |  24 +-
 packages/pl-fe/src/components/ui/card.tsx     |  63 +-
 packages/pl-fe/src/components/ui/checkbox.tsx |   5 +-
 packages/pl-fe/src/components/ui/column.tsx   |  53 +-
 packages/pl-fe/src/components/ui/combobox.css |   8 +-
 packages/pl-fe/src/components/ui/divider.tsx  |   4 +-
 packages/pl-fe/src/components/ui/emoji.tsx    |  12 +-
 .../pl-fe/src/components/ui/file-input.tsx    |   5 +-
 .../pl-fe/src/components/ui/form-group.tsx    |  10 +-
 packages/pl-fe/src/components/ui/form.tsx     |  15 +-
 packages/pl-fe/src/components/ui/hstack.tsx   |  45 +-
 .../pl-fe/src/components/ui/icon-button.tsx   |  62 +-
 packages/pl-fe/src/components/ui/icon.tsx     |  35 +-
 .../src/components/ui/inline-multiselect.tsx  |  38 +-
 packages/pl-fe/src/components/ui/input.tsx    | 202 ++--
 packages/pl-fe/src/components/ui/layout.tsx   |  24 +-
 packages/pl-fe/src/components/ui/modal.tsx    | 215 +++--
 .../pl-fe/src/components/ui/multiselect.tsx   |  94 +-
 packages/pl-fe/src/components/ui/popover.tsx  |  27 +-
 packages/pl-fe/src/components/ui/portal.tsx   |   7 +-
 .../pl-fe/src/components/ui/progress-bar.tsx  |   5 +-
 packages/pl-fe/src/components/ui/select.tsx   |  10 +-
 packages/pl-fe/src/components/ui/slider.tsx   |  36 +-
 packages/pl-fe/src/components/ui/spinner.tsx  |   3 +-
 packages/pl-fe/src/components/ui/stack.tsx    |  52 +-
 .../pl-fe/src/components/ui/step-slider.tsx   |  42 +-
 .../pl-fe/src/components/ui/streamfield.tsx   |  80 +-
 packages/pl-fe/src/components/ui/svg-icon.tsx |   8 +-
 packages/pl-fe/src/components/ui/tabs.tsx     |  16 +-
 .../pl-fe/src/components/ui/tag-input.tsx     |  10 +-
 packages/pl-fe/src/components/ui/tag.tsx      |   2 +-
 packages/pl-fe/src/components/ui/text.tsx     |  94 +-
 packages/pl-fe/src/components/ui/textarea.tsx | 171 ++--
 packages/pl-fe/src/components/ui/toast.tsx    |  25 +-
 packages/pl-fe/src/components/ui/toggle.tsx   |  79 +-
 packages/pl-fe/src/components/ui/tooltip.tsx  |  12 +-
 packages/pl-fe/src/components/ui/widget.tsx   |  19 +-
 packages/pl-fe/src/components/upload.tsx      |  56 +-
 .../src/components/verification-badge.tsx     |   9 +-
 .../src/containers/account-container.tsx      |   4 +-
 .../pl-fe/src/containers/status-container.tsx |   2 +-
 packages/pl-fe/src/contexts/chat-context.tsx  |  29 +-
 packages/pl-fe/src/contexts/stat-context.tsx  |  19 +-
 packages/pl-fe/src/entity-store/actions.ts    |   8 +-
 .../pl-fe/src/entity-store/hooks/types.ts     |   6 +-
 .../hooks/use-batched-entities.ts             |  30 +-
 .../entity-store/hooks/use-create-entity.ts   |  13 +-
 .../entity-store/hooks/use-delete-entity.ts   |   5 +-
 .../src/entity-store/hooks/use-entities.ts    |  56 +-
 .../entity-store/hooks/use-entity-lookup.ts   |   8 +-
 .../src/entity-store/hooks/use-entity.ts      |  11 +-
 .../src/entity-store/hooks/use-transaction.ts |   6 +-
 packages/pl-fe/src/entity-store/reducer.ts    |  52 +-
 packages/pl-fe/src/entity-store/selectors.ts  |  47 +-
 packages/pl-fe/src/entity-store/types.ts      |   2 +-
 packages/pl-fe/src/entity-store/utils.ts      |  36 +-
 .../features/account/components/header.tsx    | 236 +++--
 .../src/features/admin/components/counter.tsx |  39 +-
 .../features/admin/components/dashcounter.tsx |  14 +-
 .../features/admin/components/dimension.tsx   |  43 +-
 .../components/latest-accounts-panel.tsx      |   9 +-
 .../components/registration-mode-picker.tsx   |  74 +-
 .../src/features/admin/components/report.tsx  |  21 +-
 .../features/admin/components/retention.tsx   |  72 +-
 .../admin/components/unapproved-account.tsx   |  14 +-
 packages/pl-fe/src/features/audio/index.tsx   | 190 ++--
 .../pl-fe/src/features/audio/visualizer.ts    |  25 +-
 .../auth-login/components/captcha.tsx         |  36 +-
 .../auth-login/components/consumers-list.tsx  |   2 +-
 .../auth-login/components/login-form.tsx      |  15 +-
 .../auth-login/components/otp-auth-form.tsx   |  56 +-
 .../components/registration-form.tsx          | 170 ++--
 .../pl-fe/src/features/birthdays/account.tsx  |   6 +-
 .../chats/components/chat-composer.tsx        | 404 ++++----
 .../chats/components/chat-list-item.tsx       |  67 +-
 .../chats/components/chat-list-shoutbox.tsx   |  14 +-
 .../features/chats/components/chat-list.tsx   |  37 +-
 .../chats/components/chat-message-list.tsx    |  53 +-
 .../chats/components/chat-message.tsx         |  64 +-
 .../chats/components/chat-pane/blankslate.tsx |   8 +-
 .../chats/components/chat-pane/chat-pane.tsx  |  21 +-
 .../components/chat-search/chat-search.tsx    |   8 +-
 .../chat-search/empty-results-blankslate.tsx  |   5 +-
 .../chats/components/chat-search/results.tsx  |  89 +-
 .../chats/components/chat-textarea.tsx        |  67 +-
 .../features/chats/components/chat-upload.tsx |   5 +-
 .../chat-widget/chat-pane-header.tsx          |  16 +-
 .../components/chat-widget/chat-settings.tsx  |  54 +-
 .../components/chat-widget/chat-window.tsx    |  40 +-
 .../chat-widget/shoutbox-window.tsx           |  10 +-
 .../src/features/chats/components/chat.tsx    |  41 +-
 .../components/chats-page/chats-page.tsx      |  16 +-
 .../components/blankslate-empty.tsx           |  10 +-
 .../components/blankslate-with-chats.tsx      |   5 +-
 .../chats-page/components/chats-page-chat.tsx |  61 +-
 .../components/chats-page-empty.tsx           |   4 +-
 .../components/chats-page-settings.tsx        |  33 +-
 .../components/chats-page-shoutbox.tsx        |   6 +-
 .../components/chats-page-sidebar.tsx         |  17 +-
 .../chats/components/shoutbox-composer.tsx    | 158 +--
 .../components/shoutbox-message-list.tsx      |  32 +-
 .../features/chats/components/shoutbox.tsx    |   4 +-
 .../components/upload-button.tsx              |  13 +-
 .../compose-event/tabs/edit-event.tsx         | 221 +++--
 .../tabs/manage-pending-participants.tsx      |  69 +-
 .../components/autosuggest-account.tsx        |   1 -
 .../components/clear-link-suggestion.tsx      |  20 +-
 .../components/compose-form-button.tsx        |  11 +-
 .../compose/components/compose-form.tsx       | 198 ++--
 .../components/content-type-button.tsx        |  28 +-
 .../compose/components/drive-button.tsx       |   7 +-
 .../components/hashtag-casing-suggestion.tsx  |  35 +-
 .../components/interaction-policy-button.tsx  |   5 +-
 .../compose/components/language-dropdown.tsx  | 372 ++++----
 .../compose/components/location-button.tsx    |  14 +-
 .../compose/components/location-form.tsx      |  20 +-
 .../components/polls/duration-selector.tsx    |  23 +-
 .../compose/components/polls/poll-form.tsx    |  99 +-
 .../compose/components/privacy-dropdown.tsx   | 237 +++--
 .../components/reply-group-indicator.tsx      |   4 +-
 .../compose/components/reply-indicator.tsx    |  49 +-
 .../compose/components/reply-mentions.tsx     |  11 +-
 .../compose/components/schedule-form.tsx      |   7 +-
 .../components/sensitive-media-button.tsx     |   8 +-
 .../compose/components/spoiler-input.tsx      |  13 +-
 .../components/text-character-counter.tsx     |   5 +-
 .../compose/components/upload-button.tsx      |   8 +-
 .../compose/components/upload-form.tsx        |  18 +-
 .../compose/components/upload-progress.tsx    |   4 +-
 .../features/compose/components/upload.tsx    |  29 +-
 .../components/visual-character-counter.tsx   |   6 +-
 .../features/compose/components/warning.tsx   |  20 +-
 .../containers/preview-compose-container.tsx  |  23 +-
 .../containers/quoted-status-container.tsx    |  10 +-
 .../containers/reply-indicator-container.tsx  |   6 +-
 .../containers/upload-button-container.tsx    |   4 +-
 .../compose/containers/warning-container.tsx  |  24 +-
 .../src/features/compose/editor/index.tsx     | 310 +++---
 .../compose/editor/nodes/emoji-node.tsx       |  37 +-
 .../compose/editor/nodes/image-component.tsx  | 125 ++-
 .../compose/editor/nodes/image-node.tsx       |  48 +-
 .../features/compose/editor/nodes/index.ts    |   7 +-
 .../compose/editor/nodes/mention-node.tsx     |  32 +-
 .../editor/plugins/autosuggest-plugin.tsx     |  85 +-
 .../floating-block-type-toolbar-plugin.tsx    |  60 +-
 .../plugins/floating-link-editor-plugin.tsx   |  42 +-
 .../floating-text-format-toolbar-plugin.tsx   |  88 +-
 .../compose/editor/plugins/focus-plugin.tsx   |  37 +-
 .../compose/editor/plugins/state-plugin.tsx   | 254 ++---
 .../compose/editor/plugins/submit-plugin.tsx  |  48 +-
 .../compose/editor/transformers/index.ts      |  18 +-
 .../editor/utils/get-dom-range-rect.ts        |   5 +-
 .../compose/editor/utils/get-selected-node.ts |   4 +-
 .../src/features/compose/editor/utils/url.ts  |   8 +-
 .../src/features/compose/util/counter.ts      |   2 +-
 .../src/features/compose/util/url-regex.ts    | 319 ++++---
 .../conversations/components/conversation.tsx |   8 +-
 .../components/conversations-list.tsx         |  28 +-
 .../components/crypto-address.tsx             |   9 +-
 .../components/crypto-donate-panel.tsx        |   9 +-
 .../crypto-donate/components/crypto-icon.tsx  |  18 +-
 .../components/detailed-crypto-address.tsx    |   6 +-
 .../crypto-donate/components/site-wallet.tsx  |   2 +-
 .../crypto-donate/utils/manifest-map.ts       |  11 +-
 .../developers/components/indicator.tsx       |   2 +-
 .../src/features/draft-statuses/builder.tsx   |   5 +-
 .../components/draft-status-action-bar.tsx    |  23 +-
 .../components/draft-status.tsx               |  29 +-
 .../edit-profile/components/avatar-picker.tsx | 150 +--
 .../edit-profile/components/header-picker.tsx | 179 ++--
 .../components/emoji-picker-dropdown.tsx      |  96 +-
 .../emoji-picker-dropdown-container.tsx       |  50 +-
 packages/pl-fe/src/features/emoji/data.ts     |   8 +-
 packages/pl-fe/src/features/emoji/emojify.tsx |  18 +-
 packages/pl-fe/src/features/emoji/index.ts    |  22 +-
 packages/pl-fe/src/features/emoji/mapping.ts  |  14 +-
 packages/pl-fe/src/features/emoji/search.ts   |  70 +-
 .../event/components/event-action-button.tsx  |  13 +-
 .../features/event/components/event-date.tsx  |  41 +-
 .../event/components/event-header.tsx         | 171 ++--
 .../components/external-login-form.tsx        |  12 +-
 .../components/instance-restrictions.tsx      |  55 +-
 .../components/restricted-instance.tsx        |  10 +-
 packages/pl-fe/src/features/forms/index.tsx   |  22 +-
 .../group/components/group-action-button.tsx  | 112 ++-
 .../group/components/group-header-image.tsx   |   7 +-
 .../group/components/group-header.tsx         |  39 +-
 .../group/components/group-member-count.tsx   |   3 +-
 .../components/group-member-list-item.tsx     |  94 +-
 .../group/components/group-options-button.tsx |  34 +-
 .../group/components/group-privacy.tsx        |  10 +-
 .../group/components/group-relationship.tsx   |   8 +-
 .../components/discover/group-list-item.tsx   |  43 +-
 .../notifications/components/notification.tsx | 257 +++--
 .../pl-fe-config/components/color-picker.tsx  |  15 +-
 .../components/crypto-address-input.tsx       |  23 +-
 .../components/footer-link-input.tsx          |   8 +-
 .../components/icon-picker-dropdown.tsx       |   8 +-
 .../components/icon-picker-menu.tsx           |  12 +-
 .../components/promo-panel-input.tsx          |  13 +-
 .../pl-fe-config/components/site-preview.tsx  |   8 +-
 .../features/pl-fe-config/forkawesome.json    |   5 +-
 .../components/placeholder-avatar.tsx         |  15 +-
 .../components/placeholder-card.tsx           |   7 +-
 .../components/placeholder-chat-message.tsx   |  27 +-
 .../components/placeholder-display-name.tsx   |  22 +-
 .../components/placeholder-group-card.tsx     |   4 +-
 .../components/placeholder-group-search.tsx   |  10 +-
 .../components/placeholder-media-gallery.tsx  |  24 +-
 .../placeholder-sidebar-suggestions.tsx       |   4 +-
 .../components/placeholder-status-content.tsx |   5 +-
 .../components/placeholder-status.tsx         |   2 +-
 .../pl-fe/src/features/placeholder/utils.ts   |   3 +-
 .../pl-fe/src/features/preferences/index.tsx  | 624 ++++++++++--
 .../src/features/reply-mentions/account.tsx   |  27 +-
 .../features/scheduled-statuses/builder.tsx   |  19 +-
 .../scheduled-status-action-bar.tsx           |  16 +-
 .../components/scheduled-status.tsx           |  25 +-
 .../pl-fe/src/features/security/mfa-form.tsx  |   7 +-
 .../security/mfa/disable-otp-form.tsx         |  12 +-
 .../features/security/mfa/enable-otp-form.tsx |  13 +-
 .../security/mfa/otp-confirm-form.tsx         |  48 +-
 .../settings/components/messages-settings.tsx |  14 +-
 .../settings/components/setting-toggle.tsx    |  19 +-
 .../status/components/detailed-status.tsx     |  53 +-
 .../components/status-interaction-bar.tsx     |  44 +-
 .../status/components/status-type-icon.tsx    |  41 +-
 .../status/components/thread-status.tsx       |  25 +-
 .../src/features/status/components/thread.tsx | 313 +++---
 .../containers/quoted-status-container.tsx    |   6 +-
 .../theme-editor/components/color.tsx         |   1 -
 .../theme-editor/components/palette.tsx       |  13 +-
 .../features/ui/components/action-button.tsx  |  53 +-
 .../ui/components/background-shapes.tsx       |  11 +-
 .../ui/components/column-forbidden.tsx        |   5 +-
 .../features/ui/components/compose-button.tsx |  37 +-
 .../src/features/ui/components/hotkeys.tsx    |  59 +-
 .../features/ui/components/link-footer.tsx    |   6 +-
 .../src/features/ui/components/modal-root.tsx |  17 +-
 .../components/panels/account-note-panel.tsx  |  26 +-
 .../ui/components/panels/birthday-panel.tsx   |   8 +-
 .../components/panels/group-media-panel.tsx   |  11 +-
 .../components/panels/instance-info-panel.tsx |   8 +-
 .../panels/instance-moderation-panel.tsx      |  32 +-
 .../ui/components/panels/my-groups-panel.tsx  |  16 +-
 .../ui/components/panels/new-event-panel.tsx  |   5 +-
 .../ui/components/panels/new-group-panel.tsx  |  11 +-
 .../panels/pinned-accounts-panel.tsx          |  35 +-
 .../components/panels/profile-info-panel.tsx  | 106 ++-
 .../components/panels/profile-media-panel.tsx |   9 +-
 .../ui/components/panels/sign-up-panel.tsx    |  34 +-
 .../ui/components/panels/trends-panel.tsx     |   4 +-
 .../ui/components/panels/user-panel.tsx       |  26 +-
 .../features/ui/components/pending-status.tsx |  21 +-
 .../ui/components/profile-dropdown.tsx        |  45 +-
 .../components/profile-familiar-followers.tsx |  16 +-
 .../features/ui/components/profile-field.tsx  |  16 +-
 .../features/ui/components/profile-stats.tsx  |  23 +-
 .../ui/components/subscription-button.tsx     |  65 +-
 .../features/ui/components/theme-selector.tsx |  30 +-
 .../features/ui/components/theme-toggle.tsx   |   7 +-
 .../src/features/ui/components/timeline.tsx   |  33 +-
 .../features/ui/components/zoomable-image.tsx |  16 +-
 packages/pl-fe/src/features/ui/index.tsx      |  17 +-
 .../pl-fe/src/features/ui/router/index.tsx    | 244 +++--
 .../src/features/ui/util/async-components.ts  |  60 +-
 .../pl-fe/src/features/ui/util/fullscreen.ts  |   9 +-
 .../src/features/ui/util/global-hotkeys.tsx   |   9 +-
 .../ui/util/pending-status-builder.ts         |   7 +-
 packages/pl-fe/src/features/video/index.tsx   | 206 ++--
 .../pl-fe/src/hooks/forms/use-image-field.ts  |   2 +-
 packages/pl-fe/src/hooks/forms/use-preview.ts |  11 +-
 .../pl-fe/src/hooks/use-account-gallery.ts    |  43 +-
 packages/pl-fe/src/hooks/use-acct.ts          |   4 +-
 packages/pl-fe/src/hooks/use-can-interact.ts  |  25 +-
 packages/pl-fe/src/hooks/use-click-outside.ts |  21 +-
 packages/pl-fe/src/hooks/use-debounce.ts      |   2 +-
 packages/pl-fe/src/hooks/use-dragged-files.ts |  89 +-
 packages/pl-fe/src/hooks/use-features.ts      |   5 +-
 packages/pl-fe/src/hooks/use-loading.ts       |   4 +-
 packages/pl-fe/src/hooks/use-locale.ts        |   8 +-
 packages/pl-fe/src/hooks/use-logged-in.ts     |   2 +-
 packages/pl-fe/src/hooks/use-logo.ts          |   4 +-
 packages/pl-fe/src/hooks/use-long-press.ts    |  20 +-
 packages/pl-fe/src/hooks/use-own-account.ts   |   4 +-
 packages/pl-fe/src/hooks/use-theme-css.ts     |  18 +-
 packages/pl-fe/src/init/pl-fe-head.tsx        |  14 +-
 packages/pl-fe/src/init/pl-fe-load.tsx        |  33 +-
 packages/pl-fe/src/init/pl-fe-mount.tsx       |   1 -
 .../src/instance/about.example/dmca.html      |  98 +-
 .../src/instance/about.example/index.html     |   5 +-
 .../src/instance/about.example/privacy.html   | 269 +++++-
 .../pl-fe/src/instance/about.example/tos.html |  20 +-
 .../pl-fe/src/instance/pl-fe.example.json     |  21 +-
 packages/pl-fe/src/layouts/default-layout.tsx |  20 +-
 packages/pl-fe/src/layouts/event-layout.tsx   |  59 +-
 packages/pl-fe/src/layouts/events-layout.tsx  |  14 +-
 .../src/layouts/external-login-layout.tsx     |  20 +-
 packages/pl-fe/src/layouts/group-layout.tsx   |  15 +-
 packages/pl-fe/src/layouts/home-layout.tsx    |  44 +-
 packages/pl-fe/src/layouts/landing-layout.tsx |  15 +-
 packages/pl-fe/src/layouts/profile-layout.tsx |  22 +-
 .../src/layouts/remote-instance-layout.tsx    |   4 +-
 packages/pl-fe/src/layouts/search-layout.tsx  |  20 +-
 packages/pl-fe/src/layouts/status-layout.tsx  |  14 +-
 packages/pl-fe/src/main.tsx                   |   3 -
 packages/pl-fe/src/messages.ts                |  21 +-
 packages/pl-fe/src/middleware/errors.ts       |  21 +-
 packages/pl-fe/src/middleware/sounds.ts       |   6 +-
 packages/pl-fe/src/modals/alt-text-modal.tsx  |  79 +-
 .../pl-fe/src/modals/antenna-editor-modal.tsx |  67 +-
 packages/pl-fe/src/modals/birthdays-modal.tsx |  13 +-
 .../pl-fe/src/modals/block-mute-modal.tsx     | 109 ++-
 packages/pl-fe/src/modals/boost-modal.tsx     |  39 +-
 .../pl-fe/src/modals/circle-editor-modal.tsx  |  65 +-
 .../src/modals/compare-history-modal.tsx      |  41 +-
 packages/pl-fe/src/modals/component-modal.tsx |   6 +-
 .../compose-interaction-policy-modal.tsx      |  53 +-
 packages/pl-fe/src/modals/compose-modal.tsx   |  79 +-
 .../pl-fe/src/modals/confirmation-modal.tsx   |  12 +-
 .../pl-fe/src/modals/crypto-donate-modal.tsx  |   2 -
 packages/pl-fe/src/modals/dislikes-modal.tsx  |  21 +-
 .../pl-fe/src/modals/dropdown-menu-modal.tsx  |   5 +-
 .../src/modals/edit-announcement-modal.tsx    | 116 ++-
 .../src/modals/edit-bookmark-folder-modal.tsx |  69 +-
 .../pl-fe/src/modals/edit-domain-modal.tsx    |  80 +-
 .../src/modals/edit-federation-modal.tsx      |  73 +-
 packages/pl-fe/src/modals/edit-rule-modal.tsx |  76 +-
 packages/pl-fe/src/modals/embed-modal.tsx     |   5 +-
 packages/pl-fe/src/modals/event-map-modal.tsx |  13 +-
 .../src/modals/event-participants-modal.tsx   |  28 +-
 .../src/modals/familiar-followers-modal.tsx   |  27 +-
 .../pl-fe/src/modals/favourites-modal.tsx     |  26 +-
 packages/pl-fe/src/modals/hotkeys-modal.tsx   | 210 +++-
 .../pl-fe/src/modals/join-event-modal.tsx     |  13 +-
 .../list-adder-modal/components/list.tsx      |  34 +-
 .../src/modals/list-adder-modal/index.tsx     |  15 +-
 .../list-editor-modal/components/account.tsx  |  32 +-
 .../components/edit-list-form.tsx             |  68 +-
 .../components/list-members-form.tsx          |  40 +-
 .../list-editor-modal/components/search.tsx   |   8 +-
 .../src/modals/list-editor-modal/index.tsx    |  31 +-
 .../src/modals/manage-group-modal/index.tsx   |   8 +-
 .../steps/confirmation-step.tsx               |  59 +-
 .../manage-group-modal/steps/details-step.tsx |  74 +-
 packages/pl-fe/src/modals/media-modal.tsx     | 311 +++---
 packages/pl-fe/src/modals/mentions-modal.tsx  |   8 +-
 .../src/modals/missing-description-modal.tsx  |  17 +-
 packages/pl-fe/src/modals/reactions-modal.tsx |  97 +-
 packages/pl-fe/src/modals/reblogs-modal.tsx   |  21 +-
 .../pl-fe/src/modals/reply-mentions-modal.tsx |  16 +-
 .../components/status-check-box.tsx           |  26 +-
 .../pl-fe/src/modals/report-modal/index.tsx   |  39 +-
 .../report-modal/steps/confirmation-step.tsx  |  17 +-
 .../report-modal/steps/other-actions-step.tsx |  68 +-
 .../modals/report-modal/steps/reason-step.tsx |  32 +-
 .../modals/select-bookmark-folder-modal.tsx   | 109 ++-
 .../src/modals/select-drive-file-modal.tsx    |  79 +-
 .../pl-fe/src/modals/text-field-modal.tsx     |   4 +-
 .../pl-fe/src/modals/unauthorized-modal.tsx   | 150 ++-
 .../pl-fe/src/normalizers/chat-message.ts     |   4 +-
 .../pl-fe/src/normalizers/frontend-config.ts  |  94 +-
 .../pl-fe/src/normalizers/notification.ts     |   2 +-
 packages/pl-fe/src/normalizers/status.ts      |  66 +-
 .../src/pages/account-lists/antennas.tsx      |  21 +-
 .../pl-fe/src/pages/account-lists/circles.tsx |  18 +-
 .../src/pages/account-lists/directory.tsx     |  52 +-
 .../pages/account-lists/follow-requests.tsx   |  63 +-
 .../src/pages/account-lists/followers.tsx     |  25 +-
 .../src/pages/account-lists/following.tsx     |  25 +-
 .../pl-fe/src/pages/account-lists/lists.tsx   |  22 +-
 .../outgoing-follow-requests.tsx              |  17 +-
 .../src/pages/accounts/account-gallery.tsx    |  55 +-
 .../src/pages/accounts/account-timeline.tsx   |  34 +-
 packages/pl-fe/src/pages/auth/login.tsx       |  18 +-
 packages/pl-fe/src/pages/auth/logout.tsx      |   2 +-
 .../pl-fe/src/pages/auth/password-reset.tsx   |  43 +-
 .../pl-fe/src/pages/auth/registration.tsx     |   6 +-
 .../pl-fe/src/pages/dashboard/account.tsx     | 136 ++-
 .../src/pages/dashboard/announcements.tsx     |  58 +-
 .../src/pages/dashboard/awaiting-approval.tsx |   9 +-
 .../pl-fe/src/pages/dashboard/dashboard.tsx   | 180 +++-
 .../pl-fe/src/pages/dashboard/domains.tsx     |  48 +-
 .../src/pages/dashboard/frontend-config.tsx   | 307 ++++--
 .../src/pages/dashboard/moderation-log.tsx    |  18 +-
 packages/pl-fe/src/pages/dashboard/relays.tsx |  28 +-
 packages/pl-fe/src/pages/dashboard/report.tsx |  87 +-
 .../pl-fe/src/pages/dashboard/reports.tsx     |  73 +-
 packages/pl-fe/src/pages/dashboard/rules.tsx  |  23 +-
 .../src/pages/dashboard/theme-editor.tsx      |  70 +-
 .../pl-fe/src/pages/dashboard/user-index.tsx  |  18 +-
 .../pl-fe/src/pages/developers/create-app.tsx |  77 +-
 .../pl-fe/src/pages/developers/developers.tsx |  87 +-
 .../pages/developers/service-worker-info.tsx  |  48 +-
 .../src/pages/developers/settings-store.tsx   |  31 +-
 packages/pl-fe/src/pages/drive/drive.tsx      | 357 ++++---
 packages/pl-fe/src/pages/fun/circle.tsx       | 190 ++--
 .../pl-fe/src/pages/groups/edit-group.tsx     |  83 +-
 .../pages/groups/group-blocked-members.tsx    |  40 +-
 .../pl-fe/src/pages/groups/group-gallery.tsx  |  21 +-
 .../pl-fe/src/pages/groups/group-members.tsx  |  54 +-
 .../groups/group-membership-requests.tsx      |  17 +-
 packages/pl-fe/src/pages/groups/groups.tsx    |  13 +-
 .../pl-fe/src/pages/groups/manage-group.tsx   |  48 +-
 packages/pl-fe/src/pages/search/search.tsx    |  56 +-
 packages/pl-fe/src/pages/settings/aliases.tsx |  82 +-
 .../src/pages/settings/auth-token-list.tsx    | 106 ++-
 packages/pl-fe/src/pages/settings/backups.tsx |  22 +-
 packages/pl-fe/src/pages/settings/blocks.tsx  |  22 +-
 .../src/pages/settings/delete-account.tsx     |  62 +-
 .../src/pages/settings/domain-blocks.tsx      |  13 +-
 .../pl-fe/src/pages/settings/edit-email.tsx   |  52 +-
 .../pl-fe/src/pages/settings/edit-filter.tsx  | 154 +--
 .../src/pages/settings/edit-password.tsx      |  74 +-
 .../pl-fe/src/pages/settings/edit-profile.tsx | 473 ++++++---
 .../pl-fe/src/pages/settings/export-data.tsx  |  37 +-
 packages/pl-fe/src/pages/settings/filters.tsx |  90 +-
 .../pl-fe/src/pages/settings/import-data.tsx  |  99 +-
 packages/pl-fe/src/pages/settings/index.tsx   |  11 +-
 .../pages/settings/interaction-policies.tsx   | 259 +++--
 .../pl-fe/src/pages/settings/migration.tsx    |  89 +-
 packages/pl-fe/src/pages/settings/mutes.tsx   |  23 +-
 packages/pl-fe/src/pages/settings/privacy.tsx | 203 +++-
 .../pl-fe/src/pages/settings/settings.tsx     |  66 +-
 .../pages/status-lists/bookmark-folders.tsx   |  64 +-
 .../src/pages/status-lists/bookmarks.tsx      |  81 +-
 .../src/pages/status-lists/conversations.tsx  |   6 +-
 .../src/pages/status-lists/draft-statuses.tsx |  13 +-
 .../pl-fe/src/pages/status-lists/events.tsx   |  47 +-
 .../status-lists/favourited-statuses.tsx      |  23 +-
 .../status-lists/interaction-requests.tsx     | 157 ++-
 .../pages/status-lists/pinned-statuses.tsx    |  14 +-
 .../pl-fe/src/pages/status-lists/quotes.tsx   |  15 +-
 .../pages/status-lists/scheduled-statuses.tsx |  18 +-
 .../src/pages/statuses/compose-event.tsx      |  28 +-
 .../src/pages/statuses/event-discussion.tsx   |  75 +-
 .../src/pages/statuses/event-information.tsx  | 101 +-
 packages/pl-fe/src/pages/statuses/status.tsx  |  78 +-
 .../src/pages/timelines/antenna-timeline.tsx  |  21 +-
 .../src/pages/timelines/bubble-timeline.tsx   |   7 +-
 .../src/pages/timelines/circle-timeline.tsx   |  28 +-
 .../pages/timelines/community-timeline.tsx    |   7 +-
 .../src/pages/timelines/group-timeline.tsx    |  22 +-
 .../src/pages/timelines/hashtag-timeline.tsx  |  19 +-
 .../src/pages/timelines/home-timeline.tsx     |  12 +-
 .../src/pages/timelines/landing-timeline.tsx  |  25 +-
 .../src/pages/timelines/link-timeline.tsx     |   7 +-
 .../src/pages/timelines/list-timeline.tsx     |  28 +-
 .../src/pages/timelines/public-timeline.tsx   |  25 +-
 .../src/pages/timelines/remote-timeline.tsx   |   7 +-
 .../src/pages/timelines/test-timeline.tsx     |   4 +-
 .../src/pages/timelines/wrenched-timeline.tsx |   8 +-
 packages/pl-fe/src/pages/utils/about.tsx      |  35 +-
 .../pl-fe/src/pages/utils/crypto-donate.tsx   |   7 +-
 .../pages/utils/federation-restrictions.tsx   |  31 +-
 packages/pl-fe/src/pages/utils/landing.tsx    | 104 +-
 packages/pl-fe/src/pages/utils/new-status.tsx |   4 +-
 .../pl-fe/src/pages/utils/server-info.tsx     |   4 +-
 packages/pl-fe/src/pages/utils/share.tsx      |   4 +-
 .../src/queries/account-lists/use-blocks.ts   |  10 +-
 .../src/queries/account-lists/use-follows.ts  |  15 +-
 packages/pl-fe/src/queries/accounts.ts        |   2 +-
 .../src/queries/accounts/account-scrobble.ts  |  16 +-
 .../src/queries/accounts/use-antennas.ts      |  37 +-
 .../accounts/use-birthday-reminders.ts        |  10 +-
 .../pl-fe/src/queries/accounts/use-circles.ts |  34 +-
 .../src/queries/accounts/use-directory.ts     |  22 +-
 .../queries/accounts/use-endorsed-accounts.ts |   9 +-
 .../accounts/use-familiar-followers.ts        |  13 +-
 .../queries/accounts/use-follow-requests.ts   |  70 +-
 .../pl-fe/src/queries/accounts/use-lists.ts   |  40 +-
 .../src/queries/accounts/use-relationship.ts  | 224 +++--
 .../pl-fe/src/queries/admin/use-accounts.ts   | 125 ++-
 .../src/queries/admin/use-announcements.ts    |  51 +-
 .../pl-fe/src/queries/admin/use-domains.ts    |  27 +-
 .../pl-fe/src/queries/admin/use-metrics.ts    |  14 +-
 .../src/queries/admin/use-moderation-log.ts   |  10 +-
 .../pl-fe/src/queries/admin/use-relays.ts     |  17 +-
 .../pl-fe/src/queries/admin/use-reports.ts    |  78 +-
 packages/pl-fe/src/queries/admin/use-rules.ts |  24 +-
 .../announcements/use-announcements.ts        |  94 +-
 packages/pl-fe/src/queries/chats.ts           |  62 +-
 .../pl-fe/src/queries/drive/use-drive-file.ts |   8 +-
 .../src/queries/drive/use-drive-folder.ts     |  40 +-
 packages/pl-fe/src/queries/embed.ts           |   2 +-
 .../use-event-participation-requests.ts       |  34 +-
 .../src/queries/groups/use-group-blocks.ts    |  30 +-
 .../src/queries/groups/use-group-members.ts   |  35 +-
 .../src/queries/hashtags/use-followed-tags.ts |   5 +-
 .../src/queries/instance/use-custom-emojis.ts |  19 +-
 .../instance/use-translation-languages.ts     |  10 +-
 .../src/queries/search/use-search-accounts.ts |  26 +-
 .../pl-fe/src/queries/search/use-search.ts    | 108 ++-
 .../src/queries/security/oauth-tokens.ts      |  23 +-
 .../pl-fe/src/queries/security/use-mfa.ts     |   3 +-
 .../src/queries/settings/domain-blocks.ts     |  16 +-
 .../queries/settings/use-account-aliases.ts   |  28 +-
 .../pl-fe/src/queries/settings/use-backups.ts |   7 +-
 .../settings/use-interaction-policies.ts      |   8 +-
 .../queries/status-lists/use-favourites.ts    |   6 +-
 .../status-lists/use-pinned-statuses.ts       |   3 +-
 .../queries/statuses/scheduled-statuses.ts    |  31 +-
 .../queries/statuses/use-bookmark-folders.ts  |  26 +-
 .../queries/statuses/use-draft-statuses.ts    |  90 +-
 .../statuses/use-event-interactions.ts        |  15 +-
 .../statuses/use-interaction-requests.ts      |  55 +-
 .../statuses/use-local-status-translation.ts  |  15 +-
 .../queries/statuses/use-status-history.ts    |  12 +-
 .../statuses/use-status-interactions.ts       |  50 +-
 .../statuses/use-status-translation.ts        |  11 +-
 .../timelines/use-account-media-timeline.ts   |   6 +-
 .../src/queries/timelines/use-events-lists.ts |  34 +-
 .../queries/trends/use-suggested-accounts.ts  |  14 +-
 packages/pl-fe/src/queries/utils/filter-id.ts |  41 +-
 .../make-paginated-response-query-options.ts  |  46 +-
 .../utils/make-paginated-response-query.ts    |  49 +-
 .../pl-fe/src/queries/utils/minify-list.ts    | 140 ++-
 .../src/queries/utils/mutation-options.ts     |   4 +-
 packages/pl-fe/src/reducers/accounts-meta.ts  |  28 +-
 packages/pl-fe/src/reducers/admin.ts          |   2 +-
 packages/pl-fe/src/reducers/auth.ts           | 177 ++--
 packages/pl-fe/src/reducers/compose.ts        | 325 ++++---
 packages/pl-fe/src/reducers/contexts.ts       |  82 +-
 packages/pl-fe/src/reducers/conversations.ts  |  30 +-
 .../pl-fe/src/reducers/frontend-config.ts     |  12 +-
 packages/pl-fe/src/reducers/instance.ts       |  24 +-
 packages/pl-fe/src/reducers/notifications.ts  |  67 +-
 .../pl-fe/src/reducers/pending-statuses.ts    |   9 +-
 .../pl-fe/src/reducers/push-notifications.ts  |   6 +-
 packages/pl-fe/src/reducers/statuses.ts       |  73 +-
 packages/pl-fe/src/reducers/timelines.ts      | 125 ++-
 packages/pl-fe/src/schemas/pl-fe/settings.ts  |  58 +-
 packages/pl-fe/src/schemas/pleroma.ts         |  44 +-
 packages/pl-fe/src/schemas/utils.ts           |  16 +-
 packages/pl-fe/src/selectors/index.ts         | 377 +++++---
 packages/pl-fe/src/sentry.ts                  |  11 +-
 packages/pl-fe/src/service-worker/sw.ts       | 161 ++--
 .../src/service-worker/web-push-locales.ts    |   2 +-
 packages/pl-fe/src/settings.ts                |   6 +-
 packages/pl-fe/src/storage/kv-store.ts        |  19 +-
 packages/pl-fe/src/store.ts                   |  13 +-
 .../pl-fe/src/stores/account-hover-card.ts    |  23 +-
 .../src/stores/language-model-availability.ts |  71 +-
 packages/pl-fe/src/stores/modals.ts           |  75 +-
 packages/pl-fe/src/stores/settings.ts         | 319 ++++---
 packages/pl-fe/src/stores/shoutbox.ts         | 106 ++-
 .../pl-fe/src/stores/status-hover-card.ts     |  23 +-
 packages/pl-fe/src/stores/status-meta.ts      | 176 ++--
 packages/pl-fe/src/stores/ui.ts               |  19 +-
 packages/pl-fe/src/styles/accessibility.scss  |  15 +-
 packages/pl-fe/src/styles/application.scss    |   2 +-
 packages/pl-fe/src/styles/basics.scss         |   2 +-
 .../styles/components/detailed-status.scss    |   2 +-
 .../pl-fe/src/styles/components/modal.scss    |   2 +-
 .../pl-fe/src/styles/components/status.scss   |   4 +-
 packages/pl-fe/src/styles/emoji-picker.scss   |   3 +-
 packages/pl-fe/src/styles/forms.scss          |   2 +-
 packages/pl-fe/src/styles/i18n.css            |  58 +-
 packages/pl-fe/src/styles/markup.scss         |  13 +-
 packages/pl-fe/src/styles/mfm.scss            | 395 ++++++--
 packages/pl-fe/src/styles/new/accounts.scss   |  53 +-
 packages/pl-fe/src/styles/new/admin.scss      |   2 +-
 .../pl-fe/src/styles/new/authentication.scss  |   2 +-
 packages/pl-fe/src/styles/new/chats.scss      |   6 +-
 packages/pl-fe/src/styles/new/components.scss |  19 +-
 packages/pl-fe/src/styles/new/compose.scss    |   6 +-
 packages/pl-fe/src/styles/new/directory.scss  |   4 +-
 packages/pl-fe/src/styles/new/drive.scss      |   5 +-
 packages/pl-fe/src/styles/new/events.scss     |   6 +-
 packages/pl-fe/src/styles/new/forms.scss      |   2 +-
 packages/pl-fe/src/styles/new/layout.scss     |  27 +-
 packages/pl-fe/src/styles/new/mixins.scss     |  17 +-
 packages/pl-fe/src/styles/new/modals.scss     |  12 +-
 .../pl-fe/src/styles/new/notifications.scss   |   6 +-
 packages/pl-fe/src/styles/new/statuses.scss   |  14 +-
 packages/pl-fe/src/styles/new/timelines.scss  |   2 +-
 packages/pl-fe/src/styles/ptr.scss            |   2 +-
 packages/pl-fe/src/styles/ui.scss             |   2 +-
 packages/pl-fe/src/toast.tsx                  |  19 +-
 packages/pl-fe/src/types/colors.ts            |   2 +-
 packages/pl-fe/src/utils/accounts.ts          |   5 +-
 packages/pl-fe/src/utils/auth.ts              |  10 +-
 packages/pl-fe/src/utils/badges.ts            |  14 +-
 packages/pl-fe/src/utils/chats.ts             |   9 +-
 .../src/utils/check-instance-capability.ts    |  37 +-
 packages/pl-fe/src/utils/code.ts              |   4 +-
 packages/pl-fe/src/utils/colors.ts            |  13 +-
 packages/pl-fe/src/utils/config-db.ts         |  13 +-
 packages/pl-fe/src/utils/console.ts           |  40 +-
 packages/pl-fe/src/utils/copy.ts              |   2 +-
 packages/pl-fe/src/utils/emoji-reacts.ts      |  55 +-
 packages/pl-fe/src/utils/emoji.ts             |   5 +-
 packages/pl-fe/src/utils/errors.ts            |  21 +-
 packages/pl-fe/src/utils/favicon-service.ts   |  26 +-
 packages/pl-fe/src/utils/html.ts              |  10 +-
 .../pl-fe/src/utils/media-aspect-ratio.ts     |   8 +-
 packages/pl-fe/src/utils/media.ts             |   9 +-
 packages/pl-fe/src/utils/normalizers.ts       |  13 +-
 packages/pl-fe/src/utils/notification.ts      |  10 +-
 packages/pl-fe/src/utils/numbers.tsx          |   8 +-
 packages/pl-fe/src/utils/nyaize.ts            |  37 +-
 packages/pl-fe/src/utils/queries.ts           |  33 +-
 packages/pl-fe/src/utils/resize-image.ts      | 218 +++--
 packages/pl-fe/src/utils/rich-content.ts      |   2 +-
 packages/pl-fe/src/utils/rtl.ts               |  11 +-
 packages/pl-fe/src/utils/scopes.ts            |  14 +-
 packages/pl-fe/src/utils/scroll-utils.ts      |   8 +-
 packages/pl-fe/src/utils/state.ts             |   9 +-
 packages/pl-fe/src/utils/status.ts            |  27 +-
 packages/pl-fe/src/utils/suggestions.ts       |   5 +-
 packages/pl-fe/src/utils/sw.ts                |  10 +-
 packages/pl-fe/src/utils/tailwind.ts          |  23 +-
 packages/pl-fe/src/utils/theme.ts             |  38 +-
 packages/pl-fe/src/utils/timelines.ts         |   5 +-
 packages/pl-fe/src/utils/url-purify.ts        |  94 +-
 packages/pl-fe/src/utils/url.ts               |  12 +-
 packages/pl-fe/tailwind.config.ts             |  22 +-
 packages/pl-fe/tsconfig.json                  |  14 +-
 pnpm-lock.yaml                                | 540 -----------
 774 files changed, 23981 insertions(+), 15283 deletions(-)
 delete mode 100644 packages/pl-fe/.eslintignore
 delete mode 100644 packages/pl-fe/.eslintrc.json
 create mode 100644 packages/pl-fe/.oxfmtrc.json

diff --git a/packages/pl-fe/.eslintignore b/packages/pl-fe/.eslintignore
deleted file mode 100644
index 256b5ff45..000000000
--- a/packages/pl-fe/.eslintignore
+++ /dev/null
@@ -1,7 +0,0 @@
-/node_modules/**
-/dist/**
-/static/**
-/public/**
-/tmp/**
-/coverage/**
-/custom/**
diff --git a/packages/pl-fe/.eslintrc.json b/packages/pl-fe/.eslintrc.json
deleted file mode 100644
index d8693cc09..000000000
--- a/packages/pl-fe/.eslintrc.json
+++ /dev/null
@@ -1,359 +0,0 @@
-{
-  "root": true,
-  "extends": [
-    "eslint:recommended",
-    "plugin:import/typescript",
-    "plugin:compat/recommended",
-    "plugin:tailwindcss/recommended"
-  ],
-  "env": {
-    "browser": true,
-    "node": true,
-    "es6": true,
-    "jest": true
-  },
-  "globals": {
-    "ATTACHMENT_HOST": false
-  },
-  "plugins": [
-    "@stylistic",
-    "@typescript-eslint",
-    "formatjs",
-    "import",
-    "jsdoc",
-    "jsx-a11y",
-    "promise",
-    "react",
-    "react-hooks"
-  ],
-  "parserOptions": {
-    "sourceType": "module",
-    "ecmaFeatures": {
-      "experimentalObjectRestSpread": true,
-      "jsx": true
-    },
-    "ecmaVersion": 2018
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
-    },
-    "import/extensions": [
-      ".js",
-      ".jsx",
-      ".cjs",
-      ".mjs",
-      ".ts",
-      ".tsx"
-    ],
-    "import/ignore": [
-      "node_modules",
-      "\\.(css|scss|json)$"
-    ],
-    "import/resolver": {
-      "typescript": true,
-      "node": true
-    },
-    "polyfills": [
-      "es:all",
-      "fetch",
-      "IntersectionObserver",
-      "Promise",
-      "ResizeObserver",
-      "URL",
-      "URLSearchParams"
-    ],
-    "tailwindcss": {
-      "config": "tailwind.config.ts"
-    }
-  },
-  "rules": {
-    "brace-style": "error",
-    "comma-dangle": [
-      "error",
-      "always-multiline"
-    ],
-    "comma-spacing": [
-      "warn",
-      {
-        "before": false,
-        "after": true
-      }
-    ],
-    "comma-style": [
-      "warn",
-      "last"
-    ],
-    "import/no-duplicates": "error",
-    "space-before-function-paren": [
-      "error",
-      "never"
-    ],
-    "space-infix-ops": "error",
-    "space-in-parens": [
-      "error",
-      "never"
-    ],
-    "keyword-spacing": "error",
-    "dot-notation": "error",
-    "eol-last": ["error", "always"],
-    "eqeqeq": "error",
-    "indent": [
-      "error",
-      2,
-      {
-        "SwitchCase": 1,
-        "ignoredNodes": [
-          "TemplateLiteral"
-        ]
-      }
-    ],
-    "jsx-quotes": [
-      "error",
-      "prefer-single"
-    ],
-    "key-spacing": [
-      "error",
-      {
-        "mode": "minimum"
-      }
-    ],
-    "no-catch-shadow": "error",
-    "no-cond-assign": "error",
-    "no-console": [
-      "warn",
-      {
-        "allow": [
-          "error",
-          "warn"
-        ]
-      }
-    ],
-    "no-extra-semi": "error",
-    "no-const-assign": "error",
-    "no-fallthrough": "error",
-    "no-irregular-whitespace": "error",
-    "no-loop-func": "error",
-    "no-mixed-spaces-and-tabs": "error",
-    "no-nested-ternary": "warn",
-    "no-restricted-imports": [
-      "error",
-      {
-        "patterns": [
-          {
-            "group": [
-              "react-inlinesvg"
-            ],
-            "message": "Use the SvgIcon component instead."
-          }
-        ]
-      }
-    ],
-    "no-trailing-spaces": "error",
-    "no-undef": "error",
-    "no-unreachable": "error",
-    "no-unused-expressions": "error",
-    "no-unused-vars": "off",
-    "@typescript-eslint/no-unused-vars": [
-      "error",
-      {
-        "vars": "all",
-        "args": "none",
-        "ignoreRestSiblings": true,
-        "caughtErrors": "none"
-      }
-    ],
-    "no-useless-escape": "warn",
-    "no-var": "error",
-    "object-curly-spacing": [
-      "error",
-      "always"
-    ],
-    "padded-blocks": [
-      "error",
-      {
-        "classes": "always"
-      }
-    ],
-    "prefer-const": "error",
-    "quotes": [
-      "error",
-      "single"
-    ],
-    "semi": "error",
-    "space-unary-ops": [
-      "error",
-      {
-        "words": true,
-        "nonwords": false
-      }
-    ],
-    "strict": "off",
-    "valid-typeof": "error",
-    "react/jsx-boolean-value": "error",
-    "react/jsx-closing-bracket-location": [
-      "error",
-      "line-aligned"
-    ],
-    "react/jsx-curly-spacing": "error",
-    "react/jsx-equals-spacing": "error",
-    "react/jsx-first-prop-new-line": [
-      "error",
-      "multiline-multiprop"
-    ],
-    "react/jsx-indent": [
-      "error",
-      2
-    ],
-    "react/jsx-no-comment-textnodes": "error",
-    "react/jsx-no-duplicate-props": "error",
-    "react/jsx-no-undef": "error",
-    "react/jsx-tag-spacing": "error",
-    "react/jsx-uses-react": "error",
-    "react/jsx-uses-vars": "error",
-    "react/jsx-wrap-multilines": "error",
-    "react/no-multi-comp": "off",
-    "react/no-string-refs": "error",
-    "react/self-closing-comp": "error",
-    "jsx-a11y/accessible-emoji": "warn",
-    "jsx-a11y/alt-text": "warn",
-    "jsx-a11y/anchor-has-content": "warn",
-    "jsx-a11y/anchor-is-valid": [
-      "warn",
-      {
-        "components": [
-          "Link",
-          "NavLink"
-        ],
-        "specialLink": [
-          "to"
-        ],
-        "aspect": [
-          "noHref",
-          "invalidHref",
-          "preferButton"
-        ]
-      }
-    ],
-    "jsx-a11y/aria-activedescendant-has-tabindex": "warn",
-    "jsx-a11y/aria-props": "warn",
-    "jsx-a11y/aria-proptypes": "warn",
-    "jsx-a11y/aria-role": "warn",
-    "jsx-a11y/aria-unsupported-elements": "warn",
-    "jsx-a11y/heading-has-content": "warn",
-    "jsx-a11y/html-has-lang": "warn",
-    "jsx-a11y/iframe-has-title": "warn",
-    "jsx-a11y/img-redundant-alt": "warn",
-    "jsx-a11y/interactive-supports-focus": "warn",
-    "jsx-a11y/label-has-for": "off",
-    "jsx-a11y/mouse-events-have-key-events": "warn",
-    "jsx-a11y/no-access-key": "warn",
-    "jsx-a11y/no-distracting-elements": "warn",
-    "jsx-a11y/no-noninteractive-element-interactions": [
-      "warn",
-      {
-        "handlers": [
-          "onClick"
-        ]
-      }
-    ],
-    "jsx-a11y/no-onchange": "warn",
-    "jsx-a11y/no-redundant-roles": "warn",
-    "jsx-a11y/no-static-element-interactions": [
-      "warn",
-      {
-        "handlers": [
-          "onClick"
-        ]
-      }
-    ],
-    "jsx-a11y/role-has-required-aria-props": "warn",
-    "jsx-a11y/role-supports-aria-props": "off",
-    "jsx-a11y/scope": "warn",
-    "jsx-a11y/tabindex-no-positive": "warn",
-    "import/extensions": [
-      "error",
-      "always",
-      {
-        "js": "never",
-        "mjs": "ignorePackages",
-        "jsx": "never",
-        "ts": "never",
-        "tsx": "never"
-      }
-    ],
-    "import/newline-after-import": "error",
-    "import/no-extraneous-dependencies": "error",
-    "import/no-unresolved": "error",
-    "import/no-webpack-loader-syntax": "error",
-    "import/order": [
-      "error",
-      {
-        "groups": [
-          "builtin",
-          "external",
-          "internal",
-          "parent",
-          "sibling",
-          "index",
-          "object",
-          "type"
-        ],
-        "newlines-between": "always",
-        "alphabetize": {
-          "order": "asc"
-        }
-      }
-    ],
-    "@stylistic/member-delimiter-style": "error",
-    "promise/catch-or-return": "error",
-    "react-hooks/rules-of-hooks": "error",
-    "tailwindcss/classnames-order": [
-      "error",
-      {
-        "classRegex": "^(base|container|icon|item|list|outer|wrapper)?[c|C]lass(Name)?$",
-        "config": "tailwind.config.ts"
-      }
-    ],
-    "tailwindcss/migration-from-tailwind-2": "error",
-    "tailwindcss/no-custom-classname": "off",
-
-    "formatjs/enforce-default-message": "error",
-    "formatjs/enforce-id": "error",
-    "formatjs/no-literal-string-in-jsx": "warn"
-  },
-  "overrides": [
-    {
-      "files": [
-        "**/*.ts",
-        "**/*.tsx"
-      ],
-      "rules": {
-        "no-undef": "off",
-        "space-before-function-paren": "off"
-      },
-      "parser": "@typescript-eslint/parser"
-    },
-    {
-      "files": [
-        "src/components/ui/**/*"
-      ],
-      "rules": {
-        "jsdoc/require-jsdoc": [
-          "error",
-          {
-            "publicOnly": true,
-            "require": {
-              "ArrowFunctionExpression": true,
-              "ClassDeclaration": true,
-              "ClassExpression": true,
-              "FunctionDeclaration": true,
-              "FunctionExpression": true,
-              "MethodDefinition": true
-            }
-          }
-        ]
-      }
-    }
-  ]
-}
\ No newline at end of file
diff --git a/packages/pl-fe/.oxfmtrc.json b/packages/pl-fe/.oxfmtrc.json
new file mode 100644
index 000000000..3bd481651
--- /dev/null
+++ b/packages/pl-fe/.oxfmtrc.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "ignorePatterns": [],
+  "printWidth": null,
+  "singleQuote": true,
+  "arrowParens": null,
+  "experimentalSortImports": {
+    "groups": ["builtin", "external", "internal", "parent", "sibling", "index", "object", "type"]
+  },
+  "tabWidth": 2,
+  "jsxSingleQuote": true,
+  "overrides": [
+    {
+      "files": ["**/*.tsx"],
+      "options": {
+        "experimentalTailwindcss": {
+          "tailwindConfig": "./tailwind.config.ts",
+          "attributes": ["className", "iconClassName", "itemClassName", "listClassName"],
+          "functions": ["clsx"]
+        }
+      }
+    }
+  ]
+}
diff --git a/packages/pl-fe/.stylelintrc.json b/packages/pl-fe/.stylelintrc.json
index f2e80958d..26faeab14 100644
--- a/packages/pl-fe/.stylelintrc.json
+++ b/packages/pl-fe/.stylelintrc.json
@@ -3,16 +3,33 @@
   "rules": {
     "alpha-value-notation": null,
     "at-rule-no-unknown": null,
-    "at-rule-empty-line-before": ["always", { "ignore": ["after-comment", "first-nested", "inside-block", "blockless-after-same-name-blockless", "blockless-after-blockless"] }],
+    "at-rule-empty-line-before": [
+      "always",
+      {
+        "ignore": [
+          "after-comment",
+          "first-nested",
+          "inside-block",
+          "blockless-after-same-name-blockless",
+          "blockless-after-blockless"
+        ]
+      }
+    ],
     "color-function-notation": null,
     "custom-property-pattern": null,
     "declaration-block-no-redundant-longhand-properties": null,
     "declaration-empty-line-before": "never",
-    "font-family-no-missing-generic-family-keyword": [true, { "ignoreFontFamilies": ["ForkAwesome", "Font Awesome 5 Free"] }],
+    "font-family-no-missing-generic-family-keyword": [
+      true,
+      { "ignoreFontFamilies": ["ForkAwesome", "Font Awesome 5 Free"] }
+    ],
     "no-descending-specificity": null,
     "no-duplicate-selectors": null,
     "no-invalid-position-at-import-rule": null,
-    "scss/at-rule-no-unknown": [true, { "ignoreAtRules": ["tailwind", "apply", "layer", "config"]}],
+    "scss/at-rule-no-unknown": [
+      true,
+      { "ignoreAtRules": ["tailwind", "apply", "layer", "config"] }
+    ],
     "scss/operator-no-unspaced": null,
     "selector-class-pattern": null
   }
diff --git a/packages/pl-fe/CHANGELOG.md b/packages/pl-fe/CHANGELOG.md
index 7bb1e0e96..a8c1ab547 100644
--- a/packages/pl-fe/CHANGELOG.md
+++ b/packages/pl-fe/CHANGELOG.md
@@ -13,6 +13,7 @@ Changes made since the project forked from Soapbox in April 2024.
 - Cat ears
 
 **Behavior:**
+
 - Notifications of the same type and reposts of the same post are grouped client-side.
 - Date is displayed for notifications that are not about new posts.
 - Replies to your posts are displayed differently to other mentions in notification list.
@@ -23,6 +24,7 @@ Changes made since the project forked from Soapbox in April 2024.
 - Poll results can be displayed before voting.
 
 **Settings:**
+
 - You can add image description to your avatar/backend, if supported by backend.
 - GoToSocial users can manage post interaction policies.
 - Users can set interface theme color.
@@ -30,6 +32,7 @@ Changes made since the project forked from Soapbox in April 2024.
 - Users can use system font for emoji rendering.
 
 **Composing posts:**
+
 - WYSIWYG text formatting, available if Markdown is supported.
 - When writing posts, links to statuses are added as quotes, when supported by backend.
 - You can select post language manually, when composing.
@@ -44,11 +47,13 @@ Changes made since the project forked from Soapbox in April 2024.
 - When entering a long, all-lowercase hashtag, a suggestion about hashtag accessibility is displayed.
 
 **Dashboard:**
+
 - Dashboard main page displays metrics included in Mastodon admin dashboard, if supported by backend.
 
 **Features:**
+
 - The most recent scrobble is displayed on user profile/card.
-- Users can generate *interaction circles* for their profiles.
+- Users can generate _interaction circles_ for their profiles.
 - You can bite users, if supported by backend.
 - You can browse Bubble timeline, if supported by backend.
 - Mastodon displays trending articles on Search page.
@@ -73,6 +78,7 @@ Changes made since the project forked from Soapbox in April 2024.
 ### Changed
 
 **Behavior:**
+
 - Separated favourites from reaction emojis. Limit for one reaction per post is removed. Facebook-like emoji reaction bar is removed.
 - Simplified sensitive text/media logic.
 - Reposting user is mentioned, when replying to a reposted status.
@@ -85,17 +91,20 @@ Changes made since the project forked from Soapbox in April 2024.
 - Various accessibility changes, focused on screen reader compatibility.
 
 **Settings:**
+
 - Moved missing description confirmation option back to Settings page.
 - Profile fields can be reordered on the Edit profile page.
 - Explicit addressing can be disabled on supported backends.
 - Developers options are no longer hidden behind a challenge.
 
 **Composing posts:**
+
 - Custom emojis are now split into categories.
 - GoToSocial users can post with date in the past.
 - Post scopes were renamed to match wording used by Mastodon.
 
 **UI changes:**
+
 - Removed header. Search bar and profile dropdown are moved to the sidebar. Mobile sidebar button is moved to the thumb navigation.
 - Floating action button for creating new posts is moved to the thumb navigation.
 - Mobile sidebar UI is changed to look like a popover.
@@ -116,6 +125,7 @@ Changes made since the project forked from Soapbox in April 2024.
 - Redesigned audio/video player controls.
 
 **Internal:**
+
 - Migrated some local stores from Redux to Zustand. Other stores have been migrated away from `immutable`, before moving them either to Zustand or TanStack Query.
 - Posts are now emojified during render, instead of when inserting posts to the state.
 - Barrel exports are no longer used.
@@ -126,6 +136,7 @@ Changes made since the project forked from Soapbox in April 2024.
 - Default max image size is increased to match Mastodon limits.
 
 **Dependencies:**
+
 - Replaced `react-popper` and `react-overlays` with `@floating-ui/react`.
 - `uuid` package is replaced by the `randomUUID()` method.
 
diff --git a/packages/pl-fe/index.html b/packages/pl-fe/index.html
index d9183f921..960eb6e91 100644
--- a/packages/pl-fe/index.html
+++ b/packages/pl-fe/index.html
@@ -1,12 +1,18 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no, interactive-widget=resizes-content">
-    <meta name="mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta http-equiv="content-security-policy" content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; connect-src 'self' blob: https: wss:; img-src 'self' data: blob: https:; media-src 'self' https:; style-src 'self' 'unsafe-inline'; frame-src 'self' https:; font-src 'self'; base-uri 'self'; manifest-src 'self';">
-    <link href="/manifest.json" rel="manifest">
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no, interactive-widget=resizes-content"
+    />
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      http-equiv="content-security-policy"
+      content="default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; connect-src 'self' blob: https: wss:; img-src 'self' data: blob: https:; media-src 'self' https:; style-src 'self' 'unsafe-inline'; frame-src 'self' https:; font-src 'self'; base-uri 'self'; manifest-src 'self';"
+    />
+    <link href="/manifest.json" rel="manifest" />
     <!--server-generated-meta-->
     <script type="module" src="./src/main.tsx"></script>
     <%- snippets %>
diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index 4dbdc5103..b07ef8a0b 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -2,20 +2,21 @@
   "name": "pl-fe",
   "displayName": "Nicolium",
   "version": "0.0.1",
-  "type": "module",
   "description": "Mastodon-compatible social media front-end",
-  "homepage": "https://codeberg.org/mkljczk/nicolium",
-  "repository": {
-    "type": "git",
-    "url": "https://codeberg.org/mkljczk/nicolium"
-  },
   "keywords": [
     "fediverse",
     "pleroma"
   ],
+  "homepage": "https://codeberg.org/mkljczk/nicolium",
   "bugs": {
     "url": "https://codeberg.org/mkljczk/nicolium/issues"
   },
+  "license": "AGPL-3.0-or-later",
+  "repository": {
+    "type": "git",
+    "url": "https://codeberg.org/mkljczk/nicolium"
+  },
+  "type": "module",
   "scripts": {
     "start": "npx vite serve",
     "dev": "${npm_execpath} run start",
@@ -24,16 +25,12 @@
     "audit:fix": "npx yarn-audit-fix",
     "i18n": "npx formatjs extract 'src/**/*.{ts,tsx}' --ignore '**/*.d.ts' --out-file build/messages.json && npx formatjs compile build/messages.json --out-file src/locales/en.json",
     "lint": "${npm_execpath} run lint:js && ${npm_execpath} run lint:sass",
-    "lint:js": "npx eslint --ext .js,.jsx,.cjs,.mjs,.ts,.tsx . --cache",
+    "lint:js": "oxlint",
     "lint:sass": "npx stylelint src/styles/**/*.scss",
+    "fmt": "oxfmt",
+    "fmt:check": "oxfmt --check",
     "precommit": "lint-staged"
   },
-  "license": "AGPL-3.0-or-later",
-  "browserslist": [
-    "> 0.5%",
-    "last 2 versions",
-    "not dead"
-  ],
   "dependencies": {
     "@emoji-mart/data": "^1.2.1",
     "@floating-ui/react": "^0.27.16",
@@ -137,7 +134,6 @@
   "devDependencies": {
     "@formatjs/cli": "^6.9.0",
     "@sentry/types": "^8.47.0",
-    "@stylistic/eslint-plugin": "^3.1.0",
     "@types/dom-chromium-ai": "^0.0.11",
     "@types/leaflet": "^1.9.15",
     "@types/lodash": "^4.17.13",
@@ -148,20 +144,8 @@
     "@types/react-router-dom": "^5.3.3",
     "@types/react-sparklines": "^1.7.5",
     "@types/react-swipeable-views": "^0.13.6",
-    "@typescript-eslint/eslint-plugin": "^8.24.1",
-    "@typescript-eslint/parser": "^8.24.0",
     "@vitejs/plugin-react": "^5.1.3",
-    "eslint": "^8.57.1",
-    "eslint-import-resolver-typescript": "^4.0.0",
-    "eslint-plugin-compat": "^6.0.2",
     "eslint-plugin-formatjs": "^5.4.2",
-    "eslint-plugin-import": "^2.31.0",
-    "eslint-plugin-jsdoc": "^50.6.1",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.3",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-tailwindcss": "^3.17.5",
     "globals": "^15.14.0",
     "oxfmt": "^0.32.0",
     "oxlint": "^1.47.0",
@@ -182,7 +166,15 @@
     "vite-plugin-static-copy": "^3.2.0"
   },
   "lint-staged": {
-    "*.{js,cjs,mjs,ts,tsx}": "eslint --cache",
+    "*.{js,cjs,mjs,ts,tsx}": [
+      "oxlint",
+      "oxfmt --check"
+    ],
     "src/styles/**/*.scss": "stylelint"
-  }
+  },
+  "browserslist": [
+    "> 0.5%",
+    "last 2 versions",
+    "not dead"
+  ]
 }
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll-with-emojis.json b/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll-with-emojis.json
index 76c722a45..1e1ee1f61 100644
--- a/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll-with-emojis.json
+++ b/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll-with-emojis.json
@@ -56,9 +56,7 @@
     "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
     "pleroma": {
       "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
+      "also_known_as": ["https://mitra.social/users/alex"],
       "ap_id": "https://gleasonator.com/users/alex",
       "background_image": null,
       "birthday": "1993-07-03",
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll.json b/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll.json
index 452a5acb7..74e464df4 100644
--- a/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll.json
+++ b/packages/pl-fe/src/__fixtures__/pleroma-status-with-poll.json
@@ -56,9 +56,7 @@
     "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
     "pleroma": {
       "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
+      "also_known_as": ["https://mitra.social/users/alex"],
       "ap_id": "https://gleasonator.com/users/alex",
       "background_image": null,
       "birthday": "1993-07-03",
diff --git a/packages/pl-fe/src/__fixtures__/pleroma-status.json b/packages/pl-fe/src/__fixtures__/pleroma-status.json
index 69f84afab..bf795f5e4 100644
--- a/packages/pl-fe/src/__fixtures__/pleroma-status.json
+++ b/packages/pl-fe/src/__fixtures__/pleroma-status.json
@@ -56,9 +56,7 @@
     "note": "I create Fediverse software that empowers people online.<br/><br/>I&#39;m vegan btw<br/><br/>Note: If you have a question for me, please tag me publicly. This gives the opportunity for others to chime in, and bystanders to learn.",
     "pleroma": {
       "accepts_chat_messages": true,
-      "also_known_as": [
-        "https://mitra.social/users/alex"
-      ],
+      "also_known_as": ["https://mitra.social/users/alex"],
       "ap_id": "https://gleasonator.com/users/alex",
       "background_image": null,
       "birthday": "1993-07-03",
diff --git a/packages/pl-fe/src/actions/accounts.ts b/packages/pl-fe/src/actions/accounts.ts
index fcf68ab64..18d567fda 100644
--- a/packages/pl-fe/src/actions/accounts.ts
+++ b/packages/pl-fe/src/actions/accounts.ts
@@ -15,62 +15,67 @@ import type { AppDispatch, RootState } from '@/store';
 const ACCOUNT_BLOCK_SUCCESS = 'ACCOUNT_BLOCK_SUCCESS' as const;
 const ACCOUNT_MUTE_SUCCESS = 'ACCOUNT_MUTE_SUCCESS' as const;
 
-const createAccount = (params: CreateAccountParams) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState()).settings.createAccount(params).then((response) =>
-      ({ params, response }),
-    );
+const createAccount =
+  (params: CreateAccountParams) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState())
+      .settings.createAccount(params)
+      .then((response) => ({ params, response }));
 
-const fetchAccount = (accountId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    dispatch(fetchRelationships([accountId]));
+const fetchAccount = (accountId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  dispatch(fetchRelationships([accountId]));
 
-    const account = selectAccount(getState(), accountId);
+  const account = selectAccount(getState(), accountId);
 
-    if (account) {
-      return Promise.resolve(null);
-    }
+  if (account) {
+    return Promise.resolve(null);
+  }
 
-    return getClient(getState()).accounts.getAccount(accountId)
-      .then(response => {
-        dispatch(importEntities({ accounts: [response] }));
-      })
-      .catch(error => {
-      });
-  };
+  return getClient(getState())
+    .accounts.getAccount(accountId)
+    .then((response) => {
+      dispatch(importEntities({ accounts: [response] }));
+    })
+    .catch((error) => {});
+};
 
-const fetchAccountByUsername = (username: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const fetchAccountByUsername =
+  (username: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const { auth, me } = getState();
     const features = auth.client.features;
 
     if (features.accountByUsername && (me || !features.accountLookup)) {
-      return getClient(getState()).accounts.getAccount(username).then(response => {
-        dispatch(fetchRelationships([response.id]));
-        dispatch(importEntities({ accounts: [response] }));
-      });
+      return getClient(getState())
+        .accounts.getAccount(username)
+        .then((response) => {
+          dispatch(fetchRelationships([response.id]));
+          dispatch(importEntities({ accounts: [response] }));
+        });
     } else if (features.accountLookup) {
-      return dispatch(accountLookup(username)).then(account => {
+      return dispatch(accountLookup(username)).then((account) => {
         dispatch(fetchRelationships([account.id]));
       });
     } else {
-      return getClient(getState()).accounts.searchAccounts(username, { resolve: true, limit: 1 }).then(accounts => {
-        const found = accounts.find((a) => a.acct === username);
+      return getClient(getState())
+        .accounts.searchAccounts(username, { resolve: true, limit: 1 })
+        .then((accounts) => {
+          const found = accounts.find((a) => a.acct === username);
 
-        if (found) {
-          dispatch(fetchRelationships([found.id]));
-        } else {
-          throw accounts;
-        }
-      });
+          if (found) {
+            dispatch(fetchRelationships([found.id]));
+          } else {
+            throw accounts;
+          }
+        });
     }
   };
 
-const fetchRelationships = (accountIds: string[]) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const fetchRelationships =
+  (accountIds: string[]) => (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return null;
 
-    const newAccountIds = accountIds.filter(id => !queryClient.getQueryData(['accountRelationships', id]));
+    const newAccountIds = accountIds.filter(
+      (id) => !queryClient.getQueryData(['accountRelationships', id]),
+    );
 
     if (newAccountIds.length === 0) {
       return null;
@@ -78,24 +83,25 @@ const fetchRelationships = (accountIds: string[]) =>
 
     const fetcher = batcher.relationships(getClient(getState())).fetch;
 
-    return Promise.all(newAccountIds.map(fetcher))
-      .then(response =>{
-        dispatch(importEntities({ relationships: response }));
-      });
+    return Promise.all(newAccountIds.map(fetcher)).then((response) => {
+      dispatch(importEntities({ relationships: response }));
+    });
   };
 
-const accountLookup = (acct: string, signal?: AbortSignal) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState()).accounts.lookupAccount(acct, { signal }).then((account) => {
-      if (account && account.id) dispatch(importEntities({ accounts: [account] }));
-      return account;
-    });
+const accountLookup =
+  (acct: string, signal?: AbortSignal) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState())
+      .accounts.lookupAccount(acct, { signal })
+      .then((account) => {
+        if (account && account.id) dispatch(importEntities({ accounts: [account] }));
+        return account;
+      });
 
 type AccountsAction = {
-    type: typeof ACCOUNT_BLOCK_SUCCESS | typeof ACCOUNT_MUTE_SUCCESS;
-    relationship: Relationship;
-    statuses: Record<string, MinifiedStatus>;
-  };
+  type: typeof ACCOUNT_BLOCK_SUCCESS | typeof ACCOUNT_MUTE_SUCCESS;
+  relationship: Relationship;
+  statuses: Record<string, MinifiedStatus>;
+};
 
 export {
   ACCOUNT_BLOCK_SUCCESS,
diff --git a/packages/pl-fe/src/actions/admin.ts b/packages/pl-fe/src/actions/admin.ts
index 3c4808b2c..6c99d761d 100644
--- a/packages/pl-fe/src/actions/admin.ts
+++ b/packages/pl-fe/src/actions/admin.ts
@@ -17,72 +17,86 @@ const ADMIN_CONFIG_FETCH_SUCCESS = 'ADMIN_CONFIG_FETCH_SUCCESS' as const;
 const ADMIN_CONFIG_UPDATE_REQUEST = 'ADMIN_CONFIG_UPDATE_REQUEST' as const;
 const ADMIN_CONFIG_UPDATE_SUCCESS = 'ADMIN_CONFIG_UPDATE_SUCCESS' as const;
 
-const fetchConfig = () =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.config.getPleromaConfig()
-      .then((data) => {
-        dispatch<AdminActions>({ type: ADMIN_CONFIG_FETCH_SUCCESS, configs: data.configs, needsReboot: data.need_reboot });
+const fetchConfig = () => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState)
+    .admin.config.getPleromaConfig()
+    .then((data) => {
+      dispatch<AdminActions>({
+        type: ADMIN_CONFIG_FETCH_SUCCESS,
+        configs: data.configs,
+        needsReboot: data.need_reboot,
       });
+    });
 
-const updateConfig = (configs: PleromaConfig['configs']) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const updateConfig =
+  (configs: PleromaConfig['configs']) => (dispatch: AppDispatch, getState: () => RootState) => {
     dispatch<AdminActions>({ type: ADMIN_CONFIG_UPDATE_REQUEST, configs });
-    return getClient(getState).admin.config.updatePleromaConfig(configs)
+    return getClient(getState)
+      .admin.config.updatePleromaConfig(configs)
       .then((data) => {
-        dispatch<AdminActions>({ type: ADMIN_CONFIG_UPDATE_SUCCESS, configs: data.configs, needsReboot: data.need_reboot });
+        dispatch<AdminActions>({
+          type: ADMIN_CONFIG_UPDATE_SUCCESS,
+          configs: data.configs,
+          needsReboot: data.need_reboot,
+        });
       });
   };
 
-const updateFrontendConfig = (data: Record<string, any>) =>
-  (dispatch: AppDispatch) => {
-    const params = [{
+const updateFrontendConfig = (data: Record<string, any>) => (dispatch: AppDispatch) => {
+  const params = [
+    {
       group: ':pleroma',
       key: ':frontend_configurations',
-      value: [{
-        tuple: [':pl_fe', data],
-      }],
-    }];
+      value: [
+        {
+          tuple: [':pl_fe', data],
+        },
+      ],
+    },
+  ];
 
-    return dispatch(updateConfig(params));
-  };
+  return dispatch(updateConfig(params));
+};
 
-const deactivateUser = (accountId: string, report_id?: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const deactivateUser =
+  (accountId: string, report_id?: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
 
-    return getClient(state).admin.accounts.performAccountAction(accountId, 'suspend', { report_id });
+    return getClient(state).admin.accounts.performAccountAction(accountId, 'suspend', {
+      report_id,
+    });
   };
 
-const deleteUser = (accountId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.accounts.deleteAccount(accountId);
+const deleteUser = (accountId: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).admin.accounts.deleteAccount(accountId);
 
-const deleteStatus = (statusId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.statuses.deleteStatus(statusId)
-      .then(() => {
-        dispatch(deleteFromTimelines(statusId));
-        return ({ statusId });
-      });
+const deleteStatus = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState)
+    .admin.statuses.deleteStatus(statusId)
+    .then(() => {
+      dispatch(deleteFromTimelines(statusId));
+      return { statusId };
+    });
 
-const toggleStatusSensitivity = (statusId: string, sensitive: boolean) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.statuses.updateStatus(statusId, { sensitive: !sensitive })
+const toggleStatusSensitivity =
+  (statusId: string, sensitive: boolean) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState)
+      .admin.statuses.updateStatus(statusId, { sensitive: !sensitive })
       .then((status) => {
         dispatch(importEntities({ statuses: [status] }));
       });
 
-const tagUser = (accountId: string, tags: string[]) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
+const tagUser =
+  (accountId: string, tags: string[]) => (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).admin.accounts.tagUser(accountId, tags);
 
-const untagUser = (accountId: string, tags: string[]) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
+const untagUser =
+  (accountId: string, tags: string[]) => (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).admin.accounts.untagUser(accountId, tags);
 
 /** Synchronizes user tags to the backend. */
-const setTags = (accountId: string, oldTags: string[], newTags: string[]) =>
-  async(dispatch: AppDispatch) => {
+const setTags =
+  (accountId: string, oldTags: string[], newTags: string[]) => async (dispatch: AppDispatch) => {
     const diff = getTagDiff(oldTags, newTags);
 
     if (diff.added.length) await dispatch(tagUser(accountId, diff.added));
@@ -90,28 +104,26 @@ const setTags = (accountId: string, oldTags: string[], newTags: string[]) =>
   };
 
 /** Synchronizes badges to the backend. */
-const setBadges = (accountId: string, oldTags: string[], newTags: string[]) =>
-  (dispatch: AppDispatch) => {
+const setBadges =
+  (accountId: string, oldTags: string[], newTags: string[]) => (dispatch: AppDispatch) => {
     const oldBadges = filterBadges(oldTags);
     const newBadges = filterBadges(newTags);
 
     return dispatch(setTags(accountId, oldBadges, newBadges));
   };
 
-const promoteToAdmin = (accountId: string) =>
-  (_dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.accounts.promoteToAdmin(accountId);
+const promoteToAdmin = (accountId: string) => (_dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).admin.accounts.promoteToAdmin(accountId);
 
-const promoteToModerator = (accountId: string) =>
-  (_dispatch: AppDispatch, getState: () => RootState) =>
+const promoteToModerator =
+  (accountId: string) => (_dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).admin.accounts.promoteToModerator(accountId);
 
-const demoteToUser = (accountId: string) =>
-  (_dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).admin.accounts.demoteToUser(accountId);
+const demoteToUser = (accountId: string) => (_dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).admin.accounts.demoteToUser(accountId);
 
-const setRole = (accountId: string, role: 'user' | 'moderator' | 'admin') =>
-  (dispatch: AppDispatch) => {
+const setRole =
+  (accountId: string, role: 'user' | 'moderator' | 'admin') => (dispatch: AppDispatch) => {
     switch (role) {
       case 'user':
         return dispatch(demoteToUser(accountId));
@@ -126,20 +138,45 @@ const redactStatus = (statusId: string) => (dispatch: AppDispatch, getState: ()
   const state = getState();
 
   const status = state.statuses[statusId];
-  const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
+  const poll = status.poll_id
+    ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id])
+    : undefined;
 
-  return getClient(state).statuses.getStatusSource(statusId).then(response => {
-    dispatch(setComposeToStatus(status, poll, response.text, response.spoiler_text, response.content_type, false, undefined, undefined, true));
-    useModalsStore.getState().actions.openModal('COMPOSE');
-  }).catch(error => {
-    dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_FAIL, error });
-  });
+  return getClient(state)
+    .statuses.getStatusSource(statusId)
+    .then((response) => {
+      dispatch(
+        setComposeToStatus(
+          status,
+          poll,
+          response.text,
+          response.spoiler_text,
+          response.content_type,
+          false,
+          undefined,
+          undefined,
+          true,
+        ),
+      );
+      useModalsStore.getState().actions.openModal('COMPOSE');
+    })
+    .catch((error) => {
+      dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_FAIL, error });
+    });
 };
 
 type AdminActions =
-  | { type: typeof ADMIN_CONFIG_FETCH_SUCCESS; configs: PleromaConfig['configs']; needsReboot: boolean }
+  | {
+      type: typeof ADMIN_CONFIG_FETCH_SUCCESS;
+      configs: PleromaConfig['configs'];
+      needsReboot: boolean;
+    }
   | { type: typeof ADMIN_CONFIG_UPDATE_REQUEST; configs: PleromaConfig['configs'] }
-  | { type: typeof ADMIN_CONFIG_UPDATE_SUCCESS; configs: PleromaConfig['configs']; needsReboot: boolean };
+  | {
+      type: typeof ADMIN_CONFIG_UPDATE_SUCCESS;
+      configs: PleromaConfig['configs'];
+      needsReboot: boolean;
+    };
 
 export {
   ADMIN_CONFIG_FETCH_SUCCESS,
diff --git a/packages/pl-fe/src/actions/apps.ts b/packages/pl-fe/src/actions/apps.ts
index c8bf94aa4..8bdbd4f9a 100644
--- a/packages/pl-fe/src/actions/apps.ts
+++ b/packages/pl-fe/src/actions/apps.ts
@@ -16,6 +16,4 @@ const createApp = (params: CreateApplicationParams, baseURL?: string) => {
   return client.apps.createApplication(params);
 };
 
-export {
-  createApp,
-};
+export { createApp };
diff --git a/packages/pl-fe/src/actions/auth.ts b/packages/pl-fe/src/actions/auth.ts
index 698dc7665..174347d24 100644
--- a/packages/pl-fe/src/actions/auth.ts
+++ b/packages/pl-fe/src/actions/auth.ts
@@ -5,7 +5,7 @@
  * @see module:pl-fe/actions/apps
  * @see module:pl-fe/actions/oauth
  * @see module:pl-fe/actions/security
-*/
+ */
 import {
   credentialAccountSchema,
   PlApiClient,
@@ -55,64 +55,66 @@ const AUTH_ACCOUNT_REMEMBER_SUCCESS = 'AUTH_ACCOUNT_REMEMBER_SUCCESS' as const;
 
 const messages = defineMessages({
   loggedOut: { id: 'auth.logged_out', defaultMessage: 'Logged out.' },
-  awaitingApproval: { id: 'auth.awaiting_approval', defaultMessage: 'Your account is awaiting approval' },
-  invalidCredentials: { id: 'auth.invalid_credentials', defaultMessage: 'Wrong username or password' },
+  awaitingApproval: {
+    id: 'auth.awaiting_approval',
+    defaultMessage: 'Your account is awaiting approval',
+  },
+  invalidCredentials: {
+    id: 'auth.invalid_credentials',
+    defaultMessage: 'Wrong username or password',
+  },
 });
 
-const noOp = () => new Promise(f =>{
-  f(undefined);
-});
+const noOp = () =>
+  new Promise((f) => {
+    f(undefined);
+  });
 
-const createAppAndToken = () =>
-  (dispatch: AppDispatch) =>
-    dispatch(createAuthApp()).then(() =>
-      dispatch(createAppToken()),
-    );
+const createAppAndToken = () => (dispatch: AppDispatch) =>
+  dispatch(createAuthApp()).then(() => dispatch(createAppToken()));
 
 interface AuthAppCreatedAction {
   type: typeof AUTH_APP_CREATED;
   app: CredentialApplication;
 }
 
-const createAuthApp = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const params = {
-      client_name: `${sourceCode.displayName} (${new URL(window.origin).host})`,
-      redirect_uris: 'urn:ietf:wg:oauth:2.0:oob',
-      scopes: getScopes(getState()),
-      website: sourceCode.homepage,
-    };
-
-    return createApp(params).then((app) =>
-      dispatch<AuthAppCreatedAction>({ type: AUTH_APP_CREATED, app }),
-    );
+const createAuthApp = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const params = {
+    client_name: `${sourceCode.displayName} (${new URL(window.origin).host})`,
+    redirect_uris: 'urn:ietf:wg:oauth:2.0:oob',
+    scopes: getScopes(getState()),
+    website: sourceCode.homepage,
   };
 
+  return createApp(params).then((app) =>
+    dispatch<AuthAppCreatedAction>({ type: AUTH_APP_CREATED, app }),
+  );
+};
+
 interface AuthAppAuthorizedAction {
   type: typeof AUTH_APP_AUTHORIZED;
   app: CredentialApplication;
   token: Token;
 }
 
-const createAppToken = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const app = getState().auth.app!;
+const createAppToken = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const app = getState().auth.app!;
 
-    const params = {
-      client_id: app.client_id,
-      client_secret: app.client_secret,
-      redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
-      grant_type: 'client_credentials',
-      scope: getScopes(getState()),
-    };
-
-    return obtainOAuthToken(params).then((token) =>
-      dispatch<AuthAppAuthorizedAction>({ type: AUTH_APP_AUTHORIZED, app, token }),
-    );
+  const params = {
+    client_id: app.client_id,
+    client_secret: app.client_secret,
+    redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
+    grant_type: 'client_credentials',
+    scope: getScopes(getState()),
   };
 
-const createUserToken = (username: string, password: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+  return obtainOAuthToken(params).then((token) =>
+    dispatch<AuthAppAuthorizedAction>({ type: AUTH_APP_AUTHORIZED, app, token }),
+  );
+};
+
+const createUserToken =
+  (username: string, password: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const app = getState().auth.app;
 
     const params = {
@@ -125,25 +127,26 @@ const createUserToken = (username: string, password: string) =>
       scope: getScopes(getState()),
     };
 
-    return obtainOAuthToken(params)
-      .then((token) => dispatch(authLoggedIn(token, app)));
+    return obtainOAuthToken(params).then((token) => dispatch(authLoggedIn(token, app)));
   };
 
-const otpVerify = (code: string, mfa_token: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const otpVerify =
+  (code: string, mfa_token: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const app = state.auth.app;
     const baseUrl = parseBaseURL(state.me) || BuildConfig.BACKEND_URL;
     const client = new PlApiClient(baseUrl);
-    return client.oauth.mfaChallenge({
-      client_id: app?.client_id!,
-      client_secret: app?.client_secret!,
-      mfa_token: mfa_token,
-      code: code,
-      challenge_type: 'totp',
-      // redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
-      // scope: getScopes(getState()),
-    }).then((token) => dispatch(authLoggedIn(token, app)));
+    return client.oauth
+      .mfaChallenge({
+        client_id: app?.client_id!,
+        client_secret: app?.client_secret!,
+        mfa_token: mfa_token,
+        code: code,
+        challenge_type: 'totp',
+        // redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
+        // scope: getScopes(getState()),
+      })
+      .then((token) => dispatch(authLoggedIn(token, app)));
   };
 
 interface VerifyCredentialsRequestAction {
@@ -163,7 +166,8 @@ interface VerifyCredentialsFailAction {
   error: unknown;
 }
 
-const verifyCredentials = (token: string, accountUrl?: string) =>
+const verifyCredentials =
+  (token: string, accountUrl?: string) =>
   async (dispatch: AppDispatch, getState: () => RootState) => {
     const baseURL = parseBaseURL(accountUrl) || BuildConfig.BACKEND_URL;
 
@@ -173,26 +177,37 @@ const verifyCredentials = (token: string, accountUrl?: string) =>
 
     await client.instance.getInstance();
 
-    return client.settings.verifyCredentials().then((account) => {
-      dispatch(importEntities({ accounts: [account] }));
-      dispatch<VerifyCredentialsSuccessAction>({ type: VERIFY_CREDENTIALS_SUCCESS, token, account });
-      if (account.id === getState().me) dispatch(fetchMeSuccess(account));
-      return account;
-    }).catch(error => {
-      if (error?.response?.status === 403 && error?.response?.json?.id) {
-        // The user is waitlisted
-        const account = error.response.json;
-        const parsedAccount = v.parse(credentialAccountSchema, error.response.json);
-        dispatch(importEntities({ accounts: [parsedAccount] }));
-        dispatch<VerifyCredentialsSuccessAction>({ type: VERIFY_CREDENTIALS_SUCCESS, token, account: parsedAccount });
-        if (account.id === getState().me) dispatch(fetchMeSuccess(parsedAccount));
-        return parsedAccount;
-      } else {
-        if (getState().me === null) dispatch(fetchMeFail(error));
-        dispatch<VerifyCredentialsFailAction>({ type: VERIFY_CREDENTIALS_FAIL, token, error });
-        throw error;
-      }
-    });
+    return client.settings
+      .verifyCredentials()
+      .then((account) => {
+        dispatch(importEntities({ accounts: [account] }));
+        dispatch<VerifyCredentialsSuccessAction>({
+          type: VERIFY_CREDENTIALS_SUCCESS,
+          token,
+          account,
+        });
+        if (account.id === getState().me) dispatch(fetchMeSuccess(account));
+        return account;
+      })
+      .catch((error) => {
+        if (error?.response?.status === 403 && error?.response?.json?.id) {
+          // The user is waitlisted
+          const account = error.response.json;
+          const parsedAccount = v.parse(credentialAccountSchema, error.response.json);
+          dispatch(importEntities({ accounts: [parsedAccount] }));
+          dispatch<VerifyCredentialsSuccessAction>({
+            type: VERIFY_CREDENTIALS_SUCCESS,
+            token,
+            account: parsedAccount,
+          });
+          if (account.id === getState().me) dispatch(fetchMeSuccess(parsedAccount));
+          return parsedAccount;
+        } else {
+          if (getState().me === null) dispatch(fetchMeFail(error));
+          dispatch<VerifyCredentialsFailAction>({ type: VERIFY_CREDENTIALS_FAIL, token, error });
+          throw error;
+        }
+      });
   };
 
 interface AuthAccountRememberSuccessAction {
@@ -201,34 +216,39 @@ interface AuthAccountRememberSuccessAction {
   account: CredentialAccount;
 }
 
-const rememberAuthAccount = (accountUrl: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    KVStore.getItemOrError(`authAccount:${accountUrl}`).then(account => {
+const rememberAuthAccount =
+  (accountUrl: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+    KVStore.getItemOrError(`authAccount:${accountUrl}`).then((account) => {
       dispatch(importEntities({ accounts: [account] }));
-      dispatch<AuthAccountRememberSuccessAction>({ type: AUTH_ACCOUNT_REMEMBER_SUCCESS, account, accountUrl });
+      dispatch<AuthAccountRememberSuccessAction>({
+        type: AUTH_ACCOUNT_REMEMBER_SUCCESS,
+        account,
+        accountUrl,
+      });
       if (account.id === getState().me) dispatch(fetchMeSuccess(account));
       return account;
     });
 
-const loadCredentials = (token: string, accountUrl: string) =>
-  (dispatch: AppDispatch) => dispatch(rememberAuthAccount(accountUrl))
-    .finally(() => dispatch(verifyCredentials(token, accountUrl)));
+const loadCredentials = (token: string, accountUrl: string) => (dispatch: AppDispatch) =>
+  dispatch(rememberAuthAccount(accountUrl)).finally(() =>
+    dispatch(verifyCredentials(token, accountUrl)),
+  );
 
-const logIn = (username: string, password: string) =>
-  (dispatch: AppDispatch) => dispatch(createAuthApp()).then(() =>
-    dispatch(createUserToken(normalizeUsername(username), password)),
-  ).catch((error: { response: PlfeResponse }) => {
-    if ((error.response?.json)?.error === 'mfa_required') {
-      // If MFA is required, throw the error and handle it in the component.
+const logIn = (username: string, password: string) => (dispatch: AppDispatch) =>
+  dispatch(createAuthApp())
+    .then(() => dispatch(createUserToken(normalizeUsername(username), password)))
+    .catch((error: { response: PlfeResponse }) => {
+      if (error.response?.json?.error === 'mfa_required') {
+        // If MFA is required, throw the error and handle it in the component.
+        throw error;
+      } else if (error.response?.json?.identifier === 'awaiting_approval') {
+        toast.error(messages.awaitingApproval);
+      } else {
+        // Return "wrong password" message.
+        toast.error(messages.invalidCredentials);
+      }
       throw error;
-    } else if ((error.response?.json)?.identifier === 'awaiting_approval') {
-      toast.error(messages.awaitingApproval);
-    } else {
-      // Return "wrong password" message.
-      toast.error(messages.invalidCredentials);
-    }
-    throw error;
-  });
+    });
 
 interface AuthLoggedOutAction {
   type: typeof AUTH_LOGGED_OUT;
@@ -236,86 +256,79 @@ interface AuthLoggedOutAction {
   standalone: boolean;
 }
 
-const logOut = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const account = getLoggedInAccount(state);
-    const standalone = isStandalone(state);
+const logOut = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const state = getState();
+  const account = getLoggedInAccount(state);
+  const standalone = isStandalone(state);
 
-    if (!account) return dispatch(noOp);
+  if (!account) return dispatch(noOp);
 
-    const token = state.auth.users[account.url].access_token;
+  const token = state.auth.users[account.url].access_token;
 
-    const params = {
-      client_id: state.auth.tokens[token]?.client_id ?? state.auth.app?.client_id!,
-      client_secret: state.auth.tokens[token]?.client_secret ?? state.auth.app?.client_secret!,
-      token,
-    };
-
-    return dispatch(revokeOAuthToken(params))
-      .finally(() => {
-        // Clear all stored cache from React Query
-        queryClient.invalidateQueries();
-        queryClient.clear();
-
-        // Clear the account from Sentry.
-        unsetSentryAccount();
-
-        dispatch<AuthLoggedOutAction>({ type: AUTH_LOGGED_OUT, account, standalone });
-
-        toast.success(messages.loggedOut);
-      });
+  const params = {
+    client_id: state.auth.tokens[token]?.client_id ?? state.auth.app?.client_id!,
+    client_secret: state.auth.tokens[token]?.client_secret ?? state.auth.app?.client_secret!,
+    token,
   };
 
+  return dispatch(revokeOAuthToken(params)).finally(() => {
+    // Clear all stored cache from React Query
+    queryClient.invalidateQueries();
+    queryClient.clear();
+
+    // Clear the account from Sentry.
+    unsetSentryAccount();
+
+    dispatch<AuthLoggedOutAction>({ type: AUTH_LOGGED_OUT, account, standalone });
+
+    toast.success(messages.loggedOut);
+  });
+};
+
 interface SwitchAccountAction {
   type: typeof SWITCH_ACCOUNT;
   account: Account;
 }
 
-const switchAccount = (accountId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const account = selectAccount(getState(), accountId);
-    if (!account) return;
+const switchAccount = (accountId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  const account = selectAccount(getState(), accountId);
+  if (!account) return;
 
-    // Clear all stored cache from React Query
-    queryClient.invalidateQueries();
-    queryClient.clear();
+  // Clear all stored cache from React Query
+  queryClient.invalidateQueries();
+  queryClient.clear();
 
-    return dispatch<SwitchAccountAction>({ type: SWITCH_ACCOUNT, account });
-  };
+  return dispatch<SwitchAccountAction>({ type: SWITCH_ACCOUNT, account });
+};
 
-const fetchOwnAccounts = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    Object.values(state.auth.users).forEach((user) => {
-      const account = selectAccount(state, user.id);
-      if (!account) {
-        dispatch(verifyCredentials(user.access_token, user.url))
-          .catch(() =>{
-            console.warn(`Failed to load account: ${user.url}`);
-          });
-      }
-    });
-  };
-
-const register = (params: CreateAccountParams) =>
-  async (dispatch: AppDispatch) => {
-    params.fullname = params.username;
-
-    const { app } = await dispatch(createAppAndToken());
-
-    return dispatch(createAccount(params))
-      .then(({ response }) => {
-        if ('identifier' in response) {
-          toast.info(response.message);
-        } else {
-          return dispatch(authLoggedIn(response, app));
-        }
+const fetchOwnAccounts = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const state = getState();
+  Object.values(state.auth.users).forEach((user) => {
+    const account = selectAccount(state, user.id);
+    if (!account) {
+      dispatch(verifyCredentials(user.access_token, user.url)).catch(() => {
+        console.warn(`Failed to load account: ${user.url}`);
       });
-  };
+    }
+  });
+};
 
-const fetchCaptcha = () =>
-  (_dispatch: AppDispatch, getState: () => RootState) => getClient(getState).oauth.getCaptcha();
+const register = (params: CreateAccountParams) => async (dispatch: AppDispatch) => {
+  params.fullname = params.username;
+
+  const { app } = await dispatch(createAppAndToken());
+
+  return dispatch(createAccount(params)).then(({ response }) => {
+    if ('identifier' in response) {
+      toast.info(response.message);
+    } else {
+      return dispatch(authLoggedIn(response, app));
+    }
+  });
+};
+
+const fetchCaptcha = () => (_dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).oauth.getCaptcha();
 
 interface AuthLoggedInAction {
   type: typeof AUTH_LOGGED_IN;
@@ -323,8 +336,8 @@ interface AuthLoggedInAction {
   app?: CredentialApplication;
 }
 
-const authLoggedIn = (token: Token, app?: CredentialApplication | null) =>
-  (dispatch: AppDispatch) => {
+const authLoggedIn =
+  (token: Token, app?: CredentialApplication | null) => (dispatch: AppDispatch) => {
     dispatch<AuthLoggedInAction>({ type: AUTH_LOGGED_IN, token, app: app ?? undefined });
     return token;
   };
diff --git a/packages/pl-fe/src/actions/chats.ts b/packages/pl-fe/src/actions/chats.ts
index 7e1017ea2..fc3d784f4 100644
--- a/packages/pl-fe/src/actions/chats.ts
+++ b/packages/pl-fe/src/actions/chats.ts
@@ -3,13 +3,10 @@ import { useSettingsStore } from '@/stores/settings';
 
 import type { AppDispatch, RootState } from '@/store';
 
-const toggleChatPane = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const main = useSettingsStore.getState().settings.chats.mainWindow;
-    const state = main === 'minimized' ? 'open' : 'minimized';
-    dispatch(changeSetting(['chats', 'mainWindow'], state));
-  };
-
-export {
-  toggleChatPane,
+const toggleChatPane = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const main = useSettingsStore.getState().settings.chats.mainWindow;
+  const state = main === 'minimized' ? 'open' : 'minimized';
+  dispatch(changeSetting(['chats', 'mainWindow'], state));
 };
+
+export { toggleChatPane };
diff --git a/packages/pl-fe/src/actions/circle.ts b/packages/pl-fe/src/actions/circle.ts
index 480fa6104..47c94d9b6 100644
--- a/packages/pl-fe/src/actions/circle.ts
+++ b/packages/pl-fe/src/actions/circle.ts
@@ -14,10 +14,19 @@ interface Interaction {
   favourites: number;
 }
 
-const processCircle = (setProgress: (progress: {
-  state: 'pending' | 'fetchingStatuses' | 'fetchingFavourites' | 'fetchingAvatars' | 'drawing' | 'done';
-  progress: number;
-}) => void) =>
+const processCircle =
+  (
+    setProgress: (progress: {
+      state:
+        | 'pending'
+        | 'fetchingStatuses'
+        | 'fetchingFavourites'
+        | 'fetchingAvatars'
+        | 'drawing'
+        | 'done';
+      progress: number;
+    }) => void,
+  ) =>
   async (dispatch: AppDispatch, getState: () => RootState) => {
     setProgress({ state: 'pending', progress: 0 });
 
@@ -63,7 +72,8 @@ const processCircle = (setProgress: (progress: {
       return response.next;
     };
 
-    const fetchFavourites = async (next: (() => Promise<PaginatedResponse<Status>>) | null) => { // limit 40
+    const fetchFavourites = async (next: (() => Promise<PaginatedResponse<Status>>) | null) => {
+      // limit 40
       const response = await (next?.() ?? client.myAccount.getFavourites({ limit: 40 }));
 
       response.items.forEach((status) => {
@@ -93,26 +103,30 @@ const processCircle = (setProgress: (progress: {
       if (!next) break;
     }
 
-    const result = await Promise.all(Object.entries(interactions).map(([id, { acct, avatar, avatar_description, favourites, reblogs, replies }]) => {
-      const score = favourites + replies * 1.1 + reblogs * 1.3;
-      return { id, acct, avatar, avatar_description, score };
-    }).toSorted((a, b) => b.score - a.score).slice(0, 49).map(async (interaction, index, array) => {
-      setProgress({ state: 'fetchingAvatars', progress: 80 + (index / array.length) * 10 });
+    const result = await Promise.all(
+      Object.entries(interactions)
+        .map(([id, { acct, avatar, avatar_description, favourites, reblogs, replies }]) => {
+          const score = favourites + replies * 1.1 + reblogs * 1.3;
+          return { id, acct, avatar, avatar_description, score };
+        })
+        .toSorted((a, b) => b.score - a.score)
+        .slice(0, 49)
+        .map(async (interaction, index, array) => {
+          setProgress({ state: 'fetchingAvatars', progress: 80 + (index / array.length) * 10 });
 
-      if (interaction.acct) return interaction;
+          if (interaction.acct) return interaction;
 
-      const account = await client.accounts.getAccount(interaction.id);
+          const account = await client.accounts.getAccount(interaction.id);
 
-      interaction.acct = account.acct;
-      interaction.avatar = account.avatar_static || account.avatar;
-      interaction.avatar_description = account.avatar_description;
+          interaction.acct = account.acct;
+          interaction.avatar = account.avatar_static || account.avatar;
+          interaction.avatar_description = account.avatar_description;
 
-      return interaction;
-    }));
+          return interaction;
+        }),
+    );
 
     return result;
   };
 
-export {
-  processCircle,
-};
+export { processCircle };
diff --git a/packages/pl-fe/src/actions/compose.ts b/packages/pl-fe/src/actions/compose.ts
index 568eb2180..babe042ec 100644
--- a/packages/pl-fe/src/actions/compose.ts
+++ b/packages/pl-fe/src/actions/compose.ts
@@ -186,27 +186,27 @@ const setComposeToStatus =
     editorState?: string | null,
     redacting?: boolean,
   ) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      const { features } = getClient(getState);
-      const explicitAddressing =
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    const { features } = getClient(getState);
+    const explicitAddressing =
       features.createStatusExplicitAddressing &&
       !useSettingsStore.getState().settings.forceImplicitAddressing;
 
-      dispatch<ComposeSetStatusAction>({
-        type: COMPOSE_SET_STATUS,
-        composeId: 'compose-modal',
-        status,
-        poll,
-        rawText,
-        explicitAddressing,
-        spoilerText,
-        contentType,
-        withRedraft,
-        draftId,
-        editorState,
-        redacting,
-      });
-    };
+    dispatch<ComposeSetStatusAction>({
+      type: COMPOSE_SET_STATUS,
+      composeId: 'compose-modal',
+      status,
+      poll,
+      rawText,
+      explicitAddressing,
+      spoilerText,
+      contentType,
+      withRedraft,
+      draftId,
+      editorState,
+      redacting,
+    });
+  };
 
 const changeCompose = (composeId: string, text: string) => ({
   type: COMPOSE_CHANGE,
@@ -242,28 +242,28 @@ const replyCompose =
     rebloggedBy?: ComposeReplyAction['rebloggedBy'],
     approvalRequired?: ComposeReplyAction['approvalRequired'],
   ) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      const state = getState();
-      const { features } = getClient(getState);
-      const { forceImplicitAddressing, preserveSpoilers } = useSettingsStore.getState().settings;
-      const explicitAddressing = features.createStatusExplicitAddressing && !forceImplicitAddressing;
-      const account = selectOwnAccount(state);
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    const state = getState();
+    const { features } = getClient(getState);
+    const { forceImplicitAddressing, preserveSpoilers } = useSettingsStore.getState().settings;
+    const explicitAddressing = features.createStatusExplicitAddressing && !forceImplicitAddressing;
+    const account = selectOwnAccount(state);
 
-      if (!account) return;
+    if (!account) return;
 
-      dispatch<ComposeReplyAction>({
-        type: COMPOSE_REPLY,
-        composeId: 'compose-modal',
-        status,
-        account,
-        explicitAddressing,
-        preserveSpoilers,
-        rebloggedBy,
-        approvalRequired,
-        conversationScope: features.createStatusConversationScope,
-      });
-      useModalsStore.getState().actions.openModal('COMPOSE');
-    };
+    dispatch<ComposeReplyAction>({
+      type: COMPOSE_REPLY,
+      composeId: 'compose-modal',
+      status,
+      account,
+      explicitAddressing,
+      preserveSpoilers,
+      rebloggedBy,
+      approvalRequired,
+      conversationScope: features.createStatusConversationScope,
+    });
+    useModalsStore.getState().actions.openModal('COMPOSE');
+  };
 
 const cancelReplyCompose = () => ({
   type: COMPOSE_REPLY_CANCEL,
@@ -323,16 +323,16 @@ interface ComposeMentionAction {
 
 const mentionCompose =
   (account: ComposeMentionAction['account']) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      if (!getState().me) return;
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!getState().me) return;
 
-      dispatch<ComposeMentionAction>({
-        type: COMPOSE_MENTION,
-        composeId: 'compose-modal',
-        account: account,
-      });
-      useModalsStore.getState().actions.openModal('COMPOSE');
-    };
+    dispatch<ComposeMentionAction>({
+      type: COMPOSE_MENTION,
+      composeId: 'compose-modal',
+      account: account,
+    });
+    useModalsStore.getState().actions.openModal('COMPOSE');
+  };
 
 interface ComposeDirectAction {
   type: typeof COMPOSE_DIRECT;
@@ -376,9 +376,9 @@ const handleComposeSubmit = (
       data.visibility === 'direct' && getClient(getState()).features.conversations
         ? { to: '/conversations' }
         : {
-          to: '/@{$username}/posts/$statusId',
-          params: { username: data.account.acct, statusId: data.id },
-        };
+            to: '/@{$username}/posts/$statusId',
+            params: { username: data.account.acct, statusId: data.id },
+          };
     toast.success(
       redact ? messages.redactSuccess : edit ? messages.editSuccess : messages.success,
       {
@@ -423,159 +423,159 @@ interface SubmitComposeOpts {
 
 const submitCompose =
   (composeId: string, opts: SubmitComposeOpts = {}, preview = false) =>
-    async (dispatch: AppDispatch, getState: () => RootState) => {
-      const { force = false, onSuccess } = opts;
+  async (dispatch: AppDispatch, getState: () => RootState) => {
+    const { force = false, onSuccess } = opts;
 
-      if (!isLoggedIn(getState)) return;
-      const state = getState();
+    if (!isLoggedIn(getState)) return;
+    const state = getState();
 
-      const compose = state.compose[composeId];
+    const compose = state.compose[composeId];
 
-      const status = compose.text;
-      const media = compose.mediaAttachments;
-      const editedId = compose.editedId;
-      let to = compose.to;
-      const { forceImplicitAddressing } = useSettingsStore.getState().settings;
-      const explicitAddressing =
+    const status = compose.text;
+    const media = compose.mediaAttachments;
+    const editedId = compose.editedId;
+    let to = compose.to;
+    const { forceImplicitAddressing } = useSettingsStore.getState().settings;
+    const explicitAddressing =
       state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
 
-      if (!preview) {
-        if (!validateSchedule(state, composeId)) {
-          toast.error(messages.scheduleError);
-          return;
-        }
-
-        if ((!status || !status.length) && media.length === 0) {
-          return;
-        }
-
-        if (!force && needsDescriptions(state, composeId)) {
-          useModalsStore.getState().actions.openModal('MISSING_DESCRIPTION', {
-            onContinue: () => {
-              useModalsStore.getState().actions.closeModal('MISSING_DESCRIPTION');
-              dispatch(submitCompose(composeId, { force: true, onSuccess }));
-            },
-          });
-          return;
-        }
+    if (!preview) {
+      if (!validateSchedule(state, composeId)) {
+        toast.error(messages.scheduleError);
+        return;
       }
 
-      // https://stackoverflow.com/a/30007882 for domain regex
-      const mentions: string[] | null = status.match(
-        /(?:^|\s)@([a-z\d_-]+(?:@(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]+)?)/gi,
-      );
-
-      if (mentions) {
-        to = [
-          ...new Set([
-            ...to,
-            ...mentions.map((mention) =>
-              mention
-                .replace(/&#x20;/g, '')
-                .trim()
-                .slice(1),
-            ),
-          ]),
-        ];
+      if ((!status || !status.length) && media.length === 0) {
+        return;
       }
 
-      if (!preview) {
-        dispatch(submitComposeRequest(composeId));
-
-        useModalsStore.getState().actions.closeModal('COMPOSE');
-
-        if (compose.language && !editedId && !preview) {
-          useSettingsStore.getState().actions.rememberLanguageUse(compose.language);
-          dispatch(saveSettings());
-        }
+      if (!force && needsDescriptions(state, composeId)) {
+        useModalsStore.getState().actions.openModal('MISSING_DESCRIPTION', {
+          onContinue: () => {
+            useModalsStore.getState().actions.closeModal('MISSING_DESCRIPTION');
+            dispatch(submitCompose(composeId, { force: true, onSuccess }));
+          },
+        });
+        return;
       }
+    }
 
-      const idempotencyKey = compose.idempotencyKey;
-      const contentType = compose.contentType === 'wysiwyg' ? 'text/markdown' : compose.contentType;
+    // https://stackoverflow.com/a/30007882 for domain regex
+    const mentions: string[] | null = status.match(
+      /(?:^|\s)@([a-z\d_-]+(?:@(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]+)?)/gi,
+    );
 
-      const params: CreateStatusParams = {
-        status,
-        in_reply_to_id: compose.inReplyToId ?? undefined,
-        quote_id: compose.quoteId ?? undefined,
-        media_ids: media.map((item) => item.id),
-        sensitive: compose.sensitive,
-        spoiler_text: compose.spoilerText,
-        visibility: compose.visibility,
-        content_type: contentType,
-        scheduled_at: preview ? undefined : compose.scheduledAt?.toISOString(),
-        language: (compose.language ?? compose.suggestedLanguage) ?? undefined,
-        to: explicitAddressing && to.length ? to : undefined,
-        local_only: compose.localOnly,
-        interaction_policy:
+    if (mentions) {
+      to = [
+        ...new Set([
+          ...to,
+          ...mentions.map((mention) =>
+            mention
+              .replace(/&#x20;/g, '')
+              .trim()
+              .slice(1),
+          ),
+        ]),
+      ];
+    }
+
+    if (!preview) {
+      dispatch(submitComposeRequest(composeId));
+
+      useModalsStore.getState().actions.closeModal('COMPOSE');
+
+      if (compose.language && !editedId && !preview) {
+        useSettingsStore.getState().actions.rememberLanguageUse(compose.language);
+        dispatch(saveSettings());
+      }
+    }
+
+    const idempotencyKey = compose.idempotencyKey;
+    const contentType = compose.contentType === 'wysiwyg' ? 'text/markdown' : compose.contentType;
+
+    const params: CreateStatusParams = {
+      status,
+      in_reply_to_id: compose.inReplyToId ?? undefined,
+      quote_id: compose.quoteId ?? undefined,
+      media_ids: media.map((item) => item.id),
+      sensitive: compose.sensitive,
+      spoiler_text: compose.spoilerText,
+      visibility: compose.visibility,
+      content_type: contentType,
+      scheduled_at: preview ? undefined : compose.scheduledAt?.toISOString(),
+      language: compose.language ?? compose.suggestedLanguage ?? undefined,
+      to: explicitAddressing && to.length ? to : undefined,
+      local_only: compose.localOnly,
+      interaction_policy:
         (['public', 'unlisted', 'private'].includes(compose.visibility) &&
           compose.interactionPolicy) ??
         undefined,
-        quote_approval_policy: compose.quoteApprovalPolicy ?? undefined,
-        location_id: compose.location?.origin_id ?? undefined,
-        preview,
-      };
-
-      if (compose.poll) {
-        params.poll = {
-          options: compose.poll.options,
-          expires_in: compose.poll.expires_in,
-          multiple: compose.poll.multiple,
-          hide_totals: compose.poll.hide_totals,
-          options_map: compose.poll.options_map,
-        };
-      }
-
-      if (compose.language && Object.keys(compose.textMap).length) {
-        params.status_map = compose.textMap;
-        params.status_map[compose.language] = status;
-
-        if (params.spoiler_text) {
-          params.spoiler_text_map = compose.spoilerTextMap;
-          params.spoiler_text_map[compose.language] = compose.spoilerText;
-        }
-
-        const poll = params.poll;
-        if (poll?.options_map) {
-          poll.options.forEach(
-            (option, index: number) => (poll.options_map![index][compose.language!] = option),
-          );
-        }
-      }
-
-      if (compose.visibility === 'group' && compose.groupId) {
-        params.group_id = compose.groupId;
-      }
-
-      if (preview) {
-        const data = await getClient(state).statuses.previewStatus(params);
-        dispatch(previewComposeSuccess(composeId, data));
-        onSuccess?.();
-      } else {
-        if (compose.redacting) {
-        // @ts-ignore
-          params.overwrite = compose.redactingOverwrite;
-        }
-
-        try {
-          const data = await dispatch(
-            createStatus(params, idempotencyKey, editedId, compose.redacting),
-          );
-          handleComposeSubmit(
-            dispatch,
-            getState,
-            composeId,
-            data,
-            status,
-            !!editedId,
-            compose.redacting,
-          );
-          onSuccess?.();
-        } catch (error) {
-          dispatch(submitComposeFail(composeId, error));
-        }
-      }
+      quote_approval_policy: compose.quoteApprovalPolicy ?? undefined,
+      location_id: compose.location?.origin_id ?? undefined,
+      preview,
     };
 
+    if (compose.poll) {
+      params.poll = {
+        options: compose.poll.options,
+        expires_in: compose.poll.expires_in,
+        multiple: compose.poll.multiple,
+        hide_totals: compose.poll.hide_totals,
+        options_map: compose.poll.options_map,
+      };
+    }
+
+    if (compose.language && Object.keys(compose.textMap).length) {
+      params.status_map = compose.textMap;
+      params.status_map[compose.language] = status;
+
+      if (params.spoiler_text) {
+        params.spoiler_text_map = compose.spoilerTextMap;
+        params.spoiler_text_map[compose.language] = compose.spoilerText;
+      }
+
+      const poll = params.poll;
+      if (poll?.options_map) {
+        poll.options.forEach(
+          (option, index: number) => (poll.options_map![index][compose.language!] = option),
+        );
+      }
+    }
+
+    if (compose.visibility === 'group' && compose.groupId) {
+      params.group_id = compose.groupId;
+    }
+
+    if (preview) {
+      const data = await getClient(state).statuses.previewStatus(params);
+      dispatch(previewComposeSuccess(composeId, data));
+      onSuccess?.();
+    } else {
+      if (compose.redacting) {
+        // @ts-ignore
+        params.overwrite = compose.redactingOverwrite;
+      }
+
+      try {
+        const data = await dispatch(
+          createStatus(params, idempotencyKey, editedId, compose.redacting),
+        );
+        handleComposeSubmit(
+          dispatch,
+          getState,
+          composeId,
+          data,
+          status,
+          !!editedId,
+          compose.redacting,
+        );
+        onSuccess?.();
+      } catch (error) {
+        dispatch(submitComposeFail(composeId, error));
+      }
+    }
+  };
+
 const submitComposeRequest = (composeId: string) => ({
   type: COMPOSE_SUBMIT_REQUEST,
   composeId,
@@ -606,47 +606,47 @@ const cancelPreviewCompose = (composeId: string) => ({
 
 const uploadCompose =
   (composeId: string, files: FileList, intl: IntlShape) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      if (!isLoggedIn(getState)) return;
-      const attachmentLimit = getState().instance.configuration.statuses.max_media_attachments;
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!isLoggedIn(getState)) return;
+    const attachmentLimit = getState().instance.configuration.statuses.max_media_attachments;
 
-      const media = getState().compose[composeId]?.mediaAttachments;
-      const progress = new Array(files.length).fill(0);
-      let total = Array.from(files).reduce((a, v) => a + v.size, 0);
+    const media = getState().compose[composeId]?.mediaAttachments;
+    const progress = new Array(files.length).fill(0);
+    let total = Array.from(files).reduce((a, v) => a + v.size, 0);
 
-      const mediaCount = media ? media.length : 0;
+    const mediaCount = media ? media.length : 0;
 
-      if (files.length + mediaCount > attachmentLimit) {
-        toast.error(messages.uploadErrorLimit);
-        return;
-      }
+    if (files.length + mediaCount > attachmentLimit) {
+      toast.error(messages.uploadErrorLimit);
+      return;
+    }
 
-      dispatch(uploadComposeRequest(composeId));
+    dispatch(uploadComposeRequest(composeId));
 
-      Array.from(files).forEach((f, i) => {
-        if (mediaCount + i > attachmentLimit - 1) return;
+    Array.from(files).forEach((f, i) => {
+      if (mediaCount + i > attachmentLimit - 1) return;
 
-        dispatch(
-          uploadFile(
-            f,
-            intl,
-            (data) => dispatch(uploadComposeSuccess(composeId, data)),
-            (error) => dispatch(uploadComposeFail(composeId, error)),
-            ({ loaded }) => {
-              progress[i] = loaded;
-              dispatch(
-                uploadComposeProgress(
-                  composeId,
-                  progress.reduce((a, v) => a + v, 0),
-                  total,
-                ),
-              );
-            },
-            (value) => (total += value),
-          ),
-        );
-      });
-    };
+      dispatch(
+        uploadFile(
+          f,
+          intl,
+          (data) => dispatch(uploadComposeSuccess(composeId, data)),
+          (error) => dispatch(uploadComposeFail(composeId, error)),
+          ({ loaded }) => {
+            progress[i] = loaded;
+            dispatch(
+              uploadComposeProgress(
+                composeId,
+                progress.reduce((a, v) => a + v, 0),
+                total,
+              ),
+            );
+          },
+          (value) => (total += value),
+        ),
+      );
+    });
+  };
 
 const uploadComposeRequest = (composeId: string) => ({
   type: COMPOSE_UPLOAD_REQUEST,
@@ -674,19 +674,19 @@ const uploadComposeFail = (composeId: string, error: unknown) => ({
 
 const changeUploadCompose =
   (composeId: string, mediaId: string, params: UpdateMediaParams) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      if (!isLoggedIn(getState)) return Promise.resolve();
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!isLoggedIn(getState)) return Promise.resolve();
 
-      dispatch(changeUploadComposeRequest(composeId));
+    dispatch(changeUploadComposeRequest(composeId));
 
-      return dispatch(updateMedia(mediaId, params))
-        .then((response) => {
-          dispatch(changeUploadComposeSuccess(composeId, response));
-        })
-        .catch((error) => {
-          dispatch(changeUploadComposeFail(composeId, mediaId, error));
-        });
-    };
+    return dispatch(updateMedia(mediaId, params))
+      .then((response) => {
+        dispatch(changeUploadComposeSuccess(composeId, response));
+      })
+      .catch((error) => {
+        dispatch(changeUploadComposeFail(composeId, mediaId, error));
+      });
+  };
 
 const changeUploadComposeRequest = (composeId: string) => ({
   type: COMPOSE_UPLOAD_CHANGE_REQUEST,
@@ -854,33 +854,33 @@ const selectComposeSuggestion =
     suggestion: AutoSuggestion,
     path: ComposeSuggestionSelectAction['path'],
   ) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      let completion = '',
-        startPosition = position;
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    let completion = '',
+      startPosition = position;
 
-      if (typeof suggestion === 'object' && 'id' in suggestion) {
-        completion = isNativeEmoji(suggestion) ? suggestion.native : suggestion.colons;
-        startPosition = position - 1;
+    if (typeof suggestion === 'object' && 'id' in suggestion) {
+      completion = isNativeEmoji(suggestion) ? suggestion.native : suggestion.colons;
+      startPosition = position - 1;
 
-        useSettingsStore.getState().actions.rememberEmojiUse(suggestion);
-        dispatch(saveSettings());
-      } else if (typeof suggestion === 'string' && suggestion[0] === '#') {
-        completion = suggestion;
-        startPosition = position - 1;
-      } else if (typeof suggestion === 'string') {
-        completion = selectAccount(getState(), suggestion)!.acct;
-        startPosition = position;
-      }
+      useSettingsStore.getState().actions.rememberEmojiUse(suggestion);
+      dispatch(saveSettings());
+    } else if (typeof suggestion === 'string' && suggestion[0] === '#') {
+      completion = suggestion;
+      startPosition = position - 1;
+    } else if (typeof suggestion === 'string') {
+      completion = selectAccount(getState(), suggestion)!.acct;
+      startPosition = position;
+    }
 
-      dispatch<ComposeSuggestionSelectAction>({
-        type: COMPOSE_SUGGESTION_SELECT,
-        composeId,
-        position: startPosition,
-        token,
-        completion,
-        path,
-      });
-    };
+    dispatch<ComposeSuggestionSelectAction>({
+      type: COMPOSE_SUGGESTION_SELECT,
+      composeId,
+      position: startPosition,
+      token,
+      completion,
+      path,
+    });
+  };
 
 const updateSuggestionTags = (composeId: string, token: string, tags: Array<Tag>) => ({
   type: COMPOSE_SUGGESTION_TAGS_UPDATE,
@@ -990,11 +990,11 @@ const changePollSettings = (composeId: string, expiresIn?: number, isMultiple?:
 
 const openComposeWithText =
   (composeId: string, text = '') =>
-    (dispatch: AppDispatch) => {
-      dispatch(resetCompose(composeId));
-      useModalsStore.getState().actions.openModal('COMPOSE');
-      dispatch(changeCompose(composeId, text));
-    };
+  (dispatch: AppDispatch) => {
+    dispatch(resetCompose(composeId));
+    useModalsStore.getState().actions.openModal('COMPOSE');
+    dispatch(changeCompose(composeId, text));
+  };
 
 interface ComposeAddToMentionsAction {
   type: typeof COMPOSE_ADD_TO_MENTIONS;
@@ -1044,20 +1044,20 @@ interface ComposeEventReplyAction {
 
 const eventDiscussionCompose =
   (composeId: string, status: ComposeEventReplyAction['status']) =>
-    (dispatch: AppDispatch, getState: () => RootState) => {
-      const state = getState();
-      const { forceImplicitAddressing } = useSettingsStore.getState().settings;
-      const explicitAddressing =
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    const state = getState();
+    const { forceImplicitAddressing } = useSettingsStore.getState().settings;
+    const explicitAddressing =
       state.auth.client.features.createStatusExplicitAddressing && !forceImplicitAddressing;
 
-      return dispatch({
-        type: COMPOSE_EVENT_REPLY,
-        composeId,
-        status,
-        account: selectOwnAccount(state),
-        explicitAddressing,
-      });
-    };
+    return dispatch({
+      type: COMPOSE_EVENT_REPLY,
+      composeId,
+      status,
+      account: selectOwnAccount(state),
+      explicitAddressing,
+    });
+  };
 
 const setEditorState = (
   composeId: string,
diff --git a/packages/pl-fe/src/actions/consumer-auth.ts b/packages/pl-fe/src/actions/consumer-auth.ts
index 226035eba..fecbea090 100644
--- a/packages/pl-fe/src/actions/consumer-auth.ts
+++ b/packages/pl-fe/src/actions/consumer-auth.ts
@@ -9,22 +9,21 @@ import { createApp } from './apps';
 
 import type { AppDispatch, RootState } from '@/store';
 
-const createProviderApp = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const scopes = getScopes(getState(), undefined, true);
+const createProviderApp = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const scopes = getScopes(getState(), undefined, true);
 
-    const params = {
-      client_name: `${sourceCode.displayName} (${new URL(window.origin).host})`,
-      redirect_uris: `${window.location.origin}/login/external`,
-      website: sourceCode.homepage,
-      scopes,
-    };
-
-    return createApp(params);
+  const params = {
+    client_name: `${sourceCode.displayName} (${new URL(window.origin).host})`,
+    redirect_uris: `${window.location.origin}/login/external`,
+    website: sourceCode.homepage,
+    scopes,
   };
 
-const prepareRequest = (provider: string) =>
-  async(dispatch: AppDispatch, getState: () => RootState) => {
+  return createApp(params);
+};
+
+const prepareRequest =
+  (provider: string) => async (dispatch: AppDispatch, getState: () => RootState) => {
     const baseURL = isURL(BuildConfig.BACKEND_URL) ? BuildConfig.BACKEND_URL : '';
 
     const scopes = getScopes(getState(), undefined, true);
@@ -47,6 +46,4 @@ const prepareRequest = (provider: string) =>
     location.href = `${baseURL}/oauth/prepare_request?${query.toString()}`;
   };
 
-export {
-  prepareRequest,
-};
+export { prepareRequest };
diff --git a/packages/pl-fe/src/actions/conversations.ts b/packages/pl-fe/src/actions/conversations.ts
index 7fe537784..f79b47ff3 100644
--- a/packages/pl-fe/src/actions/conversations.ts
+++ b/packages/pl-fe/src/actions/conversations.ts
@@ -26,37 +26,45 @@ interface ConversationsReadAction {
   conversationId: string;
 }
 
-const markConversationRead = (conversationId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
-  if (!isLoggedIn(getState)) return;
+const markConversationRead =
+  (conversationId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!isLoggedIn(getState)) return;
 
-  dispatch<ConversationsReadAction>({
-    type: CONVERSATIONS_READ,
-    conversationId,
-  });
+    dispatch<ConversationsReadAction>({
+      type: CONVERSATIONS_READ,
+      conversationId,
+    });
 
-  return getClient(getState).timelines.markConversationRead(conversationId);
-};
+    return getClient(getState).timelines.markConversationRead(conversationId);
+  };
 
-const expandConversations = (expand = true) => (dispatch: AppDispatch, getState: () => RootState) => {
-  if (!isLoggedIn(getState)) return;
-  const state = getState();
-  if (state.conversations.isLoading) return;
+const expandConversations =
+  (expand = true) =>
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!isLoggedIn(getState)) return;
+    const state = getState();
+    if (state.conversations.isLoading) return;
 
-  const hasMore = state.conversations.hasMore;
-  if (expand && !hasMore) return;
+    const hasMore = state.conversations.hasMore;
+    if (expand && !hasMore) return;
 
-  dispatch(expandConversationsRequest());
+    dispatch(expandConversationsRequest());
 
-  return (state.conversations.next?.() ?? getClient(state).timelines.getConversations())
-    .then(response => {
-      dispatch(importEntities({
-        accounts: response.items.reduce((aggr: Array<Account>, item) => aggr.concat(item.accounts), []),
-        statuses: response.items.map((item) => item.last_status),
-      }));
-      dispatch(expandConversationsSuccess(response.items, response.next, expand));
-    })
-    .catch(err => dispatch(expandConversationsFail(err)));
-};
+    return (state.conversations.next?.() ?? getClient(state).timelines.getConversations())
+      .then((response) => {
+        dispatch(
+          importEntities({
+            accounts: response.items.reduce(
+              (aggr: Array<Account>, item) => aggr.concat(item.accounts),
+              [],
+            ),
+            statuses: response.items.map((item) => item.last_status),
+          }),
+        );
+        dispatch(expandConversationsSuccess(response.items, response.next, expand));
+      })
+      .catch((err) => dispatch(expandConversationsFail(err)));
+  };
 
 const expandConversationsRequest = () => ({ type: CONVERSATIONS_FETCH_REQUEST });
 
@@ -82,10 +90,12 @@ interface ConversataionsUpdateAction {
 }
 
 const updateConversations = (conversation: Conversation) => (dispatch: AppDispatch) => {
-  dispatch(importEntities({
-    accounts: conversation.accounts,
-    statuses: [conversation.last_status],
-  }));
+  dispatch(
+    importEntities({
+      accounts: conversation.accounts,
+      statuses: [conversation.last_status],
+    }),
+  );
 
   return dispatch<ConversataionsUpdateAction>({
     type: CONVERSATIONS_UPDATE,
@@ -100,7 +110,7 @@ type ConversationsAction =
   | ReturnType<typeof expandConversationsRequest>
   | ReturnType<typeof expandConversationsSuccess>
   | ReturnType<typeof expandConversationsFail>
-  | ConversataionsUpdateAction
+  | ConversataionsUpdateAction;
 
 export {
   CONVERSATIONS_MOUNT,
diff --git a/packages/pl-fe/src/actions/emoji-reacts.ts b/packages/pl-fe/src/actions/emoji-reacts.ts
index 7320460ab..da80d722a 100644
--- a/packages/pl-fe/src/actions/emoji-reacts.ts
+++ b/packages/pl-fe/src/actions/emoji-reacts.ts
@@ -17,45 +17,61 @@ const EMOJI_REACT_FAIL = 'EMOJI_REACT_FAIL' as const;
 const UNEMOJI_REACT_REQUEST = 'UNEMOJI_REACT_REQUEST' as const;
 
 const messages = defineMessages({
-  unsupported: { id: 'emoji_reactions.unsupported_by_remote', defaultMessage: '@{acct}’s instance most likely doesn’t understand emoji reactions. The user will not get notified of the reaction.' },
+  unsupported: {
+    id: 'emoji_reactions.unsupported_by_remote',
+    defaultMessage:
+      '@{acct}’s instance most likely doesn’t understand emoji reactions. The user will not get notified of the reaction.',
+  },
 });
 
-const noOp = () => () => new Promise(f =>{
-  f(undefined);
-});
+const noOp = () => () =>
+  new Promise((f) => {
+    f(undefined);
+  });
 
-const emojiReact = (statusId: string, emoji: string, custom: string | undefined = undefined, intl: IntlShape) =>
+const emojiReact =
+  (statusId: string, emoji: string, custom: string | undefined = undefined, intl: IntlShape) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return dispatch(noOp());
 
     dispatch(emojiReactRequest(statusId, emoji, custom));
 
-    return getClient(getState).statuses.createStatusReaction(statusId, emoji).then((response) => {
-      dispatch(importEntities({ statuses: [response] }));
+    return getClient(getState)
+      .statuses.createStatusReaction(statusId, emoji)
+      .then((response) => {
+        dispatch(importEntities({ statuses: [response] }));
 
-      const checkEmojiReactsSupport = !response.account.local && useSettingsStore.getState().settings.checkEmojiReactsSupport;
+        const checkEmojiReactsSupport =
+          !response.account.local && useSettingsStore.getState().settings.checkEmojiReactsSupport;
 
-      if (checkEmojiReactsSupport) {
-        supportsEmojiReacts(response.account.ap_id ?? response.account.url).then((result) => {
-          if (result === 'false') {
-            toast.info(intl.formatMessage(messages.unsupported, { acct: response.account.acct }));
-          }
-        }).catch((e) => {});
-      }
-    }).catch((error) => {
-      dispatch(emojiReactFail(statusId, emoji, error));
-    });
+        if (checkEmojiReactsSupport) {
+          supportsEmojiReacts(response.account.ap_id ?? response.account.url)
+            .then((result) => {
+              if (result === 'false') {
+                toast.info(
+                  intl.formatMessage(messages.unsupported, { acct: response.account.acct }),
+                );
+              }
+            })
+            .catch((e) => {});
+        }
+      })
+      .catch((error) => {
+        dispatch(emojiReactFail(statusId, emoji, error));
+      });
   };
 
-const unEmojiReact = (statusId: string, emoji: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const unEmojiReact =
+  (statusId: string, emoji: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return dispatch(noOp());
 
     dispatch(unEmojiReactRequest(statusId, emoji));
 
-    return getClient(getState).statuses.deleteStatusReaction(statusId, emoji).then(response => {
-      dispatch(importEntities({ statuses: [response] }));
-    });
+    return getClient(getState)
+      .statuses.deleteStatusReaction(statusId, emoji)
+      .then((response) => {
+        dispatch(importEntities({ statuses: [response] }));
+      });
   };
 
 const emojiReactRequest = (statusId: string, emoji: string, custom?: string) => ({
@@ -81,7 +97,7 @@ const unEmojiReactRequest = (statusId: string, emoji: string) => ({
 type EmojiReactsAction =
   | ReturnType<typeof emojiReactRequest>
   | ReturnType<typeof emojiReactFail>
-  | ReturnType<typeof unEmojiReactRequest>
+  | ReturnType<typeof unEmojiReactRequest>;
 
 export {
   EMOJI_REACT_REQUEST,
diff --git a/packages/pl-fe/src/actions/events.ts b/packages/pl-fe/src/actions/events.ts
index 4c5560c74..103deffb5 100644
--- a/packages/pl-fe/src/actions/events.ts
+++ b/packages/pl-fe/src/actions/events.ts
@@ -4,7 +4,11 @@ import { getClient } from '@/api';
 import toast from '@/toast';
 
 import { importEntities } from './importer';
-import { STATUS_FETCH_SOURCE_FAIL, STATUS_FETCH_SOURCE_REQUEST, STATUS_FETCH_SOURCE_SUCCESS } from './statuses';
+import {
+  STATUS_FETCH_SOURCE_FAIL,
+  STATUS_FETCH_SOURCE_REQUEST,
+  STATUS_FETCH_SOURCE_SUCCESS,
+} from './statuses';
 
 import type { AppDispatch, RootState } from '@/store';
 import type { CreateEventParams, Location, MediaAttachment, Status } from 'pl-api';
@@ -20,33 +24,43 @@ const EVENT_COMPOSE_CANCEL = 'EVENT_COMPOSE_CANCEL' as const;
 const EVENT_FORM_SET = 'EVENT_FORM_SET' as const;
 
 const messages = defineMessages({
-  exceededImageSizeLimit: { id: 'upload_error.image_size_limit', defaultMessage: 'Image exceeds the current file size limit ({limit})' },
+  exceededImageSizeLimit: {
+    id: 'upload_error.image_size_limit',
+    defaultMessage: 'Image exceeds the current file size limit ({limit})',
+  },
   success: { id: 'compose_event.submit_success', defaultMessage: 'Your event was created' },
   editSuccess: { id: 'compose_event.edit_success', defaultMessage: 'Your event was edited' },
   view: { id: 'toast.view', defaultMessage: 'View' },
-  authorized: { id: 'compose_event.participation_requests.authorize_success', defaultMessage: 'User accepted' },
-  rejected: { id: 'compose_event.participation_requests.reject_success', defaultMessage: 'User rejected' },
+  authorized: {
+    id: 'compose_event.participation_requests.authorize_success',
+    defaultMessage: 'User accepted',
+  },
+  rejected: {
+    id: 'compose_event.participation_requests.reject_success',
+    defaultMessage: 'User rejected',
+  },
 });
 
-const submitEvent = ({
-  statusId,
-  name,
-  status,
-  banner,
-  startTime,
-  endTime,
-  joinMode,
-  location,
-}: {
-  statusId: string | null;
-  name: string;
-  status: string;
-  banner: MediaAttachment | null;
-  startTime: Date;
-  endTime: Date | null;
-  joinMode: 'restricted' | 'free';
-  location: Location | null;
-}) =>
+const submitEvent =
+  ({
+    statusId,
+    name,
+    status,
+    banner,
+    startTime,
+    endTime,
+    joinMode,
+    location,
+  }: {
+    statusId: string | null;
+    name: string;
+    status: string;
+    banner: MediaAttachment | null;
+    startTime: Date;
+    endTime: Date | null;
+    joinMode: 'restricted' | 'free';
+    location: Location | null;
+  }) =>
   async (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
 
@@ -66,23 +80,18 @@ const submitEvent = ({
     if (banner) params.banner_id = banner.id;
     if (location) params.location_id = location.origin_id;
 
-    const data = await (
-      statusId === null
-        ? getClient(state).events.createEvent(params)
-        : getClient(state).events.editEvent(statusId, params)
-    );
+    const data = await (statusId === null
+      ? getClient(state).events.createEvent(params)
+      : getClient(state).events.editEvent(statusId, params));
 
     dispatch(importEntities({ statuses: [data] }));
-    toast.success(
-      statusId ? messages.editSuccess : messages.success,
-      {
-        actionLabel: messages.view,
-        actionLinkOptions: {
-          to: '/@{$username}/events/$statusId',
-          params: { username: data.account.acct, statusId: data.id },
-        },
+    toast.success(statusId ? messages.editSuccess : messages.success, {
+      actionLabel: messages.view,
+      actionLinkOptions: {
+        to: '/@{$username}/events/$statusId',
+        params: { username: data.account.acct, statusId: data.id },
       },
-    );
+    });
 
     return data;
   };
@@ -111,9 +120,8 @@ interface LeaveEventFail {
   previousState: Exclude<Status['event'], null>['join_state'] | null;
 }
 
-const fetchEventIcs = (statusId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).events.getEventIcs(statusId);
+const fetchEventIcs = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).events.getEventIcs(statusId);
 
 const cancelEventCompose = () => ({
   type: EVENT_COMPOSE_CANCEL,
@@ -128,21 +136,24 @@ interface EventFormSetAction {
 const initEventEdit = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
   dispatch({ type: STATUS_FETCH_SOURCE_REQUEST, statusId });
 
-  return getClient(getState()).statuses.getStatusSource(statusId).then(response => {
-    dispatch({ type: STATUS_FETCH_SOURCE_SUCCESS, statusId });
-    dispatch<EventFormSetAction>({
-      type: EVENT_FORM_SET,
-      composeId: `compose-event-modal-${statusId}`,
-      text: response.text,
+  return getClient(getState())
+    .statuses.getStatusSource(statusId)
+    .then((response) => {
+      dispatch({ type: STATUS_FETCH_SOURCE_SUCCESS, statusId });
+      dispatch<EventFormSetAction>({
+        type: EVENT_FORM_SET,
+        composeId: `compose-event-modal-${statusId}`,
+        text: response.text,
+      });
+      return response;
+    })
+    .catch((error) => {
+      dispatch({ type: STATUS_FETCH_SOURCE_FAIL, statusId, error });
     });
-    return response;
-  }).catch(error => {
-    dispatch({ type: STATUS_FETCH_SOURCE_FAIL, statusId, error });
-  });
 };
 
 type EventsAction =
-  JoinEventRequest
+  | JoinEventRequest
   | JoinEventFail
   | LeaveEventRequest
   | LeaveEventFail
diff --git a/packages/pl-fe/src/actions/export-data.ts b/packages/pl-fe/src/actions/export-data.ts
index 486ef47ec..6949d9867 100644
--- a/packages/pl-fe/src/actions/export-data.ts
+++ b/packages/pl-fe/src/actions/export-data.ts
@@ -7,8 +7,14 @@ import type { AppDispatch, RootState } from '@/store';
 import type { Account, PaginatedResponse } from 'pl-api';
 
 const messages = defineMessages({
-  blocksSuccess: { id: 'export_data.success.blocks', defaultMessage: 'Blocks exported successfully' },
-  followersSuccess: { id: 'export_data.success.followers', defaultMessage: 'Followers exported successfully' },
+  blocksSuccess: {
+    id: 'export_data.success.blocks',
+    defaultMessage: 'Blocks exported successfully',
+  },
+  followersSuccess: {
+    id: 'export_data.success.followers',
+    defaultMessage: 'Followers exported successfully',
+  },
   mutesSuccess: { id: 'export_data.success.mutes', defaultMessage: 'Mutes exported successfully' },
 });
 
@@ -41,7 +47,7 @@ const exportFollows = () => async (_dispatch: AppDispatch, getState: () => RootS
 
   const response = await getClient(getState()).accounts.getAccountFollowing(me, { limit: 40 });
   const followings = await listAccounts(response);
-  const followingsCsv = followings.map(fqn => fqn + ',true');
+  const followingsCsv = followings.map((fqn) => fqn + ',true');
   followingsCsv.unshift('Account address,Show boosts');
   fileExport(followingsCsv.join('\n'), 'export_followings.csv');
 
@@ -64,8 +70,4 @@ const exportMutes = () => async (_dispatch: AppDispatch, getState: () => RootSta
   toast.success(messages.mutesSuccess);
 };
 
-export {
-  exportFollows,
-  exportBlocks,
-  exportMutes,
-};
+export { exportFollows, exportBlocks, exportMutes };
diff --git a/packages/pl-fe/src/actions/external-auth.ts b/packages/pl-fe/src/actions/external-auth.ts
index 8e9769873..35a9a03a6 100644
--- a/packages/pl-fe/src/actions/external-auth.ts
+++ b/packages/pl-fe/src/actions/external-auth.ts
@@ -19,9 +19,10 @@ import { getInstanceScopes } from '@/utils/scopes';
 import type { AppDispatch } from '@/store';
 
 const fetchExternalInstance = (baseURL: string) =>
-  (new PlApiClient(baseURL)).instance.getInstance()
-    .then(instance => instance)
-    .catch(error => {
+  new PlApiClient(baseURL).instance
+    .getInstance()
+    .then((instance) => instance)
+    .catch((error) => {
       if (error.response?.status === 401) {
         // Authenticated fetch is enabled.
         // Continue with a limited featureset.
@@ -71,30 +72,26 @@ const externalLogin = (host: string) => {
   });
 };
 
-const loginWithCode = (code: string) =>
-  (dispatch: AppDispatch) => {
-    const app = JSON.parse(localStorage.getItem('plfe:external:app')!);
-    const { client_id, client_secret, redirect_uri } = app;
-    const baseURL = localStorage.getItem('plfe:external:baseurl')!;
-    const scope = localStorage.getItem('plfe:external:scopes')!;
+const loginWithCode = (code: string) => (dispatch: AppDispatch) => {
+  const app = JSON.parse(localStorage.getItem('plfe:external:app')!);
+  const { client_id, client_secret, redirect_uri } = app;
+  const baseURL = localStorage.getItem('plfe:external:baseurl')!;
+  const scope = localStorage.getItem('plfe:external:scopes')!;
 
-    const params = {
-      client_id,
-      client_secret,
-      redirect_uri,
-      grant_type: 'authorization_code',
-      scope,
-      code,
-    };
-
-    return obtainOAuthToken(params, baseURL)
-      .then((token) => dispatch(authLoggedIn(token, app)))
-      .then(({ access_token }) => dispatch(verifyCredentials(access_token, baseURL)))
-      .then((account) => dispatch(switchAccount(account.id)))
-      .then(() => window.location.href = '/');
+  const params = {
+    client_id,
+    client_secret,
+    redirect_uri,
+    grant_type: 'authorization_code',
+    scope,
+    code,
   };
 
-export {
-  externalLogin,
-  loginWithCode,
+  return obtainOAuthToken(params, baseURL)
+    .then((token) => dispatch(authLoggedIn(token, app)))
+    .then(({ access_token }) => dispatch(verifyCredentials(access_token, baseURL)))
+    .then((account) => dispatch(switchAccount(account.id)))
+    .then(() => (window.location.href = '/'));
 };
+
+export { externalLogin, loginWithCode };
diff --git a/packages/pl-fe/src/actions/filters.ts b/packages/pl-fe/src/actions/filters.ts
index b6e666287..ebecf102a 100644
--- a/packages/pl-fe/src/actions/filters.ts
+++ b/packages/pl-fe/src/actions/filters.ts
@@ -18,55 +18,76 @@ const messages = defineMessages({
 
 type FilterKeywords = { keyword: string; whole_word: boolean }[];
 
-const fetchFilters = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
+const fetchFilters = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  if (!isLoggedIn(getState)) return;
 
-    return getClient(getState).filtering.getFilters()
-      .then((data) => dispatch<FiltersAction>({
+  return getClient(getState)
+    .filtering.getFilters()
+    .then((data) =>
+      dispatch<FiltersAction>({
         type: FILTERS_FETCH_SUCCESS,
         filters: data,
-      }))
-      .catch(error => ({
-        error,
-      }));
-  };
+      }),
+    )
+    .catch((error) => ({
+      error,
+    }));
+};
 
-const fetchFilter = (filterId: string) =>
+const fetchFilter = (filterId: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).filtering.getFilter(filterId);
+
+const createFilter =
+  (
+    title: string,
+    expires_in: number | undefined,
+    context: Array<FilterContext>,
+    filter_action: Filter['filter_action'],
+    keywords_attributes: FilterKeywords,
+  ) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).filtering.getFilter(filterId);
+    getClient(getState)
+      .filtering.createFilter({
+        title,
+        context,
+        filter_action,
+        expires_in,
+        keywords_attributes,
+      })
+      .then((response) => {
+        toast.success(messages.added);
 
-const createFilter = (title: string, expires_in: number | undefined, context: Array<FilterContext>, filter_action: Filter['filter_action'], keywords_attributes: FilterKeywords) =>
+        return response;
+      });
+
+const updateFilter =
+  (
+    filterId: string,
+    title: string,
+    expires_in: number | undefined,
+    context: Array<FilterContext>,
+    filter_action: Filter['filter_action'],
+    keywords_attributes: FilterKeywords,
+  ) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).filtering.createFilter({
-      title,
-      context,
-      filter_action,
-      expires_in,
-      keywords_attributes,
-    }).then(response => {
-      toast.success(messages.added);
+    getClient(getState)
+      .filtering.updateFilter(filterId, {
+        title,
+        context,
+        filter_action,
+        expires_in,
+        keywords_attributes,
+      })
+      .then((response) => {
+        toast.success(messages.updated);
 
-      return response;
-    });
+        return response;
+      });
 
-const updateFilter = (filterId: string, title: string, expires_in: number | undefined, context: Array<FilterContext>, filter_action: Filter['filter_action'], keywords_attributes: FilterKeywords) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).filtering.updateFilter(filterId, {
-      title,
-      context,
-      filter_action,
-      expires_in,
-      keywords_attributes,
-    }).then(response => {
-      toast.success(messages.updated);
-
-      return response;
-    });
-
-const deleteFilter = (filterId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).filtering.deleteFilter(filterId).then(response => {
+const deleteFilter = (filterId: string) => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState)
+    .filtering.deleteFilter(filterId)
+    .then((response) => {
       toast.success(messages.removed);
 
       return response;
diff --git a/packages/pl-fe/src/actions/frontend-config.ts b/packages/pl-fe/src/actions/frontend-config.ts
index 73b4833ba..b09271bc2 100644
--- a/packages/pl-fe/src/actions/frontend-config.ts
+++ b/packages/pl-fe/src/actions/frontend-config.ts
@@ -16,29 +16,32 @@ const FRONTEND_CONFIG_REQUEST_FAIL = 'FRONTEND_CONFIG_REQUEST_FAIL' as const;
 
 const FRONTEND_CONFIG_REMEMBER_SUCCESS = 'FRONTEND_CONFIG_REMEMBER_SUCCESS' as const;
 
-const getFrontendConfig = createSelector([
-  (state: RootState) => state.frontendConfig,
-// Do some additional normalization with the state
-], (frontendConfig) => v.parse(frontendConfigSchema, frontendConfig));
+const getFrontendConfig = createSelector(
+  [
+    (state: RootState) => state.frontendConfig,
+    // Do some additional normalization with the state
+  ],
+  (frontendConfig) => v.parse(frontendConfigSchema, frontendConfig),
+);
 
-const rememberFrontendConfig = (host: string | null) =>
-  (dispatch: AppDispatch) =>
-    KVStore.getItemOrError(`plfe_config:${host}`).then(frontendConfig => {
+const rememberFrontendConfig = (host: string | null) => (dispatch: AppDispatch) =>
+  KVStore.getItemOrError(`plfe_config:${host}`)
+    .then((frontendConfig) => {
       dispatch({ type: FRONTEND_CONFIG_REMEMBER_SUCCESS, host, frontendConfig });
       return true;
-    }).catch(() => false);
+    })
+    .catch(() => false);
 
-const fetchFrontendConfigurations = () =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).instance.getFrontendConfigurations();
+const fetchFrontendConfigurations = () => (dispatch: AppDispatch, getState: () => RootState) =>
+  getClient(getState).instance.getFrontendConfigurations();
 
 /** Conditionally fetches pl-fe config depending on backend features */
-const fetchFrontendConfig = (host: string | null) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const fetchFrontendConfig =
+  (host: string | null) => (dispatch: AppDispatch, getState: () => RootState) => {
     const features = getState().auth.client.features;
 
     if (features.frontendConfigurations) {
-      return dispatch(fetchFrontendConfigurations()).then(data => {
+      return dispatch(fetchFrontendConfigurations()).then((data) => {
         const key = 'pl_fe';
         if (data[key]) {
           dispatch(importFrontendConfig(data[key], host));
@@ -53,27 +56,27 @@ const fetchFrontendConfig = (host: string | null) =>
   };
 
 /** Tries to remember the config from browser storage before fetching it */
-const loadFrontendConfig = () =>
-  async (dispatch: AppDispatch, getState: () => RootState) => {
-    const host = getHost(getState());
+const loadFrontendConfig = () => async (dispatch: AppDispatch, getState: () => RootState) => {
+  const host = getHost(getState());
 
-    const result = await dispatch(rememberFrontendConfig(host));
+  const result = await dispatch(rememberFrontendConfig(host));
 
-    if (result) {
-      dispatch(fetchFrontendConfig(host));
-      return;
-    } else {
-      return dispatch(fetchFrontendConfig(host));
-    }
-  };
+  if (result) {
+    dispatch(fetchFrontendConfig(host));
+    return;
+  } else {
+    return dispatch(fetchFrontendConfig(host));
+  }
+};
 
-const fetchPlFeJson = (host: string | null) =>
-  (dispatch: AppDispatch) =>
-    staticFetch('/instance/pl-fe.json').then(({ json: data }) => {
+const fetchPlFeJson = (host: string | null) => (dispatch: AppDispatch) =>
+  staticFetch('/instance/pl-fe.json')
+    .then(({ json: data }) => {
       if (!isObject(data)) throw 'pl-fe.json failed';
       dispatch(importFrontendConfig(data, host));
       return data;
-    }).catch(error => {
+    })
+    .catch((error) => {
       dispatch(frontendConfigFail(error, host));
     });
 
diff --git a/packages/pl-fe/src/actions/importer.ts b/packages/pl-fe/src/actions/importer.ts
index 709bff183..e9c9e0a1e 100644
--- a/packages/pl-fe/src/actions/importer.ts
+++ b/packages/pl-fe/src/actions/importer.ts
@@ -4,12 +4,18 @@ import { queryClient } from '@/queries/client';
 import { selectAccount } from '@/selectors';
 
 import type { AppDispatch, RootState } from '@/store';
-import type { Account as BaseAccount, Group as BaseGroup, Poll as BasePoll, Relationship as BaseRelationship, Status as BaseStatus } from 'pl-api';
+import type {
+  Account as BaseAccount,
+  Group as BaseGroup,
+  Poll as BasePoll,
+  Relationship as BaseRelationship,
+  Status as BaseStatus,
+} from 'pl-api';
 
 const STATUS_IMPORT = 'STATUS_IMPORT' as const;
 const STATUSES_IMPORT = 'STATUSES_IMPORT' as const;
 
-const isEmpty = (object: Record<string, any>) => !Object.values(object).some(value => value);
+const isEmpty = (object: Record<string, any>) => !Object.values(object).some((value) => value);
 
 interface ImportStatusAction {
   type: typeof STATUS_IMPORT;
@@ -22,93 +28,105 @@ interface ImportStatusesAction {
   statuses: Array<BaseStatus>;
 }
 
-const importEntities = (entities: {
-  accounts?: Array<BaseAccount | undefined | null>;
-  groups?: Array<BaseGroup | undefined | null>;
-  polls?: Array<BasePoll | undefined | null>;
-  statuses?: Array<BaseStatus & { expectsCard?: boolean } | undefined | null>;
-  relationships?: Array<BaseRelationship | undefined | null>;
-}, options: {
-  // Whether to replace existing entities. Set to false when working with potentially outdated data. Currently, only implemented for accounts.
-  override?: boolean;
-  withParents?: boolean;
-  idempotencyKey?: string;
-} = {
-  withParents: true,
-}) => (dispatch: AppDispatch, getState: () => RootState) => {
-  const override = options.override ?? true;
+const importEntities =
+  (
+    entities: {
+      accounts?: Array<BaseAccount | undefined | null>;
+      groups?: Array<BaseGroup | undefined | null>;
+      polls?: Array<BasePoll | undefined | null>;
+      statuses?: Array<(BaseStatus & { expectsCard?: boolean }) | undefined | null>;
+      relationships?: Array<BaseRelationship | undefined | null>;
+    },
+    options: {
+      // Whether to replace existing entities. Set to false when working with potentially outdated data. Currently, only implemented for accounts.
+      override?: boolean;
+      withParents?: boolean;
+      idempotencyKey?: string;
+    } = {
+      withParents: true,
+    },
+  ) =>
+  (dispatch: AppDispatch, getState: () => RootState) => {
+    const override = options.override ?? true;
 
-  const state: RootState = !override ? getState() : undefined as any;
+    const state: RootState = !override ? getState() : (undefined as any);
 
-  const accounts: Record<string, BaseAccount> = {};
-  const groups: Record<string, BaseGroup> = {};
-  const polls: Record<string, BasePoll> = {};
-  const relationships: Record<string, BaseRelationship> = {};
-  const statuses: Record<string, BaseStatus> = {};
+    const accounts: Record<string, BaseAccount> = {};
+    const groups: Record<string, BaseGroup> = {};
+    const polls: Record<string, BasePoll> = {};
+    const relationships: Record<string, BaseRelationship> = {};
+    const statuses: Record<string, BaseStatus> = {};
 
-  const processAccount = (account: BaseAccount, withSelf = true) => {
-    if (!override && selectAccount(state, account.id)) return;
+    const processAccount = (account: BaseAccount, withSelf = true) => {
+      if (!override && selectAccount(state, account.id)) return;
 
-    if (withSelf) accounts[account.id] = account;
+      if (withSelf) accounts[account.id] = account;
 
-    if (account.moved) processAccount(account.moved);
-    if (account.relationship) relationships[account.relationship.id] = account.relationship;
+      if (account.moved) processAccount(account.moved);
+      if (account.relationship) relationships[account.relationship.id] = account.relationship;
+    };
+
+    const processStatus = (status: BaseStatus, withSelf = true) => {
+      // Skip broken statuses
+      if (status.scheduled_at !== null) return;
+
+      if (withSelf) statuses[status.id] = status;
+
+      if (status.account) {
+        processAccount(status.account);
+      }
+
+      if (status.quote && 'quoted_status' in status.quote && status.quote.quoted_status)
+        processStatus(status.quote.quoted_status);
+      if (status.reblog) processStatus(status.reblog);
+      if (status.poll) polls[status.poll.id] = status.poll;
+      if (status.group) groups[status.group.id] = status.group;
+    };
+
+    if (options.withParents) {
+      entities.groups?.forEach((group) => group && (groups[group.id] = group));
+      entities.polls?.forEach((poll) => poll && (polls[poll.id] = poll));
+      entities.relationships?.forEach(
+        (relationship) => relationship && (relationships[relationship.id] = relationship),
+      );
+    }
+
+    entities.accounts?.forEach(
+      (account) => account && processAccount(account, options.withParents),
+    );
+
+    if (entities.statuses?.length === 1 && entities.statuses[0] && options.idempotencyKey) {
+      dispatch<ImportStatusAction>({
+        type: STATUS_IMPORT,
+        status: entities.statuses[0],
+        idempotencyKey: options.idempotencyKey,
+      });
+      processStatus(entities.statuses[0], false);
+    } else {
+      entities.statuses?.forEach((status) => status && processStatus(status, options.withParents));
+    }
+
+    if (!isEmpty(accounts))
+      dispatch(importEntityStoreEntities(Object.values(accounts), Entities.ACCOUNTS));
+    if (!isEmpty(groups))
+      dispatch(importEntityStoreEntities(Object.values(groups), Entities.GROUPS));
+    if (!isEmpty(polls)) {
+      for (const poll of Object.values(polls)) {
+        queryClient.setQueryData<BasePoll>(['statuses', 'polls', poll.id], poll);
+      }
+    }
+    if (!isEmpty(relationships)) {
+      for (const relationship of Object.values(relationships)) {
+        queryClient.setQueryData<BaseRelationship>(
+          ['accountRelationships', relationship.id],
+          relationship,
+        );
+      }
+    }
+    if (!isEmpty(statuses))
+      dispatch<ImportStatusesAction>({ type: STATUSES_IMPORT, statuses: Object.values(statuses) });
   };
 
-  const processStatus = (status: BaseStatus, withSelf = true) => {
-    // Skip broken statuses
-    if (status.scheduled_at !== null) return;
-
-    if (withSelf) statuses[status.id] = status;
-
-    if (status.account) {
-      processAccount(status.account);
-    }
-
-    if (status.quote && 'quoted_status' in status.quote && status.quote.quoted_status) processStatus(status.quote.quoted_status);
-    if (status.reblog) processStatus(status.reblog);
-    if (status.poll) polls[status.poll.id] = status.poll;
-    if (status.group) groups[status.group.id] = status.group;
-  };
-
-  if (options.withParents) {
-    entities.groups?.forEach(group => group && (groups[group.id] = group));
-    entities.polls?.forEach(poll => poll && (polls[poll.id] = poll));
-    entities.relationships?.forEach(relationship => relationship && (relationships[relationship.id] = relationship));
-  }
-
-  entities.accounts?.forEach((account) => account && processAccount(account, options.withParents));
-
-  if (entities.statuses?.length === 1 && entities.statuses[0] && options.idempotencyKey) {
-    dispatch<ImportStatusAction>({
-      type: STATUS_IMPORT,
-      status: entities.statuses[0], idempotencyKey: options.idempotencyKey,
-    });
-    processStatus(entities.statuses[0], false);
-  } else {
-    entities.statuses?.forEach((status) => status && processStatus(status, options.withParents));
-  }
-
-  if (!isEmpty(accounts)) dispatch(importEntityStoreEntities(Object.values(accounts), Entities.ACCOUNTS));
-  if (!isEmpty(groups)) dispatch(importEntityStoreEntities(Object.values(groups), Entities.GROUPS));
-  if (!isEmpty(polls)) {
-    for (const poll of Object.values(polls)) {
-      queryClient.setQueryData<BasePoll>(['statuses', 'polls', poll.id], poll);
-    }
-  }
-  if (!isEmpty(relationships)) {
-    for (const relationship of Object.values(relationships)) {
-      queryClient.setQueryData<BaseRelationship>(['accountRelationships', relationship.id], relationship);
-    }
-  }
-  if (!isEmpty(statuses)) dispatch<ImportStatusesAction>({ type: STATUSES_IMPORT, statuses: Object.values(statuses) });
-};
-
 type ImporterAction = ImportStatusAction | ImportStatusesAction;
 
-export {
-  STATUS_IMPORT,
-  STATUSES_IMPORT,
-  importEntities,
-  type ImporterAction,
-};
+export { STATUS_IMPORT, STATUSES_IMPORT, importEntities, type ImporterAction };
diff --git a/packages/pl-fe/src/actions/instance.ts b/packages/pl-fe/src/actions/instance.ts
index 681403044..6e934c53c 100644
--- a/packages/pl-fe/src/actions/instance.ts
+++ b/packages/pl-fe/src/actions/instance.ts
@@ -11,7 +11,7 @@ const STANDALONE_CHECK_SUCCESS = 'STANDALONE_CHECK_SUCCESS' as const;
 
 /** Figure out the appropriate instance to fetch depending on the state */
 const getHost = (state: RootState) => {
-  const accountUrl = getMeUrl(state) ?? getAuthUserUrl(state) as string;
+  const accountUrl = getMeUrl(state) ?? (getAuthUserUrl(state) as string);
 
   try {
     return new URL(accountUrl).host;
@@ -47,13 +47,23 @@ interface StandaloneCheckSuccessAction {
 
 const checkIfStandalone = () => (dispatch: AppDispatch) =>
   staticFetch('/api/v1/instance', { method: 'GET' })
-    .then(({ ok, headers }) => dispatch<StandaloneCheckSuccessAction>({ type: STANDALONE_CHECK_SUCCESS, ok: ok && !!headers.get('content-type')?.includes('application/json') }))
-    .catch((err) => dispatch<StandaloneCheckSuccessAction>({ type: STANDALONE_CHECK_SUCCESS, ok: err.response?.ok }));
+    .then(({ ok, headers }) =>
+      dispatch<StandaloneCheckSuccessAction>({
+        type: STANDALONE_CHECK_SUCCESS,
+        ok: ok && !!headers.get('content-type')?.includes('application/json'),
+      }),
+    )
+    .catch((err) =>
+      dispatch<StandaloneCheckSuccessAction>({
+        type: STANDALONE_CHECK_SUCCESS,
+        ok: err.response?.ok,
+      }),
+    );
 
 type InstanceAction =
-  InstanceFetchSuccessAction
+  | InstanceFetchSuccessAction
   | InstanceFetchFailAction
-  | StandaloneCheckSuccessAction
+  | StandaloneCheckSuccessAction;
 
 export {
   INSTANCE_FETCH_SUCCESS,
diff --git a/packages/pl-fe/src/actions/interactions.ts b/packages/pl-fe/src/actions/interactions.ts
index b13c8edc8..03a33959d 100644
--- a/packages/pl-fe/src/actions/interactions.ts
+++ b/packages/pl-fe/src/actions/interactions.ts
@@ -18,18 +18,27 @@ const PIN_SUCCESS = 'PIN_SUCCESS' as const;
 
 const UNPIN_SUCCESS = 'UNPIN_SUCCESS' as const;
 
-type InteractionsAction = {
-  type: typeof REBLOG_REQUEST | typeof UNREBLOG_REQUEST | typeof FAVOURITE_REQUEST | typeof UNFAVOURITE_REQUEST | typeof DISLIKE_REQUEST | typeof UNDISLIKE_REQUEST;
-  statusId: string;
-} | {
-  type: typeof REBLOG_FAIL | typeof UNREBLOG_FAIL | typeof FAVOURITE_FAIL | typeof DISLIKE_FAIL;
-  statusId: string;
-  error: unknown;
-} | {
-  type: typeof PIN_SUCCESS | typeof UNPIN_SUCCESS;
-  statusId: string;
-  accountId: string;
-};
+type InteractionsAction =
+  | {
+      type:
+        | typeof REBLOG_REQUEST
+        | typeof UNREBLOG_REQUEST
+        | typeof FAVOURITE_REQUEST
+        | typeof UNFAVOURITE_REQUEST
+        | typeof DISLIKE_REQUEST
+        | typeof UNDISLIKE_REQUEST;
+      statusId: string;
+    }
+  | {
+      type: typeof REBLOG_FAIL | typeof UNREBLOG_FAIL | typeof FAVOURITE_FAIL | typeof DISLIKE_FAIL;
+      statusId: string;
+      error: unknown;
+    }
+  | {
+      type: typeof PIN_SUCCESS | typeof UNPIN_SUCCESS;
+      statusId: string;
+      accountId: string;
+    };
 
 export {
   REBLOG_REQUEST,
diff --git a/packages/pl-fe/src/actions/markers.ts b/packages/pl-fe/src/actions/markers.ts
index 5f7488914..20a8f2750 100644
--- a/packages/pl-fe/src/actions/markers.ts
+++ b/packages/pl-fe/src/actions/markers.ts
@@ -7,32 +7,30 @@ const MARKER_FETCH_SUCCESS = 'MARKER_FETCH_SUCCESS' as const;
 
 const MARKER_SAVE_SUCCESS = 'MARKER_SAVE_SUCCESS' as const;
 
-const fetchMarker = (timeline: Array<string>) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).timelines.getMarkers(timeline).then((marker) => {
-      dispatch<MarkersAction>({ type: MARKER_FETCH_SUCCESS, marker });
-    });
+const fetchMarker =
+  (timeline: Array<string>) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState)
+      .timelines.getMarkers(timeline)
+      .then((marker) => {
+        dispatch<MarkersAction>({ type: MARKER_FETCH_SUCCESS, marker });
+      });
 
-const saveMarker = (marker: SaveMarkersParams) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).timelines.saveMarkers(marker).then((marker) => {
-      dispatch<MarkersAction>({ type: MARKER_SAVE_SUCCESS, marker });
-    });
+const saveMarker =
+  (marker: SaveMarkersParams) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState)
+      .timelines.saveMarkers(marker)
+      .then((marker) => {
+        dispatch<MarkersAction>({ type: MARKER_SAVE_SUCCESS, marker });
+      });
 
 type MarkersAction =
   | {
-    type: typeof MARKER_FETCH_SUCCESS;
-    marker: Markers;
-  }
+      type: typeof MARKER_FETCH_SUCCESS;
+      marker: Markers;
+    }
   | {
-    type: typeof MARKER_SAVE_SUCCESS;
-    marker: Markers;
-  };
+      type: typeof MARKER_SAVE_SUCCESS;
+      marker: Markers;
+    };
 
-export {
-  MARKER_FETCH_SUCCESS,
-  MARKER_SAVE_SUCCESS,
-  fetchMarker,
-  saveMarker,
-  type MarkersAction,
-};
+export { MARKER_FETCH_SUCCESS, MARKER_SAVE_SUCCESS, fetchMarker, saveMarker, type MarkersAction };
diff --git a/packages/pl-fe/src/actions/me.ts b/packages/pl-fe/src/actions/me.ts
index 3b435aef4..d5799596c 100644
--- a/packages/pl-fe/src/actions/me.ts
+++ b/packages/pl-fe/src/actions/me.ts
@@ -19,9 +19,10 @@ const ME_FETCH_SKIP = 'ME_FETCH_SKIP' as const;
 
 const ME_PATCH_SUCCESS = 'ME_PATCH_SUCCESS' as const;
 
-const noOp = () => new Promise(f =>{
-  f(undefined);
-});
+const noOp = () =>
+  new Promise((f) => {
+    f(undefined);
+  });
 
 const getMeId = (state: RootState) => state.me ?? getAuthUserId(state);
 
@@ -42,30 +43,31 @@ interface MeFetchSkipAction {
   type: typeof ME_FETCH_SKIP;
 }
 
-const fetchMe = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const token = getMeToken(state);
-    const accountUrl = getMeUrl(state);
+const fetchMe = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const state = getState();
+  const token = getMeToken(state);
+  const accountUrl = getMeUrl(state);
 
-    if (!token) {
-      dispatch<MeFetchSkipAction>({ type: ME_FETCH_SKIP });
-      return noOp();
-    }
+  if (!token) {
+    dispatch<MeFetchSkipAction>({ type: ME_FETCH_SKIP });
+    return noOp();
+  }
 
-    return dispatch(loadCredentials(token, accountUrl!))
-      .catch(error => dispatch(fetchMeFail(error)));
-  };
+  return dispatch(loadCredentials(token, accountUrl!)).catch((error) =>
+    dispatch(fetchMeFail(error)),
+  );
+};
 
 /** Update the auth account in IndexedDB for Mastodon, etc. */
 const persistAuthAccount = (account: CredentialAccount, params: Record<string, any>) => {
   if (account && account.url) {
     const key = `authAccount:${account.url}`;
-    KVStore.getItem(key).then((oldAccount: any) => {
-      const settings = oldAccount?.settings_store ?? {};
-      account.settings_store ??= settings;
-      KVStore.setItem(key, account);
-    })
+    KVStore.getItem(key)
+      .then((oldAccount: any) => {
+        const settings = oldAccount?.settings_store ?? {};
+        account.settings_store ??= settings;
+        KVStore.setItem(key, account);
+      })
       .catch(console.error);
   }
   if (account && account.url) {
@@ -74,10 +76,11 @@ const persistAuthAccount = (account: CredentialAccount, params: Record<string, a
   }
 };
 
-const patchMe = (params: UpdateCredentialsParams) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
-    getClient(getState).settings.updateCredentials(params)
-      .then(response => {
+const patchMe =
+  (params: UpdateCredentialsParams) => (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState)
+      .settings.updateCredentials(params)
+      .then((response) => {
         persistAuthAccount(response, params);
         dispatch(patchMeSuccess(response));
       });
@@ -104,20 +107,19 @@ interface MePatchSuccessAction {
   me: CredentialAccount;
 }
 
-const patchMeSuccess = (me: CredentialAccount) =>
-  (dispatch: AppDispatch) => {
-    dispatch(importEntities({ accounts: [me] }));
-    dispatch<MePatchSuccessAction>({
-      type: ME_PATCH_SUCCESS,
-      me,
-    });
-  };
+const patchMeSuccess = (me: CredentialAccount) => (dispatch: AppDispatch) => {
+  dispatch(importEntities({ accounts: [me] }));
+  dispatch<MePatchSuccessAction>({
+    type: ME_PATCH_SUCCESS,
+    me,
+  });
+};
 
 type MeAction =
   | ReturnType<typeof fetchMeSuccess>
   | ReturnType<typeof fetchMeFail>
   | MeFetchSkipAction
-  | MePatchSuccessAction
+  | MePatchSuccessAction;
 
 export {
   ME_FETCH_SUCCESS,
diff --git a/packages/pl-fe/src/actions/media.ts b/packages/pl-fe/src/actions/media.ts
index e9b2d4f8d..1ce3c537c 100644
--- a/packages/pl-fe/src/actions/media.ts
+++ b/packages/pl-fe/src/actions/media.ts
@@ -12,99 +12,116 @@ import type { AppDispatch, RootState } from '@/store';
 import type { MediaAttachment, UpdateMediaParams, UploadMediaParams } from 'pl-api';
 
 const messages = defineMessages({
-  exceededImageSizeLimit: { id: 'upload_error.image_size_limit', defaultMessage: 'Image exceeds the current file size limit ({limit})' },
-  exceededVideoSizeLimit: { id: 'upload_error.video_size_limit', defaultMessage: 'Video exceeds the current file size limit ({limit})' },
-  exceededVideoDurationLimit: { id: 'upload_error.video_duration_limit', defaultMessage: 'Video exceeds the current duration limit ({limit, plural, one {# second} other {# seconds}})' },
+  exceededImageSizeLimit: {
+    id: 'upload_error.image_size_limit',
+    defaultMessage: 'Image exceeds the current file size limit ({limit})',
+  },
+  exceededVideoSizeLimit: {
+    id: 'upload_error.video_size_limit',
+    defaultMessage: 'Video exceeds the current file size limit ({limit})',
+  },
+  exceededVideoDurationLimit: {
+    id: 'upload_error.video_duration_limit',
+    defaultMessage:
+      'Video exceeds the current duration limit ({limit, plural, one {# second} other {# seconds}})',
+  },
 });
 
 const noOp = () => {};
 
-const updateMedia = (mediaId: string, params: UpdateMediaParams) =>
+const updateMedia =
+  (mediaId: string, params: UpdateMediaParams) =>
   (_dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState()).media.updateMedia(mediaId, params);
 
-const uploadMedia = (body: UploadMediaParams, onUploadProgress: (e: ProgressEvent) => void = noOp) =>
+const uploadMedia =
+  (body: UploadMediaParams, onUploadProgress: (e: ProgressEvent) => void = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState()).media.uploadMedia(body, { onUploadProgress });
 
-const uploadFile = (
-  file: File,
-  intl: IntlShape,
-  onSuccess: (data: MediaAttachment) => void = () => {},
-  onFail: (error: unknown) => void = () => {},
-  onProgress: (e: ProgressEvent) => void = () => {},
-  changeTotal: (value: number) => void = () => {},
-) => async (dispatch: AppDispatch, getState: () => RootState) => {
-  if (!isLoggedIn(getState)) return;
-  const { stripMetadata } = useSettingsStore.getState().settings;
+const uploadFile =
+  (
+    file: File,
+    intl: IntlShape,
+    onSuccess: (data: MediaAttachment) => void = () => {},
+    onFail: (error: unknown) => void = () => {},
+    onProgress: (e: ProgressEvent) => void = () => {},
+    changeTotal: (value: number) => void = () => {},
+  ) =>
+  async (dispatch: AppDispatch, getState: () => RootState) => {
+    if (!isLoggedIn(getState)) return;
+    const { stripMetadata } = useSettingsStore.getState().settings;
 
-  const maxImageSize = getState().instance.configuration.media_attachments.image_size_limit;
-  const maxVideoSize = getState().instance.configuration.media_attachments.video_size_limit;
-  const maxVideoDuration = getState().instance.configuration.media_attachments.video_duration_limit;
+    const maxImageSize = getState().instance.configuration.media_attachments.image_size_limit;
+    const maxVideoSize = getState().instance.configuration.media_attachments.video_size_limit;
+    const maxVideoDuration =
+      getState().instance.configuration.media_attachments.video_duration_limit;
 
-  const imageMatrixLimit = getState().instance.configuration.media_attachments.image_matrix_limit;
+    const imageMatrixLimit = getState().instance.configuration.media_attachments.image_matrix_limit;
 
-  const isImage = file.type.match(/image.*/);
-  const isVideo = file.type.match(/video.*/);
-  const videoDurationInSeconds = (isVideo && maxVideoDuration) ? await getVideoDuration(file) : 0;
+    const isImage = file.type.match(/image.*/);
+    const isVideo = file.type.match(/video.*/);
+    const videoDurationInSeconds = isVideo && maxVideoDuration ? await getVideoDuration(file) : 0;
 
-  if (isImage && maxImageSize && (file.size > maxImageSize)) {
-    const limit = formatBytes(maxImageSize);
-    const message = intl.formatMessage(messages.exceededImageSizeLimit, { limit });
-    toast.error(message);
-    onFail(true);
-    return;
-  } else if (isVideo && maxVideoSize && (file.size > maxVideoSize)) {
-    const limit = formatBytes(maxVideoSize);
-    const message = intl.formatMessage(messages.exceededVideoSizeLimit, { limit });
-    toast.error(message);
-    onFail(true);
-    return;
-  } else if (isVideo && maxVideoDuration && (videoDurationInSeconds > maxVideoDuration)) {
-    const message = intl.formatMessage(messages.exceededVideoDurationLimit, { limit: maxVideoDuration });
-    toast.error(message);
-    onFail(true);
-    return;
-  }
-
-  // FIXME: Don't define const in loop
-  resizeImage(file, imageMatrixLimit, stripMetadata).then(resized => {
-    const data = new FormData();
-    data.append('file', resized);
-    // Account for disparity in size of original image and resized data
-    changeTotal(resized.size - file.size);
-
-    return dispatch(uploadMedia({ file: resized }, onProgress))
-      .then((data) => {
-        // If server-side processing of the media attachment has not completed yet,
-        // poll the server until it is, before showing the media attachment as uploaded
-        if (data.url) {
-          onSuccess(data);
-        } else if (data.url === null) {
-          const poll = () => {
-            getClient(getState()).media.getMedia(data.id).then((data) => {
-              if (data.url) {
-                onSuccess(data);
-              } else if (data.url === null) {
-                setTimeout(() =>{
-                  poll();
-                }, 1000);
-              }
-            }).catch(error =>{
-              onFail(error);
-            });
-          };
-
-          poll();
-        }
+    if (isImage && maxImageSize && file.size > maxImageSize) {
+      const limit = formatBytes(maxImageSize);
+      const message = intl.formatMessage(messages.exceededImageSizeLimit, { limit });
+      toast.error(message);
+      onFail(true);
+      return;
+    } else if (isVideo && maxVideoSize && file.size > maxVideoSize) {
+      const limit = formatBytes(maxVideoSize);
+      const message = intl.formatMessage(messages.exceededVideoSizeLimit, { limit });
+      toast.error(message);
+      onFail(true);
+      return;
+    } else if (isVideo && maxVideoDuration && videoDurationInSeconds > maxVideoDuration) {
+      const message = intl.formatMessage(messages.exceededVideoDurationLimit, {
+        limit: maxVideoDuration,
       });
-  }).catch(error =>{
-    onFail(error);
-  });
-};
+      toast.error(message);
+      onFail(true);
+      return;
+    }
 
-export {
-  updateMedia,
-  uploadMedia,
-  uploadFile,
-};
+    // FIXME: Don't define const in loop
+    resizeImage(file, imageMatrixLimit, stripMetadata)
+      .then((resized) => {
+        const data = new FormData();
+        data.append('file', resized);
+        // Account for disparity in size of original image and resized data
+        changeTotal(resized.size - file.size);
+
+        return dispatch(uploadMedia({ file: resized }, onProgress)).then((data) => {
+          // If server-side processing of the media attachment has not completed yet,
+          // poll the server until it is, before showing the media attachment as uploaded
+          if (data.url) {
+            onSuccess(data);
+          } else if (data.url === null) {
+            const poll = () => {
+              getClient(getState())
+                .media.getMedia(data.id)
+                .then((data) => {
+                  if (data.url) {
+                    onSuccess(data);
+                  } else if (data.url === null) {
+                    setTimeout(() => {
+                      poll();
+                    }, 1000);
+                  }
+                })
+                .catch((error) => {
+                  onFail(error);
+                });
+            };
+
+            poll();
+          }
+        });
+      })
+      .catch((error) => {
+        onFail(error);
+      });
+  };
+
+export { updateMedia, uploadMedia, uploadFile };
diff --git a/packages/pl-fe/src/actions/moderation.tsx b/packages/pl-fe/src/actions/moderation.tsx
index 6419f1043..0bc94d565 100644
--- a/packages/pl-fe/src/actions/moderation.tsx
+++ b/packages/pl-fe/src/actions/moderation.tsx
@@ -14,29 +14,88 @@ import toast from '@/toast';
 import type { AppDispatch, RootState } from '@/store';
 
 const messages = defineMessages({
-  deactivateUserHeading: { id: 'confirmations.admin.deactivate_user.heading', defaultMessage: 'Deactivate @{acct}' },
-  deactivateUserConfirm: { id: 'confirmations.admin.deactivate_user.confirm', defaultMessage: 'Deactivate @{name}' },
-  userDeactivated: { id: 'admin.users.user_deactivated_message', defaultMessage: '@{acct} was deactivated' },
-  deleteUserHeading: { id: 'confirmations.admin.delete_user.heading', defaultMessage: 'Delete @{acct}' },
-  deleteUserPrompt: { id: 'confirmations.admin.delete_user.message', defaultMessage: 'You are about to delete @{acct}. THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE.' },
-  deleteUserConfirm: { id: 'confirmations.admin.delete_user.confirm', defaultMessage: 'Delete @{name}' },
-  deleteLocalUserCheckbox: { id: 'confirmations.admin.delete_local_user.checkbox', defaultMessage: 'I understand that I am about to delete a local user.' },
+  deactivateUserHeading: {
+    id: 'confirmations.admin.deactivate_user.heading',
+    defaultMessage: 'Deactivate @{acct}',
+  },
+  deactivateUserConfirm: {
+    id: 'confirmations.admin.deactivate_user.confirm',
+    defaultMessage: 'Deactivate @{name}',
+  },
+  userDeactivated: {
+    id: 'admin.users.user_deactivated_message',
+    defaultMessage: '@{acct} was deactivated',
+  },
+  deleteUserHeading: {
+    id: 'confirmations.admin.delete_user.heading',
+    defaultMessage: 'Delete @{acct}',
+  },
+  deleteUserPrompt: {
+    id: 'confirmations.admin.delete_user.message',
+    defaultMessage:
+      'You are about to delete @{acct}. THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE.',
+  },
+  deleteUserConfirm: {
+    id: 'confirmations.admin.delete_user.confirm',
+    defaultMessage: 'Delete @{name}',
+  },
+  deleteLocalUserCheckbox: {
+    id: 'confirmations.admin.delete_local_user.checkbox',
+    defaultMessage: 'I understand that I am about to delete a local user.',
+  },
   userDeleted: { id: 'admin.users.user_deleted_message', defaultMessage: '@{acct} was deleted' },
-  deleteStatusHeading: { id: 'confirmations.admin.delete_status.heading', defaultMessage: 'Delete post' },
-  deleteStatusPrompt: { id: 'confirmations.admin.delete_status.message', defaultMessage: 'You are about to delete a post by @{acct}. This action cannot be undone.' },
-  deleteStatusConfirm: { id: 'confirmations.admin.delete_status.confirm', defaultMessage: 'Delete post' },
-  statusDeleted: { id: 'admin.statuses.status_deleted_message', defaultMessage: 'Post by @{acct} was deleted' },
-  markStatusSensitiveHeading: { id: 'confirmations.admin.mark_status_sensitive.heading', defaultMessage: 'Mark post sensitive' },
-  markStatusNotSensitiveHeading: { id: 'confirmations.admin.mark_status_not_sensitive.heading', defaultMessage: 'Mark post not sensitive.' },
-  markStatusSensitivePrompt: { id: 'confirmations.admin.mark_status_sensitive.message', defaultMessage: 'You are about to mark a post by @{acct} sensitive.' },
-  markStatusNotSensitivePrompt: { id: 'confirmations.admin.mark_status_not_sensitive.message', defaultMessage: 'You are about to mark a post by @{acct} not sensitive.' },
-  markStatusSensitiveConfirm: { id: 'confirmations.admin.mark_status_sensitive.confirm', defaultMessage: 'Mark post sensitive' },
-  markStatusNotSensitiveConfirm: { id: 'confirmations.admin.mark_status_not_sensitive.confirm', defaultMessage: 'Mark post not sensitive' },
-  statusMarkedSensitive: { id: 'admin.statuses.status_marked_message_sensitive', defaultMessage: 'Post by @{acct} was marked sensitive' },
-  statusMarkedNotSensitive: { id: 'admin.statuses.status_marked_message_not_sensitive', defaultMessage: 'Post by @{acct} was marked not sensitive' },
+  deleteStatusHeading: {
+    id: 'confirmations.admin.delete_status.heading',
+    defaultMessage: 'Delete post',
+  },
+  deleteStatusPrompt: {
+    id: 'confirmations.admin.delete_status.message',
+    defaultMessage: 'You are about to delete a post by @{acct}. This action cannot be undone.',
+  },
+  deleteStatusConfirm: {
+    id: 'confirmations.admin.delete_status.confirm',
+    defaultMessage: 'Delete post',
+  },
+  statusDeleted: {
+    id: 'admin.statuses.status_deleted_message',
+    defaultMessage: 'Post by @{acct} was deleted',
+  },
+  markStatusSensitiveHeading: {
+    id: 'confirmations.admin.mark_status_sensitive.heading',
+    defaultMessage: 'Mark post sensitive',
+  },
+  markStatusNotSensitiveHeading: {
+    id: 'confirmations.admin.mark_status_not_sensitive.heading',
+    defaultMessage: 'Mark post not sensitive.',
+  },
+  markStatusSensitivePrompt: {
+    id: 'confirmations.admin.mark_status_sensitive.message',
+    defaultMessage: 'You are about to mark a post by @{acct} sensitive.',
+  },
+  markStatusNotSensitivePrompt: {
+    id: 'confirmations.admin.mark_status_not_sensitive.message',
+    defaultMessage: 'You are about to mark a post by @{acct} not sensitive.',
+  },
+  markStatusSensitiveConfirm: {
+    id: 'confirmations.admin.mark_status_sensitive.confirm',
+    defaultMessage: 'Mark post sensitive',
+  },
+  markStatusNotSensitiveConfirm: {
+    id: 'confirmations.admin.mark_status_not_sensitive.confirm',
+    defaultMessage: 'Mark post not sensitive',
+  },
+  statusMarkedSensitive: {
+    id: 'admin.statuses.status_marked_message_sensitive',
+    defaultMessage: 'Post by @{acct} was marked sensitive',
+  },
+  statusMarkedNotSensitive: {
+    id: 'admin.statuses.status_marked_message_not_sensitive',
+    defaultMessage: 'Post by @{acct} was marked not sensitive',
+  },
 });
 
-const deactivateUserModal = (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
+const deactivateUserModal =
+  (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const acct = selectAccount(state, accountId)!.acct;
@@ -49,7 +108,11 @@ const deactivateUserModal = (intl: IntlShape, accountId: string, afterConfirm =
         </OutlineBox>
 
         <Text>
-          <FormattedMessage id='confirmations.admin.deactivate_user.message' defaultMessage='You are about to deactivate @{acct}. Deactivating a user is a reversible action.' values={{ acct }} />
+          <FormattedMessage
+            id='confirmations.admin.deactivate_user.message'
+            defaultMessage='You are about to deactivate @{acct}. Deactivating a user is a reversible action.'
+            values={{ acct }}
+          />
         </Text>
       </Stack>
     );
@@ -59,16 +122,19 @@ const deactivateUserModal = (intl: IntlShape, accountId: string, afterConfirm =
       message,
       confirm: intl.formatMessage(messages.deactivateUserConfirm, { name }),
       onConfirm: () => {
-        dispatch(deactivateUser(accountId)).then(() => {
-          const message = intl.formatMessage(messages.userDeactivated, { acct });
-          toast.success(message);
-          afterConfirm();
-        }).catch(() => {});
+        dispatch(deactivateUser(accountId))
+          .then(() => {
+            const message = intl.formatMessage(messages.userDeactivated, { acct });
+            toast.success(message);
+            afterConfirm();
+          })
+          .catch(() => {});
       },
     });
   };
 
-const deleteUserModal = (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
+const deleteUserModal =
+  (intl: IntlShape, accountId: string, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const account = selectAccount(state, accountId)!;
@@ -83,7 +149,11 @@ const deleteUserModal = (intl: IntlShape, accountId: string, afterConfirm = () =
         </OutlineBox>
 
         <Text>
-          <FormattedMessage id='confirmations.admin.delete_user.message' defaultMessage='You are about to delete @{acct}. THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE.' values={{ acct }} />
+          <FormattedMessage
+            id='confirmations.admin.delete_user.message'
+            defaultMessage='You are about to delete @{acct}. THIS IS A DESTRUCTIVE ACTION THAT CANNOT BE UNDONE.'
+            values={{ acct }}
+          />
         </Text>
       </Stack>
     );
@@ -97,57 +167,72 @@ const deleteUserModal = (intl: IntlShape, accountId: string, afterConfirm = () =
       confirm,
       checkbox,
       onConfirm: () => {
-        dispatch(deleteUser(accountId)).then(() => {
-          const message = intl.formatMessage(messages.userDeleted, { acct });
-          dispatch(fetchAccountByUsername(acct));
-          toast.success(message);
-          afterConfirm();
-        }).catch(() => {});
+        dispatch(deleteUser(accountId))
+          .then(() => {
+            const message = intl.formatMessage(messages.userDeleted, { acct });
+            dispatch(fetchAccountByUsername(acct));
+            toast.success(message);
+            afterConfirm();
+          })
+          .catch(() => {});
       },
     });
   };
 
-const toggleStatusSensitivityModal = (intl: IntlShape, statusId: string, sensitive: boolean, afterConfirm = () => {}) =>
+const toggleStatusSensitivityModal =
+  (intl: IntlShape, statusId: string, sensitive: boolean, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const acct = state.statuses[statusId].account.acct;
 
     useModalsStore.getState().actions.openModal('CONFIRM', {
-      heading: intl.formatMessage(!sensitive ? messages.markStatusSensitiveHeading : messages.markStatusNotSensitiveHeading),
-      message: intl.formatMessage(!sensitive ? messages.markStatusSensitivePrompt : messages.markStatusNotSensitivePrompt, { acct }),
-      confirm: intl.formatMessage(!sensitive ? messages.markStatusSensitiveConfirm : messages.markStatusNotSensitiveConfirm),
+      heading: intl.formatMessage(
+        !sensitive ? messages.markStatusSensitiveHeading : messages.markStatusNotSensitiveHeading,
+      ),
+      message: intl.formatMessage(
+        !sensitive ? messages.markStatusSensitivePrompt : messages.markStatusNotSensitivePrompt,
+        { acct },
+      ),
+      confirm: intl.formatMessage(
+        !sensitive ? messages.markStatusSensitiveConfirm : messages.markStatusNotSensitiveConfirm,
+      ),
       onConfirm: () => {
-        dispatch(toggleStatusSensitivity(statusId, sensitive)).then(() => {
-          const message = intl.formatMessage(!sensitive ? messages.statusMarkedSensitive : messages.statusMarkedNotSensitive, { acct });
-          toast.success(message);
-        }).catch(() => {});
+        dispatch(toggleStatusSensitivity(statusId, sensitive))
+          .then(() => {
+            const message = intl.formatMessage(
+              !sensitive ? messages.statusMarkedSensitive : messages.statusMarkedNotSensitive,
+              { acct },
+            );
+            toast.success(message);
+          })
+          .catch(() => {});
         afterConfirm();
       },
     });
   };
 
-const deleteStatusModal = (intl: IntlShape, statusId: string, afterConfirm = () => {}) =>
+const deleteStatusModal =
+  (intl: IntlShape, statusId: string, afterConfirm = () => {}) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const acct = state.statuses[statusId].account.acct;
 
     useModalsStore.getState().actions.openModal('CONFIRM', {
       heading: intl.formatMessage(messages.deleteStatusHeading),
-      message: intl.formatMessage(messages.deleteStatusPrompt, { acct: <strong className='break-words'>{acct}</strong> }),
+      message: intl.formatMessage(messages.deleteStatusPrompt, {
+        acct: <strong className='break-words'>{acct}</strong>,
+      }),
       confirm: intl.formatMessage(messages.deleteStatusConfirm),
       onConfirm: () => {
-        dispatch(deleteStatus(statusId)).then(() => {
-          const message = intl.formatMessage(messages.statusDeleted, { acct });
-          toast.success(message);
-        }).catch(() => {});
+        dispatch(deleteStatus(statusId))
+          .then(() => {
+            const message = intl.formatMessage(messages.statusDeleted, { acct });
+            toast.success(message);
+          })
+          .catch(() => {});
         afterConfirm();
       },
     });
   };
 
-export {
-  deactivateUserModal,
-  deleteUserModal,
-  toggleStatusSensitivityModal,
-  deleteStatusModal,
-};
+export { deactivateUserModal, deleteUserModal, toggleStatusSensitivityModal, deleteStatusModal };
diff --git a/packages/pl-fe/src/actions/mrf.ts b/packages/pl-fe/src/actions/mrf.ts
index 89be525a3..4a20d32c7 100644
--- a/packages/pl-fe/src/actions/mrf.ts
+++ b/packages/pl-fe/src/actions/mrf.ts
@@ -5,7 +5,11 @@ import { fetchConfig, updateConfig } from './admin';
 
 import type { AppDispatch, RootState } from '@/store';
 
-const simplePolicyMerge = (simplePolicy: Partial<MRFSimple>, host: string, restrictions: Record<string, any>): MRFSimple => {
+const simplePolicyMerge = (
+  simplePolicy: Partial<MRFSimple>,
+  host: string,
+  restrictions: Record<string, any>,
+): MRFSimple => {
   const entries = Object.entries(simplePolicy).map(([key, hosts]) => {
     const isRestricted = restrictions[key];
 
@@ -30,7 +34,8 @@ const simplePolicyMerge = (simplePolicy: Partial<MRFSimple>, host: string, restr
   ]);
 };
 
-const updateMrf = (host: string, restrictions: Record<string, any>) =>
+const updateMrf =
+  (host: string, restrictions: Record<string, any>) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
     dispatch(fetchConfig()).then(() => {
       const configs = getState().admin.configs;
diff --git a/packages/pl-fe/src/actions/notifications.ts b/packages/pl-fe/src/actions/notifications.ts
index ce397174a..2346b0f76 100644
--- a/packages/pl-fe/src/actions/notifications.ts
+++ b/packages/pl-fe/src/actions/notifications.ts
@@ -20,7 +20,13 @@ import { saveMarker } from './markers';
 import { saveSettings } from './settings';
 
 import type { AppDispatch, RootState } from '@/store';
-import type { Notification as BaseNotification, GetGroupedNotificationsParams, GroupedNotificationsResults, NotificationGroup, PaginatedResponse } from 'pl-api';
+import type {
+  Notification as BaseNotification,
+  GetGroupedNotificationsParams,
+  GroupedNotificationsResults,
+  NotificationGroup,
+  PaginatedResponse,
+} from 'pl-api';
 
 const NOTIFICATIONS_UPDATE = 'NOTIFICATIONS_UPDATE' as const;
 const NOTIFICATIONS_UPDATE_NOOP = 'NOTIFICATIONS_UPDATE_NOOP' as const;
@@ -50,8 +56,14 @@ defineMessages({
   mention: { id: 'notification.mention', defaultMessage: '{name} mentioned you' },
 });
 
-const fetchRelatedRelationships = (dispatch: AppDispatch, notifications: Array<NotificationGroup>) => {
-  const accountIds = notifications.filter(item => item.type === 'follow').map(item => item.sample_account_ids).flat();
+const fetchRelatedRelationships = (
+  dispatch: AppDispatch,
+  notifications: Array<NotificationGroup>,
+) => {
+  const accountIds = notifications
+    .filter((item) => item.type === 'follow')
+    .map((item) => item.sample_account_ids)
+    .flat();
 
   if (accountIds.length > 0) {
     dispatch(fetchRelationships(accountIds));
@@ -63,38 +75,48 @@ interface NotificationsUpdateAction {
   notification: NotificationGroup;
 }
 
-const updateNotifications = (notification: BaseNotification) =>
-  (dispatch: AppDispatch) => {
-    const selectedFilter = useSettingsStore.getState().settings.notifications.quickFilter.active;
-    const showInColumn = selectedFilter === 'all' ? true : (FILTER_TYPES[selectedFilter as FilterType] ?? [notification.type]).includes(notification.type);
+const updateNotifications = (notification: BaseNotification) => (dispatch: AppDispatch) => {
+  const selectedFilter = useSettingsStore.getState().settings.notifications.quickFilter.active;
+  const showInColumn =
+    selectedFilter === 'all'
+      ? true
+      : (FILTER_TYPES[selectedFilter as FilterType] ?? [notification.type]).includes(
+          notification.type,
+        );
 
-    dispatch(importEntities({
-      accounts: [notification.account, notification.type === 'move' ? notification.target : undefined],
+  dispatch(
+    importEntities({
+      accounts: [
+        notification.account,
+        notification.type === 'move' ? notification.target : undefined,
+      ],
       statuses: [getNotificationStatus(notification) as any],
-    }));
+    }),
+  );
 
-    if (showInColumn) {
-      const normalizedNotification = normalizeNotification(notification);
+  if (showInColumn) {
+    const normalizedNotification = normalizeNotification(notification);
 
-      if (normalizedNotification.type === 'follow_request') {
-        normalizedNotification.sample_account_ids.forEach(appendFollowRequest);
-      }
-
-      dispatch<NotificationsUpdateAction>({
-        type: NOTIFICATIONS_UPDATE,
-        notification: normalizedNotification,
-      });
-
-      fetchRelatedRelationships(dispatch, [normalizedNotification]);
+    if (normalizedNotification.type === 'follow_request') {
+      normalizedNotification.sample_account_ids.forEach(appendFollowRequest);
     }
-  };
+
+    dispatch<NotificationsUpdateAction>({
+      type: NOTIFICATIONS_UPDATE,
+      notification: normalizedNotification,
+    });
+
+    fetchRelatedRelationships(dispatch, [normalizedNotification]);
+  }
+};
 
 interface NotificationsUpdateNoopAction {
   type: typeof NOTIFICATIONS_UPDATE_NOOP;
   meta: { sound: 'boop' };
 }
 
-const updateNotificationsQueue = (notification: BaseNotification, intlMessages: Record<string, string>, intlLocale: string) =>
+const updateNotificationsQueue =
+  (notification: BaseNotification, intlMessages: Record<string, string>, intlLocale: string) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     if (!notification.type) return; // drop invalid notifications
     if (notification.type === 'chat_mention') return; // Drop chat notifications, handle them per-chat
@@ -108,29 +130,44 @@ const updateNotificationsQueue = (notification: BaseNotification, intlMessages:
 
     if (notification.type === 'mention' || notification.type === 'status') {
       const regex = regexFromFilters(filters);
-      const searchIndex = notification.status.spoiler_text + '\n' + unescapeHTML(notification.status.content);
+      const searchIndex =
+        notification.status.spoiler_text + '\n' + unescapeHTML(notification.status.content);
       filtered = regex && regex.test(searchIndex);
     }
 
     // Desktop notifications
     try {
-      // eslint-disable-next-line compat/compat
       const isNotificationsEnabled = window.Notification?.permission === 'granted';
 
       if (!filtered && isNotificationsEnabled) {
-        const title = new IntlMessageFormat(intlMessages[`notification.${notification.type}`], intlLocale).format({ name: notification.account.display_name.length > 0 ? notification.account.display_name : notification.account.username }) as string;
-        const body = (status && status.spoiler_text.length > 0) ? status.spoiler_text : unescapeHTML(status ? status.content : '');
+        const title = new IntlMessageFormat(
+          intlMessages[`notification.${notification.type}`],
+          intlLocale,
+        ).format({
+          name:
+            notification.account.display_name.length > 0
+              ? notification.account.display_name
+              : notification.account.username,
+        }) as string;
+        const body =
+          status && status.spoiler_text.length > 0
+            ? status.spoiler_text
+            : unescapeHTML(status ? status.content : '');
 
-        navigator.serviceWorker.ready.then(serviceWorkerRegistration => {
-          serviceWorkerRegistration.showNotification(title, {
-            body,
-            icon: notification.account.avatar,
-            tag: notification.id,
-            data: {
-              url: joinPublicPath('/notifications'),
-            },
-          }).catch(console.error);
-        }).catch(console.error);
+        navigator.serviceWorker.ready
+          .then((serviceWorkerRegistration) => {
+            serviceWorkerRegistration
+              .showNotification(title, {
+                body,
+                icon: notification.account.avatar,
+                tag: notification.id,
+                data: {
+                  url: joinPublicPath('/notifications'),
+                },
+              })
+              .catch(console.error);
+          })
+          .catch(console.error);
       }
     } catch (e) {
       console.warn(e);
@@ -146,21 +183,25 @@ const updateNotificationsQueue = (notification: BaseNotification, intlMessages:
     dispatch(updateNotifications(notification));
   };
 
-const excludeTypesFromFilter = (filters: string[]) => NOTIFICATION_TYPES.filter(item => !filters.includes(item));
+const excludeTypesFromFilter = (filters: string[]) =>
+  NOTIFICATION_TYPES.filter((item) => !filters.includes(item));
 
-const noOp = () => new Promise(f =>{
-  f(undefined);
-});
+const noOp = () =>
+  new Promise((f) => {
+    f(undefined);
+  });
 
 let abortExpandNotifications = new AbortController();
 
-const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => any = noOp, abort?: boolean) =>
+const expandNotifications =
+  ({ maxId }: Record<string, any> = {}, done: () => any = noOp, abort?: boolean) =>
   async (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return dispatch(noOp);
     const state = getState();
 
     const features = state.auth.client.features;
-    const activeFilter = useSettingsStore.getState().settings.notifications.quickFilter.active as FilterType;
+    const activeFilter = useSettingsStore.getState().settings.notifications.quickFilter
+      .active as FilterType;
     const notifications = state.notifications;
 
     if (notifications.isLoading) {
@@ -179,7 +220,7 @@ const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => an
 
     if (activeFilter === 'all') {
       if (features.notificationsIncludeTypes) {
-        params.types = NOTIFICATION_TYPES.filter(type => !EXCLUDE_TYPES.includes(type as any));
+        params.types = NOTIFICATION_TYPES.filter((type) => !EXCLUDE_TYPES.includes(type as any));
       } else {
         params.exclude_types = [...EXCLUDE_TYPES];
       }
@@ -195,12 +236,19 @@ const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => an
     dispatch(expandNotificationsRequest());
 
     try {
-      const { items: { accounts, statuses, notification_groups }, next } = await getClient(state).groupedNotifications.getGroupedNotifications(params, { signal: abortExpandNotifications.signal });
+      const {
+        items: { accounts, statuses, notification_groups },
+        next,
+      } = await getClient(state).groupedNotifications.getGroupedNotifications(params, {
+        signal: abortExpandNotifications.signal,
+      });
 
-      dispatch(importEntities({
-        accounts,
-        statuses,
-      }));
+      dispatch(
+        importEntities({
+          accounts,
+          statuses,
+        }),
+      );
 
       dispatch(expandNotificationsSuccess(notification_groups, next));
       fetchRelatedRelationships(dispatch, notification_groups);
@@ -213,7 +261,10 @@ const expandNotifications = ({ maxId }: Record<string, any> = {}, done: () => an
 
 const expandNotificationsRequest = () => ({ type: NOTIFICATIONS_EXPAND_REQUEST });
 
-const expandNotificationsSuccess = (notifications: Array<NotificationGroup>, next: (() => Promise<PaginatedResponse<GroupedNotificationsResults, false>>) | null) => ({
+const expandNotificationsSuccess = (
+  notifications: Array<NotificationGroup>,
+  next: (() => Promise<PaginatedResponse<GroupedNotificationsResults, false>>) | null,
+) => ({
   type: NOTIFICATIONS_EXPAND_SUCCESS,
   notifications,
   next,
@@ -229,50 +280,47 @@ interface NotificationsScrollTopAction {
   top: boolean;
 }
 
-const scrollTopNotifications = (top: boolean) =>
-  (dispatch: AppDispatch) => {
-    dispatch(markReadNotifications());
-    return dispatch<NotificationsScrollTopAction>({
-      type: NOTIFICATIONS_SCROLL_TOP,
-      top,
-    });
-  };
+const scrollTopNotifications = (top: boolean) => (dispatch: AppDispatch) => {
+  dispatch(markReadNotifications());
+  return dispatch<NotificationsScrollTopAction>({
+    type: NOTIFICATIONS_SCROLL_TOP,
+    top,
+  });
+};
 
 interface SetFilterAction {
   type: typeof NOTIFICATIONS_FILTER_SET;
 }
 
-const setFilter = (filterType: FilterType, abort?: boolean) =>
-  (dispatch: AppDispatch) => {
-    const settingsStore = useSettingsStore.getState();
-    const activeFilter = settingsStore.settings.notifications.quickFilter.active as FilterType;
+const setFilter = (filterType: FilterType, abort?: boolean) => (dispatch: AppDispatch) => {
+  const settingsStore = useSettingsStore.getState();
+  const activeFilter = settingsStore.settings.notifications.quickFilter.active as FilterType;
 
-    settingsStore.actions.changeSetting(['notifications', 'quickFilter', 'active'], filterType);
+  settingsStore.actions.changeSetting(['notifications', 'quickFilter', 'active'], filterType);
 
-    dispatch(expandNotifications(undefined, undefined, abort));
-    if (activeFilter !== filterType) dispatch(saveSettings());
+  dispatch(expandNotifications(undefined, undefined, abort));
+  if (activeFilter !== filterType) dispatch(saveSettings());
 
-    return dispatch<SetFilterAction>({ type: NOTIFICATIONS_FILTER_SET });
-  };
+  return dispatch<SetFilterAction>({ type: NOTIFICATIONS_FILTER_SET });
+};
 
-const markReadNotifications = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
+const markReadNotifications = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  if (!isLoggedIn(getState)) return;
 
-    const state = getState();
-    const topNotificationId = state.notifications.items[0]?.page_max_id;
-    const lastReadId = state.notifications.lastRead;
+  const state = getState();
+  const topNotificationId = state.notifications.items[0]?.page_max_id;
+  const lastReadId = state.notifications.lastRead;
 
-    if (topNotificationId && (lastReadId === -1 || compareId(topNotificationId, lastReadId) > 0)) {
-      const marker = {
-        notifications: {
-          last_read_id: topNotificationId,
-        },
-      };
+  if (topNotificationId && (lastReadId === -1 || compareId(topNotificationId, lastReadId) > 0)) {
+    const marker = {
+      notifications: {
+        last_read_id: topNotificationId,
+      },
+    };
 
-      dispatch(saveMarker(marker));
-    }
-  };
+    dispatch(saveMarker(marker));
+  }
+};
 
 type NotificationsAction =
   | NotificationsUpdateAction
diff --git a/packages/pl-fe/src/actions/oauth.ts b/packages/pl-fe/src/actions/oauth.ts
index 39a16db07..a674a73bd 100644
--- a/packages/pl-fe/src/actions/oauth.ts
+++ b/packages/pl-fe/src/actions/oauth.ts
@@ -13,21 +13,18 @@ import { getBaseURL } from '@/utils/state';
 
 import type { AppDispatch, RootState } from '@/store';
 
-const obtainOAuthToken = async (params: GetTokenParams, baseURL?: string) =>{
+const obtainOAuthToken = async (params: GetTokenParams, baseURL?: string) => {
   const client = new PlApiClient((baseURL ?? BuildConfig.BACKEND_URL) || '');
   await client.instance.getInstance();
 
   return client.oauth.getToken(params);
 };
 
-const revokeOAuthToken = (params: RevokeTokenParams) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const revokeOAuthToken =
+  (params: RevokeTokenParams) => (dispatch: AppDispatch, getState: () => RootState) => {
     const baseURL = getBaseURL(getState());
     const client = new PlApiClient(baseURL || '');
     return client.oauth.revokeToken(params);
   };
 
-export {
-  obtainOAuthToken,
-  revokeOAuthToken,
-};
+export { obtainOAuthToken, revokeOAuthToken };
diff --git a/packages/pl-fe/src/actions/preload.ts b/packages/pl-fe/src/actions/preload.ts
index 9ba21fdfd..785c5b5e2 100644
--- a/packages/pl-fe/src/actions/preload.ts
+++ b/packages/pl-fe/src/actions/preload.ts
@@ -17,7 +17,7 @@ const decodeUTF8Base64 = (data: string) => {
 };
 
 const decodePleromaData = (data: Record<string, any>) =>
-  mapValues(data, base64string => JSON.parse(decodeUTF8Base64(base64string)));
+  mapValues(data, (base64string) => JSON.parse(decodeUTF8Base64(base64string)));
 
 const pleromaDecoder = (json: string) => decodePleromaData(JSON.parse(json));
 
@@ -28,7 +28,12 @@ const decodeFromMarkup = (elementId: string, decoder: (json: string) => Record<s
   return decoder(textContent);
 };
 
-const preloadFromMarkup = (elementId: string, decoder: (json: string) => Record<string, any>, action: (data: Record<string, any>) => any) =>
+const preloadFromMarkup =
+  (
+    elementId: string,
+    decoder: (json: string) => Record<string, any>,
+    action: (data: Record<string, any>) => any,
+  ) =>
   (dispatch: AppDispatch) => {
     try {
       const data = decodeFromMarkup(elementId, decoder);
@@ -38,26 +43,24 @@ const preloadFromMarkup = (elementId: string, decoder: (json: string) => Record<
     }
   };
 
-const preload = () =>
-  (dispatch: AppDispatch) => {
-    dispatch(preloadFromMarkup('initial-results', pleromaDecoder, preloadPleroma));
-    dispatch(preloadFromMarkup('initial-state', JSON.parse, preloadMastodon));
-  };
+const preload = () => (dispatch: AppDispatch) => {
+  dispatch(preloadFromMarkup('initial-results', pleromaDecoder, preloadPleroma));
+  dispatch(preloadFromMarkup('initial-state', JSON.parse, preloadMastodon));
+};
 
 const preloadPleroma = (data: Record<string, any>): PreloadAction => ({
   type: PLEROMA_PRELOAD_IMPORT,
   data,
 });
 
-const preloadMastodon = (data: Record<string, any>) =>
-  (dispatch: AppDispatch) => {
-    const { me, access_token } = data.meta;
-    const { url } = data.accounts[me];
+const preloadMastodon = (data: Record<string, any>) => (dispatch: AppDispatch) => {
+  const { me, access_token } = data.meta;
+  const { url } = data.accounts[me];
 
-    dispatch(importEntities({ accounts: Object.values(data.accounts) }));
-    dispatch(verifyCredentials(access_token, url));
-    dispatch({ type: MASTODON_PRELOAD_IMPORT, data });
-  };
+  dispatch(importEntities({ accounts: Object.values(data.accounts) }));
+  dispatch(verifyCredentials(access_token, url));
+  dispatch({ type: MASTODON_PRELOAD_IMPORT, data });
+};
 
 interface PreloadAction {
   type: typeof PLEROMA_PRELOAD_IMPORT | typeof MASTODON_PRELOAD_IMPORT;
diff --git a/packages/pl-fe/src/actions/push-notifications/registerer.ts b/packages/pl-fe/src/actions/push-notifications/registerer.ts
index fc741bbc0..1f6c6a83b 100644
--- a/packages/pl-fe/src/actions/push-notifications/registerer.ts
+++ b/packages/pl-fe/src/actions/push-notifications/registerer.ts
@@ -10,10 +10,8 @@ import type { Me } from '@/types/pl-fe';
 
 // Taken from https://www.npmjs.com/package/web-push
 const urlBase64ToUint8Array = (base64String: string) => {
-  const padding = '='.repeat((4 - base64String.length % 4) % 4);
-  const base64 = (base64String + padding)
-    .replace(/-/g, '+')
-    .replace(/_/g, '/');
+  const padding = '='.repeat((4 - (base64String.length % 4)) % 4);
+  const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
 
   return decodeBase64(base64);
 };
@@ -27,8 +25,9 @@ const getRegistration = () => {
 };
 
 const getPushSubscription = (registration: ServiceWorkerRegistration) =>
-  registration.pushManager.getSubscription()
-    .then(subscription => ({ registration, subscription }));
+  registration.pushManager
+    .getSubscription()
+    .then((subscription) => ({ registration, subscription }));
 
 const subscribe = (registration: ServiceWorkerRegistration, getState: () => RootState) =>
   registration.pushManager.subscribe({
@@ -36,15 +35,21 @@ const subscribe = (registration: ServiceWorkerRegistration, getState: () => Root
     applicationServerKey: urlBase64ToUint8Array(getVapidKey(getState())),
   });
 
-const unsubscribe = ({ registration, subscription }: {
+const unsubscribe = ({
+  registration,
+  subscription,
+}: {
   registration: ServiceWorkerRegistration;
   subscription: PushSubscription | null;
 }) =>
-  subscription ? subscription.unsubscribe().then(() => registration) : new Promise<ServiceWorkerRegistration>(r =>{
-    r(registration);
-  });
+  subscription
+    ? subscription.unsubscribe().then(() => registration)
+    : new Promise<ServiceWorkerRegistration>((r) => {
+        r(registration);
+      });
 
-const sendSubscriptionToBackend = (subscription: PushSubscription, me: Me) =>
+const sendSubscriptionToBackend =
+  (subscription: PushSubscription, me: Me) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const alerts = getState().push_notifications.alerts;
     const params = { subscription, data: { alerts } };
@@ -61,81 +66,87 @@ const sendSubscriptionToBackend = (subscription: PushSubscription, me: Me) =>
 
 // Last one checks for payload support: https://web-push-book.gauntface.com/chapter-06/01-non-standards-browsers/#no-payload
 // eslint-disable-next-line compat/compat
-const supportsPushNotifications = ('serviceWorker' in navigator && 'PushManager' in window && 'getKey' in PushSubscription.prototype);
+const supportsPushNotifications =
+  'serviceWorker' in navigator && 'PushManager' in window && 'getKey' in PushSubscription.prototype;
 
-const register = () =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const me = getState().me;
-    const vapidKey = getVapidKey(getState());
+const register = () => (dispatch: AppDispatch, getState: () => RootState) => {
+  const me = getState().me;
+  const vapidKey = getVapidKey(getState());
 
-    dispatch(setBrowserSupport(supportsPushNotifications));
+  dispatch(setBrowserSupport(supportsPushNotifications));
 
-    if (!supportsPushNotifications) {
-      console.warn('Your browser does not support Web Push Notifications.');
-      return;
-    }
+  if (!supportsPushNotifications) {
+    console.warn('Your browser does not support Web Push Notifications.');
+    return;
+  }
 
-    if (!vapidKey) {
-      console.error('The VAPID public key is not set. You will not be able to receive Web Push Notifications.');
-      return;
-    }
+  if (!vapidKey) {
+    console.error(
+      'The VAPID public key is not set. You will not be able to receive Web Push Notifications.',
+    );
+    return;
+  }
 
-    getRegistration()
-      .then(getPushSubscription)
-      .then(async ({ registration, subscription }) => {
-        if (subscription !== null) {
-          // We have a subscription, check if it is still valid
-          const currentServerKey = (new Uint8Array(subscription.options.applicationServerKey!)).toString();
-          const subscriptionServerKey = urlBase64ToUint8Array(vapidKey).toString();
-          const serverEndpoint = getState().push_notifications.subscription?.endpoint;
+  getRegistration()
+    .then(getPushSubscription)
+    .then(async ({ registration, subscription }) => {
+      if (subscription !== null) {
+        // We have a subscription, check if it is still valid
+        const currentServerKey = new Uint8Array(
+          subscription.options.applicationServerKey!,
+        ).toString();
+        const subscriptionServerKey = urlBase64ToUint8Array(vapidKey).toString();
+        const serverEndpoint = getState().push_notifications.subscription?.endpoint;
 
-          // If the VAPID public key did not change and the endpoint corresponds
-          // to the endpoint saved in the backend, the subscription is valid
-          if (subscriptionServerKey === currentServerKey && subscription.endpoint === serverEndpoint) {
-            return subscription;
-          } else {
-            // Something went wrong, try to subscribe again
-            const swRegistration = await unsubscribe({ registration, subscription });
-            const pushSubscription = await subscribe(swRegistration, getState);
-            await dispatch(sendSubscriptionToBackend(pushSubscription, me));
-          }
+        // If the VAPID public key did not change and the endpoint corresponds
+        // to the endpoint saved in the backend, the subscription is valid
+        if (
+          subscriptionServerKey === currentServerKey &&
+          subscription.endpoint === serverEndpoint
+        ) {
+          return subscription;
+        } else {
+          // Something went wrong, try to subscribe again
+          const swRegistration = await unsubscribe({ registration, subscription });
+          const pushSubscription = await subscribe(swRegistration, getState);
+          await dispatch(sendSubscriptionToBackend(pushSubscription, me));
         }
+      }
 
-        // No subscription, try to subscribe
-        return subscribe(registration, getState)
-          .then((pushSubscription) => dispatch(sendSubscriptionToBackend(pushSubscription, me)));
-      })
-      .then((subscription) => {
-        // If we got a PushSubscription (and not a subscription object from the backend)
-        // it means that the backend subscription is valid (and was set during hydration)
-        if (!(subscription instanceof PushSubscription)) {
-          dispatch(setSubscription(subscription));
-          if (me) {
-            pushNotificationsSetting.set(me, { alerts: subscription.alerts });
-          }
-        }
-      })
-      .catch(error => {
-        if (error.code === 20 && error.name === 'AbortError') {
-          console.warn('Your browser supports Web Push Notifications, but does not seem to implement the VAPID protocol.');
-        } else if (error.code === 5 && error.name === 'InvalidCharacterError') {
-          console.error('The VAPID public key seems to be invalid:', vapidKey);
-        }
-
-        // Clear alerts and hide UI settings
-        dispatch(clearSubscription());
-
+      // No subscription, try to subscribe
+      return subscribe(registration, getState).then((pushSubscription) =>
+        dispatch(sendSubscriptionToBackend(pushSubscription, me)),
+      );
+    })
+    .then((subscription) => {
+      // If we got a PushSubscription (and not a subscription object from the backend)
+      // it means that the backend subscription is valid (and was set during hydration)
+      if (!(subscription instanceof PushSubscription)) {
+        dispatch(setSubscription(subscription));
         if (me) {
-          pushNotificationsSetting.remove(me);
+          pushNotificationsSetting.set(me, { alerts: subscription.alerts });
         }
+      }
+    })
+    .catch((error) => {
+      if (error.code === 20 && error.name === 'AbortError') {
+        console.warn(
+          'Your browser supports Web Push Notifications, but does not seem to implement the VAPID protocol.',
+        );
+      } else if (error.code === 5 && error.name === 'InvalidCharacterError') {
+        console.error('The VAPID public key seems to be invalid:', vapidKey);
+      }
 
-        return getRegistration()
-          .then(getPushSubscription)
-          .then(unsubscribe);
-      })
-      .catch(console.warn);
-  };
+      // Clear alerts and hide UI settings
+      dispatch(clearSubscription());
 
-export {
-  register,
+      if (me) {
+        pushNotificationsSetting.remove(me);
+      }
+
+      return getRegistration().then(getPushSubscription).then(unsubscribe);
+    })
+    .catch(console.warn);
 };
+
+export { register };
diff --git a/packages/pl-fe/src/actions/push-subscriptions.ts b/packages/pl-fe/src/actions/push-subscriptions.ts
index 346d68cdd..0d4cba206 100644
--- a/packages/pl-fe/src/actions/push-subscriptions.ts
+++ b/packages/pl-fe/src/actions/push-subscriptions.ts
@@ -3,10 +3,9 @@ import { getClient } from '../api';
 import type { AppDispatch, RootState } from '@/store';
 import type { CreatePushNotificationsSubscriptionParams } from 'pl-api';
 
-const createPushSubscription = (params: CreatePushNotificationsSubscriptionParams) =>
+const createPushSubscription =
+  (params: CreatePushNotificationsSubscriptionParams) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).pushNotifications.createSubscription(params);
 
-export {
-  createPushSubscription,
-};
+export { createPushSubscription };
diff --git a/packages/pl-fe/src/actions/remote-timeline.ts b/packages/pl-fe/src/actions/remote-timeline.ts
index 8d32eba48..233ac2a18 100644
--- a/packages/pl-fe/src/actions/remote-timeline.ts
+++ b/packages/pl-fe/src/actions/remote-timeline.ts
@@ -8,23 +8,23 @@ const getPinnedHosts = (state: RootState) => {
   return settings.remote_timeline.pinnedHosts;
 };
 
-const pinHost = (host: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const pinnedHosts = getPinnedHosts(state);
+const pinHost = (host: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  const state = getState();
+  const pinnedHosts = getPinnedHosts(state);
 
-    dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], [...pinnedHosts, host]));
-  };
-
-const unpinHost = (host: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const state = getState();
-    const pinnedHosts = getPinnedHosts(state);
-
-    dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], pinnedHosts.filter(value => value !== host)));
-  };
-
-export {
-  pinHost,
-  unpinHost,
+  dispatch(changeSetting(['remote_timeline', 'pinnedHosts'], [...pinnedHosts, host]));
 };
+
+const unpinHost = (host: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  const state = getState();
+  const pinnedHosts = getPinnedHosts(state);
+
+  dispatch(
+    changeSetting(
+      ['remote_timeline', 'pinnedHosts'],
+      pinnedHosts.filter((value) => value !== host),
+    ),
+  );
+};
+
+export { pinHost, unpinHost };
diff --git a/packages/pl-fe/src/actions/reports.ts b/packages/pl-fe/src/actions/reports.ts
index 07029b93a..a7db17d5d 100644
--- a/packages/pl-fe/src/actions/reports.ts
+++ b/packages/pl-fe/src/actions/reports.ts
@@ -8,34 +8,40 @@ import type { Account } from 'pl-api';
 
 enum ReportableEntities {
   ACCOUNT = 'ACCOUNT',
-  STATUS = 'STATUS'
+  STATUS = 'STATUS',
 }
 
 type ReportedEntity = {
   status?: Pick<Status, 'id'>;
   statusId?: string;
-}
-
-const initReport = (entityType: ReportableEntities, account: Pick<Account, 'id'>, entities?: ReportedEntity) => (dispatch: AppDispatch) => {
-  const { status, statusId } = entities ?? {};
-
-  useModalsStore.getState().actions.openModal('REPORT', {
-    accountId: account.id,
-    entityType,
-    statusIds: [status?.id, statusId].filter((id): id is string => !!id),
-  });
 };
 
-const submitReport = (accountId: string, statusIds: string[], ruleIds?: string[], comment?: string, forward?: boolean) =>
-  (dispatch: AppDispatch, getState: () => RootState) => getClient(getState()).accounts.reportAccount(accountId, {
-    status_ids: statusIds,
-    rule_ids: ruleIds,
-    comment: comment,
-    forward: forward,
-  });
+const initReport =
+  (entityType: ReportableEntities, account: Pick<Account, 'id'>, entities?: ReportedEntity) =>
+  (dispatch: AppDispatch) => {
+    const { status, statusId } = entities ?? {};
 
-export {
-  ReportableEntities,
-  initReport,
-  submitReport,
-};
+    useModalsStore.getState().actions.openModal('REPORT', {
+      accountId: account.id,
+      entityType,
+      statusIds: [status?.id, statusId].filter((id): id is string => !!id),
+    });
+  };
+
+const submitReport =
+  (
+    accountId: string,
+    statusIds: string[],
+    ruleIds?: string[],
+    comment?: string,
+    forward?: boolean,
+  ) =>
+  (dispatch: AppDispatch, getState: () => RootState) =>
+    getClient(getState()).accounts.reportAccount(accountId, {
+      status_ids: statusIds,
+      rule_ids: ruleIds,
+      comment: comment,
+      forward: forward,
+    });
+
+export { ReportableEntities, initReport, submitReport };
diff --git a/packages/pl-fe/src/actions/security.ts b/packages/pl-fe/src/actions/security.ts
index bce339781..99a4369d6 100644
--- a/packages/pl-fe/src/actions/security.ts
+++ b/packages/pl-fe/src/actions/security.ts
@@ -14,12 +14,13 @@ import { AUTH_LOGGED_OUT, messages } from './auth';
 import type { AppDispatch, RootState } from '@/store';
 import type { Account } from 'pl-api';
 
-const changePassword = (oldPassword: string, newPassword: string) =>
+const changePassword =
+  (oldPassword: string, newPassword: string) =>
   (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).settings.changePassword(oldPassword, newPassword);
 
-const resetPassword = (usernameOrEmail: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const resetPassword =
+  (usernameOrEmail: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const input = normalizeUsername(usernameOrEmail);
 
     return getClient(getState).settings.resetPassword(
@@ -28,27 +29,30 @@ const resetPassword = (usernameOrEmail: string) =>
     );
   };
 
-const changeEmail = (email: string, password: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
+const changeEmail =
+  (email: string, password: string) => (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).settings.changeEmail(email, password);
 
-const deleteAccount = (password: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const account = getLoggedInAccount(getState())!;
+const deleteAccount = (password: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  const account = getLoggedInAccount(getState())!;
 
-    const client = getClient(getState);
+  const client = getClient(getState);
 
-    return (client.features.deleteAccount ? client.settings.deleteAccount(password) : client.settings.deleteAccountWithoutPassword()).then(() => {
-      dispatch<SecurityAction>({ type: AUTH_LOGGED_OUT, account });
-      toast.success(messages.loggedOut);
-    });
-  };
+  return (
+    client.features.deleteAccount
+      ? client.settings.deleteAccount(password)
+      : client.settings.deleteAccountWithoutPassword()
+  ).then(() => {
+    dispatch<SecurityAction>({ type: AUTH_LOGGED_OUT, account });
+    toast.success(messages.loggedOut);
+  });
+};
 
-const moveAccount = (targetAccount: string, password: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) =>
+const moveAccount =
+  (targetAccount: string, password: string) => (dispatch: AppDispatch, getState: () => RootState) =>
     getClient(getState).settings.moveAccount(targetAccount, password);
 
-type SecurityAction = { type: typeof AUTH_LOGGED_OUT; account: Account }
+type SecurityAction = { type: typeof AUTH_LOGGED_OUT; account: Account };
 
 export {
   changePassword,
diff --git a/packages/pl-fe/src/actions/settings.ts b/packages/pl-fe/src/actions/settings.ts
index aa1339dfd..d52229a4f 100644
--- a/packages/pl-fe/src/actions/settings.ts
+++ b/packages/pl-fe/src/actions/settings.ts
@@ -19,9 +19,12 @@ type SettingOpts = {
   /** Whether to display an alert when settings are saved. */
   showAlert?: boolean;
   save?: boolean;
-}
+};
 
-const saveSuccessMessage = defineMessage({ id: 'settings.save.success', defaultMessage: 'Your preferences have been saved!' });
+const saveSuccessMessage = defineMessage({
+  id: 'settings.save.success',
+  defaultMessage: 'Your preferences have been saved!',
+});
 
 const changeSetting = (path: string[], value: any, opts?: SettingOpts) => {
   useSettingsStore.getState().actions.changeSetting(path, value);
@@ -30,25 +33,29 @@ const changeSetting = (path: string[], value: any, opts?: SettingOpts) => {
   return () => {};
 };
 
-const saveSettings = (opts?: SettingOpts) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
+const saveSettings = (opts?: SettingOpts) => (dispatch: AppDispatch, getState: () => RootState) => {
+  if (!isLoggedIn(getState)) return;
 
-    const { userSettings, actions: { userSettingsSaving } } = useSettingsStore.getState();
-    if (userSettings.saved) return;
+  const {
+    userSettings,
+    actions: { userSettingsSaving },
+  } = useSettingsStore.getState();
+  if (userSettings.saved) return;
 
-    const { saved, ...data } = userSettings;
+  const { saved, ...data } = userSettings;
 
-    dispatch(updateSettingsStore(data)).then(() => {
+  dispatch(updateSettingsStore(data))
+    .then(() => {
       userSettingsSaving();
 
       if (opts?.showAlert) {
         toast.success(saveSuccessMessage);
       }
-    }).catch(error => {
+    })
+    .catch((error) => {
       toast.showAlertForError(error);
     });
-  };
+};
 
 /** Update settings store for Mastodon, etc. */
 const updateAuthAccount = async (url: string, settings: any) => {
@@ -64,17 +71,19 @@ const updateAuthAccount = async (url: string, settings: any) => {
   }
 };
 
-const updateSettingsStore = (settings: any) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const updateSettingsStore =
+  (settings: any) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const client = getClient(state);
 
     if (client.features.frontendConfigurations) {
-      return dispatch(patchMe({
-        settings_store: {
-          [FE_NAME]: settings,
-        },
-      }));
+      return dispatch(
+        patchMe({
+          settings_store: {
+            [FE_NAME]: settings,
+          },
+        }),
+      );
     } else {
       const accountUrl = selectOwnAccount(state)!.url;
 
@@ -85,13 +94,11 @@ const updateSettingsStore = (settings: any) =>
 const getLocale = (fallback = 'en') => {
   const localeWithVariant = useSettingsStore.getState().settings.locale.replace('_', '-');
   const locale = localeWithVariant.split('-')[0];
-  return Object.keys(messages).includes(localeWithVariant) ? localeWithVariant : Object.keys(messages).includes(locale) ? locale : fallback;
+  return Object.keys(messages).includes(localeWithVariant)
+    ? localeWithVariant
+    : Object.keys(messages).includes(locale)
+      ? locale
+      : fallback;
 };
 
-export {
-  FE_NAME,
-  changeSetting,
-  saveSettings,
-  updateSettingsStore,
-  getLocale,
-};
+export { FE_NAME, changeSetting, saveSettings, updateSettingsStore, getLocale };
diff --git a/packages/pl-fe/src/actions/statuses.ts b/packages/pl-fe/src/actions/statuses.ts
index 8a7d79269..bb8e5c767 100644
--- a/packages/pl-fe/src/actions/statuses.ts
+++ b/packages/pl-fe/src/actions/statuses.ts
@@ -13,7 +13,13 @@ import { deleteFromTimelines } from './timelines';
 
 import type { Status } from '@/normalizers/status';
 import type { AppDispatch, RootState } from '@/store';
-import type { CreateStatusParams, Status as BaseStatus, ScheduledStatus, StatusSource, Poll } from 'pl-api';
+import type {
+  CreateStatusParams,
+  Status as BaseStatus,
+  ScheduledStatus,
+  StatusSource,
+  Poll,
+} from 'pl-api';
 import type { IntlShape } from 'react-intl';
 
 const STATUS_CREATE_REQUEST = 'STATUS_CREATE_REQUEST' as const;
@@ -36,9 +42,22 @@ const STATUS_UNMUTE_SUCCESS = 'STATUS_UNMUTE_SUCCESS' as const;
 
 const STATUS_UNFILTER = 'STATUS_UNFILTER' as const;
 
-const createStatus = (params: CreateStatusParams, idempotencyKey: string, editedId: string | null, redacting = false) =>
+const createStatus =
+  (
+    params: CreateStatusParams,
+    idempotencyKey: string,
+    editedId: string | null,
+    redacting = false,
+  ) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!params.preview) dispatch<StatusesAction>({ type: STATUS_CREATE_REQUEST, params, idempotencyKey, editing: !!editedId, redacting });
+    if (!params.preview)
+      dispatch<StatusesAction>({
+        type: STATUS_CREATE_REQUEST,
+        params,
+        idempotencyKey,
+        editing: !!editedId,
+        redacting,
+      });
 
     const client = getClient(getState());
 
@@ -56,33 +75,54 @@ const createStatus = (params: CreateStatusParams, idempotencyKey: string, edited
         const expectsCard = status.scheduled_at === null && !status.card && shouldHaveCard(status);
 
         if (status.scheduled_at === null) {
-          dispatch(importEntities({ statuses: [{ ...status, expectsCard }] }, { idempotencyKey, withParents: true }));
+          dispatch(
+            importEntities(
+              { statuses: [{ ...status, expectsCard }] },
+              { idempotencyKey, withParents: true },
+            ),
+          );
         } else {
           queryClient.invalidateQueries(scheduledStatusesQueryOptions);
         }
 
-        dispatch<StatusesAction>({ type: STATUS_CREATE_SUCCESS, status, params, idempotencyKey, editing: !!editedId });
+        dispatch<StatusesAction>({
+          type: STATUS_CREATE_SUCCESS,
+          status,
+          params,
+          idempotencyKey,
+          editing: !!editedId,
+        });
 
         // Poll the backend for the updated card
         if (expectsCard) {
           const delay = 1000;
 
           const poll = (retries = 5) => {
-            return getClient(getState()).statuses.getStatus(status.id).then(response => {
-              if (response.card) {
-                dispatch(importEntities({ statuses: [response] }));
-              } else if (retries > 0 && response) {
-                setTimeout(() => poll(retries - 1), delay);
-              }
-            }).catch(console.error);
+            return getClient(getState())
+              .statuses.getStatus(status.id)
+              .then((response) => {
+                if (response.card) {
+                  dispatch(importEntities({ statuses: [response] }));
+                } else if (retries > 0 && response) {
+                  setTimeout(() => poll(retries - 1), delay);
+                }
+              })
+              .catch(console.error);
           };
 
           setTimeout(() => poll(), delay);
         }
 
         return status;
-      }).catch(error => {
-        dispatch<StatusesAction>({ type: STATUS_CREATE_FAIL, error, params, idempotencyKey, editing: !!editedId });
+      })
+      .catch((error) => {
+        dispatch<StatusesAction>({
+          type: STATUS_CREATE_FAIL,
+          error,
+          params,
+          idempotencyKey,
+          editing: !!editedId,
+        });
         throw error;
       });
   };
@@ -91,39 +131,61 @@ const editStatus = (statusId: string) => (dispatch: AppDispatch, getState: () =>
   const state = getState();
 
   const status = state.statuses[statusId];
-  const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
+  const poll = status.poll_id
+    ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id])
+    : undefined;
 
   dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_REQUEST });
 
-  return getClient(state).statuses.getStatusSource(statusId).then(response => {
-    dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_SUCCESS });
-    dispatch(setComposeToStatus(status, poll, response.text, response.spoiler_text, response.content_type, false));
-    useModalsStore.getState().actions.openModal('COMPOSE');
-  }).catch(error => {
-    dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_FAIL, error });
-  });
+  return getClient(state)
+    .statuses.getStatusSource(statusId)
+    .then((response) => {
+      dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_SUCCESS });
+      dispatch(
+        setComposeToStatus(
+          status,
+          poll,
+          response.text,
+          response.spoiler_text,
+          response.content_type,
+          false,
+        ),
+      );
+      useModalsStore.getState().actions.openModal('COMPOSE');
+    })
+    .catch((error) => {
+      dispatch<StatusesAction>({ type: STATUS_FETCH_SOURCE_FAIL, error });
+    });
 };
 
-const fetchStatus = (statusId: string, intl?: IntlShape) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const params = intl && useSettingsStore.getState().settings.autoTranslate ? {
-      language: intl.locale,
-    } : undefined;
+const fetchStatus =
+  (statusId: string, intl?: IntlShape) => (dispatch: AppDispatch, getState: () => RootState) => {
+    const params =
+      intl && useSettingsStore.getState().settings.autoTranslate
+        ? {
+            language: intl.locale,
+          }
+        : undefined;
 
-    return getClient(getState()).statuses.getStatus(statusId, params).then(status => {
-      dispatch(importEntities({ statuses: [status] }));
-      return status;
-    });
+    return getClient(getState())
+      .statuses.getStatus(statusId, params)
+      .then((status) => {
+        dispatch(importEntities({ statuses: [status] }));
+        return status;
+      });
   };
 
-const deleteStatus = (statusId: string, groupId?: string, withRedraft = false) =>
+const deleteStatus =
+  (statusId: string, groupId?: string, withRedraft = false) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     if (!isLoggedIn(getState)) return null;
 
     const state = getState();
 
     const status = state.statuses[statusId];
-    const poll = status.poll_id ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id]) : undefined;
+    const poll = status.poll_id
+      ? queryClient.getQueryData<Poll>(['statuses', 'polls', status.poll_id])
+      : undefined;
 
     dispatch<StatusesAction>({ type: STATUS_DELETE_REQUEST, params: status });
 
@@ -131,66 +193,81 @@ const deleteStatus = (statusId: string, groupId?: string, withRedraft = false) =
       groupId
         ? getClient(state).experimental.groups.deleteGroupStatus(statusId, groupId)
         : getClient(state).statuses.deleteStatus(statusId)
-    ).then(response => {
-      dispatch<StatusesAction>({ type: STATUS_DELETE_SUCCESS, statusId });
-      dispatch(deleteFromTimelines(statusId));
+    )
+      .then((response) => {
+        dispatch<StatusesAction>({ type: STATUS_DELETE_SUCCESS, statusId });
+        dispatch(deleteFromTimelines(statusId));
 
-      if (withRedraft) {
-        dispatch(setComposeToStatus(status, poll, response.text ?? '', response.spoiler_text, (response as StatusSource).content_type, withRedraft));
-        useModalsStore.getState().actions.openModal('COMPOSE');
-      }
-    })
-      .catch(error => {
+        if (withRedraft) {
+          dispatch(
+            setComposeToStatus(
+              status,
+              poll,
+              response.text ?? '',
+              response.spoiler_text,
+              (response as StatusSource).content_type,
+              withRedraft,
+            ),
+          );
+          useModalsStore.getState().actions.openModal('COMPOSE');
+        }
+      })
+      .catch((error) => {
         dispatch<StatusesAction>({ type: STATUS_DELETE_FAIL, params: status, error });
       });
   };
 
-const updateStatus = (status: BaseStatus) => (dispatch: AppDispatch) =>{
+const updateStatus = (status: BaseStatus) => (dispatch: AppDispatch) => {
   dispatch(importEntities({ statuses: [status] }));
 };
 
-const fetchContext = (statusId: string, intl?: IntlShape) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    const params = intl && useSettingsStore.getState().settings.autoTranslate ? {
-      language: intl.locale,
-    } : undefined;
+const fetchContext =
+  (statusId: string, intl?: IntlShape) => (dispatch: AppDispatch, getState: () => RootState) => {
+    const params =
+      intl && useSettingsStore.getState().settings.autoTranslate
+        ? {
+            language: intl.locale,
+          }
+        : undefined;
 
-    return getClient(getState()).statuses.getContext(statusId, params).then(context => {
-      const { ancestors, descendants } = context;
-      const statuses = ancestors.concat(descendants);
-      dispatch(importEntities({ statuses }));
-      dispatch<StatusesAction>({ type: CONTEXT_FETCH_SUCCESS, statusId, ancestors, descendants });
-      return context;
-    }).catch(error => {
-      if (error.response?.status === 404) {
-        dispatch(deleteFromTimelines(statusId));
-      }
-    });
+    return getClient(getState())
+      .statuses.getContext(statusId, params)
+      .then((context) => {
+        const { ancestors, descendants } = context;
+        const statuses = ancestors.concat(descendants);
+        dispatch(importEntities({ statuses }));
+        dispatch<StatusesAction>({ type: CONTEXT_FETCH_SUCCESS, statusId, ancestors, descendants });
+        return context;
+      })
+      .catch((error) => {
+        if (error.response?.status === 404) {
+          dispatch(deleteFromTimelines(statusId));
+        }
+      });
   };
 
-const fetchStatusWithContext = (statusId: string, intl?: IntlShape) =>
-  (dispatch: AppDispatch) => Promise.all([
-    dispatch(fetchContext(statusId, intl)),
-    dispatch(fetchStatus(statusId, intl)),
-  ]);
+const fetchStatusWithContext = (statusId: string, intl?: IntlShape) => (dispatch: AppDispatch) =>
+  Promise.all([dispatch(fetchContext(statusId, intl)), dispatch(fetchStatus(statusId, intl))]);
 
-const muteStatus = (statusId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
+const muteStatus = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  if (!isLoggedIn(getState)) return;
 
-    return getClient(getState()).statuses.muteStatus(statusId).then((status) => {
+  return getClient(getState())
+    .statuses.muteStatus(statusId)
+    .then((status) => {
       dispatch<StatusesAction>({ type: STATUS_MUTE_SUCCESS, statusId });
     });
-  };
+};
 
-const unmuteStatus = (statusId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
-    if (!isLoggedIn(getState)) return;
+const unmuteStatus = (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
+  if (!isLoggedIn(getState)) return;
 
-    return getClient(getState()).statuses.unmuteStatus(statusId).then(() => {
+  return getClient(getState())
+    .statuses.unmuteStatus(statusId)
+    .then(() => {
       dispatch<StatusesAction>({ type: STATUS_UNMUTE_SUCCESS, statusId });
     });
-  };
+};
 
 const toggleMuteStatus = (status: Pick<Status, 'id' | 'muted'>) =>
   status.muted ? unmuteStatus(status.id) : muteStatus(status.id);
@@ -250,19 +327,46 @@ const unfilterStatus = (statusId: string) => ({
 });
 
 type StatusesAction =
-  | { type: typeof STATUS_CREATE_REQUEST; params: CreateStatusParams; idempotencyKey: string; editing: boolean; redacting: boolean }
-  | { type: typeof STATUS_CREATE_SUCCESS; status: BaseStatus | ScheduledStatus; params: CreateStatusParams; idempotencyKey: string; editing: boolean }
-  | { type: typeof STATUS_CREATE_FAIL; error: unknown; params: CreateStatusParams; idempotencyKey: string; editing: boolean }
+  | {
+      type: typeof STATUS_CREATE_REQUEST;
+      params: CreateStatusParams;
+      idempotencyKey: string;
+      editing: boolean;
+      redacting: boolean;
+    }
+  | {
+      type: typeof STATUS_CREATE_SUCCESS;
+      status: BaseStatus | ScheduledStatus;
+      params: CreateStatusParams;
+      idempotencyKey: string;
+      editing: boolean;
+    }
+  | {
+      type: typeof STATUS_CREATE_FAIL;
+      error: unknown;
+      params: CreateStatusParams;
+      idempotencyKey: string;
+      editing: boolean;
+    }
   | { type: typeof STATUS_FETCH_SOURCE_REQUEST }
   | { type: typeof STATUS_FETCH_SOURCE_SUCCESS }
   | { type: typeof STATUS_FETCH_SOURCE_FAIL; error: unknown }
   | { type: typeof STATUS_DELETE_REQUEST; params: Pick<Status, 'in_reply_to_id' | 'quote_id'> }
   | { type: typeof STATUS_DELETE_SUCCESS; statusId: string }
-  | { type: typeof STATUS_DELETE_FAIL; params: Pick<Status, 'in_reply_to_id' | 'quote_id'>; error: unknown }
-  | { type: typeof CONTEXT_FETCH_SUCCESS; statusId: string; ancestors: Array<BaseStatus>; descendants: Array<BaseStatus> }
+  | {
+      type: typeof STATUS_DELETE_FAIL;
+      params: Pick<Status, 'in_reply_to_id' | 'quote_id'>;
+      error: unknown;
+    }
+  | {
+      type: typeof CONTEXT_FETCH_SUCCESS;
+      statusId: string;
+      ancestors: Array<BaseStatus>;
+      descendants: Array<BaseStatus>;
+    }
   | { type: typeof STATUS_MUTE_SUCCESS; statusId: string }
   | { type: typeof STATUS_UNMUTE_SUCCESS; statusId: string }
-  | ReturnType<typeof unfilterStatus>
+  | ReturnType<typeof unfilterStatus>;
 
 export {
   STATUS_CREATE_REQUEST,
diff --git a/packages/pl-fe/src/actions/timelines.ts b/packages/pl-fe/src/actions/timelines.ts
index 271a7aba7..39b96857b 100644
--- a/packages/pl-fe/src/actions/timelines.ts
+++ b/packages/pl-fe/src/actions/timelines.ts
@@ -35,18 +35,21 @@ const TIMELINE_EXPAND_FAIL = 'TIMELINE_EXPAND_FAIL' as const;
 
 const MAX_QUEUED_ITEMS = 40;
 
-const processTimelineUpdate = (timeline: string, status: BaseStatus) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const processTimelineUpdate =
+  (timeline: string, status: BaseStatus) => (dispatch: AppDispatch, getState: () => RootState) => {
     const me = getState().me;
     const ownStatus = status.account?.id === me;
     const hasPendingStatuses = !!getState().pending_statuses.length;
 
     const columnSettings = useSettingsStore.getState().settings.timelines[timeline];
-    const shouldSkipQueue = shouldFilter({
-      in_reply_to_id: status.in_reply_to_id,
-      visibility: status.visibility,
-      reblog_id: status.reblog?.id ?? null,
-    }, columnSettings);
+    const shouldSkipQueue = shouldFilter(
+      {
+        in_reply_to_id: status.in_reply_to_id,
+        visibility: status.visibility,
+        reblog_id: status.reblog?.id ?? null,
+      },
+      columnSettings,
+    );
 
     if (ownStatus && hasPendingStatuses) {
       // WebSockets push statuses without the Idempotency-Key,
@@ -71,9 +74,9 @@ const updateTimeline = (timeline: string, statusId: string) => ({
 });
 
 const updateTimelineQueue = (timeline: string, statusId: string) => ({
-// if (typeof accept === 'function' && !accept(status)) {
-//   return;
-// }
+  // if (typeof accept === 'function' && !accept(status)) {
+  //   return;
+  // }
   type: TIMELINE_UPDATE_QUEUE,
   timeline,
   statusId,
@@ -84,7 +87,8 @@ interface TimelineDequeueAction {
   timeline: string;
 }
 
-const dequeueTimeline = (timelineId: string, expandFunc?: (lastStatusId: string) => void) =>
+const dequeueTimeline =
+  (timelineId: string, expandFunc?: (lastStatusId: string) => void) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const queuedCount = state.timelines[timelineId]?.totalQueuedItemsCount || 0;
@@ -117,8 +121,8 @@ interface TimelineDeleteAction {
   reblogOf: string | null;
 }
 
-const deleteFromTimelines = (statusId: string) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const deleteFromTimelines =
+  (statusId: string) => (dispatch: AppDispatch, getState: () => RootState) => {
     const accountId = getState().statuses[statusId]?.account?.id;
     const references: Array<[string, string]> = Object.entries(getState().statuses)
       .filter(([key, status]) => [key, status.reblog_id === statusId])
@@ -136,7 +140,7 @@ const deleteFromTimelines = (statusId: string) =>
 
 const clearTimeline = (timeline: string) => ({ type: TIMELINE_CLEAR, timeline });
 
-const noOp = () => { };
+const noOp = () => {};
 
 const parseTags = (tags: Record<string, any[]> = {}, mode: 'any' | 'all' | 'none') =>
   (tags[mode] || []).map((tag) => tag.value);
@@ -145,12 +149,20 @@ const deduplicateStatuses = (statuses: Array<BaseStatus>) => {
   const deduplicatedStatuses: Array<BaseStatus & { accounts: Array<BaseAccount> }> = [];
 
   for (const status of statuses) {
-    const reblogged = status.reblog && deduplicatedStatuses.find((deduplicatedStatus) => deduplicatedStatus.reblog?.id === status.reblog?.id);
+    const reblogged =
+      status.reblog &&
+      deduplicatedStatuses.find(
+        (deduplicatedStatus) => deduplicatedStatus.reblog?.id === status.reblog?.id,
+      );
 
     if (reblogged) {
       reblogged.accounts.push(status.account);
       reblogged.id += ':' + status.id;
-    } else if (!deduplicatedStatuses.find((deduplicatedStatus) => deduplicatedStatus.reblog?.id === status.id)) {
+    } else if (
+      !deduplicatedStatuses.find(
+        (deduplicatedStatus) => deduplicatedStatus.reblog?.id === status.id,
+      )
+    ) {
       deduplicatedStatuses.push({ accounts: [status.account], ...status });
     }
   }
@@ -158,7 +170,13 @@ const deduplicateStatuses = (statuses: Array<BaseStatus>) => {
   return deduplicatedStatuses;
 };
 
-const handleTimelineExpand = (timelineId: string, fn: Promise<PaginatedResponse<BaseStatus>>, done = noOp, onError?: (error: any) => void) =>
+const handleTimelineExpand =
+  (
+    timelineId: string,
+    fn: Promise<PaginatedResponse<BaseStatus>>,
+    done = noOp,
+    onError?: (error: any) => void,
+  ) =>
   async (dispatch: AppDispatch) => {
     dispatch(expandTimelineRequest(timelineId));
 
@@ -168,15 +186,17 @@ const handleTimelineExpand = (timelineId: string, fn: Promise<PaginatedResponse<
       dispatch(importEntities({ statuses: response.items }));
 
       const statuses = deduplicateStatuses(response.items);
-      dispatch(importEntities({ statuses: statuses.filter(status => status.accounts) }));
+      dispatch(importEntities({ statuses: statuses.filter((status) => status.accounts) }));
 
-      dispatch(expandTimelineSuccess(
-        timelineId,
-        statuses,
-        response.next,
-        response.previous,
-        response.partial,
-      ));
+      dispatch(
+        expandTimelineSuccess(
+          timelineId,
+          statuses,
+          response.next,
+          response.previous,
+          response.partial,
+        ),
+      );
       done();
     } catch (error) {
       dispatch(expandTimelineFail(timelineId, error));
@@ -185,7 +205,8 @@ const handleTimelineExpand = (timelineId: string, fn: Promise<PaginatedResponse<
     }
   };
 
-const fetchHomeTimeline = (expand = false, done = noOp) =>
+const fetchHomeTimeline =
+  (expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
 
@@ -194,27 +215,41 @@ const fetchHomeTimeline = (expand = false, done = noOp) =>
 
     if (expand && state.timelines.home?.isLoading) return;
 
-    const fn = (expand && state.timelines.home?.next?.()) ?? getClient(state).timelines.homeTimeline(params);
+    const fn =
+      (expand && state.timelines.home?.next?.()) ?? getClient(state).timelines.homeTimeline(params);
 
     return dispatch(handleTimelineExpand('home', fn, done));
   };
 
-const fetchPublicTimeline = ({ onlyMedia, local, instance }: Record<string, any> = {}, expand = false, done = noOp, onError = noOp) =>
+const fetchPublicTimeline =
+  (
+    { onlyMedia, local, instance }: Record<string, any> = {},
+    expand = false,
+    done = noOp,
+    onError = noOp,
+  ) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `${instance ? 'remote' : 'public'}${local ? ':local' : ''}${onlyMedia ? ':media' : ''}${instance ? `:${instance}` : ''}`;
 
-    const params: PublicTimelineParams = { only_media: onlyMedia, local: instance ? false : local, instance };
+    const params: PublicTimelineParams = {
+      only_media: onlyMedia,
+      local: instance ? false : local,
+      instance,
+    };
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.publicTimeline(params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.publicTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done, onError));
   };
 
-const fetchBubbleTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
+const fetchBubbleTimeline =
+  ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `bubble${onlyMedia ? ':media' : ''}`;
@@ -224,12 +259,15 @@ const fetchBubbleTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = f
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.bubbleTimeline(params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.bubbleTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchWrenchedTimeline = ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
+const fetchWrenchedTimeline =
+  ({ onlyMedia }: Record<string, any> = {}, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `wrenched${onlyMedia ? ':media' : ''}`;
@@ -239,12 +277,20 @@ const fetchWrenchedTimeline = ({ onlyMedia }: Record<string, any> = {}, expand =
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.wrenchedTimeline(params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.wrenchedTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchAccountTimeline = (accountId: string, { exclude_replies, pinned, only_media, limit }: Record<string, any> = {}, expand = false, done = noOp) =>
+const fetchAccountTimeline =
+  (
+    accountId: string,
+    { exclude_replies, pinned, only_media, limit }: Record<string, any> = {},
+    expand = false,
+    done = noOp,
+  ) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `account:${accountId}${!exclude_replies ? ':with_replies' : ''}${pinned ? ':pinned' : only_media ? ':media' : ''}`;
@@ -256,12 +302,15 @@ const fetchAccountTimeline = (accountId: string, { exclude_replies, pinned, only
     if (!expand && state.timelines[timelineId]?.loaded) return;
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).accounts.getAccountStatuses(accountId, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).accounts.getAccountStatuses(accountId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchListTimeline = (listId: string, expand = false, done = noOp) =>
+const fetchListTimeline =
+  (listId: string, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `list:${listId}`;
@@ -271,12 +320,15 @@ const fetchListTimeline = (listId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.listTimeline(listId, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.listTimeline(listId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchCircleTimeline = (circleId: string, expand = false, done = noOp) =>
+const fetchCircleTimeline =
+  (circleId: string, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `circle:${circleId}`;
@@ -286,12 +338,15 @@ const fetchCircleTimeline = (circleId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).circles.getCircleStatuses(circleId, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).circles.getCircleStatuses(circleId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchAntennaTimeline = (antennaId: string, expand = false, done = noOp) =>
+const fetchAntennaTimeline =
+  (antennaId: string, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `antenna:${antennaId}`;
@@ -301,12 +356,15 @@ const fetchAntennaTimeline = (antennaId: string, expand = false, done = noOp) =>
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.antennaTimeline(antennaId, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.antennaTimeline(antennaId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchGroupTimeline = (groupId: string, { only_media, limit }: Record<string, any> = {}, expand = false, done = noOp) =>
+const fetchGroupTimeline =
+  (groupId: string, { only_media, limit }: Record<string, any> = {}, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `group:${groupId}${only_media ? ':media' : ''}`;
@@ -317,12 +375,15 @@ const fetchGroupTimeline = (groupId: string, { only_media, limit }: Record<strin
 
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.groupTimeline(groupId, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.groupTimeline(groupId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchHashtagTimeline = (hashtag: string, { tags }: Record<string, any> = {}, expand = false, done = noOp) =>
+const fetchHashtagTimeline =
+  (hashtag: string, { tags }: Record<string, any> = {}, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `hashtag:${hashtag}`;
@@ -337,12 +398,15 @@ const fetchHashtagTimeline = (hashtag: string, { tags }: Record<string, any> = {
 
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.hashtagTimeline(hashtag, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.hashtagTimeline(hashtag, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
 
-const fetchLinkTimeline = (url: string, expand = false, done = noOp) =>
+const fetchLinkTimeline =
+  (url: string, expand = false, done = noOp) =>
   (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const timelineId = `link:${url}`;
@@ -353,7 +417,9 @@ const fetchLinkTimeline = (url: string, expand = false, done = noOp) =>
 
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
-    const fn = (expand && state.timelines[timelineId]?.next?.()) ?? getClient(state).timelines.linkTimeline(url, params);
+    const fn =
+      (expand && state.timelines[timelineId]?.next?.()) ??
+      getClient(state).timelines.linkTimeline(url, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
   };
diff --git a/packages/pl-fe/src/api/batcher.ts b/packages/pl-fe/src/api/batcher.ts
index 58aac2493..5a9482d87 100644
--- a/packages/pl-fe/src/api/batcher.ts
+++ b/packages/pl-fe/src/api/batcher.ts
@@ -3,18 +3,22 @@ import memoize from 'lodash/memoize';
 
 import type { PlApiClient } from 'pl-api';
 
-const relationships = memoize((client: PlApiClient) => create({
-  fetcher: (ids: string[]) => client.accounts.getRelationships(ids),
-  resolver: keyResolver('id'),
-  scheduler: bufferScheduler(200),
-}));
+const relationships = memoize((client: PlApiClient) =>
+  create({
+    fetcher: (ids: string[]) => client.accounts.getRelationships(ids),
+    resolver: keyResolver('id'),
+    scheduler: bufferScheduler(200),
+  }),
+);
 
 // TODO: proper multi-client support
-const translations = memoize((lang: string, client: PlApiClient) => create({
-  fetcher: (ids: string[]) => client.statuses.translateStatuses(ids, lang),
-  resolver: keyResolver('id'),
-  scheduler: bufferScheduler(100),
-}));
+const translations = memoize((lang: string, client: PlApiClient) =>
+  create({
+    fetcher: (ids: string[]) => client.statuses.translateStatuses(ids, lang),
+    resolver: keyResolver('id'),
+    scheduler: bufferScheduler(100),
+  }),
+);
 
 const batcher = {
   relationships,
diff --git a/packages/pl-fe/src/api/hooks/accounts/use-account-lookup.ts b/packages/pl-fe/src/api/hooks/accounts/use-account-lookup.ts
index 1c730cea5..da5bbe6f1 100644
--- a/packages/pl-fe/src/api/hooks/accounts/use-account-lookup.ts
+++ b/packages/pl-fe/src/api/hooks/accounts/use-account-lookup.ts
@@ -26,15 +26,17 @@ const useAccountLookup = (acct: string | undefined, opts: UseAccountLookupOpts =
     { enabled: !!acct },
   );
 
-  const {
-    data: relationship,
-    isLoading: isRelationshipLoading,
-  } = useRelationshipQuery(withRelationship ? entity?.id : undefined);
+  const { data: relationship, isLoading: isRelationshipLoading } = useRelationshipQuery(
+    withRelationship ? entity?.id : undefined,
+  );
 
   const isBlocked = entity?.relationship?.blocked_by === true;
-  const isUnavailable = (me === entity?.id) ? false : (isBlocked && !features.blockersVisible);
+  const isUnavailable = me === entity?.id ? false : isBlocked && !features.blockersVisible;
 
-  const account = useMemo(() => entity ? { ...entity, relationship } : undefined, [entity, relationship]);
+  const account = useMemo(
+    () => (entity ? { ...entity, relationship } : undefined),
+    [entity, relationship],
+  );
 
   return {
     ...result,
diff --git a/packages/pl-fe/src/api/hooks/accounts/use-account.ts b/packages/pl-fe/src/api/hooks/accounts/use-account.ts
index 0368b64b8..7110f7ed3 100644
--- a/packages/pl-fe/src/api/hooks/accounts/use-account.ts
+++ b/packages/pl-fe/src/api/hooks/accounts/use-account.ts
@@ -26,24 +26,26 @@ const useAccount = (accountId?: string, opts: UseAccountOpts = {}) => {
     { enabled: !!accountId },
   );
 
-  const meta = useAppSelector((state) => accountId ? state.accounts_meta[accountId] : undefined);
+  const meta = useAppSelector((state) => (accountId ? state.accounts_meta[accountId] : undefined));
 
-  const {
-    data: relationship,
-    isLoading: isRelationshipLoading,
-  } = useRelationshipQuery(withRelationship ? entity?.id : undefined);
+  const { data: relationship, isLoading: isRelationshipLoading } = useRelationshipQuery(
+    withRelationship ? entity?.id : undefined,
+  );
 
   const isBlocked = entity?.relationship?.blocked_by === true;
-  const isUnavailable = (me === entity?.id) ? false : (isBlocked && !features.blockersVisible);
+  const isUnavailable = me === entity?.id ? false : isBlocked && !features.blockersVisible;
 
   const account = useMemo(
-    () => entity ? {
-      ...entity,
-      relationship,
-      __meta: { meta, ...entity.__meta },
-      // @ts-ignore
-      is_admin: meta?.role ? (meta.role.permissions & 0x1) === 0x1 : entity.is_admin,
-    } : undefined,
+    () =>
+      entity
+        ? {
+            ...entity,
+            relationship,
+            __meta: { meta, ...entity.__meta },
+            // @ts-ignore
+            is_admin: meta?.role ? (meta.role.permissions & 0x1) === 0x1 : entity.is_admin,
+          }
+        : undefined,
     [entity, relationship],
   );
 
diff --git a/packages/pl-fe/src/api/hooks/admin/use-verify.ts b/packages/pl-fe/src/api/hooks/admin/use-verify.ts
index 7148ac12f..a03b8e24c 100644
--- a/packages/pl-fe/src/api/hooks/admin/use-verify.ts
+++ b/packages/pl-fe/src/api/hooks/admin/use-verify.ts
@@ -22,7 +22,7 @@ const useVerify = () => {
     };
 
     transaction({
-      Accounts: ({ [accountId]: updater }),
+      Accounts: { [accountId]: updater },
     });
   };
 
diff --git a/packages/pl-fe/src/api/hooks/groups/use-delete-group.ts b/packages/pl-fe/src/api/hooks/groups/use-delete-group.ts
index f68a67c9d..3961eaea0 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-delete-group.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-delete-group.ts
@@ -5,9 +5,8 @@ import { useClient } from '@/hooks/use-client';
 const useDeleteGroup = () => {
   const client = useClient();
 
-  const { deleteEntity, isSubmitting } = useDeleteEntity(
-    Entities.GROUPS,
-    (groupId: string) => client.experimental.groups.deleteGroup(groupId),
+  const { deleteEntity, isSubmitting } = useDeleteEntity(Entities.GROUPS, (groupId: string) =>
+    client.experimental.groups.deleteGroup(groupId),
   );
 
   return {
diff --git a/packages/pl-fe/src/api/hooks/groups/use-demote-group-member.ts b/packages/pl-fe/src/api/hooks/groups/use-demote-group-member.ts
index bdfbbdad9..9e76e5686 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-demote-group-member.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-demote-group-member.ts
@@ -11,8 +11,14 @@ const useDemoteGroupMember = (group: Pick<Group, 'id'>, groupMember: Pick<GroupM
 
   const { createEntity } = useCreateEntity(
     [Entities.GROUP_MEMBERSHIPS, groupMember.id],
-    ({ account_ids, role }: { account_ids: string[]; role: GroupRole }) => client.experimental.groups.demoteGroupUsers(group.id, account_ids, role),
-    { schema: v.pipe(v.any(), v.transform(arr => arr[0])) },
+    ({ account_ids, role }: { account_ids: string[]; role: GroupRole }) =>
+      client.experimental.groups.demoteGroupUsers(group.id, account_ids, role),
+    {
+      schema: v.pipe(
+        v.any(),
+        v.transform((arr) => arr[0]),
+      ),
+    },
   );
 
   return createEntity;
diff --git a/packages/pl-fe/src/api/hooks/groups/use-group-membership-requests.ts b/packages/pl-fe/src/api/hooks/groups/use-group-membership-requests.ts
index e8b084720..cc19ce139 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-group-membership-requests.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-group-membership-requests.ts
@@ -1,7 +1,7 @@
 import { GroupRoles } from 'pl-api';
 
 import { Entities } from '@/entity-store/entities';
-import { useDismissEntity  } from '@/entity-store/hooks/use-dismiss-entity';
+import { useDismissEntity } from '@/entity-store/hooks/use-dismiss-entity';
 import { useEntities } from '@/entity-store/hooks/use-entities';
 import { useClient } from '@/hooks/use-client';
 
@@ -25,13 +25,19 @@ const useGroupMembershipRequests = (groupId: string) => {
   );
 
   const { dismissEntity: authorize } = useDismissEntity(path, async (accountId: string) => {
-    const response = await client.experimental.groups.acceptGroupMembershipRequest(groupId, accountId);
+    const response = await client.experimental.groups.acceptGroupMembershipRequest(
+      groupId,
+      accountId,
+    );
     invalidate();
     return response;
   });
 
   const { dismissEntity: reject } = useDismissEntity(path, async (accountId: string) => {
-    const response = await client.experimental.groups.rejectGroupMembershipRequest(groupId, accountId);
+    const response = await client.experimental.groups.rejectGroupMembershipRequest(
+      groupId,
+      accountId,
+    );
     invalidate();
     return response;
   });
diff --git a/packages/pl-fe/src/api/hooks/groups/use-group-relationship.ts b/packages/pl-fe/src/api/hooks/groups/use-group-relationship.ts
index b747f8312..dcff57403 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-group-relationship.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-group-relationship.ts
@@ -14,7 +14,10 @@ const useGroupRelationship = (groupId: string | undefined) => {
     () => client.experimental.groups.getGroupRelationships([groupId!]),
     {
       enabled: !!groupId,
-      schema: v.pipe(v.any(), v.transform(arr => arr[0])),
+      schema: v.pipe(
+        v.any(),
+        v.transform((arr) => arr[0]),
+      ),
     },
   );
 
diff --git a/packages/pl-fe/src/api/hooks/groups/use-group.ts b/packages/pl-fe/src/api/hooks/groups/use-group.ts
index 0163ca69d..76646284d 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-group.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-group.ts
@@ -14,7 +14,11 @@ const useGroup = (groupId: string, refetch = true) => {
   const location = useLocation();
   const navigate = useNavigate();
 
-  const { entity: group, isUnauthorized, ...result } = useEntity<Group, Group>(
+  const {
+    entity: group,
+    isUnauthorized,
+    ...result
+  } = useEntity<Group, Group>(
     [Entities.GROUPS, groupId],
     () => client.experimental.groups.getGroup(groupId),
     {
diff --git a/packages/pl-fe/src/api/hooks/groups/use-groups.ts b/packages/pl-fe/src/api/hooks/groups/use-groups.ts
index 65a5c363f..291392912 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-groups.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-groups.ts
@@ -18,7 +18,7 @@ const useGroups = () => {
   );
   const { relationships } = useGroupRelationships(
     ['search', ''],
-    entities.map(entity => entity.id),
+    entities.map((entity) => entity.id),
   );
 
   const groups = entities.map((group) => ({
diff --git a/packages/pl-fe/src/api/hooks/groups/use-promote-group-member.ts b/packages/pl-fe/src/api/hooks/groups/use-promote-group-member.ts
index 7b5ea3ce9..2ad3c85ba 100644
--- a/packages/pl-fe/src/api/hooks/groups/use-promote-group-member.ts
+++ b/packages/pl-fe/src/api/hooks/groups/use-promote-group-member.ts
@@ -11,8 +11,14 @@ const usePromoteGroupMember = (group: Pick<Group, 'id'>, groupMember: Pick<Group
 
   const { createEntity } = useCreateEntity(
     [Entities.GROUP_MEMBERSHIPS, groupMember.id],
-    ({ account_ids, role }: { account_ids: string[]; role: GroupRole }) => client.experimental.groups.promoteGroupUsers(group.id, account_ids, role),
-    { schema: v.pipe(v.any(), v.transform(arr => arr[0])) },
+    ({ account_ids, role }: { account_ids: string[]; role: GroupRole }) =>
+      client.experimental.groups.promoteGroupUsers(group.id, account_ids, role),
+    {
+      schema: v.pipe(
+        v.any(),
+        v.transform((arr) => arr[0]),
+      ),
+    },
   );
 
   return createEntity;
diff --git a/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts b/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
index 8c733d137..480d7c3d9 100644
--- a/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
+++ b/packages/pl-fe/src/api/hooks/streaming/use-timeline-stream.ts
@@ -7,25 +7,36 @@ import { getAccessToken } from '@/utils/auth';
 
 import type { StreamingEvent } from 'pl-api';
 
-const useTimelineStream = (stream: string, params: { list?: string; tag?: string } = {}, enabled = true, listener?: (event: StreamingEvent) => any) => {
+const useTimelineStream = (
+  stream: string,
+  params: { list?: string; tag?: string } = {},
+  enabled = true,
+  listener?: (event: StreamingEvent) => any,
+) => {
   const firstUpdate = useRef(true);
 
   const client = useClient();
 
   const instance = useInstance();
-  const socket = useRef<({
+  const socket = useRef<{
     listen: (listener: any, stream?: string) => number;
     unlisten: (listener: any) => void;
-    subscribe: (stream: string, params?: {
+    subscribe: (
+      stream: string,
+      params?: {
         list?: string;
         tag?: string;
-    }) => void;
-    unsubscribe: (stream: string, params?: {
+      },
+    ) => void;
+    unsubscribe: (
+      stream: string,
+      params?: {
         list?: string;
         tag?: string;
-    }) => void;
+      },
+    ) => void;
     close: () => void;
-  }) | null>(null);
+  } | null>(null);
 
   const accessToken = useAppSelector(getAccessToken);
   const streamingUrl = instance.configuration.urls.streaming;
diff --git a/packages/pl-fe/src/api/hooks/streaming/use-user-stream.ts b/packages/pl-fe/src/api/hooks/streaming/use-user-stream.ts
index 82b637ed6..fb0d0d124 100644
--- a/packages/pl-fe/src/api/hooks/streaming/use-user-stream.ts
+++ b/packages/pl-fe/src/api/hooks/streaming/use-user-stream.ts
@@ -21,11 +21,17 @@ import { updateReactions } from '../../../queries/announcements/use-announcement
 import { useTimelineStream } from './use-timeline-stream';
 
 import type { AppDispatch, RootState } from '@/store';
-import type { Announcement, AnnouncementReaction, FollowRelationshipUpdate, Relationship, StreamingEvent } from 'pl-api';
+import type {
+  Announcement,
+  AnnouncementReaction,
+  FollowRelationshipUpdate,
+  Relationship,
+  StreamingEvent,
+} from 'pl-api';
 
 const updateAnnouncementReactions = (reaction: AnnouncementReaction) => {
   queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-    prevResult.map(value => {
+    prevResult.map((value) => {
       if (value.id !== reaction.announcement_id) return value;
 
       return {
@@ -40,16 +46,16 @@ const updateAnnouncement = (announcement: Announcement) =>
   queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) => {
     let updated = false;
 
-    const result = prevResult.map(value => value.id === announcement.id
-      ? (updated = true, announcement)
-      : value);
+    const result = prevResult.map((value) =>
+      value.id === announcement.id ? ((updated = true), announcement) : value,
+    );
 
     if (!updated) return [announcement, ...result];
   });
 
 const deleteAnnouncement = (announcementId: string) =>
   queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-    prevResult.filter(value => value.id !== announcementId),
+    prevResult.filter((value) => value.id !== announcementId),
   );
 
 const followStateToRelationship = (followState: FollowRelationshipUpdate['state']) => {
@@ -65,17 +71,23 @@ const followStateToRelationship = (followState: FollowRelationshipUpdate['state'
   }
 };
 
-const updateFollowRelationships = (update: FollowRelationshipUpdate) =>
-  (dispatch: AppDispatch, getState: () => RootState) => {
+const updateFollowRelationships =
+  (update: FollowRelationshipUpdate) => (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
 
     const me = state.me;
 
     if (update.follower.id === me) {
-      queryClient.setQueryData<Relationship>(['accountRelationships', update.following.id], (relationship) => relationship ? ({
-        ...relationship,
-        ...followStateToRelationship(update.state),
-      }) : undefined);
+      queryClient.setQueryData<Relationship>(
+        ['accountRelationships', update.following.id],
+        (relationship) =>
+          relationship
+            ? {
+                ...relationship,
+                ...followStateToRelationship(update.state),
+              }
+            : undefined,
+      );
     }
   };
 
@@ -110,11 +122,13 @@ const useUserStream = () => {
         dispatch(deleteFromTimelines(event.payload));
         break;
       case 'notification':
-        messages[getLocale()]().then(messages => {
-          dispatch(updateNotificationsQueue(event.payload, messages, getLocale()));
-        }).catch(error => {
-          console.error(error);
-        });
+        messages[getLocale()]()
+          .then((messages) => {
+            dispatch(updateNotificationsQueue(event.payload, messages, getLocale()));
+          })
+          .catch((error) => {
+            console.error(error);
+          });
         break;
       case 'conversation':
         dispatch(updateConversations(event.payload));
diff --git a/packages/pl-fe/src/api/index.ts b/packages/pl-fe/src/api/index.ts
index c93f9c983..707aca40f 100644
--- a/packages/pl-fe/src/api/index.ts
+++ b/packages/pl-fe/src/api/index.ts
@@ -8,15 +8,15 @@ import { buildFullPath } from '@/utils/url';
 import type { RootState, Store } from '@/store';
 
 let store: Store;
-import('@/store').then((value) => store = value.store).catch(() => {});
+import('@/store').then((value) => (store = value.store)).catch(() => {});
 
 type PlfeResponse<T = any> = Response & { data: string; json: T };
 
 /**
-  * Dumb client for grabbing static files.
-  * It uses FE_SUBDIRECTORY and parses JSON if possible.
-  * No authorization is needed.
-  */
+ * Dumb client for grabbing static files.
+ * It uses FE_SUBDIRECTORY and parses JSON if possible.
+ * No authorization is needed.
+ */
 const staticFetch = async (input: URL | RequestInfo, init?: RequestInit) => {
   const fullPath = buildFullPath(input.toString(), BuildConfig.BACKEND_URL);
 
@@ -34,7 +34,17 @@ const staticFetch = async (input: URL | RequestInfo, init?: RequestInit) => {
 
   const { headers, ok, redirected, status, statusText, type, url } = response;
 
-  return { headers, ok, redirected, status, statusText, type, url, data, json } as any as PlfeResponse;
+  return {
+    headers,
+    ok,
+    redirected,
+    status,
+    statusText,
+    type,
+    url,
+    data,
+    json,
+  } as any as PlfeResponse;
 };
 
 const getClient = (state: RootState | (() => RootState) = store?.getState()) => {
@@ -43,8 +53,4 @@ const getClient = (state: RootState | (() => RootState) = store?.getState()) =>
   return state.auth.client;
 };
 
-export {
-  type PlfeResponse,
-  staticFetch,
-  getClient,
-};
+export { type PlfeResponse, staticFetch, getClient };
diff --git a/packages/pl-fe/src/build-config.ts b/packages/pl-fe/src/build-config.ts
index f7ff9d701..04deae652 100644
--- a/packages/pl-fe/src/build-config.ts
+++ b/packages/pl-fe/src/build-config.ts
@@ -4,12 +4,7 @@
  */
 
 const env = compileTime(() => {
-  const {
-    NODE_ENV,
-    BACKEND_URL,
-    FE_SUBDIRECTORY,
-    WITH_LANDING_PAGE,
-  } = process.env;
+  const { NODE_ENV, BACKEND_URL, FE_SUBDIRECTORY, WITH_LANDING_PAGE } = process.env;
 
   const sanitizeURL = (url: string | undefined = ''): string => {
     try {
@@ -19,7 +14,8 @@ const env = compileTime(() => {
     }
   };
 
-  const sanitizeBasename = (path: string | undefined = ''): string => `/${path.replace(/^\/+|\/+$/g, '')}`;
+  const sanitizeBasename = (path: string | undefined = ''): string =>
+    `/${path.replace(/^\/+|\/+$/g, '')}`;
 
   return {
     NODE_ENV: NODE_ENV ?? 'development',
@@ -29,18 +25,8 @@ const env = compileTime(() => {
   };
 });
 
-const {
-  NODE_ENV,
-  BACKEND_URL,
-  FE_SUBDIRECTORY,
-  WITH_LANDING_PAGE,
-} = env;
+const { NODE_ENV, BACKEND_URL, FE_SUBDIRECTORY, WITH_LANDING_PAGE } = env;
 
 export type PlFeEnv = typeof env;
 
-export {
-  NODE_ENV,
-  BACKEND_URL,
-  FE_SUBDIRECTORY,
-  WITH_LANDING_PAGE,
-};
+export { NODE_ENV, BACKEND_URL, FE_SUBDIRECTORY, WITH_LANDING_PAGE };
diff --git a/packages/pl-fe/src/columns/notifications.tsx b/packages/pl-fe/src/columns/notifications.tsx
index 8550abdbc..6b7c8ceea 100644
--- a/packages/pl-fe/src/columns/notifications.tsx
+++ b/packages/pl-fe/src/columns/notifications.tsx
@@ -32,10 +32,17 @@ import type { VirtuosoHandle } from 'react-virtuoso';
 
 const messages = defineMessages({
   title: { id: 'column.notifications', defaultMessage: 'Notifications' },
-  queue: { id: 'notifications.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {notification} other {notifications}}' },
+  queue: {
+    id: 'notifications.queue_label',
+    defaultMessage:
+      'Click to see {count} new {count, plural, one {notification} other {notifications}}',
+  },
   all: { id: 'notifications.filter.all', defaultMessage: 'All' },
   mentions: { id: 'notifications.filter.mentions', defaultMessage: 'Mentions' },
-  statuses: { id: 'notifications.filter.statuses', defaultMessage: 'Updates from people you follow' },
+  statuses: {
+    id: 'notifications.filter.statuses',
+    defaultMessage: 'Updates from people you follow',
+  },
   favourites: { id: 'notifications.filter.favourites', defaultMessage: 'Likes' },
   boosts: { id: 'notifications.filter.boosts', defaultMessage: 'Reposts' },
   polls: { id: 'notifications.filter.polls', defaultMessage: 'Poll results' },
@@ -81,12 +88,18 @@ const FilterBar = () => {
       action: onClick('mention'),
       name: 'mention',
     });
-    if (features.accountNotifies) items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/bell-simple-ringing.svg')} />,
-      title: intl.formatMessage(messages.statuses),
-      action: onClick('status'),
-      name: 'status',
-    });
+    if (features.accountNotifies)
+      items.push({
+        text: (
+          <Icon
+            className='size-4'
+            src={require('@phosphor-icons/core/regular/bell-simple-ringing.svg')}
+          />
+        ),
+        title: intl.formatMessage(messages.statuses),
+        action: onClick('status'),
+        name: 'status',
+      });
     items.push({
       text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/star.svg')} />,
       title: intl.formatMessage(messages.favourites),
@@ -99,18 +112,27 @@ const FilterBar = () => {
       action: onClick('reblog'),
       name: 'reblog',
     });
-    if (features.polls) items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/chart-bar.svg')} />,
-      title: intl.formatMessage(messages.polls),
-      action: onClick('poll'),
-      name: 'poll',
-    });
-    if (features.events) items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/calendar-dots.svg')} />,
-      title: intl.formatMessage(messages.events),
-      action: onClick('events'),
-      name: 'events',
-    });
+    if (features.polls)
+      items.push({
+        text: (
+          <Icon className='size-4' src={require('@phosphor-icons/core/regular/chart-bar.svg')} />
+        ),
+        title: intl.formatMessage(messages.polls),
+        action: onClick('poll'),
+        name: 'poll',
+      });
+    if (features.events)
+      items.push({
+        text: (
+          <Icon
+            className='size-4'
+            src={require('@phosphor-icons/core/regular/calendar-dots.svg')}
+          />
+        ),
+        title: intl.formatMessage(messages.events),
+        action: onClick('events'),
+        name: 'events',
+      });
     items.push({
       text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/user-plus.svg')} />,
       title: intl.formatMessage(messages.follows),
@@ -122,27 +144,30 @@ const FilterBar = () => {
   return <Tabs items={items} activeItem={selectedFilter} />;
 };
 
-const getNotifications = createSelector([
-  (state: RootState) => state.notifications.items,
-  (_, topNotification?: string) => topNotification,
-], (notifications, topNotificationId) => {
-  if (topNotificationId) {
-    const queuedNotificationCount = notifications.findIndex((notification) =>
-      notification.most_recent_notification_id <= topNotificationId,
-    );
-    const displayedNotifications = notifications.slice(queuedNotificationCount);
+const getNotifications = createSelector(
+  [
+    (state: RootState) => state.notifications.items,
+    (_, topNotification?: string) => topNotification,
+  ],
+  (notifications, topNotificationId) => {
+    if (topNotificationId) {
+      const queuedNotificationCount = notifications.findIndex(
+        (notification) => notification.most_recent_notification_id <= topNotificationId,
+      );
+      const displayedNotifications = notifications.slice(queuedNotificationCount);
+
+      return {
+        queuedNotificationCount,
+        displayedNotifications,
+      };
+    }
 
     return {
-      queuedNotificationCount,
-      displayedNotifications,
+      queuedNotificationCount: 0,
+      displayedNotifications: notifications,
     };
-  }
-
-  return {
-    queuedNotificationCount: 0,
-    displayedNotifications: notifications,
-  };
-});
+  },
+);
 
 interface INotificationsColumn {
   multiColumn?: boolean;
@@ -153,13 +178,17 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
   const features = useFeatures();
   const settings = useSettings();
 
-  const showFilterBar = (features.notificationsExcludeTypes || features.notificationsIncludeTypes) && settings.notifications.quickFilter.show;
+  const showFilterBar =
+    (features.notificationsExcludeTypes || features.notificationsIncludeTypes) &&
+    settings.notifications.quickFilter.show;
   const activeFilter = settings.notifications.quickFilter.active;
   const [topNotification, setTopNotification] = useState<string>();
-  const { queuedNotificationCount, displayedNotifications } = useAppSelector(state => getNotifications(state, topNotification));
-  const isLoading = useAppSelector(state => state.notifications.isLoading);
+  const { queuedNotificationCount, displayedNotifications } = useAppSelector((state) =>
+    getNotifications(state, topNotification),
+  );
+  const isLoading = useAppSelector((state) => state.notifications.isLoading);
   // const isUnread = useAppSelector(state => state.notifications.unread > 0);
-  const hasMore = useAppSelector(state => state.notifications.hasMore);
+  const hasMore = useAppSelector((state) => state.notifications.hasMore);
 
   const node = useRef<VirtuosoHandle>(null);
   const scrollableContentRef = useRef<Array<JSX.Element> | null>(null);
@@ -168,31 +197,47 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
   //   dispatch(expandNotifications({ maxId }));
   // };
 
-  const handleLoadOlder = useCallback(debounce(() => {
-    const minId = displayedNotifications.reduce<string | undefined>(
-      (minId, notification) => minId && notification.page_min_id && notification.page_min_id > minId
-        ? minId
-        : notification.page_min_id,
-      undefined,
-    );
-    dispatch(expandNotifications({ maxId: minId }));
-  }, 300, { leading: true }), [displayedNotifications]);
+  const handleLoadOlder = useCallback(
+    debounce(
+      () => {
+        const minId = displayedNotifications.reduce<string | undefined>(
+          (minId, notification) =>
+            minId && notification.page_min_id && notification.page_min_id > minId
+              ? minId
+              : notification.page_min_id,
+          undefined,
+        );
+        dispatch(expandNotifications({ maxId: minId }));
+      },
+      300,
+      { leading: true },
+    ),
+    [displayedNotifications],
+  );
 
-  const handleScrollToTop = useCallback(debounce(() => {
-    dispatch(scrollTopNotifications(true));
-  }, 100), []);
+  const handleScrollToTop = useCallback(
+    debounce(() => {
+      dispatch(scrollTopNotifications(true));
+    }, 100),
+    [],
+  );
 
-  const handleScroll = useCallback(debounce(() => {
-    dispatch(scrollTopNotifications(false));
-  }, 100), []);
+  const handleScroll = useCallback(
+    debounce(() => {
+      dispatch(scrollTopNotifications(false));
+    }, 100),
+    [],
+  );
 
   const handleMoveUp = (id: string) => {
-    const elementIndex = displayedNotifications.findIndex(item => item !== null && item.group_key === id) - 1;
+    const elementIndex =
+      displayedNotifications.findIndex((item) => item !== null && item.group_key === id) - 1;
     selectChild(elementIndex, node);
   };
 
   const handleMoveDown = (id: string) => {
-    const elementIndex = displayedNotifications.findIndex(item => item !== null && item.group_key === id) + 1;
+    const elementIndex =
+      displayedNotifications.findIndex((item) => item !== null && item.group_key === id) + 1;
     selectChild(elementIndex, node, undefined, displayedNotifications.length);
   };
 
@@ -220,15 +265,22 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
     setTopNotification(displayedNotifications[0].most_recent_notification_id);
   }, [displayedNotifications.length]);
 
-  const emptyMessage = activeFilter === 'all'
-    ? <FormattedMessage id='empty_column.notifications' defaultMessage="You don't have any notifications yet. Interact with others to start the conversation." />
-    : <FormattedMessage id='empty_column.notifications_filtered' defaultMessage="You don't have any notifications of this type yet." />;
+  const emptyMessage =
+    activeFilter === 'all' ? (
+      <FormattedMessage
+        id='empty_column.notifications'
+        defaultMessage="You don't have any notifications yet. Interact with others to start the conversation."
+      />
+    ) : (
+      <FormattedMessage
+        id='empty_column.notifications_filtered'
+        defaultMessage="You don't have any notifications of this type yet."
+      />
+    );
 
   let scrollableContent: Array<JSX.Element> | null = null;
 
-  const filterBarContainer = showFilterBar
-    ? (<FilterBar />)
-    : null;
+  const filterBarContainer = showFilterBar ? <FilterBar /> : null;
 
   if (isLoading && scrollableContentRef.current) {
     scrollableContent = scrollableContentRef.current;
@@ -281,9 +333,7 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
         />
       </Portal>
 
-      <PullToRefresh onRefresh={handleRefresh}>
-        {scrollContainer}
-      </PullToRefresh>
+      <PullToRefresh onRefresh={handleRefresh}>{scrollContainer}</PullToRefresh>
     </>
   );
 };
diff --git a/packages/pl-fe/src/columns/search.tsx b/packages/pl-fe/src/columns/search.tsx
index 8be0b288a..ca6065b5f 100644
--- a/packages/pl-fe/src/columns/search.tsx
+++ b/packages/pl-fe/src/columns/search.tsx
@@ -9,7 +9,11 @@ import StatusContainer from '@/containers/status-container';
 import PlaceholderAccount from '@/features/placeholder/components/placeholder-account';
 import PlaceholderHashtag from '@/features/placeholder/components/placeholder-hashtag';
 import PlaceholderStatus from '@/features/placeholder/components/placeholder-status';
-import { useSearchAccounts, useSearchHashtags, useSearchStatuses } from '@/queries/search/use-search';
+import {
+  useSearchAccounts,
+  useSearchHashtags,
+  useSearchStatuses,
+} from '@/queries/search/use-search';
 import { selectChild } from '@/utils/scroll-utils';
 
 import TrendsColumn from './trends';
@@ -28,20 +32,20 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
 
   const node = useRef<VirtuosoHandle>(null);
 
-  const searchAccountsQuery = useSearchAccounts(type === 'accounts' && query || '');
-  const searchStatusesQuery = useSearchStatuses(type === 'statuses' && query || '', {
+  const searchAccountsQuery = useSearchAccounts((type === 'accounts' && query) || '');
+  const searchStatusesQuery = useSearchStatuses((type === 'statuses' && query) || '', {
     account_id: accountId,
   });
-  const searchHashtagsQuery = useSearchHashtags(type === 'hashtags' && query || '');
+  const searchHashtagsQuery = useSearchHashtags((type === 'hashtags' && query) || '');
 
-  const activeQuery = ({
+  const activeQuery = {
     accounts: searchAccountsQuery,
     statuses: searchStatusesQuery,
     hashtags: searchHashtagsQuery,
     links: searchStatusesQuery,
-  })[type];
+  }[type];
 
-  const getCurrentIndex = (id: string): number => resultsIds?.findIndex(key => key === id);
+  const getCurrentIndex = (id: string): number => resultsIds?.findIndex((key) => key === id);
 
   const handleMoveUp = (id: string) => {
     if (!resultsIds) return;
@@ -54,7 +58,12 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
     if (!resultsIds) return;
 
     const elementIndex = getCurrentIndex(id) + 1;
-    selectChild(elementIndex, node, document.getElementById('search-results') ?? undefined, resultsIds.length);
+    selectChild(
+      elementIndex,
+      node,
+      document.getElementById('search-results') ?? undefined,
+      resultsIds.length,
+    );
   };
 
   const handleLoadMore = () => activeQuery.fetchNextPage({ cancelRefetch: false });
@@ -70,7 +79,9 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
       if (!query) return <TrendsColumn type='accounts' />;
       if (searchAccountsQuery.data && searchAccountsQuery.data.length > 0) {
         resultsIds = searchAccountsQuery.data;
-        searchResults = searchAccountsQuery.data.map(accountId => <AccountContainer key={accountId} id={accountId} />);
+        searchResults = searchAccountsQuery.data.map((accountId) => (
+          <AccountContainer key={accountId} id={accountId} />
+        ));
       } else if (!isFetching) {
         return (
           <div className='empty-column-indicator'>
@@ -89,7 +100,14 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
       if (!query) return <TrendsColumn type='statuses' />;
       if (searchStatusesQuery.data && searchStatusesQuery.data.length > 0) {
         resultsIds = searchStatusesQuery.data;
-        searchResults = searchStatusesQuery.data.map(statusId => <StatusContainer key={statusId} id={statusId} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} />);
+        searchResults = searchStatusesQuery.data.map((statusId) => (
+          <StatusContainer
+            key={statusId}
+            id={statusId}
+            onMoveUp={handleMoveUp}
+            onMoveDown={handleMoveDown}
+          />
+        ));
       } else if (!isFetching) {
         return (
           <div className='empty-column-indicator'>
@@ -107,8 +125,10 @@ const SearchColumn: React.FC<ISearchColumn> = ({ type, query, accountId, multiCo
       placeholderComponent = PlaceholderHashtag;
       if (!query) return <TrendsColumn type='hashtags' />;
       if (searchHashtagsQuery.data && searchHashtagsQuery.data.length > 0) {
-        resultsIds = searchHashtagsQuery.data.map(hashtag => hashtag.name);
-        searchResults = searchHashtagsQuery.data.map(hashtag => <Hashtag key={hashtag.name} hashtag={hashtag} />);
+        resultsIds = searchHashtagsQuery.data.map((hashtag) => hashtag.name);
+        searchResults = searchHashtagsQuery.data.map((hashtag) => (
+          <Hashtag key={hashtag.name} hashtag={hashtag} />
+        ));
       } else if (!isFetching) {
         return (
           <div className='empty-column-indicator'>
diff --git a/packages/pl-fe/src/columns/trends.tsx b/packages/pl-fe/src/columns/trends.tsx
index 66053395e..4f45fbd24 100644
--- a/packages/pl-fe/src/columns/trends.tsx
+++ b/packages/pl-fe/src/columns/trends.tsx
@@ -21,10 +21,22 @@ interface ITrendsColumn {
 }
 
 const TrendsColumn: React.FC<ITrendsColumn> = ({ type, multiColumn }) => {
-  const { data: accounts, isFetching: isFetchingAccounts, isLoading: isLoadingAccounts } = useSuggestedAccounts();
+  const {
+    data: accounts,
+    isFetching: isFetchingAccounts,
+    isLoading: isLoadingAccounts,
+  } = useSuggestedAccounts();
   const { data: trendingTags, isFetching: isFetchingTags, isLoading: isLoadingTags } = useTrends();
-  const { data: trendingStatuses, isFetching: isFetchingStatuses, isLoading: isLoadingStatuses } = useTrendingStatuses();
-  const { data: trendingLinks, isFetching: isFetchingLinks, isLoading: isLoadingLinks } = useTrendingLinks();
+  const {
+    data: trendingStatuses,
+    isFetching: isFetchingStatuses,
+    isLoading: isLoadingStatuses,
+  } = useTrendingStatuses();
+  const {
+    data: trendingLinks,
+    isFetching: isFetchingLinks,
+    isLoading: isLoadingLinks,
+  } = useTrendingLinks();
 
   let placeholderComponent = PlaceholderStatus;
 
@@ -34,27 +46,31 @@ const TrendsColumn: React.FC<ITrendsColumn> = ({ type, multiColumn }) => {
 
   switch (type) {
     case 'accounts': {
-      children = accounts?.map(account => <AccountContainer key={account.account_id} id={account.account_id} />);
+      children = accounts?.map((account) => (
+        <AccountContainer key={account.account_id} id={account.account_id} />
+      ));
       isFetching = isFetchingAccounts;
       isLoading = isLoadingAccounts;
       placeholderComponent = PlaceholderAccount;
       break;
     }
     case 'hashtags': {
-      children = trendingTags?.map(tag => <Hashtag key={tag.name} hashtag={tag} />);
+      children = trendingTags?.map((tag) => <Hashtag key={tag.name} hashtag={tag} />);
       isFetching = isFetchingTags;
       isLoading = isLoadingTags;
       placeholderComponent = PlaceholderHashtag;
       break;
     }
     case 'statuses': {
-      children = trendingStatuses?.map(statusId => <StatusContainer key={statusId} id={statusId} />);
+      children = trendingStatuses?.map((statusId) => (
+        <StatusContainer key={statusId} id={statusId} />
+      ));
       isFetching = isFetchingStatuses;
       isLoading = isLoadingStatuses;
       break;
     }
     case 'links': {
-      children = trendingLinks?.map(link => <TrendingLink key={link.id} trendingLink={link} />);
+      children = trendingLinks?.map((link) => <TrendingLink key={link.id} trendingLink={link} />);
       isFetching = isFetchingLinks;
       isLoading = isLoadingLinks;
       break;
diff --git a/packages/pl-fe/src/components/account-hover-card.tsx b/packages/pl-fe/src/components/account-hover-card.tsx
index 35554964d..ec730b81c 100644
--- a/packages/pl-fe/src/components/account-hover-card.tsx
+++ b/packages/pl-fe/src/components/account-hover-card.tsx
@@ -33,15 +33,32 @@ const messages = {
   pronouns: { id: 'account.pronouns.with_label', defaultMessage: 'Pronouns: {pronouns}' },
 };
 
-const getBadges = (
-  account?: Pick<Account, 'is_admin' | 'is_moderator'>,
-): JSX.Element[] => {
+const getBadges = (account?: Pick<Account, 'is_admin' | 'is_moderator'>): JSX.Element[] => {
   const badges = [];
 
   if (account?.is_admin) {
-    badges.push(<Badge key='admin' slug='admin' title={<FormattedMessage id='account_moderation_modal.roles.admin' defaultMessage='Admin' />} />);
+    badges.push(
+      <Badge
+        key='admin'
+        slug='admin'
+        title={
+          <FormattedMessage id='account_moderation_modal.roles.admin' defaultMessage='Admin' />
+        }
+      />,
+    );
   } else if (account?.is_moderator) {
-    badges.push(<Badge key='moderator' slug='moderator' title={<FormattedMessage id='account_moderation_modal.roles.moderator' defaultMessage='Moderator' />} />);
+    badges.push(
+      <Badge
+        key='moderator'
+        slug='moderator'
+        title={
+          <FormattedMessage
+            id='account_moderation_modal.roles.moderator'
+            defaultMessage='Moderator'
+          />
+        }
+      />,
+    );
   }
 
   return badges;
@@ -60,7 +77,7 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
   const { accountId, ref } = useAccountHoverCardStore();
   const { updateAccountHoverCard, closeAccountHoverCard } = useAccountHoverCardActions();
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const { account } = useAccount(accountId ?? undefined, { withRelationship: true });
   const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
   const badges = getBadges(account);
@@ -120,14 +137,14 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
   const memberSinceDate = intl.formatDate(account.created_at, { month: 'long', year: 'numeric' });
   const followedBy = me !== account.id && account.relationship?.followed_by === true;
 
-  const timezoneField = account.fields.find(field => isTimezoneLabel(field.name));
+  const timezoneField = account.fields.find((field) => isTimezoneLabel(field.name));
 
   return (
     <div
       className={clsx({
-        'absolute transition-opacity w-[320px] z-[101] top-0 left-0': true,
+        'absolute left-0 top-0 z-[101] w-[320px] transition-opacity': true,
         'opacity-100': visible && context.open,
-        'opacity-0 pointer-events-none': !visible || !context.open,
+        'pointer-events-none opacity-0': !visible || !context.open,
       })}
       ref={refs.setFloating}
       style={{
@@ -139,7 +156,10 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
     >
-      <Card variant='rounded' className='relative isolate overflow-hidden black:rounded-xl black:border black:border-gray-800'>
+      <Card
+        variant='rounded'
+        className='relative isolate overflow-hidden black:rounded-xl black:border black:border-gray-800'
+      >
         <CardBody>
           <Stack space={2}>
             <UserPanel
@@ -157,7 +177,9 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
 
                 <Text size='sm' title={intl.formatDate(account.created_at, dateFormatOptions)}>
                   <FormattedMessage
-                    id='account.member_since' defaultMessage='Joined {date}' values={{
+                    id='account.member_since'
+                    defaultMessage='Joined {date}'
+                    values={{
                       date: memberSinceDate,
                     }}
                   />
@@ -165,9 +187,7 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
               </HStack>
             ) : null}
 
-            {timezoneField && (
-              <AccountLocalTime accountId={account.id} field={timezoneField} />
-            )}
+            {timezoneField && <AccountLocalTime accountId={account.id} field={timezoneField} />}
 
             {account.pronouns.length > 0 && (
               <HStack alignItems='center' space={0.5}>
@@ -178,7 +198,9 @@ const AccountHoverCard: React.FC<IAccountHoverCard> = ({ visible = true }) => {
 
                 <Text
                   size='sm'
-                  title={intl.formatMessage(messages.pronouns, { pronouns: account.pronouns.join('/') })}
+                  title={intl.formatMessage(messages.pronouns, {
+                    pronouns: account.pronouns.join('/'),
+                  })}
                 >
                   {account.pronouns.join('/')}
                 </Text>
diff --git a/packages/pl-fe/src/components/account-local-time.tsx b/packages/pl-fe/src/components/account-local-time.tsx
index 84b2b9bac..d0e35ce38 100644
--- a/packages/pl-fe/src/components/account-local-time.tsx
+++ b/packages/pl-fe/src/components/account-local-time.tsx
@@ -12,13 +12,17 @@ const supportedTimeZones = Intl.supportedValuesOf('timeZone');
 const UTC_REGEX = /(GMT|UTC)([+-])([0-9]{1,2})/i;
 
 const getSupportedTimezone = (value: string): string | false => {
-  let foundTimezone = supportedTimeZones.find((tz) => value.toLowerCase().startsWith(tz.toLowerCase()));
+  let foundTimezone = supportedTimeZones.find((tz) =>
+    value.toLowerCase().startsWith(tz.toLowerCase()),
+  );
   if (!foundTimezone) {
     const match = value.match(UTC_REGEX);
     if (match) {
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const [_, __, sign, hours] = match;
-      foundTimezone = supportedTimeZones.find((tz) => tz.toLowerCase() === `etc/gmt${sign === '+' ? '-' : '+'}${+hours}`);
+      foundTimezone = supportedTimeZones.find(
+        (tz) => tz.toLowerCase() === `etc/gmt${sign === '+' ? '-' : '+'}${+hours}`,
+      );
     }
   }
   return foundTimezone ?? false;
@@ -76,7 +80,12 @@ const AccountLocalTime: React.FC<IAccountLocalTime> = ({ accountId, field }) =>
   if (!localTime) return null;
 
   return (
-    <HStack className='mt-1' alignItems='center' space={0.5} title={intl.formatMessage(messages.timezone, { timezone: field.value })}>
+    <HStack
+      className='mt-1'
+      alignItems='center'
+      space={0.5}
+      title={intl.formatMessage(messages.timezone, { timezone: field.value })}
+    >
       <Icon
         src={require('@phosphor-icons/core/regular/clock.svg')}
         className='size-4 text-gray-800 dark:text-gray-200'
@@ -84,7 +93,10 @@ const AccountLocalTime: React.FC<IAccountLocalTime> = ({ accountId, field }) =>
       <Text size='sm'>
         {localTime}
         {me !== accountId && isTimezoneEqual && (
-          <span className='text-green-500'> <FormattedMessage id='account.timezone.equal' defaultMessage='(same as you)' /></span>
+          <span className='text-green-500'>
+            {' '}
+            <FormattedMessage id='account.timezone.equal' defaultMessage='(same as you)' />
+          </span>
         )}
       </Text>
     </HStack>
diff --git a/packages/pl-fe/src/components/account.tsx b/packages/pl-fe/src/components/account.tsx
index 020991f48..6b9a7269a 100644
--- a/packages/pl-fe/src/components/account.tsx
+++ b/packages/pl-fe/src/components/account.tsx
@@ -33,7 +33,11 @@ interface IInstanceFavicon {
 const messages = defineMessages({
   bot: { id: 'account.badges.bot', defaultMessage: 'Bot' },
   timeline: { id: 'account.instance_favicon', defaultMessage: 'Visit {domain} timeline' },
-  account_locked: { id: 'account.locked_info', defaultMessage: 'This account privacy status is set to locked. The owner manually reviews who can follow them.' },
+  account_locked: {
+    id: 'account.locked_info',
+    defaultMessage:
+      'This account privacy status is set to locked. The owner manually reviews who can follow them.',
+  },
 });
 
 const InstanceFavicon: React.FC<IInstanceFavicon> = ({ account, disabled }) => {
@@ -61,9 +65,7 @@ const InstanceFavicon: React.FC<IInstanceFavicon> = ({ account, disabled }) => {
   const className = 'size-4 flex-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2';
 
   if (disabled) {
-    return (
-      <img src={account.favicon} alt='' title={account.domain} className={className} />
-    );
+    return <img src={account.favicon} alt='' title={account.domain} className={className} />;
   }
 
   return (
@@ -85,9 +87,7 @@ interface IProfilePopper {
 }
 
 const ProfilePopper: React.FC<IProfilePopper> = ({ condition, wrapper, children }) => (
-  <>
-    {condition ? wrapper(children) : children}
-  </>
+  <>{condition ? wrapper(children) : children}</>
 );
 
 interface IAccount {
@@ -200,7 +200,12 @@ const Account = ({
       const actionWidth = actionRef.current?.clientWidth ?? 0;
 
       if (overflowRef.current) {
-        style.maxWidth = Math.max(0, overflowRef.current.clientWidth - (withAvatar ? avatarSize + 12 : 0) - (actionWidth ? actionWidth + 12 : 0));
+        style.maxWidth = Math.max(
+          0,
+          overflowRef.current.clientWidth -
+            (withAvatar ? avatarSize + 12 : 0) -
+            (actionWidth ? actionWidth + 12 : 0),
+        );
       }
 
       setStyle(style);
@@ -226,93 +231,43 @@ const Account = ({
   if (withDate) timestamp = account.created_at;
 
   const LinkEl: any = withLinkToProfile ? Link : 'div';
-  const linkProps = withLinkToProfile ? {
-    to: '/@{$username}',
-    params: { username: account.acct },
-    title: account.acct,
-    onClick: (event: React.MouseEvent) =>{
-      event.stopPropagation();
-    },
-  } : {};
+  const linkProps = withLinkToProfile
+    ? {
+        to: '/@{$username}',
+        params: { username: account.acct },
+        title: account.acct,
+        onClick: (event: React.MouseEvent) => {
+          event.stopPropagation();
+        },
+      }
+    : {};
 
-  if (disabled) return (
-    <div data-testid='account' className={clsx('⁂-account-card', { '⁂-account-card--action-top': actionAlignment === 'top' })} ref={overflowRef}>
-      <div>
-        <HStack alignItems='center' space={3} className='max-w-full'>
-          {disableUserProvidedMedia ? (
-            <Avatar src={account.avatar} alt={account.avatar_description} username={account.username} />
-          ) : (
-            <div className='rounded-lg'>
-              <Avatar src={account.avatar} size={avatarSize} alt={account.avatar_description} isCat={account.is_cat} username={account.username} />
-              {emoji && (
-                <Emoji
-                  className='!absolute -right-1.5 bottom-0 size-5'
-                  emoji={emoji}
-                  src={emojiUrl}
+  if (disabled)
+    return (
+      <div
+        data-testid='account'
+        className={clsx('⁂-account-card', {
+          '⁂-account-card--action-top': actionAlignment === 'top',
+        })}
+        ref={overflowRef}
+      >
+        <div>
+          <HStack alignItems='center' space={3} className='max-w-full'>
+            {disableUserProvidedMedia ? (
+              <Avatar
+                src={account.avatar}
+                alt={account.avatar_description}
+                username={account.username}
+              />
+            ) : (
+              <div className='rounded-lg'>
+                <Avatar
+                  src={account.avatar}
+                  size={avatarSize}
+                  alt={account.avatar_description}
+                  isCat={account.is_cat}
+                  username={account.username}
                 />
-              )}
-            </div>
-          )}
-
-          <div className='grow overflow-hidden'>
-            <HStack space={1} alignItems='center' grow>
-              <Text size='sm' weight='semibold' truncate>
-                <Emojify text={account.display_name} emojis={account.emojis} />
-              </Text>
-
-              {account.verified && <VerificationBadge />}
-
-              {account.bot && <Badge slug='bot' title={<FormattedMessage id='account.badges.bot' defaultMessage='Bot' />} />}
-            </HStack>
-
-            <Stack space={withAccountNote || note ? 1 : 0}>
-              <HStack alignItems='center' space={1}>
-                <Text theme='muted' size='sm' direction='ltr' truncate>@{username}</Text>
-
-                {!timestamp && account.locked && (
-                  <>
-                    <Icon
-                      src={require('@phosphor-icons/core/regular/lock.svg')}
-                      alt={intl.formatMessage(messages.account_locked)}
-                      className='size-4 text-gray-600'
-                    />
-
-                    {account.favicon && !disableUserProvidedMedia && (
-                      <span className='⁂-separator' />
-                    )}
-                  </>
-                )}
-
-                {account.favicon && !disableUserProvidedMedia && (
-                  <InstanceFavicon account={account} disabled />
-                )}
-
-                {items}
-              </HStack>
-            </Stack>
-          </div>
-        </HStack>
-
-        <div ref={actionRef}>
-          {renderAction()}
-        </div>
-      </div>
-    </div>
-  );
-
-  return (
-    <div data-testid='account' className={clsx('⁂-account-card', { '⁂-account-card--action-top': actionAlignment === 'top' })} ref={overflowRef}>
-      <div>
-        <HStack alignItems={withAccountNote || note ? 'top' : 'center'} space={3} className='max-w-full'>
-          {withAvatar && (disableUserProvidedMedia ? (
-            <Avatar src={account.avatar} alt={account.avatar_description} username={account.username} />
-          ) : (
-            <ProfilePopper
-              condition={showAccountHoverCard}
-              wrapper={(children) => <HoverAccountWrapper className='relative' accountId={account.id} element='span'>{children}</HoverAccountWrapper>}
-            >
-              <LinkEl className='rounded-lg' {...linkProps}>
-                <Avatar src={account.avatar} size={avatarSize} alt={account.avatar_description} isCat={account.is_cat} username={account.username} />
                 {emoji && (
                   <Emoji
                     className='!absolute -right-1.5 bottom-0 size-5'
@@ -320,14 +275,117 @@ const Account = ({
                     src={emojiUrl}
                   />
                 )}
-              </LinkEl>
-            </ProfilePopper>
-          ))}
+              </div>
+            )}
+
+            <div className='grow overflow-hidden'>
+              <HStack space={1} alignItems='center' grow>
+                <Text size='sm' weight='semibold' truncate>
+                  <Emojify text={account.display_name} emojis={account.emojis} />
+                </Text>
+
+                {account.verified && <VerificationBadge />}
+
+                {account.bot && (
+                  <Badge
+                    slug='bot'
+                    title={<FormattedMessage id='account.badges.bot' defaultMessage='Bot' />}
+                  />
+                )}
+              </HStack>
+
+              <Stack space={withAccountNote || note ? 1 : 0}>
+                <HStack alignItems='center' space={1}>
+                  <Text theme='muted' size='sm' direction='ltr' truncate>
+                    @{username}
+                  </Text>
+
+                  {!timestamp && account.locked && (
+                    <>
+                      <Icon
+                        src={require('@phosphor-icons/core/regular/lock.svg')}
+                        alt={intl.formatMessage(messages.account_locked)}
+                        className='size-4 text-gray-600'
+                      />
+
+                      {account.favicon && !disableUserProvidedMedia && (
+                        <span className='⁂-separator' />
+                      )}
+                    </>
+                  )}
+
+                  {account.favicon && !disableUserProvidedMedia && (
+                    <InstanceFavicon account={account} disabled />
+                  )}
+
+                  {items}
+                </HStack>
+              </Stack>
+            </div>
+          </HStack>
+
+          <div ref={actionRef}>{renderAction()}</div>
+        </div>
+      </div>
+    );
+
+  return (
+    <div
+      data-testid='account'
+      className={clsx('⁂-account-card', {
+        '⁂-account-card--action-top': actionAlignment === 'top',
+      })}
+      ref={overflowRef}
+    >
+      <div>
+        <HStack
+          alignItems={withAccountNote || note ? 'top' : 'center'}
+          space={3}
+          className='max-w-full'
+        >
+          {withAvatar &&
+            (disableUserProvidedMedia ? (
+              <Avatar
+                src={account.avatar}
+                alt={account.avatar_description}
+                username={account.username}
+              />
+            ) : (
+              <ProfilePopper
+                condition={showAccountHoverCard}
+                wrapper={(children) => (
+                  <HoverAccountWrapper className='relative' accountId={account.id} element='span'>
+                    {children}
+                  </HoverAccountWrapper>
+                )}
+              >
+                <LinkEl className='rounded-lg' {...linkProps}>
+                  <Avatar
+                    src={account.avatar}
+                    size={avatarSize}
+                    alt={account.avatar_description}
+                    isCat={account.is_cat}
+                    username={account.username}
+                  />
+                  {emoji && (
+                    <Emoji
+                      className='!absolute -right-1.5 bottom-0 size-5'
+                      emoji={emoji}
+                      src={emojiUrl}
+                    />
+                  )}
+                </LinkEl>
+              </ProfilePopper>
+            ))}
 
           <div className='grow overflow-hidden' style={style}>
             <ProfilePopper
               condition={showAccountHoverCard}
-              wrapper={(children) => <HoverAccountWrapper accountId={account.id} element='span'>{children}</HoverAccountWrapper>}
+              wrapper={(children) => (
+                <HoverAccountWrapper accountId={account.id} element='span'>
+                  {children}
+                </HoverAccountWrapper>
+              )}
             >
               <LinkEl {...linkProps}>
                 <HStack space={1} alignItems='center' grow>
@@ -337,14 +395,21 @@ const Account = ({
 
                   {account.verified && <VerificationBadge />}
 
-                  {account.bot && <Badge slug='bot' title={<FormattedMessage id='account.badges.bot' defaultMessage='Bot' />} />}
+                  {account.bot && (
+                    <Badge
+                      slug='bot'
+                      title={<FormattedMessage id='account.badges.bot' defaultMessage='Bot' />}
+                    />
+                  )}
                 </HStack>
               </LinkEl>
             </ProfilePopper>
 
             <Stack space={withAccountNote || note ? 1 : 0}>
               <HStack alignItems='center' space={1}>
-                <Text theme='muted' size='sm' direction='ltr' truncate>@{username}</Text>
+                <Text theme='muted' size='sm' direction='ltr' truncate>
+                  @{username}
+                </Text>
 
                 {!timestamp && account.locked && (
                   <>
@@ -363,20 +428,34 @@ const Account = ({
                   <InstanceFavicon account={account} disabled={!withLinkToProfile} />
                 )}
 
-                {(timestamp) ? (
+                {timestamp ? (
                   <>
                     <span className='⁂-separator' />
 
                     {timestampUrl ? (
                       <Link
-                        to={timestampUrl} className='hover:underline' onClick={(event) =>{
+                        to={timestampUrl}
+                        className='hover:underline'
+                        onClick={(event) => {
                           event.stopPropagation();
                         }}
                       >
-                        <RelativeTimestamp timestamp={timestamp} theme='muted' size='sm' className='whitespace-nowrap' futureDate={futureTimestamp} />
+                        <RelativeTimestamp
+                          timestamp={timestamp}
+                          theme='muted'
+                          size='sm'
+                          className='whitespace-nowrap'
+                          futureDate={futureTimestamp}
+                        />
                       </Link>
                     ) : (
-                      <RelativeTimestamp timestamp={timestamp} theme='muted' size='sm' className='whitespace-nowrap' futureDate={futureTimestamp} />
+                      <RelativeTimestamp
+                        timestamp={timestamp}
+                        theme='muted'
+                        size='sm'
+                        className='whitespace-nowrap'
+                        futureDate={futureTimestamp}
+                      />
                     )}
                   </>
                 ) : null}
@@ -386,9 +465,14 @@ const Account = ({
                     <span className='⁂-separator' />
 
                     <Text tag='span' theme='muted' size='sm'>
-                      {approvalStatus === 'pending'
-                        ? <FormattedMessage id='status.approval.pending' defaultMessage='Pending approval' />
-                        : <FormattedMessage id='status.approval.rejected' defaultMessage='Rejected' />}
+                      {approvalStatus === 'pending' ? (
+                        <FormattedMessage
+                          id='status.approval.pending'
+                          defaultMessage='Pending approval'
+                        />
+                      ) : (
+                        <FormattedMessage id='status.approval.rejected' defaultMessage='Rejected' />
+                      )}
                     </Text>
                   </>
                 )}
@@ -397,7 +481,9 @@ const Account = ({
                   <>
                     <span className='⁂-separator' />
 
-                    <Text theme='muted' size='sm'><RelativeTimestamp timestamp={blockExpiresAt} futureDate /></Text>
+                    <Text theme='muted' size='sm'>
+                      <RelativeTimestamp timestamp={blockExpiresAt} futureDate />
+                    </Text>
                   </>
                 ) : null}
 
@@ -405,7 +491,9 @@ const Account = ({
                   <>
                     <span className='⁂-separator' />
 
-                    <Text theme='muted' size='sm'><RelativeTimestamp timestamp={muteExpiresAt} futureDate /></Text>
+                    <Text theme='muted' size='sm'>
+                      <RelativeTimestamp timestamp={muteExpiresAt} futureDate />
+                    </Text>
                   </>
                 ) : null}
 
@@ -413,28 +501,29 @@ const Account = ({
               </HStack>
 
               {note ? (
-                <Text
-                  size='sm'
-                  className='mr-2'
-                >
+                <Text size='sm' className='mr-2'>
                   {note}
                 </Text>
-              ) : withAccountNote && (
-                <Text
-                  truncate
-                  size='sm'
-                  className='line-clamp-2 inline text-ellipsis [&_br]:hidden [&_p:first-child]:inline [&_p:first-child]:truncate [&_p]:hidden'
-                >
-                  <ParsedContent html={account.note} emojis={account.emojis} speakAsCat={account.speak_as_cat} />
-                </Text>
+              ) : (
+                withAccountNote && (
+                  <Text
+                    truncate
+                    size='sm'
+                    className='line-clamp-2 inline text-ellipsis [&_br]:hidden [&_p:first-child]:inline [&_p:first-child]:truncate [&_p]:hidden'
+                  >
+                    <ParsedContent
+                      html={account.note}
+                      emojis={account.emojis}
+                      speakAsCat={account.speak_as_cat}
+                    />
+                  </Text>
+                )
               )}
             </Stack>
           </div>
         </HStack>
 
-        <div ref={actionRef}>
-          {renderAction()}
-        </div>
+        <div ref={actionRef}>{renderAction()}</div>
       </div>
     </div>
   );
diff --git a/packages/pl-fe/src/components/alt-indicator.tsx b/packages/pl-fe/src/components/alt-indicator.tsx
index 9e80f163b..6076c617c 100644
--- a/packages/pl-fe/src/components/alt-indicator.tsx
+++ b/packages/pl-fe/src/components/alt-indicator.tsx
@@ -9,15 +9,24 @@ interface IAltIndicator extends Pick<React.HTMLAttributes<HTMLSpanElement>, 'tit
   message?: JSX.Element;
 }
 
-const AltIndicator: React.FC<IAltIndicator> = React.forwardRef<HTMLSpanElement, IAltIndicator>(({ className, warning, message, ...props }, ref) => (
-  <span
-    className={clsx('inline-flex items-center gap-1 rounded bg-gray-900 px-2 py-1 text-xs font-medium uppercase text-white', className)}
-    {...props}
-    ref={ref}
-  >
-    {warning && <Icon className='size-4' src={require('@phosphor-icons/core/regular/warning.svg')} />}
-    {message ?? <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />}
-  </span>
-));
+const AltIndicator: React.FC<IAltIndicator> = React.forwardRef<HTMLSpanElement, IAltIndicator>(
+  ({ className, warning, message, ...props }, ref) => (
+    <span
+      className={clsx(
+        'inline-flex items-center gap-1 rounded bg-gray-900 px-2 py-1 text-xs font-medium uppercase text-white',
+        className,
+      )}
+      {...props}
+      ref={ref}
+    >
+      {warning && (
+        <Icon className='size-4' src={require('@phosphor-icons/core/regular/warning.svg')} />
+      )}
+      {message ?? (
+        <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />
+      )}
+    </span>
+  ),
+);
 
 export default AltIndicator;
diff --git a/packages/pl-fe/src/components/animated-number.tsx b/packages/pl-fe/src/components/animated-number.tsx
index 804617e50..9493f0e58 100644
--- a/packages/pl-fe/src/components/animated-number.tsx
+++ b/packages/pl-fe/src/components/animated-number.tsx
@@ -32,13 +32,15 @@ const shortNumberFormat = (number: any, intl: IntlShape, max?: number) => {
     return `${max}+`;
   }
 
-  return intl.formatNumber(value, {
-    maximumFractionDigits: 0,
-    minimumFractionDigits: 0,
-    maximumSignificantDigits: 3,
-    numberingSystem: 'latn',
-    style: 'decimal',
-  }) + factor;
+  return (
+    intl.formatNumber(value, {
+      maximumFractionDigits: 0,
+      minimumFractionDigits: 0,
+      maximumSignificantDigits: 3,
+      numberingSystem: 'latn',
+      style: 'decimal',
+    }) + factor
+  );
 };
 
 interface IAnimatedNumber {
@@ -54,7 +56,9 @@ const AnimatedNumber: React.FC<IAnimatedNumber> = ({ value, obfuscate, short, ma
 
   const [direction, setDirection] = useState(0);
   const [displayedValue, setDisplayedValue] = useState<number>(value);
-  const [formattedValue, setFormattedValue] = useState<string>(intl.formatNumber(value, { numberingSystem: 'latn' }));
+  const [formattedValue, setFormattedValue] = useState<string>(
+    intl.formatNumber(value, { numberingSystem: 'latn' }),
+  );
 
   useEffect(() => {
     if (displayedValue !== undefined) {
@@ -63,11 +67,13 @@ const AnimatedNumber: React.FC<IAnimatedNumber> = ({ value, obfuscate, short, ma
     }
 
     setDisplayedValue(value);
-    setFormattedValue(obfuscate
-      ? obfuscatedCount(value)
-      : short
-        ? shortNumberFormat(value, intl, max)
-        : intl.formatNumber(value, { numberingSystem: 'latn' }));
+    setFormattedValue(
+      obfuscate
+        ? obfuscatedCount(value)
+        : short
+          ? shortNumberFormat(value, intl, max)
+          : intl.formatNumber(value, { numberingSystem: 'latn' }),
+    );
   }, [value, intl, max, obfuscate, short]);
 
   const transitions = useTransition(formattedValue, {
@@ -89,7 +95,7 @@ const AnimatedNumber: React.FC<IAnimatedNumber> = ({ value, obfuscate, short, ma
           key={item}
           style={{
             position: item === formattedValue ? 'static' : 'absolute',
-            transform: style.y.to(y => `translateY(${y * 100}%)`),
+            transform: style.y.to((y) => `translateY(${y * 100}%)`),
           }}
         >
           {item}
diff --git a/packages/pl-fe/src/components/announcements/announcement-content.tsx b/packages/pl-fe/src/components/announcements/announcement-content.tsx
index b1cf7fce6..232d63fd4 100644
--- a/packages/pl-fe/src/components/announcements/announcement-content.tsx
+++ b/packages/pl-fe/src/components/announcements/announcement-content.tsx
@@ -42,7 +42,10 @@ const AnnouncementContent: React.FC<IAnnouncementContent> = ({ announcement }) =
   const onStatusClick = (statusId: string, e: MouseEvent) => {
     if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
       e.preventDefault();
-      navigate({ to: '/@{$username}/posts/$statusId', params: { username: 'undefined', statusId } });
+      navigate({
+        to: '/@{$username}/posts/$statusId',
+        params: { username: 'undefined', statusId },
+      });
     }
   };
 
@@ -51,7 +54,7 @@ const AnnouncementContent: React.FC<IAnnouncementContent> = ({ announcement }) =
 
     const links = node.current.querySelectorAll('a');
 
-    links.forEach(link => {
+    links.forEach((link) => {
       // Skip already processed
       if (link.classList.contains('status-link')) return;
 
@@ -60,13 +63,17 @@ const AnnouncementContent: React.FC<IAnnouncementContent> = ({ announcement }) =
       link.setAttribute('rel', 'nofollow noopener');
       link.setAttribute('target', '_blank');
 
-      const mention = announcement.mentions.find(mention => link.href === mention.url);
+      const mention = announcement.mentions.find((mention) => link.href === mention.url);
 
       // Add event listeners on mentions, hashtags and statuses
       if (mention) {
         link.addEventListener('click', onMentionClick.bind(link, mention), false);
         link.setAttribute('title', mention.acct);
-      } else if (link.textContent?.charAt(0) === '#' || (link.previousSibling?.textContent?.charAt(link.previousSibling.textContent.length - 1) === '#')) {
+      } else if (
+        link.textContent?.charAt(0) === '#' ||
+        link.previousSibling?.textContent?.charAt(link.previousSibling.textContent.length - 1) ===
+          '#'
+      ) {
         link.addEventListener('click', onHashtagClick.bind(link, link.text), false);
       } else {
         const status = announcement.statuses[link.href];
@@ -80,12 +87,7 @@ const AnnouncementContent: React.FC<IAnnouncementContent> = ({ announcement }) =
   };
 
   return (
-    <div
-      dir={direction}
-      className='text-sm ltr:ml-0 rtl:mr-0'
-      data-markup
-      ref={node}
-    >
+    <div dir={direction} className='text-sm ltr:ml-0 rtl:mr-0' data-markup ref={node}>
       <ParsedContent html={announcement.content} emojis={announcement.emojis} />
     </div>
   );
diff --git a/packages/pl-fe/src/components/announcements/announcement.tsx b/packages/pl-fe/src/components/announcements/announcement.tsx
index 6b3492dbc..db8af52ec 100644
--- a/packages/pl-fe/src/components/announcements/announcement.tsx
+++ b/packages/pl-fe/src/components/announcements/announcement.tsx
@@ -23,8 +23,15 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement, emojiMap }) => {
   const endsAt = announcement.ends_at && new Date(announcement.ends_at);
   const now = new Date();
   const hasTimeRange = startsAt && endsAt;
-  const skipYear = hasTimeRange && startsAt.getFullYear() === endsAt.getFullYear() && endsAt.getFullYear() === now.getFullYear();
-  const skipEndDate = hasTimeRange && startsAt.getDate() === endsAt.getDate() && startsAt.getMonth() === endsAt.getMonth() && startsAt.getFullYear() === endsAt.getFullYear();
+  const skipYear =
+    hasTimeRange &&
+    startsAt.getFullYear() === endsAt.getFullYear() &&
+    endsAt.getFullYear() === now.getFullYear();
+  const skipEndDate =
+    hasTimeRange &&
+    startsAt.getDate() === endsAt.getDate() &&
+    startsAt.getMonth() === endsAt.getMonth() &&
+    startsAt.getFullYear() === endsAt.getFullYear();
   const skipTime = announcement.all_day;
   const direction = getTextDirection(announcement.content);
 
@@ -35,19 +42,17 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement, emojiMap }) => {
           <FormattedDate
             value={startsAt}
             hour12
-            year={(skipYear || startsAt.getFullYear() === now.getFullYear()) ? undefined : 'numeric'}
+            year={skipYear || startsAt.getFullYear() === now.getFullYear() ? undefined : 'numeric'}
             month='short'
             day='2-digit'
             hour={skipTime ? undefined : 'numeric'}
             minute={skipTime ? undefined : '2-digit'}
-          />
-          {' '}
-          -
-          {' '}
+          />{' '}
+          -{' '}
           <FormattedDate
             value={endsAt}
             hour12
-            year={(skipYear || endsAt.getFullYear() === now.getFullYear()) ? undefined : 'numeric'}
+            year={skipYear || endsAt.getFullYear() === now.getFullYear() ? undefined : 'numeric'}
             month={skipEndDate ? undefined : 'short'}
             day={skipEndDate ? undefined : '2-digit'}
             hour={skipTime ? undefined : 'numeric'}
diff --git a/packages/pl-fe/src/components/announcements/announcements-panel.tsx b/packages/pl-fe/src/components/announcements/announcements-panel.tsx
index 1b35a2e13..c79ac40e8 100644
--- a/packages/pl-fe/src/components/announcements/announcements-panel.tsx
+++ b/packages/pl-fe/src/components/announcements/announcements-panel.tsx
@@ -13,7 +13,11 @@ import Announcement from './announcement';
 
 import type { CustomEmoji } from 'pl-api';
 
-const makeCustomEmojiMap = (items: Array<CustomEmoji>) => items.reduce<Record<string, CustomEmoji>>((map, emoji) => (map[emoji.shortcode] = emoji, map), {});
+const makeCustomEmojiMap = (items: Array<CustomEmoji>) =>
+  items.reduce<Record<string, CustomEmoji>>(
+    (map, emoji) => ((map[emoji.shortcode] = emoji), map),
+    {},
+  );
 
 const AnnouncementsPanel = () => {
   const { data: emojiMap = {} } = useCustomEmojis(makeCustomEmojiMap);
@@ -29,15 +33,17 @@ const AnnouncementsPanel = () => {
 
   return (
     <Widget title={<FormattedMessage id='announcements.title' defaultMessage='Announcements' />}>
-      <Card className='relative black:rounded-xl black:border black:border-gray-800' size='md' variant='rounded'>
+      <Card
+        className='relative black:rounded-xl black:border black:border-gray-800'
+        size='md'
+        variant='rounded'
+      >
         <ReactSwipeableViews animateHeight index={index} onChangeIndex={handleChangeIndex}>
-          {announcements.map((announcement) => (
-            <Announcement
-              key={announcement.id}
-              announcement={announcement}
-              emojiMap={emojiMap}
-            />
-          )).toReversed()}
+          {announcements
+            .map((announcement) => (
+              <Announcement key={announcement.id} announcement={announcement} emojiMap={emojiMap} />
+            ))
+            .toReversed()}
         </ReactSwipeableViews>
         {announcements.length > 1 && (
           <HStack space={2} alignItems='center' justifyContent='center' className='relative'>
@@ -45,11 +51,11 @@ const AnnouncementsPanel = () => {
               <button
                 key={i}
                 tabIndex={0}
-                onClick={() =>{
+                onClick={() => {
                   setIndex(i);
                 }}
                 className={clsx({
-                  'w-2 h-2 rounded-full focus:ring-primary-600 focus:ring-2 focus:ring-offset-2': true,
+                  'h-2 w-2 rounded-full focus:ring-2 focus:ring-primary-600 focus:ring-offset-2': true,
                   'bg-gray-200 hover:bg-gray-300': i !== index,
                   'bg-primary-600': i === index,
                 })}
diff --git a/packages/pl-fe/src/components/announcements/emoji.tsx b/packages/pl-fe/src/components/announcements/emoji.tsx
index bdc00e09d..a50717bf4 100644
--- a/packages/pl-fe/src/components/announcements/emoji.tsx
+++ b/packages/pl-fe/src/components/announcements/emoji.tsx
@@ -33,7 +33,7 @@ const Emoji: React.FC<IEmoji> = ({ emoji, emojiMap, hovered }) => {
       />
     );
   } else if (emojiMap[emoji]) {
-    const filename = (autoPlayGif || hovered) ? emojiMap[emoji].url : emojiMap[emoji].static_url;
+    const filename = autoPlayGif || hovered ? emojiMap[emoji].url : emojiMap[emoji].static_url;
     const shortCode = `:${emoji}:`;
 
     return (
diff --git a/packages/pl-fe/src/components/announcements/reaction.tsx b/packages/pl-fe/src/components/announcements/reaction.tsx
index 98aa94392..d02ee1590 100644
--- a/packages/pl-fe/src/components/announcements/reaction.tsx
+++ b/packages/pl-fe/src/components/announcements/reaction.tsx
@@ -30,11 +30,11 @@ const Reaction: React.FC<IReaction> = ({ announcementId, reaction, emojiMap, sty
     }
   };
 
-  const handleMouseEnter = () =>{
+  const handleMouseEnter = () => {
     setHovered(true);
   };
 
-  const handleMouseLeave = () =>{
+  const handleMouseLeave = () => {
     setHovered(false);
   };
 
@@ -48,10 +48,13 @@ const Reaction: React.FC<IReaction> = ({ announcementId, reaction, emojiMap, sty
 
   return (
     <animated.button
-      className={clsx('flex shrink-0 items-center gap-1.5 rounded-sm bg-gray-100 px-1.5 py-1 transition-colors dark:bg-primary-900', {
-        'bg-gray-200 dark:bg-primary-800': hovered,
-        'bg-primary-200 dark:bg-primary-500': reaction.me,
-      })}
+      className={clsx(
+        'flex shrink-0 items-center gap-1.5 rounded-sm bg-gray-100 px-1.5 py-1 transition-colors dark:bg-primary-900',
+        {
+          'bg-gray-200 dark:bg-primary-800': hovered,
+          'bg-primary-200 dark:bg-primary-500': reaction.me,
+        },
+      )}
       onClick={handleClick}
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
diff --git a/packages/pl-fe/src/components/announcements/reactions-bar.tsx b/packages/pl-fe/src/components/announcements/reactions-bar.tsx
index 4221a51fc..2dadc621e 100644
--- a/packages/pl-fe/src/components/announcements/reactions-bar.tsx
+++ b/packages/pl-fe/src/components/announcements/reactions-bar.tsx
@@ -24,7 +24,7 @@ const ReactionsBar: React.FC<IReactionsBar> = ({ announcementId, reactions, emoj
     addReaction({ announcementId, name: (data as NativeEmoji).native.replace(/:/g, '') });
   };
 
-  const visibleReactions = reactions.filter(x => x.count > 0);
+  const visibleReactions = reactions.filter((x) => x.count > 0);
 
   const transitions = useTransition(visibleReactions, {
     from: {
@@ -37,7 +37,7 @@ const ReactionsBar: React.FC<IReactionsBar> = ({ announcementId, reactions, emoj
       scale: 0,
     },
     immediate: reduceMotion,
-    keys: visibleReactions.map(x => x.name),
+    keys: visibleReactions.map((x) => x.name),
   });
 
   return (
diff --git a/packages/pl-fe/src/components/attachment-thumbs.tsx b/packages/pl-fe/src/components/attachment-thumbs.tsx
index 09d4b05a4..db43fb8b4 100644
--- a/packages/pl-fe/src/components/attachment-thumbs.tsx
+++ b/packages/pl-fe/src/components/attachment-thumbs.tsx
@@ -10,7 +10,8 @@ import type { Status } from '@/normalizers/status';
 import type { MediaAttachment } from 'pl-api';
 
 interface IAttachmentThumbs {
-  status: Pick<Status, 'media_attachments' | 'sensitive'> & Partial<Pick<Status, 'filtered' | 'id'>>;
+  status: Pick<Status, 'media_attachments' | 'sensitive'> &
+    Partial<Pick<Status, 'filtered' | 'id'>>;
   onClick?(): void;
 }
 
@@ -19,7 +20,7 @@ const AttachmentThumbs = ({ status, onClick }: IAttachmentThumbs) => {
   const { openModal } = useModalsActions();
 
   const fallback = <div className='⁂-media-gallery--compact' />;
-  const onOpenMedia = (media: Array<MediaAttachment>, index: number) =>{
+  const onOpenMedia = (media: Array<MediaAttachment>, index: number) => {
     openModal('MEDIA', { statusId: status.id, media, index });
   };
 
@@ -37,9 +38,7 @@ const AttachmentThumbs = ({ status, onClick }: IAttachmentThumbs) => {
         />
       </Suspense>
 
-      {onClick && (
-        <div className='absolute inset-0 size-full cursor-pointer' onClick={onClick} />
-      )}
+      {onClick && <div className='absolute inset-0 size-full cursor-pointer' onClick={onClick} />}
     </div>
   );
 };
diff --git a/packages/pl-fe/src/components/authorize-reject-buttons.tsx b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
index 577da5963..d6e4ccaf0 100644
--- a/packages/pl-fe/src/components/authorize-reject-buttons.tsx
+++ b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
@@ -13,8 +13,14 @@ interface IAuthorizeRejectButtons {
 }
 
 /** Buttons to approve or reject a pending item, usually an account. */
-const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize, onReject, countdown }) => {
-  const [state, setState] = useState<'authorizing' | 'rejecting' | 'authorized' | 'rejected' | 'pending'>('pending');
+const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({
+  onAuthorize,
+  onReject,
+  countdown,
+}) => {
+  const [state, setState] = useState<
+    'authorizing' | 'rejecting' | 'authorized' | 'rejected' | 'pending'
+  >('pending');
   const timeout = useRef<NodeJS.Timeout>();
   const interval = useRef<ReturnType<typeof setInterval>>();
 
@@ -22,16 +28,19 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
 
   const startProgressInterval = () => {
     let startValue = 1;
-    interval.current = setInterval(() => {
-      startValue++;
-      const newValue = startValue * 3.6; // get to 360 (deg)
-      setProgress(newValue);
+    interval.current = setInterval(
+      () => {
+        startValue++;
+        const newValue = startValue * 3.6; // get to 360 (deg)
+        setProgress(newValue);
 
-      if (newValue >= 360) {
-        clearInterval(interval.current as NodeJS.Timeout);
-        setProgress(0);
-      }
-    }, (countdown as number) / 100);
+        if (newValue >= 360) {
+          clearInterval(interval.current as NodeJS.Timeout);
+          setProgress(0);
+        }
+      },
+      (countdown as number) / 100,
+    );
   };
 
   const handleAction = (
@@ -66,10 +75,10 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
     }
   };
 
-  const handleAuthorize = () =>{
+  const handleAuthorize = () => {
     handleAction('authorizing', 'authorized', onAuthorize);
   };
-  const handleReject = () =>{
+  const handleReject = () => {
     handleAction('rejecting', 'rejected', onReject);
   };
 
@@ -87,19 +96,24 @@ const AuthorizeRejectButtons: React.FC<IAuthorizeRejectButtons> = ({ onAuthorize
     return {};
   };
 
-  useEffect(() => () => {
-    if (timeout.current) {
-      clearTimeout(timeout.current);
-    }
-    if (interval.current) {
-      clearInterval(interval.current);
-    }
-  }, []);
+  useEffect(
+    () => () => {
+      if (timeout.current) {
+        clearTimeout(timeout.current);
+      }
+      if (interval.current) {
+        clearInterval(interval.current);
+      }
+    },
+    [],
+  );
 
   switch (state) {
     case 'authorized':
       return (
-        <ActionEmblem text={<FormattedMessage id='authorize.success' defaultMessage='Approved' />} />
+        <ActionEmblem
+          text={<FormattedMessage id='authorize.success' defaultMessage='Approved' />}
+        />
       );
     case 'rejected':
       return (
@@ -150,17 +164,22 @@ interface IAuthorizeRejectButton {
   style: React.CSSProperties;
 }
 
-const AuthorizeRejectButton: React.FC<IAuthorizeRejectButton> = ({ theme, icon, action, isLoading, style, disabled }) => (
+const AuthorizeRejectButton: React.FC<IAuthorizeRejectButton> = ({
+  theme,
+  icon,
+  action,
+  isLoading,
+  style,
+  disabled,
+}) => (
   <div className='relative'>
     <div
       style={style}
-      className={
-        clsx({
-          'flex h-11 w-11 items-center justify-center rounded-full': true,
-          'bg-danger-600/10': theme === 'danger',
-          'bg-primary-500/10': theme === 'primary',
-        })
-      }
+      className={clsx({
+        'flex h-11 w-11 items-center justify-center rounded-full': true,
+        'bg-danger-600/10': theme === 'danger',
+        'bg-primary-500/10': theme === 'primary',
+      })}
     >
       <IconButton
         src={isLoading ? require('@phosphor-icons/core/fill/stop-fill.svg') : icon}
diff --git a/packages/pl-fe/src/components/autosuggest-account-input.tsx b/packages/pl-fe/src/components/autosuggest-account-input.tsx
index c67619723..303b17a50 100644
--- a/packages/pl-fe/src/components/autosuggest-account-input.tsx
+++ b/packages/pl-fe/src/components/autosuggest-account-input.tsx
@@ -12,7 +12,7 @@ const SEARCH_PARAMS = {
   resolve: false,
 };
 
-const noOp = () => { };
+const noOp = () => {};
 
 interface IAutosuggestAccountInput {
   id?: string;
@@ -38,11 +38,15 @@ const AutosuggestAccountInput: React.FC<IAutosuggestAccountInput> = ({
   const debouncedValue = useDebounce(value, 900);
   const { data: accountIds = [] } = useAccountSearch(debouncedValue, SEARCH_PARAMS);
 
-  const handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     onChange(e);
   };
 
-  const handleSelected = (_tokenStart: number, _lastToken: string | null, suggestion: AutoSuggestion) => {
+  const handleSelected = (
+    _tokenStart: number,
+    _lastToken: string | null,
+    suggestion: AutoSuggestion,
+  ) => {
     if (typeof suggestion === 'string' && suggestion[0] !== '#') {
       onSelected(suggestion);
     }
diff --git a/packages/pl-fe/src/components/autosuggest-emoji.tsx b/packages/pl-fe/src/components/autosuggest-emoji.tsx
index 2961a5f3d..4ee4d067e 100644
--- a/packages/pl-fe/src/components/autosuggest-emoji.tsx
+++ b/packages/pl-fe/src/components/autosuggest-emoji.tsx
@@ -18,16 +18,13 @@ const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
 
   if (isCustomEmoji(emoji)) {
     emojiElement = (
-      <img
-        className='emojione mr-2 block size-4'
-        src={emoji.imageUrl}
-        alt={emoji.colons}
-      />
+      <img className='emojione mr-2 block size-4' src={emoji.imageUrl} alt={emoji.colons} />
     );
   } else {
     if (systemEmojiFont) emojiElement = <>{emoji.native}</>;
 
-    const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
+    const mapping =
+      unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
 
     if (!mapping) {
       return null;
@@ -43,7 +40,10 @@ const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
   }
 
   return (
-    <div className='flex flex-row items-center justify-start text-sm leading-[18px]' data-testid='emoji'>
+    <div
+      className='flex flex-row items-center justify-start text-sm leading-[18px]'
+      data-testid='emoji'
+    >
       {emojiElement}
 
       {emoji.colons}
diff --git a/packages/pl-fe/src/components/autosuggest-input.tsx b/packages/pl-fe/src/components/autosuggest-input.tsx
index e5fee49f4..929532bce 100644
--- a/packages/pl-fe/src/components/autosuggest-input.tsx
+++ b/packages/pl-fe/src/components/autosuggest-input.tsx
@@ -17,12 +17,19 @@ import type { Location } from 'pl-api';
 
 type AutoSuggestion = string | Emoji | Location;
 
-interface IAutosuggestInput extends Pick<React.HTMLAttributes<HTMLInputElement>, 'lang' | 'onChange' | 'onKeyUp' | 'onKeyDown'> {
+interface IAutosuggestInput extends Pick<
+  React.HTMLAttributes<HTMLInputElement>,
+  'lang' | 'onChange' | 'onKeyUp' | 'onKeyDown'
+> {
   value: string;
   suggestions: Array<AutoSuggestion>;
   disabled?: boolean;
   placeholder?: string;
-  onSuggestionSelected: (tokenStart: number, lastToken: string | null, suggestion: AutoSuggestion) => void;
+  onSuggestionSelected: (
+    tokenStart: number,
+    lastToken: string | null,
+    suggestion: AutoSuggestion,
+  ) => void;
   onSuggestionsClearRequested: () => void;
   onSuggestionsFetchRequested: (token: string) => void;
   autoFocus?: boolean;
@@ -42,7 +49,7 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
   searchTokens = ['@', ':', '#'],
   ...props
 }) => {
-  const getFirstIndex = () => autoSelect ? 0 : -1;
+  const getFirstIndex = () => (autoSelect ? 0 : -1);
 
   const [suggestionsHidden, setSuggestionsHidden] = useState(true);
   const [focused, setFocused] = useState(false);
@@ -104,7 +111,9 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
       case 'ArrowDown':
         if (!suggestionsHidden && (suggestions.length > 0 || menu)) {
           e.preventDefault();
-          setSelectedSuggestion((selectedSuggestion) => Math.min(selectedSuggestion + 1, lastIndex));
+          setSelectedSuggestion((selectedSuggestion) =>
+            Math.min(selectedSuggestion + 1, lastIndex),
+          );
         }
 
         break;
@@ -196,17 +205,22 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
     );
   };
 
-  const handleMenuItemAction = (item: MenuItem | null, e: React.MouseEvent | React.KeyboardEvent) => {
+  const handleMenuItemAction = (
+    item: MenuItem | null,
+    e: React.MouseEvent | React.KeyboardEvent,
+  ) => {
     onBlur();
     if (item?.action) {
       item.action(e);
     }
   };
 
-  const handleMenuItemClick = (item: MenuItem | null): React.MouseEventHandler => e => {
-    e.preventDefault();
-    handleMenuItemAction(item, e);
-  };
+  const handleMenuItemClick =
+    (item: MenuItem | null): React.MouseEventHandler =>
+    (e) => {
+      e.preventDefault();
+      handleMenuItemAction(item, e);
+    };
 
   const renderMenu = () => {
     const { menu } = props;
@@ -224,9 +238,7 @@ const AutosuggestInput: React.FC<IAutosuggestInput> = ({
         onMouseDown={handleMenuItemClick(item)}
         key={i}
       >
-        {item?.icon && (
-          <Icon src={item.icon} />
-        )}
+        {item?.icon && <Icon src={item.icon} />}
 
         <span>{item?.text}</span>
       </a>
diff --git a/packages/pl-fe/src/components/autosuggest-location.tsx b/packages/pl-fe/src/components/autosuggest-location.tsx
index caa10d750..8f81fdc96 100644
--- a/packages/pl-fe/src/components/autosuggest-location.tsx
+++ b/packages/pl-fe/src/components/autosuggest-location.tsx
@@ -33,7 +33,11 @@ const AutosuggestLocation: React.FC<IAutosuggestLocation> = ({ location }) => {
       <Icon src={ADDRESS_ICONS[location.type] || mapPinIcon} />
       <Stack>
         <Text>{location.description}</Text>
-        <Text size='xs' theme='muted'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
+        <Text size='xs' theme='muted'>
+          {[location.street, location.locality, location.country]
+            .filter((val) => val?.trim())
+            .join(' · ')}
+        </Text>
       </Stack>
     </HStack>
   );
diff --git a/packages/pl-fe/src/components/avatar-stack.tsx b/packages/pl-fe/src/components/avatar-stack.tsx
index 48f9fa57f..693059d48 100644
--- a/packages/pl-fe/src/components/avatar-stack.tsx
+++ b/packages/pl-fe/src/components/avatar-stack.tsx
@@ -12,7 +12,7 @@ interface IAvatarStack {
 }
 
 const AvatarStack: React.FC<IAvatarStack> = ({ accountIds, limit = 3 }) => {
-  const accounts = useAppSelector(state => selectAccounts(state, accountIds.slice(0, limit)));
+  const accounts = useAppSelector((state) => selectAccounts(state, accountIds.slice(0, limit)));
 
   return (
     <HStack className='relative' aria-hidden>
diff --git a/packages/pl-fe/src/components/badge.tsx b/packages/pl-fe/src/components/badge.tsx
index 34c2d2956..023a8a80d 100644
--- a/packages/pl-fe/src/components/badge.tsx
+++ b/packages/pl-fe/src/components/badge.tsx
@@ -25,16 +25,21 @@ const Badge: React.FC<IBadge> = ({ title, slug, color }) => {
   return (
     <span
       data-testid='badge'
-      className={clsx('inline-flex items-center rounded px-2 py-0.5 text-xs font-medium', color ? {
-        'bg-gray-100 text-gray-100': isDark,
-        'bg-gray-800 text-gray-900': !isDark,
-      } : {
-        'bg-fuchsia-700 text-white': slug === 'patron',
-        'bg-black text-white': slug === 'admin',
-        'bg-cyan-600 text-white': slug === 'moderator',
-        'bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100': fallback,
-        'bg-white/75 text-gray-900': slug === 'opaque',
-      })}
+      className={clsx(
+        'inline-flex items-center rounded px-2 py-0.5 text-xs font-medium',
+        color
+          ? {
+              'bg-gray-100 text-gray-100': isDark,
+              'bg-gray-800 text-gray-900': !isDark,
+            }
+          : {
+              'bg-fuchsia-700 text-white': slug === 'patron',
+              'bg-black text-white': slug === 'admin',
+              'bg-cyan-600 text-white': slug === 'moderator',
+              'bg-gray-100 text-gray-900 dark:bg-gray-800 dark:text-gray-100': fallback,
+              'bg-white/75 text-gray-900': slug === 'opaque',
+            },
+      )}
       style={color ? { background: color } : undefined}
     >
       {title}
diff --git a/packages/pl-fe/src/components/big-card.tsx b/packages/pl-fe/src/components/big-card.tsx
index b3286c677..b8f697356 100644
--- a/packages/pl-fe/src/components/big-card.tsx
+++ b/packages/pl-fe/src/components/big-card.tsx
@@ -15,9 +15,7 @@ const BigCard: React.FC<IBigCard> = ({ title, subtitle, children }) => (
       {subtitle && <p>{subtitle}</p>}
     </div>
 
-    <div className='⁂-big-card__body'>
-      {children}
-    </div>
+    <div className='⁂-big-card__body'>{children}</div>
   </Card>
 );
 
diff --git a/packages/pl-fe/src/components/birthday-input.tsx b/packages/pl-fe/src/components/birthday-input.tsx
index c41ae5e41..191ef7677 100644
--- a/packages/pl-fe/src/components/birthday-input.tsx
+++ b/packages/pl-fe/src/components/birthday-input.tsx
@@ -7,7 +7,10 @@ import { useFeatures } from '@/hooks/use-features';
 import { useInstance } from '@/hooks/use-instance';
 
 const messages = defineMessages({
-  birthdayPlaceholder: { id: 'edit_profile.fields.birthday_placeholder', defaultMessage: 'Your birthday' },
+  birthdayPlaceholder: {
+    id: 'edit_profile.fields.birthday_placeholder',
+    defaultMessage: 'Your birthday',
+  },
   previousMonth: { id: 'datepicker.previous_month', defaultMessage: 'Previous month' },
   nextMonth: { id: 'datepicker.next_month', defaultMessage: 'Next month' },
   previousYear: { id: 'datepicker.previous_year', defaultMessage: 'Previous year' },
@@ -32,7 +35,9 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
     if (!supportsBirthdays) return undefined;
 
     let maxDate = new Date();
-    maxDate = new Date(maxDate.getTime() - minAge * 1000 * 60 * 60 * 24 + maxDate.getTimezoneOffset() * 1000 * 60);
+    maxDate = new Date(
+      maxDate.getTime() - minAge * 1000 * 60 * 60 * 24 + maxDate.getTimezoneOffset() * 1000 * 60,
+    );
     return maxDate;
   }, [minAge]);
 
@@ -40,7 +45,7 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
     if (!supportsBirthdays || !value) return null;
 
     const date = new Date(value);
-    return new Date(date.getTime() + (date.getTimezoneOffset() * 60000));
+    return new Date(date.getTime() + date.getTimezoneOffset() * 60000);
   }, [value]);
 
   if (!supportsBirthdays) return null;
@@ -112,8 +117,12 @@ const BirthdayInput: React.FC<IBirthdayInput> = ({ value, onChange, required })
     </div>
   );
 
-  const handleChange = (date: Date | null) =>{
-    onChange(date ? new Date(date.getTime() - (date.getTimezoneOffset() * 60000)).toISOString().slice(0, 10) : '');
+  const handleChange = (date: Date | null) => {
+    onChange(
+      date
+        ? new Date(date.getTime() - date.getTimezoneOffset() * 60000).toISOString().slice(0, 10)
+        : '',
+    );
   };
 
   return (
diff --git a/packages/pl-fe/src/components/blurhash.tsx b/packages/pl-fe/src/components/blurhash.tsx
index 084e542a2..b9713782b 100644
--- a/packages/pl-fe/src/components/blurhash.tsx
+++ b/packages/pl-fe/src/components/blurhash.tsx
@@ -1,7 +1,10 @@
 import { decode } from 'blurhash';
 import React, { useRef, useEffect } from 'react';
 
-interface IBlurhash extends Pick<React.CanvasHTMLAttributes<HTMLCanvasElement>, 'className' | 'aria-label' | 'aria-hidden'> {
+interface IBlurhash extends Pick<
+  React.CanvasHTMLAttributes<HTMLCanvasElement>,
+  'className' | 'aria-label' | 'aria-hidden'
+> {
   /** Hash to render */
   hash: string | null | undefined;
   /** Width of the blurred region in pixels. Defaults to 32. */
@@ -19,41 +22,35 @@ interface IBlurhash extends Pick<React.CanvasHTMLAttributes<HTMLCanvasElement>,
  * Renders a blurhash in a canvas element.
  * @see {@link https://blurha.sh/}
  */
-const Blurhash: React.FC<IBlurhash> = React.memo(({
-  hash,
-  width = 32,
-  height = width,
-  dummy = false,
-  ...canvasProps
-}) => {
-  const canvasRef = useRef<HTMLCanvasElement>(null);
+const Blurhash: React.FC<IBlurhash> = React.memo(
+  ({ hash, width = 32, height = width, dummy = false, ...canvasProps }) => {
+    const canvasRef = useRef<HTMLCanvasElement>(null);
 
-  useEffect(() => {
-    const { current: canvas } = canvasRef;
-    if (!canvas) return;
+    useEffect(() => {
+      const { current: canvas } = canvasRef;
+      if (!canvas) return;
 
-    // resets canvas
-    canvas.width = canvas.width; // eslint-disable-line no-self-assign
+      // resets canvas
+      canvas.width = canvas.width; // eslint-disable-line no-self-assign
 
-    if (dummy || !hash) return;
+      if (dummy || !hash) return;
 
-    try {
-      const pixels = decode(hash, width, height);
-      const ctx = canvas.getContext('2d');
-      const imageData = ctx?.createImageData(width, height);
-      imageData?.data.set(pixels);
+      try {
+        const pixels = decode(hash, width, height);
+        const ctx = canvas.getContext('2d');
+        const imageData = ctx?.createImageData(width, height);
+        imageData?.data.set(pixels);
 
-      if (imageData) {
-        ctx?.putImageData(imageData, 0, 0);
+        if (imageData) {
+          ctx?.putImageData(imageData, 0, 0);
+        }
+      } catch (err) {
+        console.error('Blurhash decoding failure', { err, hash });
       }
-    } catch (err) {
-      console.error('Blurhash decoding failure', { err, hash });
-    }
-  }, [dummy, hash, width, height]);
+    }, [dummy, hash, width, height]);
 
-  return (
-    <canvas {...canvasProps} ref={canvasRef} width={width} height={height} />
-  );
-});
+    return <canvas {...canvasProps} ref={canvasRef} width={width} height={height} />;
+  },
+);
 
 export { Blurhash as default };
diff --git a/packages/pl-fe/src/components/domain.tsx b/packages/pl-fe/src/components/domain.tsx
index 5e1afbf0d..943eae497 100644
--- a/packages/pl-fe/src/components/domain.tsx
+++ b/packages/pl-fe/src/components/domain.tsx
@@ -8,7 +8,10 @@ import Text from '@/components/ui/text';
 import { unblockDomainMutationOptions } from '@/queries/settings/domain-blocks';
 
 const messages = defineMessages({
-  blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },
+  blockDomainConfirm: {
+    id: 'confirmations.domain_block.confirm',
+    defaultMessage: 'Hide entire domain',
+  },
   unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' },
 });
 
@@ -36,10 +39,13 @@ const Domain: React.FC<IDomain> = ({ domain }) => {
 
   return (
     <HStack alignItems='center' justifyContent='between' space={1} className='p-2'>
-      <Text tag='span'>
-        {domain}
-      </Text>
-      <IconButton iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/lock-open.svg')} title={intl.formatMessage(messages.unblockDomain, { domain })} onClick={handleDomainUnblock} />
+      <Text tag='span'>{domain}</Text>
+      <IconButton
+        iconClassName='h-5 w-5'
+        src={require('@phosphor-icons/core/regular/lock-open.svg')}
+        title={intl.formatMessage(messages.unblockDomain, { domain })}
+        onClick={handleDomainUnblock}
+      />
     </HStack>
   );
 };
diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
index d80dee031..841e63047 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
@@ -118,7 +118,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
   return (
     <li>
       <a
-        href={(item.href ?? item.to) ?? '#'}
+        href={item.href ?? item.to ?? '#'}
         role='button'
         tabIndex={0}
         ref={itemRef}
@@ -128,21 +128,31 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
         onKeyPress={handleItemKeyPress}
         target={typeof item.target === 'string' ? item.target : '_blank'}
         title={item.text}
-        className={
-          clsx('mx-2 my-1 flex cursor-pointer items-center rounded-md px-2 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 focus:bg-gray-100 focus:text-gray-800 focus:outline-none black:hover:bg-gray-900 black:focus:bg-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-200 dark:focus:bg-gray-800 dark:focus:text-gray-200', {
+        className={clsx(
+          'mx-2 my-1 flex cursor-pointer items-center rounded-md px-2 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 focus:bg-gray-100 focus:text-gray-800 focus:outline-none black:hover:bg-gray-900 black:focus:bg-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-200 dark:focus:bg-gray-800 dark:focus:text-gray-200',
+          {
             'text-danger-600 dark:text-danger-400': item.destructive,
-          })
-        }
+          },
+        )}
       >
         {item.icon && <Icon src={item.icon} className='mr-3 size-5 flex-none rtl:ml-3 rtl:mr-0' />}
 
-        <div className={clsx('truncate', { 'text-xs': item.meta, 'text-base': !item.meta, 'mr-2': (item.count ?? item.type === 'toggle') || item.type === 'radio' || item.items?.length })}>
+        <div
+          className={clsx('truncate', {
+            'text-xs': item.meta,
+            'text-base': !item.meta,
+            'mr-2':
+              (item.count ?? item.type === 'toggle') || item.type === 'radio' || item.items?.length,
+          })}
+        >
           {item.meta ? (
             <>
               <div className='truncate text-base'>{item.text}</div>
               <div className='mt-0.5'>{item.meta}</div>
             </>
-          ) : item.text}
+          ) : (
+            item.text
+          )}
         </div>
 
         {item.count ? (
@@ -158,7 +168,11 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
         )}
 
         {!!item.items?.length && (
-          <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} containerClassName='ml-auto' className='size-5 flex-none' />
+          <Icon
+            src={require('@phosphor-icons/core/regular/caret-right.svg')}
+            containerClassName='ml-auto'
+            className='size-5 flex-none'
+          />
         )}
       </a>
 
diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index 1e7e5fa28..99ce257df 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -1,4 +1,13 @@
-import { arrow, autoUpdate, flip, offset, Placement, shift, size, useFloating } from '@floating-ui/react';
+import {
+  arrow,
+  autoUpdate,
+  flip,
+  offset,
+  Placement,
+  shift,
+  size,
+  useFloating,
+} from '@floating-ui/react';
 import clsx from 'clsx';
 import { supportsPassiveEvents } from 'detect-passive-events';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
@@ -43,7 +52,14 @@ interface IDropdownMenu {
 
 const listenerOptions = supportsPassiveEvents ? { passive: true } : false;
 
-const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, items, component: Component, touchscreen, width, className }) => {
+const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({
+  handleClose,
+  items,
+  component: Component,
+  touchscreen,
+  width,
+  className,
+}) => {
   if (touchscreen) width = undefined;
 
   const intl = useIntl();
@@ -53,67 +69,73 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, item
 
   const autoFocus = items && !items.some((item) => item?.active);
 
-  const handleKeyDown = useMemo(() => (e: KeyboardEvent) => {
-    if (!ref.current) return;
+  const handleKeyDown = useMemo(
+    () => (e: KeyboardEvent) => {
+      if (!ref.current) return;
 
-    const elements = Array.from(ref.current.querySelectorAll('a, button'));
-    const index = elements.indexOf(document.activeElement as any);
+      const elements = Array.from(ref.current.querySelectorAll('a, button'));
+      const index = elements.indexOf(document.activeElement as any);
 
-    let element = null;
+      let element = null;
 
-    switch (e.key) {
-      case 'ArrowLeft':
-        setTab(tab => {
-          if (tab !== undefined) {
-            (elements[tab] as HTMLElement)?.focus();
-            return undefined;
-          }
-          return tab;
-        });
-        break;
-      case 'ArrowRight':
-        // eslint-disable-next-line no-case-declarations
-        const itemIndex = +(elements[index]?.getAttribute('data-index') ?? '');
+      switch (e.key) {
+        case 'ArrowLeft':
+          setTab((tab) => {
+            if (tab !== undefined) {
+              (elements[tab] as HTMLElement)?.focus();
+              return undefined;
+            }
+            return tab;
+          });
+          break;
+        case 'ArrowRight':
+          // eslint-disable-next-line no-case-declarations
+          const itemIndex = +(elements[index]?.getAttribute('data-index') ?? '');
 
-        if (items?.[itemIndex]?.items) setTab(itemIndex);
-        break;
-      case 'ArrowDown':
-        element = elements[index + 1] || elements[0];
-        break;
-      case 'ArrowUp':
-        element = elements[index - 1] || elements[elements.length - 1];
-        break;
-      case 'Tab':
-        if (e.shiftKey) {
-          element = elements[index - 1] || elements[elements.length - 1];
-        } else {
+          if (items?.[itemIndex]?.items) setTab(itemIndex);
+          break;
+        case 'ArrowDown':
           element = elements[index + 1] || elements[0];
-        }
-        break;
-      case 'Home':
-        element = elements[0];
-        break;
-      case 'End':
-        element = elements[elements.length - 1];
-        break;
-      case 'Escape':
+          break;
+        case 'ArrowUp':
+          element = elements[index - 1] || elements[elements.length - 1];
+          break;
+        case 'Tab':
+          if (e.shiftKey) {
+            element = elements[index - 1] || elements[elements.length - 1];
+          } else {
+            element = elements[index + 1] || elements[0];
+          }
+          break;
+        case 'Home':
+          element = elements[0];
+          break;
+        case 'End':
+          element = elements[elements.length - 1];
+          break;
+        case 'Escape':
+          handleClose();
+          break;
+      }
+
+      if (element) {
+        (element as HTMLAnchorElement).focus();
+        e.preventDefault();
+        e.stopPropagation();
+      }
+    },
+    [ref.current],
+  );
+
+  const handleDocumentClick = useMemo(
+    () => (event: Event) => {
+      if (ref.current && !ref.current.contains(event.target as Node)) {
         handleClose();
-        break;
-    }
-
-    if (element) {
-      (element as HTMLAnchorElement).focus();
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  }, [ref.current]);
-
-  const handleDocumentClick = useMemo(() => (event: Event) => {
-    if (ref.current && !ref.current.contains(event.target as Node)) {
-      handleClose();
-      event.stopPropagation();
-    }
-  }, [ref.current]);
+        event.stopPropagation();
+      }
+    },
+    [ref.current],
+  );
 
   useEffect(() => {
     if (!touchscreen) {
@@ -151,7 +173,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({ handleClose, item
 
   return (
     <div className={clsx('⁂-dropdown-menu__content', className)} ref={ref}>
-      {items?.some(item => item?.items?.length) ? (
+      {items?.some((item) => item?.items?.length) ? (
         <ReactSwipeableViews animateHeight index={tab === undefined ? 0 : 1} style={{ width }}>
           <div className='⁂-dropdown-menu__page' style={{ width }}>
             {Component && <Component handleClose={handleClose} />}
@@ -254,7 +276,15 @@ const DropdownMenu = (props: IDropdownMenu) => {
       };
       openModal('DROPDOWN_MENU', {
         element: refs.reference.current as HTMLButtonElement,
-        content: <DropdownMenuContent handleClose={handleClose} items={items} component={component} touchscreen className={className} />,
+        content: (
+          <DropdownMenuContent
+            handleClose={handleClose}
+            items={items}
+            component={component}
+            touchscreen
+            className={className}
+          />
+        ),
       });
     } else {
       openDropdownMenu();
@@ -306,7 +336,7 @@ const DropdownMenu = (props: IDropdownMenu) => {
         // flipping to other placements' axes.
         right: '',
         bottom: '',
-        [staticPlacement as string]: `${(-(arrowRef.current?.offsetWidth ?? 0)) / 2}px`,
+        [staticPlacement as string]: `${-(arrowRef.current?.offsetWidth ?? 0) / 2}px`,
         transform: 'rotate(45deg)',
       };
     }
@@ -314,16 +344,21 @@ const DropdownMenu = (props: IDropdownMenu) => {
     return {};
   }, [middlewareData.arrow, placement]);
 
-  useEffect(() => () => {
-    closeDropdownMenu();
-  }, []);
+  useEffect(
+    () => () => {
+      closeDropdownMenu();
+    },
+    [],
+  );
 
   useEffect(() => {
     (refs.reference.current as HTMLButtonElement)?.setAttribute('aria-expanded', String(isOpen));
-    setTimeout(() =>{
-      setIsDisplayed(isOpen);
-    }, isOpen ? 0 : 150);
-
+    setTimeout(
+      () => {
+        setIsDisplayed(isOpen);
+      },
+      isOpen ? 0 : 150,
+    );
   }, [isOpen]);
 
   const clonedChildren = useMemo(() => {
@@ -391,14 +426,15 @@ const DropdownMenu = (props: IDropdownMenu) => {
             }}
           >
             <div className={getClassName()}>
-              <DropdownMenuContent handleClose={handleClose} items={items} component={component} width={width} />
+              <DropdownMenuContent
+                handleClose={handleClose}
+                items={items}
+                component={component}
+                width={width}
+              />
 
               {/* Arrow */}
-              <div
-                ref={arrowRef}
-                style={arrowProps}
-                className='⁂-dropdown-menu__arrow'
-              />
+              <div ref={arrowRef} style={arrowProps} className='⁂-dropdown-menu__arrow' />
             </div>
           </div>
         </Portal>
diff --git a/packages/pl-fe/src/components/dropdown-navigation.tsx b/packages/pl-fe/src/components/dropdown-navigation.tsx
index d7567515e..124eacfcf 100644
--- a/packages/pl-fe/src/components/dropdown-navigation.tsx
+++ b/packages/pl-fe/src/components/dropdown-navigation.tsx
@@ -36,31 +36,35 @@ interface IDropdownNavigationLink extends Partial<LinkOptions> {
   onClick: React.EventHandler<React.MouseEvent>;
 }
 
-const DropdownNavigationLink: React.FC<IDropdownNavigationLink> = React.memo(({ href, to, icon, text, onClick, ...rest }) => {
-  const body = (
-    <>
-      <div className='⁂-dropdown-navigation__link__icon'>
-        <Icon src={icon} />
-      </div>
+const DropdownNavigationLink: React.FC<IDropdownNavigationLink> = React.memo(
+  ({ href, to, icon, text, onClick, ...rest }) => {
+    const body = (
+      <>
+        <div className='⁂-dropdown-navigation__link__icon'>
+          <Icon src={icon} />
+        </div>
 
-      <Text tag='span' weight='medium' theme='inherit'>{text}</Text>
-    </>
-  );
-
-  if (to) {
-    return (
-      <Link className='⁂-dropdown-navigation__link' to={to} {...rest} onClick={onClick}>
-        {body}
-      </Link>
+        <Text tag='span' weight='medium' theme='inherit'>
+          {text}
+        </Text>
+      </>
     );
-  }
 
-  return (
-    <a className='⁂-dropdown-navigation__link' href={href} target='_blank' onClick={onClick}>
-      {body}
-    </a>
-  );
-});
+    if (to) {
+      return (
+        <Link className='⁂-dropdown-navigation__link' to={to} {...rest} onClick={onClick}>
+          {body}
+        </Link>
+      );
+    }
+
+    return (
+      <a className='⁂-dropdown-navigation__link' href={href} target='_blank' onClick={onClick}>
+        {body}
+      </a>
+    );
+  },
+);
 
 const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
   const dispatch = useAppDispatch();
@@ -71,10 +75,13 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
   const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
-  const authenticatedScheduledStatusesCountQueryOptions = useMemo(() => ({
-    ...scheduledStatusesCountQueryOptions,
-    enabled: !!me && features.scheduledStatuses,
-  }), [me, features]);
+  const authenticatedScheduledStatusesCountQueryOptions = useMemo(
+    () => ({
+      ...scheduledStatusesCountQueryOptions,
+      enabled: !!me && features.scheduledStatuses,
+    }),
+    [me, features],
+  );
 
   const getOtherAccounts = useCallback(makeGetOtherAccounts(), []);
   const { account } = useAccount(me ?? undefined);
@@ -82,7 +89,8 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
   const settings = useSettings();
   const followRequestsCount = useFollowRequestsCount().data ?? 0;
   const interactionRequestsCount = useInteractionRequestsCount().data ?? 0;
-  const scheduledStatusCount = useInfiniteQuery(authenticatedScheduledStatusesCountQueryOptions).data ?? 0;
+  const scheduledStatusCount =
+    useInfiniteQuery(authenticatedScheduledStatusesCountQueryOptions).data ?? 0;
   const { data: draftCount = 0 } = useDraftStatusesCountQuery();
   // const dashboardCount = useAppSelector((state) => state.admin.openReports.count() + state.admin.awaitingApproval.count());
   const [sidebarVisible, setSidebarVisible] = useState(isSidebarOpen);
@@ -102,12 +110,14 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
     closeSidebar();
   };
 
-  const handleSwitchAccount = (account: AccountEntity): React.MouseEventHandler => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+  const handleSwitchAccount =
+    (account: AccountEntity): React.MouseEventHandler =>
+    (e) => {
+      e.preventDefault();
+      e.stopPropagation();
 
-    dispatch(switchAccount(account.id));
-  };
+      dispatch(switchAccount(account.id));
+    };
 
   const onClickLogOut: React.MouseEventHandler = (e) => {
     e.preventDefault();
@@ -120,13 +130,23 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
     e.preventDefault();
     e.stopPropagation();
 
-    setSwitcher((prevState) => (!prevState));
+    setSwitcher((prevState) => !prevState);
   };
 
   const renderAccount = (account: AccountEntity) => (
-    <a className='⁂-dropdown-navigation__account-switcher__account' href='#' onClick={handleSwitchAccount(account)} key={account.id}>
+    <a
+      className='⁂-dropdown-navigation__account-switcher__account'
+      href='#'
+      onClick={handleSwitchAccount(account)}
+      key={account.id}
+    >
       <div>
-        <Account account={account} showAccountHoverCard={false} withRelationship={false} withLinkToProfile={false} />
+        <Account
+          account={account}
+          showAccountHoverCard={false}
+          withRelationship={false}
+          withLinkToProfile={false}
+        />
       </div>
     </a>
   );
@@ -135,8 +155,10 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
     if (e.key === 'Escape') handleClose();
   };
 
-  const handleTouchStart: React.TouchEventHandler<HTMLDivElement> = (e) => touchStart.current = e.targetTouches[0].clientX;
-  const handleTouchMove: React.TouchEventHandler<HTMLDivElement> = (e) => touchEnd.current = e.targetTouches[0].clientX;
+  const handleTouchStart: React.TouchEventHandler<HTMLDivElement> = (e) =>
+    (touchStart.current = e.targetTouches[0].clientX);
+  const handleTouchMove: React.TouchEventHandler<HTMLDivElement> = (e) =>
+    (touchEnd.current = e.targetTouches[0].clientX);
 
   const handleTouchEnd: React.TouchEventHandler<HTMLDivElement> = (e) => {
     if (touchEnd.current !== null && touchStart.current - touchEnd.current > 100) {
@@ -151,36 +173,31 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
 
   useEffect(() => {
     if (isSidebarOpen) containerRef.current?.querySelector('a')?.focus();
-    setTimeout(() =>{
-      setSidebarVisible(isSidebarOpen);
-    }, isSidebarOpen ? 0 : 150);
+    setTimeout(
+      () => {
+        setSidebarVisible(isSidebarOpen);
+      },
+      isSidebarOpen ? 0 : 150,
+    );
   }, [isSidebarOpen]);
 
   return (
     <div
       aria-expanded={isSidebarOpen}
-      className={
-        clsx({
-          '⁂-dropdown-navigation__container': true,
-          '⁂-dropdown-navigation__container--partially-visible': isSidebarOpen || sidebarVisible,
-          '⁂-dropdown-navigation__container--visible': isSidebarOpen && sidebarVisible,
-        })
-      }
+      className={clsx({
+        '⁂-dropdown-navigation__container': true,
+        '⁂-dropdown-navigation__container--partially-visible': isSidebarOpen || sidebarVisible,
+        '⁂-dropdown-navigation__container--visible': isSidebarOpen && sidebarVisible,
+      })}
       ref={containerRef}
       onKeyDown={handleKeyDown}
       onTouchStart={handleTouchStart}
       onTouchMove={handleTouchMove}
       onTouchEnd={handleTouchEnd}
     >
-      <div
-        className='⁂-dropdown-navigation__overlay'
-        role='button'
-        onClick={handleClose}
-      />
+      <div className='⁂-dropdown-navigation__overlay' role='button' onClick={handleClose} />
 
-      <div
-        className='⁂-dropdown-navigation'
-      >
+      <div className='⁂-dropdown-navigation'>
         {account ? (
           <div>
             <Link to='/@{$username}' params={{ username: account.acct }} onClick={closeSidebar}>
@@ -188,10 +205,7 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
             </Link>
 
             {!settings.demetricator && (
-              <ProfileStats
-                account={account}
-                onClickHandler={handleClose}
-              />
+              <ProfileStats account={account} onClickHandler={handleClose} />
             )}
 
             <Stack space={4}>
@@ -209,16 +223,26 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 <DropdownNavigationLink
                   to='/follow_requests'
                   icon={require('@phosphor-icons/core/regular/user-plus.svg')}
-                  text={<FormattedMessage id='column.follow_requests' defaultMessage='Follow requests' />}
+                  text={
+                    <FormattedMessage
+                      id='column.follow_requests'
+                      defaultMessage='Follow requests'
+                    />
+                  }
                   onClick={closeSidebar}
                 />
               )}
 
-              {(interactionRequestsCount > 0) && (
+              {interactionRequestsCount > 0 && (
                 <DropdownNavigationLink
                   to='/interaction_requests'
                   icon={require('@phosphor-icons/core/regular/heart-half.svg')}
-                  text={<FormattedMessage id='column.interaction_requests' defaultMessage='Interaction requests' />}
+                  text={
+                    <FormattedMessage
+                      id='column.interaction_requests'
+                      defaultMessage='Interaction requests'
+                    />
+                  }
                   onClick={closeSidebar}
                 />
               )}
@@ -299,7 +323,9 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 <DropdownNavigationLink
                   to='/directory'
                   icon={require('@phosphor-icons/core/regular/address-book.svg')}
-                  text={<FormattedMessage id='column.directory' defaultMessage='Profile directory' />}
+                  text={
+                    <FormattedMessage id='column.directory' defaultMessage='Profile directory' />
+                  }
                   onClick={closeSidebar}
                 />
               )}
@@ -308,7 +334,12 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 <DropdownNavigationLink
                   to='/scheduled_statuses'
                   icon={require('@phosphor-icons/core/regular/hourglass.svg')}
-                  text={<FormattedMessage id='column.scheduled_statuses' defaultMessage='Scheduled posts' />}
+                  text={
+                    <FormattedMessage
+                      id='column.scheduled_statuses'
+                      defaultMessage='Scheduled posts'
+                    />
+                  }
                   onClick={closeSidebar}
                 />
               )}
@@ -322,43 +353,51 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 />
               )}
 
-              {features.publicTimeline && <>
-                <Divider />
+              {features.publicTimeline && (
+                <>
+                  <Divider />
 
-                <DropdownNavigationLink
-                  to='/timeline/local'
-                  icon={require('@phosphor-icons/core/regular/planet.svg')}
-                  text={features.federating ? <FormattedMessage id='tabs_bar.local' defaultMessage='Local' /> : <FormattedMessage id='tabs_bar.all' defaultMessage='All' />}
-                  onClick={closeSidebar}
-                />
-
-                {features.bubbleTimeline && (
                   <DropdownNavigationLink
-                    to='/timeline/bubble'
-                    icon={require('@phosphor-icons/core/regular/graph.svg')}
-                    text={<FormattedMessage id='tabs_bar.bubble' defaultMessage='Bubble' />}
+                    to='/timeline/local'
+                    icon={require('@phosphor-icons/core/regular/planet.svg')}
+                    text={
+                      features.federating ? (
+                        <FormattedMessage id='tabs_bar.local' defaultMessage='Local' />
+                      ) : (
+                        <FormattedMessage id='tabs_bar.all' defaultMessage='All' />
+                      )
+                    }
                     onClick={closeSidebar}
                   />
-                )}
 
-                {features.federating && (
-                  <DropdownNavigationLink
-                    to='/timeline/fediverse'
-                    icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
-                    text={<FormattedMessage id='tabs_bar.fediverse' defaultMessage='Fediverse' />}
-                    onClick={closeSidebar}
-                  />
-                )}
+                  {features.bubbleTimeline && (
+                    <DropdownNavigationLink
+                      to='/timeline/bubble'
+                      icon={require('@phosphor-icons/core/regular/graph.svg')}
+                      text={<FormattedMessage id='tabs_bar.bubble' defaultMessage='Bubble' />}
+                      onClick={closeSidebar}
+                    />
+                  )}
 
-                {features.wrenchedTimeline && (
-                  <DropdownNavigationLink
-                    to='/timeline/wrenched'
-                    icon={require('@phosphor-icons/core/regular/wrench.svg')}
-                    text={<FormattedMessage id='tabs_bar.wrenched' defaultMessage='Wrenched' />}
-                    onClick={closeSidebar}
-                  />
-                )}
-              </>}
+                  {features.federating && (
+                    <DropdownNavigationLink
+                      to='/timeline/fediverse'
+                      icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
+                      text={<FormattedMessage id='tabs_bar.fediverse' defaultMessage='Fediverse' />}
+                      onClick={closeSidebar}
+                    />
+                  )}
+
+                  {features.wrenchedTimeline && (
+                    <DropdownNavigationLink
+                      to='/timeline/wrenched'
+                      icon={require('@phosphor-icons/core/regular/wrench.svg')}
+                      text={<FormattedMessage id='tabs_bar.wrenched' defaultMessage='Wrenched' />}
+                      onClick={closeSidebar}
+                    />
+                  )}
+                </>
+              )}
 
               <Divider />
 
@@ -373,7 +412,12 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 <DropdownNavigationLink
                   to='/followed_tags'
                   icon={require('@phosphor-icons/core/regular/hash.svg')}
-                  text={<FormattedMessage id='column.followed_tags' defaultMessage='Followed hashtags' />}
+                  text={
+                    <FormattedMessage
+                      id='column.followed_tags'
+                      defaultMessage='Followed hashtags'
+                    />
+                  }
                   onClick={closeSidebar}
                 />
               )}
@@ -415,21 +459,31 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
               >
                 <button type='button' onClick={handleSwitcherClick}>
                   <Text tag='span'>
-                    <FormattedMessage id='profile_dropdown.switch_account' defaultMessage='Switch accounts' />
+                    <FormattedMessage
+                      id='profile_dropdown.switch_account'
+                      defaultMessage='Switch accounts'
+                    />
                   </Text>
 
-                  <Icon
-                    src={require('@phosphor-icons/core/regular/caret-down.svg')}
-                  />
+                  <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} />
                 </button>
 
                 {switcher && (
                   <div className='⁂-dropdown-navigation__account-switcher__accounts'>
-                    {otherAccounts.map(account => renderAccount(account))}
+                    {otherAccounts.map((account) => renderAccount(account))}
 
-                    <Link className='⁂-dropdown-navigation__account-switcher__add' to='/login/add' onClick={handleClose}>
+                    <Link
+                      className='⁂-dropdown-navigation__account-switcher__add'
+                      to='/login/add'
+                      onClick={handleClose}
+                    >
                       <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
-                      <Text size='sm' weight='medium'><FormattedMessage id='profile_dropdown.add_account' defaultMessage='Add an existing account' /></Text>
+                      <Text size='sm' weight='medium'>
+                        <FormattedMessage
+                          id='profile_dropdown.add_account'
+                          defaultMessage='Add an existing account'
+                        />
+                      </Text>
                     </Link>
                   </div>
                 )}
@@ -438,43 +492,51 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
           </div>
         ) : (
           <div>
-            {features.publicTimeline && !restrictUnauth.timelines.local && <>
-              <DropdownNavigationLink
-                to='/timeline/local'
-                icon={require('@phosphor-icons/core/regular/planet.svg')}
-                text={features.federating ? <FormattedMessage id='tabs_bar.local' defaultMessage='Local' /> : <FormattedMessage id='tabs_bar.all' defaultMessage='All' />}
-                onClick={closeSidebar}
-              />
-
-              {features.bubbleTimeline && !restrictUnauth.timelines.bubble && (
+            {features.publicTimeline && !restrictUnauth.timelines.local && (
+              <>
                 <DropdownNavigationLink
-                  to='/timeline/bubble'
-                  icon={require('@phosphor-icons/core/regular/graph.svg')}
-                  text={<FormattedMessage id='tabs_bar.bubble' defaultMessage='Bubble' />}
+                  to='/timeline/local'
+                  icon={require('@phosphor-icons/core/regular/planet.svg')}
+                  text={
+                    features.federating ? (
+                      <FormattedMessage id='tabs_bar.local' defaultMessage='Local' />
+                    ) : (
+                      <FormattedMessage id='tabs_bar.all' defaultMessage='All' />
+                    )
+                  }
                   onClick={closeSidebar}
                 />
-              )}
 
-              {features.federating && !restrictUnauth.timelines.federated && (
-                <DropdownNavigationLink
-                  to='/timeline/fediverse'
-                  icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
-                  text={<FormattedMessage id='tabs_bar.fediverse' defaultMessage='Fediverse' />}
-                  onClick={closeSidebar}
-                />
-              )}
+                {features.bubbleTimeline && !restrictUnauth.timelines.bubble && (
+                  <DropdownNavigationLink
+                    to='/timeline/bubble'
+                    icon={require('@phosphor-icons/core/regular/graph.svg')}
+                    text={<FormattedMessage id='tabs_bar.bubble' defaultMessage='Bubble' />}
+                    onClick={closeSidebar}
+                  />
+                )}
 
-              {features.wrenchedTimeline && !restrictUnauth.timelines.wrenched && (
-                <DropdownNavigationLink
-                  to='/timeline/wrenched'
-                  icon={require('@phosphor-icons/core/regular/wrench.svg')}
-                  text={<FormattedMessage id='tabs_bar.wrenched' defaultMessage='Wrenched' />}
-                  onClick={closeSidebar}
-                />
-              )}
+                {features.federating && !restrictUnauth.timelines.federated && (
+                  <DropdownNavigationLink
+                    to='/timeline/fediverse'
+                    icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
+                    text={<FormattedMessage id='tabs_bar.fediverse' defaultMessage='Fediverse' />}
+                    onClick={closeSidebar}
+                  />
+                )}
 
-              <Divider />
-            </>}
+                {features.wrenchedTimeline && !restrictUnauth.timelines.wrenched && (
+                  <DropdownNavigationLink
+                    to='/timeline/wrenched'
+                    icon={require('@phosphor-icons/core/regular/wrench.svg')}
+                    text={<FormattedMessage id='tabs_bar.wrenched' defaultMessage='Wrenched' />}
+                    onClick={closeSidebar}
+                  />
+                )}
+
+                <Divider />
+              </>
+            )}
 
             <DropdownNavigationLink
               to='/login'
diff --git a/packages/pl-fe/src/components/empty-message.tsx b/packages/pl-fe/src/components/empty-message.tsx
index a91a5c932..5e77c2604 100644
--- a/packages/pl-fe/src/components/empty-message.tsx
+++ b/packages/pl-fe/src/components/empty-message.tsx
@@ -7,7 +7,10 @@ interface IEmptyMessage {
   icon?: string;
 }
 
-const EmptyMessage: React.FC<IEmptyMessage> = ({ text, icon = require('@phosphor-icons/core/regular/empty.svg') }) => (
+const EmptyMessage: React.FC<IEmptyMessage> = ({
+  text,
+  icon = require('@phosphor-icons/core/regular/empty.svg'),
+}) => (
   <div className='⁂-empty-message'>
     <Icon src={icon} aria-hidden />
 
diff --git a/packages/pl-fe/src/components/event-preview.tsx b/packages/pl-fe/src/components/event-preview.tsx
index 2a25c526b..8271c22ae 100644
--- a/packages/pl-fe/src/components/event-preview.tsx
+++ b/packages/pl-fe/src/components/event-preview.tsx
@@ -18,7 +18,11 @@ import type { Status as StatusEntity } from '@/normalizers/status';
 const messages = defineMessages({
   eventBanner: { id: 'event.banner', defaultMessage: 'Event banner' },
   leaveConfirm: { id: 'confirmations.leave_event.confirm', defaultMessage: 'Leave event' },
-  leaveMessage: { id: 'confirmations.leave_event.message', defaultMessage: 'If you want to rejoin the event, the request will be manually reviewed again. Are you sure you want to proceed?' },
+  leaveMessage: {
+    id: 'confirmations.leave_event.message',
+    defaultMessage:
+      'If you want to rejoin the event, the request will be manually reviewed again. Are you sure you want to proceed?',
+  },
 });
 
 interface IEventPreview {
@@ -28,7 +32,12 @@ interface IEventPreview {
   floatingAction?: boolean;
 }
 
-const EventPreview: React.FC<IEventPreview> = ({ status, className, hideAction, floatingAction = true }) => {
+const EventPreview: React.FC<IEventPreview> = ({
+  status,
+  className,
+  hideAction,
+  floatingAction = true,
+}) => {
   const intl = useIntl();
 
   const me = useAppSelector((state) => state.me);
@@ -38,33 +47,43 @@ const EventPreview: React.FC<IEventPreview> = ({ status, className, hideAction,
 
   const banner = event.banner;
 
-  const action = !hideAction && (account.id === me ? (
-    <Button
-      size='sm'
-      theme={floatingAction ? 'secondary' : 'primary'}
-      to='/@{$username}/events/$statusId/edit'
-      params={{ username: account.acct, statusId: status.id }}
-    >
-      <FormattedMessage id='event.manage' defaultMessage='Manage' />
-    </Button>
-  ) : (
-    <EventActionButton
-      status={status}
-      theme={floatingAction ? 'secondary' : 'primary'}
-    />
-  ));
+  const action =
+    !hideAction &&
+    (account.id === me ? (
+      <Button
+        size='sm'
+        theme={floatingAction ? 'secondary' : 'primary'}
+        to='/@{$username}/events/$statusId/edit'
+        params={{ username: account.acct, statusId: status.id }}
+      >
+        <FormattedMessage id='event.manage' defaultMessage='Manage' />
+      </Button>
+    ) : (
+      <EventActionButton status={status} theme={floatingAction ? 'secondary' : 'primary'} />
+    ));
 
   return (
-    <div className={clsx('relative w-full overflow-hidden rounded-lg bg-gray-100 black:border black:border-gray-800 black:bg-black dark:bg-primary-800', className)}>
-      <div className='absolute right-3 top-28'>
-        {floatingAction && action}
-      </div>
+    <div
+      className={clsx(
+        'relative w-full overflow-hidden rounded-lg bg-gray-100 black:border black:border-gray-800 black:bg-black dark:bg-primary-800',
+        className,
+      )}
+    >
+      <div className='absolute right-3 top-28'>{floatingAction && action}</div>
       <div className='h-40 bg-primary-200 dark:bg-gray-600'>
-        {banner && <img className='size-full object-cover' src={banner.url} alt={intl.formatMessage(messages.eventBanner)} />}
+        {banner && (
+          <img
+            className='size-full object-cover'
+            src={banner.url}
+            alt={intl.formatMessage(messages.eventBanner)}
+          />
+        )}
       </div>
       <Stack className='p-2.5' space={2}>
         <HStack space={2} alignItems='center' justifyContent='between'>
-          <Text weight='semibold' truncate>{event.name}</Text>
+          <Text weight='semibold' truncate>
+            {event.name}
+          </Text>
 
           {!floatingAction && action}
         </HStack>
@@ -85,9 +104,7 @@ const EventPreview: React.FC<IEventPreview> = ({ status, className, hideAction,
           {event.location && (
             <HStack alignItems='center' space={2}>
               <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
-              <span>
-                {event.location.name}
-              </span>
+              <span>{event.location.name}</span>
             </HStack>
           )}
         </div>
diff --git a/packages/pl-fe/src/components/extended-video-player.tsx b/packages/pl-fe/src/components/extended-video-player.tsx
index b6829f1fe..75e8a156e 100644
--- a/packages/pl-fe/src/components/extended-video-player.tsx
+++ b/packages/pl-fe/src/components/extended-video-player.tsx
@@ -13,7 +13,14 @@ interface IExtendedVideoPlayer {
   onClick?: () => void;
 }
 
-const ExtendedVideoPlayer: React.FC<IExtendedVideoPlayer> = ({ src, alt, time, controls, muted, onClick }) => {
+const ExtendedVideoPlayer: React.FC<IExtendedVideoPlayer> = ({
+  src,
+  alt,
+  time,
+  controls,
+  muted,
+  onClick,
+}) => {
   const video = useRef<HTMLVideoElement>(null);
 
   useEffect(() => {
@@ -30,7 +37,7 @@ const ExtendedVideoPlayer: React.FC<IExtendedVideoPlayer> = ({ src, alt, time, c
     };
   }, [video.current]);
 
-  const handleClick: React.MouseEventHandler<HTMLVideoElement> = e => {
+  const handleClick: React.MouseEventHandler<HTMLVideoElement> = (e) => {
     e.stopPropagation();
     const handler = onClick;
     if (handler) handler();
diff --git a/packages/pl-fe/src/components/groups/group-avatar.tsx b/packages/pl-fe/src/components/groups/group-avatar.tsx
index 2dcdfb686..028a3c116 100644
--- a/packages/pl-fe/src/components/groups/group-avatar.tsx
+++ b/packages/pl-fe/src/components/groups/group-avatar.tsx
@@ -17,14 +17,15 @@ const GroupAvatar = (props: IGroupAvatar) => {
 
   return (
     <Avatar
-      className={
-        clsx('relative rounded-lg', {
-          'shadow-[0_0_0_2px_theme(colors.primary.600),0_0_0_4px_theme(colors.white)]': isOwner && withRing,
-          'dark:shadow-[0_0_0_2px_theme(colors.primary.600),0_0_0_4px_theme(colors.gray.800)]': isOwner && withRing,
-          'shadow-[0_0_0_2px_theme(colors.primary.600)]': isOwner && !withRing,
-          'shadow-[0_0_0_2px_theme(colors.white)] dark:shadow-[0_0_0_2px_theme(colors.gray.800)]': !isOwner && withRing,
-        })
-      }
+      className={clsx('relative rounded-lg', {
+        'shadow-[0_0_0_2px_theme(colors.primary.600),0_0_0_4px_theme(colors.white)]':
+          isOwner && withRing,
+        'dark:shadow-[0_0_0_2px_theme(colors.primary.600),0_0_0_4px_theme(colors.gray.800)]':
+          isOwner && withRing,
+        'shadow-[0_0_0_2px_theme(colors.primary.600)]': isOwner && !withRing,
+        'shadow-[0_0_0_2px_theme(colors.white)] dark:shadow-[0_0_0_2px_theme(colors.gray.800)]':
+          !isOwner && withRing,
+      })}
       src={group.avatar}
       alt={group.avatar_description}
       size={size}
diff --git a/packages/pl-fe/src/components/groups/popover/group-popover.tsx b/packages/pl-fe/src/components/groups/popover/group-popover.tsx
index 09ce58ee4..9649e6412 100644
--- a/packages/pl-fe/src/components/groups/popover/group-popover.tsx
+++ b/packages/pl-fe/src/components/groups/popover/group-popover.tsx
@@ -59,7 +59,13 @@ const GroupPopover = (props: IGroupPopoverContainer) => {
             </div>
 
             {/* Group Info */}
-            <Stack alignItems='center' justifyContent='end' grow className='basis-1/2 py-4' space={0.5}>
+            <Stack
+              alignItems='center'
+              justifyContent='end'
+              grow
+              className='basis-1/2 py-4'
+              space={0.5}
+            >
               <Text size='lg' weight='bold'>
                 <Emojify text={group.display_name} emojis={group.emojis} />
               </Text>
@@ -78,7 +84,10 @@ const GroupPopover = (props: IGroupPopoverContainer) => {
               <FormattedMessage id='group.popover.title' defaultMessage='Membership required' />
             </Text>
             <Text theme='muted'>
-              <FormattedMessage id='group.popover.summary' defaultMessage='You must be a member of the group in order to reply to this status.' />
+              <FormattedMessage
+                id='group.popover.summary'
+                defaultMessage='You must be a member of the group in order to reply to this status.'
+              />
             </Text>
           </Stack>
 
diff --git a/packages/pl-fe/src/components/hashtag.tsx b/packages/pl-fe/src/components/hashtag.tsx
index a780854d5..1c251f225 100644
--- a/packages/pl-fe/src/components/hashtag.tsx
+++ b/packages/pl-fe/src/components/hashtag.tsx
@@ -11,18 +11,19 @@ import { shortNumberFormat } from '../utils/numbers';
 
 import type { Tag } from 'pl-api';
 
-const accountsCountRenderer = (count: number) => !!count && (
-  <Text theme='muted' size='sm'>
-    <FormattedMessage
-      id='trends.count_by_accounts'
-      defaultMessage='{count} {rawCount, plural, one {person} other {people}} talking'
-      values={{
-        rawCount: count,
-        count: <strong>{shortNumberFormat(count)}</strong>,
-      }}
-    />
-  </Text>
-);
+const accountsCountRenderer = (count: number) =>
+  !!count && (
+    <Text theme='muted' size='sm'>
+      <FormattedMessage
+        id='trends.count_by_accounts'
+        defaultMessage='{count} {rawCount, plural, one {person} other {people}} talking'
+        values={{
+          rawCount: count,
+          count: <strong>{shortNumberFormat(count)}</strong>,
+        }}
+      />
+    </Text>
+  );
 
 interface IHashtag {
   hashtag: Tag;
@@ -35,7 +36,9 @@ const Hashtag: React.FC<IHashtag> = ({ hashtag }) => {
     <HStack alignItems='center' justifyContent='between' data-testid='hashtag'>
       <Stack>
         <Link to='/tags/$id' params={{ id: hashtag.name }} className='hover:underline'>
-          <Text tag='span' size='sm' weight='semibold'>#{hashtag.name}</Text>
+          <Text tag='span' size='sm' weight='semibold'>
+            #{hashtag.name}
+          </Text>
         </Link>
 
         {accountsCountRenderer(count)}
diff --git a/packages/pl-fe/src/components/hashtags-bar.tsx b/packages/pl-fe/src/components/hashtags-bar.tsx
index 1585bde89..9089df28c 100644
--- a/packages/pl-fe/src/components/hashtags-bar.tsx
+++ b/packages/pl-fe/src/components/hashtags-bar.tsx
@@ -25,9 +25,7 @@ const HashtagsBar: React.FC<IHashtagsBar> = ({ hashtags }) => {
     return null;
   }
 
-  const revealedHashtags = expanded
-    ? hashtags
-    : hashtags.slice(0, VISIBLE_HASHTAGS);
+  const revealedHashtags = expanded ? hashtags : hashtags.slice(0, VISIBLE_HASHTAGS);
 
   return (
     <HStack space={2} wrap>
@@ -36,7 +34,7 @@ const HashtagsBar: React.FC<IHashtagsBar> = ({ hashtags }) => {
           key={hashtag}
           to='/tags/$id'
           params={{ id: hashtag }}
-          onClick={(e) =>{
+          onClick={(e) => {
             e.stopPropagation();
           }}
           className='flex items-center rounded-sm bg-gray-100 px-1.5 py-1 text-xs font-medium text-primary-600 black:bg-primary-900 dark:bg-primary-700 dark:text-white'
diff --git a/packages/pl-fe/src/components/helmet.tsx b/packages/pl-fe/src/components/helmet.tsx
index 8e8139516..4728bf4fb 100644
--- a/packages/pl-fe/src/components/helmet.tsx
+++ b/packages/pl-fe/src/components/helmet.tsx
@@ -20,12 +20,22 @@ const Helmet: React.FC<IHelmet> = ({ children }) => {
   const { unreadChatsCount } = useStatContext();
   const { data: awaitingApprovalCount = 0 } = usePendingUsersCount();
   const { data: pendingReportsCount = 0 } = usePendingReportsCount();
-  const unreadCount = useAppSelector((state) => (state.notifications.unread || 0) + unreadChatsCount + awaitingApprovalCount + pendingReportsCount);
+  const unreadCount = useAppSelector(
+    (state) =>
+      (state.notifications.unread || 0) +
+      unreadChatsCount +
+      awaitingApprovalCount +
+      pendingReportsCount,
+  );
   const { demetricator } = useSettings();
 
-  const hasUnreadNotifications = React.useMemo(() => !(unreadCount < 1 || demetricator), [unreadCount, demetricator]);
+  const hasUnreadNotifications = React.useMemo(
+    () => !(unreadCount < 1 || demetricator),
+    [unreadCount, demetricator],
+  );
 
-  const addCounter = (string: string) => hasUnreadNotifications ? `(${unreadCount}) ${string}` : string;
+  const addCounter = (string: string) =>
+    hasUnreadNotifications ? `(${unreadCount}) ${string}` : string;
 
   const updateFaviconBadge = () => {
     if (hasUnreadNotifications) {
diff --git a/packages/pl-fe/src/components/hover-account-wrapper.tsx b/packages/pl-fe/src/components/hover-account-wrapper.tsx
index eebab8e88..ef118dee0 100644
--- a/packages/pl-fe/src/components/hover-account-wrapper.tsx
+++ b/packages/pl-fe/src/components/hover-account-wrapper.tsx
@@ -19,45 +19,47 @@ interface IHoverAccountWrapper {
 }
 
 /** Makes a profile hover card appear when the wrapped element is hovered. */
-const HoverAccountWrapper: React.FC<IHoverAccountWrapper> = React.memo(({ accountId, children, element: Elem = 'div', className }) => {
-  const dispatch = useAppDispatch();
+const HoverAccountWrapper: React.FC<IHoverAccountWrapper> = React.memo(
+  ({ accountId, children, element: Elem = 'div', className }) => {
+    const dispatch = useAppDispatch();
 
-  const { openAccountHoverCard, closeAccountHoverCard } = useAccountHoverCardActions();
+    const { openAccountHoverCard, closeAccountHoverCard } = useAccountHoverCardActions();
 
-  const ref = useRef<HTMLDivElement>(null);
+    const ref = useRef<HTMLDivElement>(null);
 
-  const handleMouseEnter = () => {
-    if (!accountId) return;
+    const handleMouseEnter = () => {
+      if (!accountId) return;
 
-    if (!isMobile(window.innerWidth)) {
-      dispatch(fetchAccount(accountId));
-      showAccountHoverCard(openAccountHoverCard, ref, accountId);
-    }
-  };
+      if (!isMobile(window.innerWidth)) {
+        dispatch(fetchAccount(accountId));
+        showAccountHoverCard(openAccountHoverCard, ref, accountId);
+      }
+    };
 
-  const handleMouseLeave = () => {
-    showAccountHoverCard.cancel();
-    setTimeout(() =>{
-      closeAccountHoverCard();
-    }, 300);
-  };
+    const handleMouseLeave = () => {
+      showAccountHoverCard.cancel();
+      setTimeout(() => {
+        closeAccountHoverCard();
+      }, 300);
+    };
 
-  const handleClick = () => {
-    showAccountHoverCard.cancel();
-    closeAccountHoverCard(true);
-  };
+    const handleClick = () => {
+      showAccountHoverCard.cancel();
+      closeAccountHoverCard(true);
+    };
 
-  return (
-    <Elem
-      ref={ref}
-      className={clsx('hover-account-wrapper', className)}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      onClick={handleClick}
-    >
-      {children}
-    </Elem>
-  );
-});
+    return (
+      <Elem
+        ref={ref}
+        className={clsx('hover-account-wrapper', className)}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+        onClick={handleClick}
+      >
+        {children}
+      </Elem>
+    );
+  },
+);
 
 export { HoverAccountWrapper as default, showAccountHoverCard };
diff --git a/packages/pl-fe/src/components/hover-status-wrapper.tsx b/packages/pl-fe/src/components/hover-status-wrapper.tsx
index 70e3cbfc5..d02cdd4b9 100644
--- a/packages/pl-fe/src/components/hover-status-wrapper.tsx
+++ b/packages/pl-fe/src/components/hover-status-wrapper.tsx
@@ -17,7 +17,12 @@ interface IHoverStatusWrapper {
 }
 
 /** Makes a status hover card appear when the wrapped element is hovered. */
-const HoverStatusWrapper: React.FC<IHoverStatusWrapper> = ({ statusId, children, inline = false, className }) => {
+const HoverStatusWrapper: React.FC<IHoverStatusWrapper> = ({
+  statusId,
+  children,
+  inline = false,
+  className,
+}) => {
   const { openStatusHoverCard, closeStatusHoverCard } = useStatusHoverCardActions();
 
   const ref = useRef<HTMLDivElement>(null);
@@ -31,7 +36,7 @@ const HoverStatusWrapper: React.FC<IHoverStatusWrapper> = ({ statusId, children,
 
   const handleMouseLeave = () => {
     showStatusHoverCard.cancel();
-    setTimeout(() =>{
+    setTimeout(() => {
       closeStatusHoverCard();
     }, 200);
   };
diff --git a/packages/pl-fe/src/components/icon-with-counter.tsx b/packages/pl-fe/src/components/icon-with-counter.tsx
index 0ba099e38..4752c2bc6 100644
--- a/packages/pl-fe/src/components/icon-with-counter.tsx
+++ b/packages/pl-fe/src/components/icon-with-counter.tsx
@@ -12,7 +12,7 @@ interface IIconWithCounter extends React.HTMLAttributes<HTMLDivElement> {
 
 const IconWithCounter: React.FC<IIconWithCounter> = ({ icon, count, countMax, ...rest }) => (
   <div className='relative'>
-    <Icon id={icon} {...rest as IIcon} />
+    <Icon id={icon} {...(rest as IIcon)} />
 
     {count > 0 && (
       <span className='absolute -right-3 -top-2'>
diff --git a/packages/pl-fe/src/components/icon.tsx b/packages/pl-fe/src/components/icon.tsx
index 002c5b2dd..102a2b1cb 100644
--- a/packages/pl-fe/src/components/icon.tsx
+++ b/packages/pl-fe/src/components/icon.tsx
@@ -18,10 +18,7 @@ interface IIcon extends React.HTMLAttributes<HTMLDivElement> {
  * @deprecated Use the UI Icon component directly.
  */
 const Icon: React.FC<IIcon> = ({ src, alt, className, ...rest }) => (
-  <div
-    className={clsx('svg-icon', className)}
-    {...rest}
-  >
+  <div className={clsx('svg-icon', className)} {...rest}>
     <InlineSVG src={src} title={alt} loader={<></>} />
   </div>
 );
diff --git a/packages/pl-fe/src/components/inline-style.tsx b/packages/pl-fe/src/components/inline-style.tsx
index ff711f533..1a9076734 100644
--- a/packages/pl-fe/src/components/inline-style.tsx
+++ b/packages/pl-fe/src/components/inline-style.tsx
@@ -6,7 +6,9 @@ interface IInlineStyle {
 
 const InlineStyle: React.FC<IInlineStyle> = ({ children }) => {
   // eslint-disable-next-line compat/compat
-  const sheet = useRef(document.adoptedStyleSheets ? new CSSStyleSheet() : document.createElement('style'));
+  const sheet = useRef(
+    document.adoptedStyleSheets ? new CSSStyleSheet() : document.createElement('style'),
+  );
 
   useEffect(() => {
     const stylesheet = sheet.current;
@@ -32,7 +34,7 @@ const InlineStyle: React.FC<IInlineStyle> = ({ children }) => {
     return () => {
       if (stylesheet) {
         if (stylesheet instanceof CSSStyleSheet) {
-          document.adoptedStyleSheets = document.adoptedStyleSheets.filter(s => s !== stylesheet);
+          document.adoptedStyleSheets = document.adoptedStyleSheets.filter((s) => s !== stylesheet);
         } else {
           document.head.removeChild(stylesheet);
         }
diff --git a/packages/pl-fe/src/components/link.tsx b/packages/pl-fe/src/components/link.tsx
index cb7e4f66e..9394373bd 100644
--- a/packages/pl-fe/src/components/link.tsx
+++ b/packages/pl-fe/src/components/link.tsx
@@ -2,10 +2,7 @@ import { Link as Comp, type LinkProps } from '@tanstack/react-router';
 import React from 'react';
 
 const Link = (props: LinkProps) => (
-  <Comp
-    {...props}
-    className='text-primary-600 hover:underline dark:text-primary-400'
-  />
+  <Comp {...props} className='text-primary-600 hover:underline dark:text-primary-400' />
 );
 
 export { Link as default };
diff --git a/packages/pl-fe/src/components/list.tsx b/packages/pl-fe/src/components/list.tsx
index fdfbd9d6c..278320edd 100644
--- a/packages/pl-fe/src/components/list.tsx
+++ b/packages/pl-fe/src/components/list.tsx
@@ -11,9 +11,7 @@ interface IList {
   children: React.ReactNode;
 }
 
-const List: React.FC<IList> = ({ children }) => (
-  <div className='⁂-list'>{children}</div>
-);
+const List: React.FC<IList> = ({ children }) => <div className='⁂-list'>{children}</div>;
 
 type IListItem = {
   className?: string;
@@ -26,7 +24,17 @@ type IListItem = {
   size?: 'sm' | 'md';
 } & (LinkOptions | {});
 
-const ListItem: React.FC<IListItem> = ({ className, label, hint, children, href, onClick, isSelected, size = 'md', ...rest }) => {
+const ListItem: React.FC<IListItem> = ({
+  className,
+  label,
+  hint,
+  children,
+  href,
+  onClick,
+  isSelected,
+  size = 'md',
+  ...rest
+}) => {
   const [domId] = useState(`list-group-${crypto.randomUUID()}`);
 
   const onKeyDown = (e: React.KeyboardEvent) => {
@@ -37,41 +45,43 @@ const ListItem: React.FC<IListItem> = ({ className, label, hint, children, href,
 
   const LabelComp = 'to' in rest || href || onClick ? 'span' : 'label';
 
-  const renderChildren = React.useCallback(() => React.Children.map(children, (child) => {
-    if (React.isValidElement(child)) {
-      const isSelect = child.type === SelectDropdown || child.type === Select;
+  const renderChildren = React.useCallback(
+    () =>
+      React.Children.map(children, (child) => {
+        if (React.isValidElement(child)) {
+          const isSelect = child.type === SelectDropdown || child.type === Select;
 
-      return React.cloneElement(child, {
-        // @ts-ignore
-        id: domId,
-        className: clsx({
-          'w-auto': isSelect,
-        }, child.props.className),
-      });
-    }
+          return React.cloneElement(child, {
+            // @ts-ignore
+            id: domId,
+            className: clsx(
+              {
+                'w-auto': isSelect,
+              },
+              child.props.className,
+            ),
+          });
+        }
 
-    return null;
-  }), [children, domId]);
-
-  const classNames = clsx('⁂-list-item',
-    className,
-    {
-      '⁂-list-item--md': size === 'md',
-      '⁂-list-item--sm': size === 'sm',
-    },
+        return null;
+      }),
+    [children, domId],
   );
 
+  const classNames = clsx('⁂-list-item', className, {
+    '⁂-list-item--md': size === 'md',
+    '⁂-list-item--sm': size === 'sm',
+  });
+
   const body = (
     <>
       <div className='⁂-list-item__label'>
         <LabelComp htmlFor={domId}>{label}</LabelComp>
 
-        {hint ? (
-          <span className='⁂-list-item__hint'>{hint}</span>
-        ) : null}
+        {hint ? <span className='⁂-list-item__hint'>{hint}</span> : null}
       </div>
 
-      {('to' in rest || href || onClick) ? (
+      {'to' in rest || href || onClick ? (
         <HStack space={1} alignItems='center' className='⁂-list-item__body'>
           {children}
 
@@ -83,20 +93,21 @@ const ListItem: React.FC<IListItem> = ({ className, label, hint, children, href,
     </>
   );
 
-  if ('to' in rest) return (
-    <Link className={classNames} {...rest}>
-      {body}
-    </Link>
-  );
+  if ('to' in rest)
+    return (
+      <Link className={classNames} {...rest}>
+        {body}
+      </Link>
+    );
 
   const Comp = onClick || href ? 'a' : 'div';
-  const linkProps = onClick || href ? { onClick, onKeyDown, tabIndex: 0, role: 'link', ...(href && { href, target: '_blank' }) } : {};
+  const linkProps =
+    onClick || href
+      ? { onClick, onKeyDown, tabIndex: 0, role: 'link', ...(href && { href, target: '_blank' }) }
+      : {};
 
   return (
-    <Comp
-      className={classNames}
-      {...linkProps}
-    >
+    <Comp className={classNames} {...linkProps}>
       {body}
     </Comp>
   );
diff --git a/packages/pl-fe/src/components/load-gap.tsx b/packages/pl-fe/src/components/load-gap.tsx
index 0e873cb83..5bfacf7e6 100644
--- a/packages/pl-fe/src/components/load-gap.tsx
+++ b/packages/pl-fe/src/components/load-gap.tsx
@@ -16,12 +16,17 @@ interface ILoadGap {
 const LoadGap: React.FC<ILoadGap> = ({ disabled, maxId, onClick }) => {
   const intl = useIntl();
 
-  const handleClick = () =>{
+  const handleClick = () => {
     onClick(maxId);
   };
 
   return (
-    <button className='m-0 box-border block w-full border-0 bg-transparent p-4 text-gray-900' disabled={disabled} onClick={handleClick} aria-label={intl.formatMessage(messages.load_more)}>
+    <button
+      className='m-0 box-border block w-full border-0 bg-transparent p-4 text-gray-900'
+      disabled={disabled}
+      onClick={handleClick}
+      aria-label={intl.formatMessage(messages.load_more)}
+    >
       <Icon className='mx-auto' src={require('@phosphor-icons/core/regular/dots-three.svg')} />
     </button>
   );
diff --git a/packages/pl-fe/src/components/load-more.tsx b/packages/pl-fe/src/components/load-more.tsx
index 387416272..4cb6f2d93 100644
--- a/packages/pl-fe/src/components/load-more.tsx
+++ b/packages/pl-fe/src/components/load-more.tsx
@@ -15,7 +15,11 @@ const LoadMore: React.FC<ILoadMore> = ({ onClick, disabled, visible = true, clas
   }
 
   return (
-    <button className={clsx('⁂-load-more', className)} disabled={disabled ?? !visible} onClick={onClick}>
+    <button
+      className={clsx('⁂-load-more', className)}
+      disabled={disabled ?? !visible}
+      onClick={onClick}
+    >
       <FormattedMessage id='status.load_more' defaultMessage='Load more' />
     </button>
   );
diff --git a/packages/pl-fe/src/components/location-search.tsx b/packages/pl-fe/src/components/location-search.tsx
index 16cb79742..e27601a83 100644
--- a/packages/pl-fe/src/components/location-search.tsx
+++ b/packages/pl-fe/src/components/location-search.tsx
@@ -33,13 +33,17 @@ const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
     setValue(target.value);
   };
 
-  const handleSelected = (_tokenStart: number, _lastToken: string | null, suggestion: AutoSuggestion) => {
+  const handleSelected = (
+    _tokenStart: number,
+    _lastToken: string | null,
+    suggestion: AutoSuggestion,
+  ) => {
     if (typeof suggestion === 'object' && 'origin_id' in suggestion) {
       onSelected(suggestion);
     }
   };
 
-  const handleClear: React.MouseEventHandler = e => {
+  const handleClear: React.MouseEventHandler = (e) => {
     e.preventDefault();
 
     if (!empty) {
@@ -47,7 +51,7 @@ const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
     }
   };
 
-  const handleKeyDown: React.KeyboardEventHandler = e => {
+  const handleKeyDown: React.KeyboardEventHandler = (e) => {
     if (e.key === 'Escape') {
       document.querySelector('.ui')?.parentElement?.focus();
     }
@@ -74,8 +78,14 @@ const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
         onClick={handleClear}
         title={intl.formatMessage(messages.clear)}
       >
-        <Icon src={require('@phosphor-icons/core/regular/magnifying-glass.svg')} className={clsx('size-5 text-gray-600', { 'hidden': !empty })} />
-        <Icon src={require('@phosphor-icons/core/regular/backspace.svg')} className={clsx('size-5 text-gray-600', { 'hidden': empty })} />
+        <Icon
+          src={require('@phosphor-icons/core/regular/magnifying-glass.svg')}
+          className={clsx('size-5 text-gray-600', { hidden: !empty })}
+        />
+        <Icon
+          src={require('@phosphor-icons/core/regular/backspace.svg')}
+          className={clsx('size-5 text-gray-600', { hidden: empty })}
+        />
       </button>
     </div>
   );
diff --git a/packages/pl-fe/src/components/markup.tsx b/packages/pl-fe/src/components/markup.tsx
index 058bf8070..866b3e03a 100644
--- a/packages/pl-fe/src/components/markup.tsx
+++ b/packages/pl-fe/src/components/markup.tsx
@@ -2,10 +2,11 @@ import React from 'react';
 
 import Text, { IText } from './ui/text';
 
-interface IMarkup extends IText {
-}
+interface IMarkup extends IText {}
 
 /** Styles HTML markup returned by the API, such as in account bios and statuses. */
-const Markup = React.forwardRef<any, IMarkup>((props, ref) => <Text ref={ref} {...props} data-markup />);
+const Markup = React.forwardRef<any, IMarkup>((props, ref) => (
+  <Text ref={ref} {...props} data-markup />
+));
 
 export { Markup as default };
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index f5fa91055..47ace8b51 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -15,7 +15,13 @@ import { useSettings } from '@/stores/settings';
 import { truncateFilename } from '@/utils/media';
 
 import { isIOS } from '../is-mobile';
-import { isPanoramic, isPortrait, isNonConformingRatio, minimumAspectRatio, maximumAspectRatio } from '../utils/media-aspect-ratio';
+import {
+  isPanoramic,
+  isPortrait,
+  isNonConformingRatio,
+  minimumAspectRatio,
+  maximumAspectRatio,
+} from '../utils/media-aspect-ratio';
 
 import HStack from './ui/hstack';
 
@@ -41,7 +47,10 @@ interface SizeData {
 }
 
 const getAspectRatio = (attachment: MediaAttachment) => {
-  if ((attachment.type === 'gifv' || attachment.type === 'image' || attachment.type === 'video') && attachment.meta.original) {
+  if (
+    (attachment.type === 'gifv' || attachment.type === 'image' || attachment.type === 'video') &&
+    attachment.meta.original
+  ) {
     if (attachment.meta.original.aspect) {
       return attachment.meta.original.aspect;
     }
@@ -84,13 +93,17 @@ const Item: React.FC<IItem> = ({
   const { autoPlayGif } = useSettings();
   const { mediaPreview } = useFrontendConfig();
 
-  const handleMouseEnter: React.MouseEventHandler<HTMLVideoElement> = ({ currentTarget: video }) => {
+  const handleMouseEnter: React.MouseEventHandler<HTMLVideoElement> = ({
+    currentTarget: video,
+  }) => {
     if (hoverToPlay()) {
       video.play();
     }
   };
 
-  const handleMouseLeave: React.MouseEventHandler<HTMLVideoElement> = ({ currentTarget: video }) => {
+  const handleMouseLeave: React.MouseEventHandler<HTMLVideoElement> = ({
+    currentTarget: video,
+  }) => {
     if (hoverToPlay()) {
       video.pause();
       video.currentTime = 0;
@@ -116,12 +129,16 @@ const Item: React.FC<IItem> = ({
     e.stopPropagation();
   };
 
-  const handleVideoHover: React.MouseEventHandler<HTMLVideoElement> = ({ currentTarget: video }) => {
+  const handleVideoHover: React.MouseEventHandler<HTMLVideoElement> = ({
+    currentTarget: video,
+  }) => {
     video.playbackRate = 3.0;
     video.play();
   };
 
-  const handleVideoLeave: React.MouseEventHandler<HTMLVideoElement> = ({ currentTarget: video }) => {
+  const handleVideoLeave: React.MouseEventHandler<HTMLVideoElement> = ({
+    currentTarget: video,
+  }) => {
     video.pause();
     video.currentTime = 0;
   };
@@ -154,7 +171,10 @@ const Item: React.FC<IItem> = ({
     const attachmentIcon = (
       <Icon
         className='size-16 text-gray-800 dark:text-gray-200'
-        src={MIMETYPE_ICONS[attachment.mime_type as string] || require('@phosphor-icons/core/regular/paperclip.svg')}
+        src={
+          MIMETYPE_ICONS[attachment.mime_type as string] ||
+          require('@phosphor-icons/core/regular/paperclip.svg')
+        }
       />
     );
 
@@ -164,7 +184,12 @@ const Item: React.FC<IItem> = ({
         key={attachment.id}
         style={{ position, float, left, top, right, bottom, height, width: `${width}%` }}
       >
-        <a className='⁂-media-gallery__item-thumbnail' href={attachment.url} target='_blank' style={{ cursor: 'pointer' }}>
+        <a
+          className='⁂-media-gallery__item-thumbnail'
+          href={attachment.url}
+          target='_blank'
+          style={{ cursor: 'pointer' }}
+        >
           <Blurhash hash={attachment.blurhash} className='⁂-media-gallery__preview' />
           <span className='⁂-media-gallery__item__icons'>{attachmentIcon}</span>
           <span className='⁂-media-gallery__filename__label'>{filename}</span>
@@ -197,11 +222,12 @@ const Item: React.FC<IItem> = ({
             content={
               <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
                 <Text weight='semibold'>
-                  <FormattedMessage id='media-gallery.description' defaultMessage='Image description' />
-                </Text>
-                <Text className='whitespace-pre-wrap'>
-                  {attachment.description}
+                  <FormattedMessage
+                    id='media-gallery.description'
+                    defaultMessage='Image description'
+                  />
                 </Text>
+                <Text className='whitespace-pre-wrap'>{attachment.description}</Text>
               </Stack>
             }
             isFlush
@@ -248,7 +274,9 @@ const Item: React.FC<IItem> = ({
         target='_blank'
         title={attachment.description}
       >
-        <span className='⁂-media-gallery__item__icons'><Icon src={require('@phosphor-icons/core/regular/speaker-high.svg')} /></span>
+        <span className='⁂-media-gallery__item__icons'>
+          <Icon src={require('@phosphor-icons/core/regular/speaker-high.svg')} />
+        </span>
         <span className='⁂-media-gallery__file-extension__label uppercase'>{ext}</span>
       </a>
     );
@@ -261,12 +289,7 @@ const Item: React.FC<IItem> = ({
         target='_blank'
         title={attachment.description}
       >
-        <video
-          muted
-          loop
-          onMouseOver={handleVideoHover}
-          onMouseOut={handleVideoLeave}
-        >
+        <video muted loop onMouseOver={handleVideoHover} onMouseOut={handleVideoLeave}>
           <source src={attachment.url} />
         </video>
         <span className='⁂-media-gallery__file-extension__label uppercase'>{ext}</span>
@@ -276,14 +299,16 @@ const Item: React.FC<IItem> = ({
 
   return (
     <div
-      className={clsx('⁂-media-gallery__item', `⁂-media-gallery__item--${attachment.type}`, standalone)}
+      className={clsx(
+        '⁂-media-gallery__item',
+        `⁂-media-gallery__item--${attachment.type}`,
+        standalone,
+      )}
       key={attachment.id}
       style={{ position, float, left, top, right, bottom, height, width: `${width}%` }}
     >
       {last && total > ATTACHMENT_LIMIT && (
-        <div className='⁂-media-gallery__item-overflow'>
-          +{total - ATTACHMENT_LIMIT + 1}
-        </div>
+        <div className='⁂-media-gallery__item-overflow'>+{total - ATTACHMENT_LIMIT + 1}</div>
       )}
       <Blurhash
         hash={attachment.blurhash}
@@ -347,22 +372,44 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
       <Stack space={2}>
         {media.map((attachment, index) => (
           <HStack
-            element='button' alignItems='center' space={2} key={attachment.id} onClick={() =>{
+            element='button'
+            alignItems='center'
+            space={2}
+            key={attachment.id}
+            onClick={() => {
               handleClick(index);
             }}
           >
             <Icon
               className='size-4 min-w-fit text-gray-800 dark:text-gray-200'
-              src={MIMETYPE_ICONS[(attachment.type === 'unknown' && attachment.mime_type) ?? attachment.type] ?? require('@phosphor-icons/core/regular/paperclip.svg')}
+              src={
+                MIMETYPE_ICONS[
+                  (attachment.type === 'unknown' && attachment.mime_type) ?? attachment.type
+                ] ?? require('@phosphor-icons/core/regular/paperclip.svg')
+              }
             />
             <Text align='left'>
-              {attachment.description || {
-                image: <FormattedMessage id='media.default_description.image' defaultMessage='Image' />,
-                video: <FormattedMessage id='media.default_description.video' defaultMessage='Video' />,
-                gifv: <FormattedMessage id='media.default_description.gifv' defaultMessage='GIFV' />,
-                audio: <FormattedMessage id='media.default_description.audio' defaultMessage='Audio' />,
-                unknown: <FormattedMessage id='media.default_description.attachment' defaultMessage='Attachment' />,
-              }[attachment.type]}
+              {attachment.description ||
+                {
+                  image: (
+                    <FormattedMessage id='media.default_description.image' defaultMessage='Image' />
+                  ),
+                  video: (
+                    <FormattedMessage id='media.default_description.video' defaultMessage='Video' />
+                  ),
+                  gifv: (
+                    <FormattedMessage id='media.default_description.gifv' defaultMessage='GIFV' />
+                  ),
+                  audio: (
+                    <FormattedMessage id='media.default_description.audio' defaultMessage='Audio' />
+                  ),
+                  unknown: (
+                    <FormattedMessage
+                      id='media.default_description.attachment'
+                      defaultMessage='Attachment'
+                    />
+                  ),
+                }[attachment.type]}
             </Text>
           </HStack>
           // <MediaItem key={index} item={item} />
@@ -376,7 +423,7 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
     const aspectRatio = getAspectRatio(media[0]);
 
     const getHeight = () => {
-      if (!aspectRatio) return w * 9 / 16;
+      if (!aspectRatio) return (w * 9) / 16;
       if (isPanoramic(aspectRatio)) return Math.floor(w / maximumAspectRatio);
       if (isPortrait(aspectRatio)) return Math.floor(w / minimumAspectRatio);
       return Math.floor(w / aspectRatio);
@@ -396,13 +443,15 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
     const style: CSSProperties = {};
     let itemsDimensions: Dimensions[] = [];
 
-    const ratios = Array(size).fill(null).map((_, i) => getAspectRatio(media[i]));
+    const ratios = Array(size)
+      .fill(null)
+      .map((_, i) => getAspectRatio(media[i]));
 
     const [ar1, ar2, ar3, ar4] = ratios;
 
     if (size === 2) {
       if (isPortrait(ar1) && isPortrait(ar2)) {
-        style.height = w - (w / maximumAspectRatio);
+        style.height = w - w / maximumAspectRatio;
       } else if (isPanoramic(ar1) && isPanoramic(ar2)) {
         style.height = panoSize * 2;
       } else if (
@@ -411,7 +460,7 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
         (isPanoramic(ar1) && isNonConformingRatio(ar2)) ||
         (isNonConformingRatio(ar1) && isPanoramic(ar2))
       ) {
-        style.height = (w * 0.6) + (w / maximumAspectRatio);
+        style.height = w * 0.6 + w / maximumAspectRatio;
       } else {
         style.height = w / 2;
       }
@@ -431,16 +480,16 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
         (isPanoramic(ar1) && isNonConformingRatio(ar2))
       ) {
         itemsDimensions = [
-          { w: 100, h: `${(w / maximumAspectRatio)}px`, b: '1px' },
-          { w: 100, h: `${(w * 0.6)}px`, t: '1px' },
+          { w: 100, h: `${w / maximumAspectRatio}px`, b: '1px' },
+          { w: 100, h: `${w * 0.6}px`, t: '1px' },
         ];
       } else if (
         (isPortrait(ar1) && isPanoramic(ar2)) ||
         (isNonConformingRatio(ar1) && isPanoramic(ar2))
       ) {
         itemsDimensions = [
-          { w: 100, h: `${(w * 0.6)}px`, b: '1px' },
-          { w: 100, h: `${(w / maximumAspectRatio)}px`, t: '1px' },
+          { w: 100, h: `${w * 0.6}px`, b: '1px' },
+          { w: 100, h: `${w / maximumAspectRatio}px`, t: '1px' },
         ];
       } else {
         itemsDimensions = [
@@ -527,30 +576,49 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
       } else if (isPanoramic(ar1) && isPanoramic(ar2) && isPanoramic(ar3) && isPanoramic(ar4)) {
         style.height = panoSize * 2;
       } else if (
-        (isPanoramic(ar1) && isPanoramic(ar2) && isNonConformingRatio(ar3) && isNonConformingRatio(ar4)) ||
-        (isNonConformingRatio(ar1) && isNonConformingRatio(ar2) && isPanoramic(ar3) && isPanoramic(ar4))
+        (isPanoramic(ar1) &&
+          isPanoramic(ar2) &&
+          isNonConformingRatio(ar3) &&
+          isNonConformingRatio(ar4)) ||
+        (isNonConformingRatio(ar1) &&
+          isNonConformingRatio(ar2) &&
+          isPanoramic(ar3) &&
+          isPanoramic(ar4))
       ) {
-        style.height = panoSize + (w / 2);
+        style.height = panoSize + w / 2;
       } else {
         style.height = w;
       }
 
-      if (isPanoramic(ar1) && isPanoramic(ar2) && isNonConformingRatio(ar3) && isNonConformingRatio(ar4)) {
+      if (
+        isPanoramic(ar1) &&
+        isPanoramic(ar2) &&
+        isNonConformingRatio(ar3) &&
+        isNonConformingRatio(ar4)
+      ) {
         itemsDimensions = [
           { w: 50, h: panoSize_px, b: '1px', r: '1px' },
           { w: 50, h: panoSize_px, b: '1px', l: '1px' },
-          { w: 50, h: `${(w / 2)}px`, t: '1px', r: '1px' },
-          { w: 50, h: `${(w / 2)}px`, t: '1px', l: '1px' },
+          { w: 50, h: `${w / 2}px`, t: '1px', r: '1px' },
+          { w: 50, h: `${w / 2}px`, t: '1px', l: '1px' },
         ];
-      } else if (isNonConformingRatio(ar1) && isNonConformingRatio(ar2) && isPanoramic(ar3) && isPanoramic(ar4)) {
+      } else if (
+        isNonConformingRatio(ar1) &&
+        isNonConformingRatio(ar2) &&
+        isPanoramic(ar3) &&
+        isPanoramic(ar4)
+      ) {
         itemsDimensions = [
-          { w: 50, h: `${(w / 2)}px`, b: '1px', r: '1px' },
-          { w: 50, h: `${(w / 2)}px`, b: '1px', l: '1px' },
+          { w: 50, h: `${w / 2}px`, b: '1px', r: '1px' },
+          { w: 50, h: `${w / 2}px`, b: '1px', l: '1px' },
           { w: 50, h: panoSize_px, t: '1px', r: '1px' },
           { w: 50, h: panoSize_px, t: '1px', l: '1px' },
         ];
       } else if (
-        (isPortrait(ar1) && isNonConformingRatio(ar2) && isNonConformingRatio(ar3) && isNonConformingRatio(ar4)) ||
+        (isPortrait(ar1) &&
+          isNonConformingRatio(ar2) &&
+          isNonConformingRatio(ar3) &&
+          isNonConformingRatio(ar4)) ||
         (isPortrait(ar1) && isPanoramic(ar2) && isPanoramic(ar3) && isPanoramic(ar4))
       ) {
         itemsDimensions = [
@@ -614,18 +682,20 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
 
   const sizeData: SizeData = getSizeData(media.length);
 
-  const children = media.slice(0, ATTACHMENT_LIMIT).map((attachment, i) => (
-    <Item
-      key={attachment.id}
-      onClick={handleClick}
-      attachment={attachment}
-      index={i}
-      dimensions={sizeData.itemsDimensions[i]}
-      last={i === ATTACHMENT_LIMIT - 1}
-      total={media.length}
-      visible={visible}
-    />
-  ));
+  const children = media
+    .slice(0, ATTACHMENT_LIMIT)
+    .map((attachment, i) => (
+      <Item
+        key={attachment.id}
+        onClick={handleClick}
+        attachment={attachment}
+        index={i}
+        dimensions={sizeData.itemsDimensions[i]}
+        last={i === ATTACHMENT_LIMIT - 1}
+        total={media.length}
+        visible={visible}
+      />
+    ));
 
   return (
     <div
diff --git a/packages/pl-fe/src/components/missing-indicator.tsx b/packages/pl-fe/src/components/missing-indicator.tsx
index c97b2b6c2..e34985f83 100644
--- a/packages/pl-fe/src/components/missing-indicator.tsx
+++ b/packages/pl-fe/src/components/missing-indicator.tsx
@@ -14,11 +14,18 @@ const MissingIndicator = ({ nested = false }: MissingIndicatorProps): JSX.Elemen
     <CardBody>
       <Stack space={2}>
         <Text weight='medium' align='center' size='lg'>
-          <FormattedMessage id='missing_indicator.label' tagName='strong' defaultMessage='Not found' />
+          <FormattedMessage
+            id='missing_indicator.label'
+            tagName='strong'
+            defaultMessage='Not found'
+          />
         </Text>
 
         <Text theme='muted' align='center'>
-          <FormattedMessage id='missing_indicator.sublabel' defaultMessage='This resource could not be found' />
+          <FormattedMessage
+            id='missing_indicator.sublabel'
+            defaultMessage='This resource could not be found'
+          />
         </Text>
       </Stack>
     </CardBody>
diff --git a/packages/pl-fe/src/components/modal-root.tsx b/packages/pl-fe/src/components/modal-root.tsx
index af49b35b8..fd32ed3bb 100644
--- a/packages/pl-fe/src/components/modal-root.tsx
+++ b/packages/pl-fe/src/components/modal-root.tsx
@@ -20,12 +20,13 @@ const messages = defineMessages({
 });
 
 const checkComposeContent = (compose?: Compose) =>
-  !!compose && [
+  !!compose &&
+  [
     compose.editorState && compose.editorState.length > 0,
     compose.spoilerText.length > 0,
     compose.mediaAttachments.length > 0,
     compose.poll !== null,
-  ].some(check => check === true);
+  ].some((check) => check === true);
 
 interface IModalRoot {
   onCancel?: () => void;
@@ -47,7 +48,9 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
   const [revealed, setRevealed] = useState(!!children);
 
   const ref = useRef<HTMLDivElement>(null);
-  const activeElement = useRef<HTMLDivElement | null>(revealed ? document.activeElement as HTMLDivElement | null : null);
+  const activeElement = useRef<HTMLDivElement | null>(
+    revealed ? (document.activeElement as HTMLDivElement | null) : null,
+  );
   const unlistenHistory = useRef<() => void>();
 
   const prevChildren = usePrevious(children);
@@ -68,16 +71,35 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
       if (hasComposeContent && type === 'COMPOSE') {
         const isEditing = compose.editedId !== null;
         openModal('CONFIRM', {
-          heading: isEditing
-            ? <FormattedMessage id='confirmations.cancel_editing.heading' defaultMessage='Cancel post editing' />
-            : compose.draftId
-              ? <FormattedMessage id='confirmations.cancel_draft.heading' defaultMessage='Discard draft changes' />
-              : <FormattedMessage id='confirmations.cancel.heading' defaultMessage='Discard post' />,
-          message: isEditing
-            ? <FormattedMessage id='confirmations.cancel_editing.message' defaultMessage='Are you sure you want to discard the changes to this post? All changes will be lost.' />
-            : compose.draftId
-              ? <FormattedMessage id='confirmations.cancel_draft_editing.message' defaultMessage='Are you sure you want to discard the changes to this draft post? All changes will be lost.' />
-              : <FormattedMessage id='confirmations.cancel.message' defaultMessage='Are you sure you want to discard the currently composed post?' />,
+          heading: isEditing ? (
+            <FormattedMessage
+              id='confirmations.cancel_editing.heading'
+              defaultMessage='Cancel post editing'
+            />
+          ) : compose.draftId ? (
+            <FormattedMessage
+              id='confirmations.cancel_draft.heading'
+              defaultMessage='Discard draft changes'
+            />
+          ) : (
+            <FormattedMessage id='confirmations.cancel.heading' defaultMessage='Discard post' />
+          ),
+          message: isEditing ? (
+            <FormattedMessage
+              id='confirmations.cancel_editing.message'
+              defaultMessage='Are you sure you want to discard the changes to this post? All changes will be lost.'
+            />
+          ) : compose.draftId ? (
+            <FormattedMessage
+              id='confirmations.cancel_draft_editing.message'
+              defaultMessage='Are you sure you want to discard the changes to this draft post? All changes will be lost.'
+            />
+          ) : (
+            <FormattedMessage
+              id='confirmations.cancel.message'
+              defaultMessage='Are you sure you want to discard the currently composed post?'
+            />
+          ),
           confirm: intl.formatMessage(messages.confirm),
           onConfirm: () => {
             onClose('COMPOSE');
@@ -87,11 +109,13 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
             onClose('CONFIRM');
           },
           secondary: intl.formatMessage(messages.saveDraft),
-          onSecondary: isEditing ? undefined : () => {
-            persistDraftStatus('compose-modal');
-            onClose('COMPOSE');
-            dispatch(cancelReplyCompose());
-          },
+          onSecondary: isEditing
+            ? undefined
+            : () => {
+                persistDraftStatus('compose-modal');
+                onClose('COMPOSE');
+                dispatch(cancelReplyCompose());
+              },
         });
       } else if (hasComposeContent && type === 'CONFIRM') {
         onClose('CONFIRM');
@@ -103,7 +127,11 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
 
   const handleKeyDown = useCallback((e: KeyboardEvent) => {
     if (e.key === 'Tab') {
-      const focusable = Array.from(ref.current!.querySelectorAll('button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])')).filter((x) => window.getComputedStyle(x).display !== 'none');
+      const focusable = Array.from(
+        ref.current!.querySelectorAll(
+          'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])',
+        ),
+      ).filter((x) => window.getComputedStyle(x).display !== 'none');
       const index = focusable.indexOf(e.target as Element);
 
       let element;
@@ -124,7 +152,10 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
 
   const handleModalOpen = () => {
     unlistenHistory.current = router.history.subscribe(({ action, location }) => {
-      if ((action.type === 'REPLACE' || action.type === 'PUSH') && location.state.modalIndex === undefined) {
+      if (
+        (action.type === 'REPLACE' || action.type === 'PUSH') &&
+        location.state.modalIndex === undefined
+      ) {
         onClose(undefined, true);
       }
       if (action.type === 'BACK') {
@@ -145,18 +176,27 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
   };
 
   const ensureHistoryBuffer = () => {
-    if (router.state.location.state.modalIndex === undefined || (router.state.location.state.modalIndex < modalIndex)) {
-      range((router.state.location.state.modalIndex ?? -1), modalIndex).forEach((index) => {
-        navigate({ to: router.history.location.pathname, params: (prev) => prev, search: (prev) => prev, state: (prev) => ({ ...prev, modalIndex: index + 1 }) });
+    if (
+      router.state.location.state.modalIndex === undefined ||
+      router.state.location.state.modalIndex < modalIndex
+    ) {
+      range(router.state.location.state.modalIndex ?? -1, modalIndex).forEach((index) => {
+        navigate({
+          to: router.history.location.pathname,
+          params: (prev) => prev,
+          search: (prev) => prev,
+          state: (prev) => ({ ...prev, modalIndex: index + 1 }),
+        });
       });
     } else if (router.state.location.state.modalIndex > modalIndex) {
       router.history.go(-1);
     }
   };
 
-  const getSiblings = () => [...(ref.current!.parentElement!.childNodes as any as ChildNode[])]
-    .filter(node => (node as HTMLDivElement).id !== '_rht_toaster')
-    .filter(node => node !== ref.current);
+  const getSiblings = () =>
+    [...(ref.current!.parentElement!.childNodes as any as ChildNode[])]
+      .filter((node) => (node as HTMLDivElement).id !== '_rht_toaster')
+      .filter((node) => node !== ref.current);
 
   useEffect(() => {
     if (!visible) return;
@@ -173,7 +213,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
   useEffect(() => {
     if (!!children && !prevChildren) {
       activeElement.current = document.activeElement as HTMLDivElement;
-      getSiblings().forEach(sibling =>{
+      getSiblings().forEach((sibling) => {
         (sibling as HTMLDivElement).setAttribute('inert', 'true');
       });
 
@@ -185,7 +225,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
     if (!children && !!prevChildren) {
       activeElement.current?.focus();
       activeElement.current = null;
-      getSiblings().forEach(sibling =>{
+      getSiblings().forEach((sibling) => {
         (sibling as HTMLDivElement).removeAttribute('inert');
       });
 
@@ -219,10 +259,7 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
             onClick={handleOnClose}
           />
 
-          <div
-            role='dialog'
-            className='⁂-modal-root__container'
-          >
+          <div role='dialog' className='⁂-modal-root__container'>
             {children}
           </div>
         </>
@@ -231,7 +268,4 @@ const ModalRoot: React.FC<IModalRoot> = ({ children, onCancel, onClose, type, mo
   );
 };
 
-export {
-  checkComposeContent,
-  ModalRoot as default,
-};
+export { checkComposeContent, ModalRoot as default };
diff --git a/packages/pl-fe/src/components/navlinks.tsx b/packages/pl-fe/src/components/navlinks.tsx
index 8e9383004..b9d9bf76e 100644
--- a/packages/pl-fe/src/components/navlinks.tsx
+++ b/packages/pl-fe/src/components/navlinks.tsx
@@ -24,7 +24,10 @@ const Navlinks: React.FC<INavlinks> = ({ type }) => {
 
           return (
             <div key={idx} className='px-5 py-2'>
-              <Comp {...compProps} className='text-primary-600 hover:underline dark:text-primary-400'>
+              <Comp
+                {...compProps}
+                className='text-primary-600 hover:underline dark:text-primary-400'
+              >
                 <Text tag='span' theme='inherit' size='sm'>
                   {link.titleLocales[locale] || link.title}
                 </Text>
@@ -35,7 +38,9 @@ const Navlinks: React.FC<INavlinks> = ({ type }) => {
       </div>
 
       <div className='mt-6'>
-        <Text theme='muted' align='center' size='sm'>{copyright}</Text>
+        <Text theme='muted' align='center' size='sm'>
+          {copyright}
+        </Text>
       </div>
     </footer>
   );
diff --git a/packages/pl-fe/src/components/outline-box.tsx b/packages/pl-fe/src/components/outline-box.tsx
index 3d228df1e..89a289f96 100644
--- a/packages/pl-fe/src/components/outline-box.tsx
+++ b/packages/pl-fe/src/components/outline-box.tsx
@@ -9,7 +9,10 @@ interface IOutlineBox extends React.HTMLAttributes<HTMLDivElement> {
 /** Wraps children in a container with an outline. */
 const OutlineBox: React.FC<IOutlineBox> = ({ children, className, ...rest }) => (
   <div
-    className={clsx('rounded-lg border border-solid border-gray-300 p-4 dark:border-gray-800', className)}
+    className={clsx(
+      'rounded-lg border border-solid border-gray-300 p-4 dark:border-gray-800',
+      className,
+    )}
     {...rest}
   >
     {children}
diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx
index d49df8277..2ddc97c42 100644
--- a/packages/pl-fe/src/components/parsed-content.tsx
+++ b/packages/pl-fe/src/components/parsed-content.tsx
@@ -1,6 +1,11 @@
 /* eslint-disable no-redeclare */
 import { Link } from '@tanstack/react-router';
-import parse, { Element, type HTMLReactParserOptions, domToReact, type DOMNode } from 'html-react-parser';
+import parse, {
+  Element,
+  type HTMLReactParserOptions,
+  domToReact,
+  type DOMNode,
+} from 'html-react-parser';
 import DOMPurify from 'isomorphic-dompurify';
 import groupBy from 'lodash/groupBy';
 import minBy from 'lodash/minBy';
@@ -31,7 +36,15 @@ const checkSuspiciousUrl = (url: string): boolean => {
 };
 
 const nodesToText = (nodes: Array<DOMNode>): string =>
-  nodes.map(node => node.type === 'text' ? node.data : node.type === 'tag' ? nodesToText(node.children as Array<DOMNode>) : '').join('');
+  nodes
+    .map((node) =>
+      node.type === 'text'
+        ? node.data
+        : node.type === 'tag'
+          ? nodesToText(node.children as Array<DOMNode>)
+          : '',
+    )
+    .join('');
 
 const isHostNotVisible = (href: string, text?: string): false | string => {
   try {
@@ -86,7 +99,7 @@ const ParsedUrl: React.FC<IParsedUrl> = React.memo((props) => {
     <a
       {...anchorProps}
       href={href}
-      onClick={(e) =>{
+      onClick={(e) => {
         e.stopPropagation();
       }}
       rel='nofollow noopener noreferrer'
@@ -94,9 +107,7 @@ const ParsedUrl: React.FC<IParsedUrl> = React.memo((props) => {
       title={props.href}
     >
       {props.children}
-      {host && (
-        <span className='text-xs lowercase'>{' '}[{host}]</span>
-      )}
+      {host && <span className='text-xs lowercase'> [{host}]</span>}
     </a>
   );
 });
@@ -121,14 +132,11 @@ interface IParsedContent {
 }
 
 // Adapted from Mastodon https://github.com/mastodon/mastodon/blob/main/app/javascript/mastodon/components/hashtag_bar.tsx
-const normalizeHashtag = (hashtag: string) =>(
-  !!hashtag && hashtag.startsWith('#') ? hashtag.slice(1) : hashtag
-).normalize('NFKC');
+const normalizeHashtag = (hashtag: string) =>
+  (!!hashtag && hashtag.startsWith('#') ? hashtag.slice(1) : hashtag).normalize('NFKC');
 
 const uniqueHashtagsWithCaseHandling = (hashtags: string[]) => {
-  const groups = groupBy(hashtags, (tag) =>
-    tag.normalize('NFKD').toLowerCase(),
-  );
+  const groups = groupBy(hashtags, (tag) => tag.normalize('NFKD').toLowerCase());
 
   return Object.values(groups).map((tags) => {
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion -- we know that the array has at least one element
@@ -152,23 +160,32 @@ const uniqueHashtagsWithCaseHandling = (hashtags: string[]) => {
   });
 };
 
-function parseContent(props: IParsedContent, extractHashtags?: false): ReturnType<typeof domToReact>;
-function parseContent(props: IParsedContent, extractHashtags: true): {
+function parseContent(
+  props: IParsedContent,
+  extractHashtags?: false,
+): ReturnType<typeof domToReact>;
+function parseContent(
+  props: IParsedContent,
+  extractHashtags: true,
+): {
   hashtags: Array<string>;
   content: ReturnType<typeof domToReact>;
 };
 
-function parseContent({
-  html,
-  mentions,
-  hasQuote,
-  emojis,
-  cleanUrls = false,
-  redirectUrls = false,
-  displayTargetHost = true,
-  greentext = false,
-  speakAsCat = false,
-}: IParsedContent, extractHashtags = false) {
+function parseContent(
+  {
+    html,
+    mentions,
+    hasQuote,
+    emojis,
+    cleanUrls = false,
+    redirectUrls = false,
+    displayTargetHost = true,
+    greentext = false,
+    speakAsCat = false,
+  }: IParsedContent,
+  extractHashtags = false,
+) {
   if (html.length === 0) {
     return extractHashtags ? { content: null, hashtags: [] } : null;
   }
@@ -197,7 +214,8 @@ function parseContent({
     replace(domNode) {
       if (!(domNode instanceof Element)) {
         // @ts-ignore
-        domNode.preGreentext = (!domNode.prev || domNode.prev.preGreentext) && !domNode.data.trim().length;
+        domNode.preGreentext =
+          (!domNode.prev || domNode.prev.preGreentext) && !domNode.data.trim().length;
 
         // @ts-ignore
         const data = domNode.prev?.preGreentext ? domNode.data.trim() : domNode.data;
@@ -215,7 +233,7 @@ function parseContent({
         return <></>;
       }
 
-      if (domNode.attribs.class?.split(' ').some(className => selectors.includes(className))) {
+      if (domNode.attribs.class?.split(' ').some((className) => selectors.includes(className))) {
         return <></>;
       }
 
@@ -242,7 +260,10 @@ function parseContent({
         }
 
         const fallback = (
-          <ParsedUrl {...domNode.attribs as any} childrenPlain={nodesToText(domNode.children as Array<DOMNode>).trim()}>
+          <ParsedUrl
+            {...(domNode.attribs as any)}
+            childrenPlain={nodesToText(domNode.children as Array<DOMNode>).trim()}
+          >
             {domToReact(domNode.children as Array<DOMNode>, options)}
           </ParsedUrl>
         );
@@ -257,7 +278,7 @@ function parseContent({
                   params={{ username: mention.acct }}
                   className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
-                  onClick={(e) =>{
+                  onClick={(e) => {
                     e.stopPropagation();
                   }}
                 >
@@ -268,9 +289,7 @@ function parseContent({
               );
             }
           } else if (domNode.attribs['data-user']) {
-            return (
-              <StatusMention accountId={domNode.attribs['data-user']} fallback={fallback} />
-            );
+            return <StatusMention accountId={domNode.attribs['data-user']} fallback={fallback} />;
           }
         }
 
@@ -288,7 +307,12 @@ function parseContent({
         return fallback;
       }
 
-      if (extractHashtags && domNode.type === 'tag' && domNode.parent === null && domNode.next === null) {
+      if (
+        extractHashtags &&
+        domNode.type === 'tag' &&
+        domNode.parent === null &&
+        domNode.next === null
+      ) {
         for (const child of domNode.children) {
           switch (child.type) {
             case 'text':
@@ -311,7 +335,6 @@ function parseContent({
             default:
               hashtags = [];
               return;
-
           }
         }
 
@@ -328,7 +351,10 @@ function parseContent({
     },
   };
 
-  let content = parse(DOMPurify.sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }), options);
+  let content = parse(
+    DOMPurify.sanitize(html, { ADD_ATTR: ['target'], USE_PROFILES: { html: true } }),
+    options,
+  );
 
   if (hasSuspiciousUrl) {
     content = (
@@ -344,24 +370,28 @@ function parseContent({
     );
   }
 
-  if (extractHashtags) return {
-    content,
-    hashtags: uniqueHashtagsWithCaseHandling(hashtags),
-  };
+  if (extractHashtags)
+    return {
+      content,
+      hashtags: uniqueHashtagsWithCaseHandling(hashtags),
+    };
 
   return content;
 }
 
-const ParsedContent: React.FC<IParsedContent> = React.memo((props) => {
-  const { urlPrivacy } = useSettings();
+const ParsedContent: React.FC<IParsedContent> = React.memo(
+  (props) => {
+    const { urlPrivacy } = useSettings();
 
-  props = { ...props };
+    props = { ...props };
 
-  props.cleanUrls ??= urlPrivacy.clearLinksInContent;
-  props.redirectUrls ??= urlPrivacy.redirectLinksMode !== 'off';
-  props.displayTargetHost ??= urlPrivacy.displayTargetHost;
+    props.cleanUrls ??= urlPrivacy.clearLinksInContent;
+    props.redirectUrls ??= urlPrivacy.redirectLinksMode !== 'off';
+    props.displayTargetHost ??= urlPrivacy.displayTargetHost;
 
-  return parseContent(props, false);
-}, (prevProps, nextProps) => prevProps.html === nextProps.html);
+    return parseContent(props, false);
+  },
+  (prevProps, nextProps) => prevProps.html === nextProps.html,
+);
 
 export { ParsedContent, ParsedUrl, parseContent };
diff --git a/packages/pl-fe/src/components/parsed-mfm.tsx b/packages/pl-fe/src/components/parsed-mfm.tsx
index 4a029abf7..739193dc5 100644
--- a/packages/pl-fe/src/components/parsed-mfm.tsx
+++ b/packages/pl-fe/src/components/parsed-mfm.tsx
@@ -47,481 +47,506 @@ const ParsedMfm: React.FC<IParsedMfm> = React.memo(({ text, emojis, mentions, sp
 
   const emojiMap = makeEmojiMap(emojis);
 
-  const genPlainText = (ast: mfm.MfmNode[]) => ast.map((token): string => {
-    if (token.type === 'text') return token.props.text;
-    if (token.children) return genPlainText(token.children);
-    return '';
-  }).join('');
+  const genPlainText = (ast: mfm.MfmNode[]) =>
+    ast
+      .map((token): string => {
+        if (token.type === 'text') return token.props.text;
+        if (token.children) return genPlainText(token.children);
+        return '';
+      })
+      .join('');
 
-  const genEl = (ast: mfm.MfmNode[], scale: number) => ast.map((token): JSX.Element | string | (JSX.Element | string)[] => {
-    switch (token.type) {
-      case 'text': {
-        let text = token.props.text.replace(/(\r\n|\n|\r)/g, '\n');
+  const genEl = (ast: mfm.MfmNode[], scale: number) =>
+    ast
+      .map((token): JSX.Element | string | (JSX.Element | string)[] => {
+        switch (token.type) {
+          case 'text': {
+            let text = token.props.text.replace(/(\r\n|\n|\r)/g, '\n');
 
-        if (speakAsCat) text = nyaize(text);
+            if (speakAsCat) text = nyaize(text);
 
-        const res: (JSX.Element | string)[] = [];
-        for (const t of text.split('\n')) {
-          res.push(<br />);
-          res.push(t);
-        }
-        res.shift();
-        return res;
-      }
+            const res: (JSX.Element | string)[] = [];
+            for (const t of text.split('\n')) {
+              res.push(<br />);
+              res.push(t);
+            }
+            res.shift();
+            return res;
+          }
 
-      case 'bold': {
-        return (
-          <b>{genEl(token.children, scale)}</b>
-        );
-      }
+          case 'bold': {
+            return <b>{genEl(token.children, scale)}</b>;
+          }
 
-      case 'strike': {
-        return (
-          <del>{genEl(token.children, scale)}</del>
-        );
-      }
+          case 'strike': {
+            return <del>{genEl(token.children, scale)}</del>;
+          }
 
-      case 'italic': {
-        return (
-          <i className='italic'>{genEl(token.children, scale)}</i>
-        );
-      }
+          case 'italic': {
+            return <i className='italic'>{genEl(token.children, scale)}</i>;
+          }
 
-      case 'fn': {
-        let style: CSSProperties | undefined;
-        switch (token.props.name) {
-          case 'tada': {
-            const speed = validTime(token.props.args.speed) ?? '1s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = {
-              fontSize: '150%',
-              ...renderAnimatedMfm ? { animation: `global-tada ${speed} linear infinite both`, animationDelay: delay } : {},
-            };
-            break;
-          }
-          case 'jelly': {
-            const speed = validTime(token.props.args.speed) ?? '1s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            if (renderAnimatedMfm) style = {
-              animation: `mfm-rubber-band ${speed} linear infinite both`,
-              animationDelay: delay,
-            };
-            break;
-          }
-          case 'twitch': {
-            const speed = validTime(token.props.args.speed) ?? '0.5s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = renderAnimatedMfm ? {
-              animation: `mfm-twitch ${speed} ease infinite`,
-              animationDelay: delay,
-            } : {};
-            break;
-          }
-          case 'shake': {
-            const speed = validTime(token.props.args.speed) ?? '0.5s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = renderAnimatedMfm ? {
-              animation: `mfm-shake ${speed} ease infinite`,
-              animationDelay: delay,
-            } : {};
-            break;
-          }
-          case 'spin': {
-            const direction =
-              token.props.args.left ? 'reverse' :
-                token.props.args.alternate ? 'alternate' :
-                  'normal';
-            const anime =
-              token.props.args.x ? 'mfm-spin-x' :
-                token.props.args.y ? 'mfm-spin-y' :
-                  'mfm-spin';
-            const speed = validTime(token.props.args.speed) ?? '1.5s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = renderAnimatedMfm ? { animation: `${anime} ${speed} linear infinite`, animationDirection: direction, animationDelay: delay } : {};
-            break;
-          }
-          case 'jump': {
-            const speed = validTime(token.props.args.speed) ?? '0.75s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = renderAnimatedMfm ? { animation: `mfm-jump ${speed} linear infinite`, animationDelay: delay } : {};
-            break;
-          }
-          case 'bounce': {
-            const speed = validTime(token.props.args.speed) ?? '0.75s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = renderAnimatedMfm ? { animation: `mfm-bounce ${speed} linear infinite`, transformOrigin: 'center bottom', animationDelay: delay } : {};
-            break;
-          }
-          case 'flip': {
-            const transform =
-              (token.props.args.h && token.props.args.v) ? 'scale(-1, -1)' :
-                token.props.args.v ? 'scaleY(-1)' :
-                  'scaleX(-1)';
-            style = { transform };
-            break;
-          }
-          case 'x2': {
-            return (
-              <span className={renderAdvancedMfm ? 'mfm-x2' : ''}>
-                {genEl(token.children, scale * 2)}
-              </span>
-            );
-          }
-          case 'x3': {
-            return (
-              <span className={renderAdvancedMfm ? 'mfm-x3' : ''}>
-                {genEl(token.children, scale * 3)}
-              </span>
-            );
-          }
-          case 'x4': {
-            return (
-              <span className={renderAdvancedMfm ? 'mfm-x4' : ''}>
-                {genEl(token.children, scale * 4)}
-              </span>
-            );
-          }
-          case 'font': {
-            const family =
-              token.props.args.serif ? 'serif' :
-                token.props.args.monospace ? 'monospace' :
-                  token.props.args.cursive ? 'cursive' :
-                    token.props.args.fantasy ? 'fantasy' :
-                      token.props.args.emoji ? 'emoji' :
-                        token.props.args.math ? 'math' :
-                          null;
-            if (family) style = { fontFamily: family };
-            break;
-          }
-          case 'blur': {
-            return (
-              <span className='_mfm_blur_'>
-                {genEl(token.children, scale)}
-              </span>
-            );
-          }
-          case 'rainbow': {
-            if (!renderAnimatedMfm) {
+          case 'fn': {
+            let style: CSSProperties | undefined;
+            switch (token.props.name) {
+              case 'tada': {
+                const speed = validTime(token.props.args.speed) ?? '1s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = {
+                  fontSize: '150%',
+                  ...(renderAnimatedMfm
+                    ? {
+                        animation: `global-tada ${speed} linear infinite both`,
+                        animationDelay: delay,
+                      }
+                    : {}),
+                };
+                break;
+              }
+              case 'jelly': {
+                const speed = validTime(token.props.args.speed) ?? '1s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                if (renderAnimatedMfm)
+                  style = {
+                    animation: `mfm-rubber-band ${speed} linear infinite both`,
+                    animationDelay: delay,
+                  };
+                break;
+              }
+              case 'twitch': {
+                const speed = validTime(token.props.args.speed) ?? '0.5s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = renderAnimatedMfm
+                  ? {
+                      animation: `mfm-twitch ${speed} ease infinite`,
+                      animationDelay: delay,
+                    }
+                  : {};
+                break;
+              }
+              case 'shake': {
+                const speed = validTime(token.props.args.speed) ?? '0.5s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = renderAnimatedMfm
+                  ? {
+                      animation: `mfm-shake ${speed} ease infinite`,
+                      animationDelay: delay,
+                    }
+                  : {};
+                break;
+              }
+              case 'spin': {
+                const direction = token.props.args.left
+                  ? 'reverse'
+                  : token.props.args.alternate
+                    ? 'alternate'
+                    : 'normal';
+                const anime = token.props.args.x
+                  ? 'mfm-spin-x'
+                  : token.props.args.y
+                    ? 'mfm-spin-y'
+                    : 'mfm-spin';
+                const speed = validTime(token.props.args.speed) ?? '1.5s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = renderAnimatedMfm
+                  ? {
+                      animation: `${anime} ${speed} linear infinite`,
+                      animationDirection: direction,
+                      animationDelay: delay,
+                    }
+                  : {};
+                break;
+              }
+              case 'jump': {
+                const speed = validTime(token.props.args.speed) ?? '0.75s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = renderAnimatedMfm
+                  ? { animation: `mfm-jump ${speed} linear infinite`, animationDelay: delay }
+                  : {};
+                break;
+              }
+              case 'bounce': {
+                const speed = validTime(token.props.args.speed) ?? '0.75s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = renderAnimatedMfm
+                  ? {
+                      animation: `mfm-bounce ${speed} linear infinite`,
+                      transformOrigin: 'center bottom',
+                      animationDelay: delay,
+                    }
+                  : {};
+                break;
+              }
+              case 'flip': {
+                const transform =
+                  token.props.args.h && token.props.args.v
+                    ? 'scale(-1, -1)'
+                    : token.props.args.v
+                      ? 'scaleY(-1)'
+                      : 'scaleX(-1)';
+                style = { transform };
+                break;
+              }
+              case 'x2': {
+                return (
+                  <span className={renderAdvancedMfm ? 'mfm-x2' : ''}>
+                    {genEl(token.children, scale * 2)}
+                  </span>
+                );
+              }
+              case 'x3': {
+                return (
+                  <span className={renderAdvancedMfm ? 'mfm-x3' : ''}>
+                    {genEl(token.children, scale * 3)}
+                  </span>
+                );
+              }
+              case 'x4': {
+                return (
+                  <span className={renderAdvancedMfm ? 'mfm-x4' : ''}>
+                    {genEl(token.children, scale * 4)}
+                  </span>
+                );
+              }
+              case 'font': {
+                const family = token.props.args.serif
+                  ? 'serif'
+                  : token.props.args.monospace
+                    ? 'monospace'
+                    : token.props.args.cursive
+                      ? 'cursive'
+                      : token.props.args.fantasy
+                        ? 'fantasy'
+                        : token.props.args.emoji
+                          ? 'emoji'
+                          : token.props.args.math
+                            ? 'math'
+                            : null;
+                if (family) style = { fontFamily: family };
+                break;
+              }
+              case 'blur': {
+                return <span className='_mfm_blur_'>{genEl(token.children, scale)}</span>;
+              }
+              case 'rainbow': {
+                if (!renderAnimatedMfm) {
+                  return (
+                    <span className='_mfm_rainbow_fallback_'>{genEl(token.children, scale)}</span>
+                  );
+                }
+                const speed = validTime(token.props.args.speed) ?? '1s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                style = {
+                  animation: `mfm-rainbow ${speed} linear infinite`,
+                  animationDelay: delay,
+                };
+                break;
+              }
+              case 'sparkle': {
+                // if (!renderAnimatedMfm) {
+                return genEl(token.children, scale).flat();
+                // }
+                // return h(MkSparkle, {}, genEl(token.children, scale));
+              }
+              case 'fade': {
+                if (!renderAnimatedMfm) {
+                  style = {};
+                  break;
+                }
+
+                const direction = token.props.args.out ? 'alternate-reverse' : 'alternate';
+                const speed = validTime(token.props.args.speed) ?? '1.5s';
+                const delay = validTime(token.props.args.delay) ?? '0s';
+                const loop = safeParseFloat(token.props.args.loop) ?? 'infinite';
+                style = {
+                  animation: `mfm-fade ${speed} ${delay} linear ${loop}`,
+                  animationDirection: direction,
+                };
+                break;
+              }
+              case 'rotate': {
+                const degrees = safeParseFloat(token.props.args.deg) ?? 90;
+                style = { transform: `rotate(${degrees}deg); transform-origin: center center` };
+                break;
+              }
+
+              // TODO
+              // case 'followmouse': {
+
+              case 'position': {
+                if (!renderAdvancedMfm) break;
+                const x = safeParseFloat(token.props.args.x) ?? 0;
+                const y = safeParseFloat(token.props.args.y) ?? 0;
+                style = { transform: `translateX(${x}em) translateY(${y}em)` };
+                break;
+              }
+              case 'crop': {
+                const top = Number.parseFloat((token.props.args.top ?? '0').toString());
+                const right = Number.parseFloat((token.props.args.right ?? '0').toString());
+                const bottom = Number.parseFloat((token.props.args.bottom ?? '0').toString());
+                const left = Number.parseFloat((token.props.args.left ?? '0').toString());
+                style = { clipPath: `inset(${top}% ${right}% ${bottom}% ${left}%)` };
+                break;
+              }
+              case 'scale': {
+                if (!renderAdvancedMfm) {
+                  style = {};
+                  break;
+                }
+                const x = clamp(safeParseFloat(token.props.args.x) ?? 1, -5, 5);
+                const y = clamp(safeParseFloat(token.props.args.y) ?? 1, -5, 5);
+                style = { transform: `scale(${x}, ${y})` };
+                scale = scale * Math.max(Math.abs(x), Math.abs(y));
+                break;
+              }
+              case 'fg': {
+                let color = validColor(token.props.args.color);
+                color = color ?? 'f00';
+                style = { color: `#${color}`, overflowWrap: 'anywhere' };
+                break;
+              }
+              case 'bg': {
+                let color = validColor(token.props.args.color);
+                color = color ?? 'f00';
+                style = { backgroundColor: `#${color}`, overflowWrap: 'anywhere' };
+                break;
+              }
+              case 'border': {
+                let color = validColor(token.props.args.color);
+                color = color ? `#${color}` : 'var(--MI_THEME-accent)';
+                let b_style = token.props.args.style;
+                if (
+                  typeof b_style !== 'string' ||
+                  ![
+                    'hidden',
+                    'dotted',
+                    'dashed',
+                    'solid',
+                    'double',
+                    'groove',
+                    'ridge',
+                    'inset',
+                    'outset',
+                  ].includes(b_style)
+                )
+                  b_style = 'solid';
+                const width = safeParseFloat(token.props.args.width) ?? 1;
+                const radius = safeParseFloat(token.props.args.radius) ?? 0;
+                style = {
+                  border: `${width}px ${b_style} ${color}`,
+                  borderRadius: `${radius}px`,
+                  ...(token.props.args.noclip ? {} : { overflow: 'clip' }),
+                };
+                break;
+              }
+              case 'ruby': {
+                if (token.children.length === 1) {
+                  const child = token.children[0];
+                  let text = child.type === 'text' ? child.props.text : '';
+                  if (speakAsCat) {
+                    text = nyaize(text);
+                  }
+                  return (
+                    <ruby>
+                      {text.split(' ')[0]}
+                      <rt>{text.split(' ')[1]}</rt>
+                    </ruby>
+                  );
+                } else {
+                  const rt = token.children.at(-1)!;
+                  let text = rt.type === 'text' ? rt.props.text : '';
+                  if (speakAsCat) {
+                    text = nyaize(text);
+                  }
+                  return (
+                    <ruby>
+                      {genEl(token.children.slice(0, token.children.length - 1), scale)}
+                      <rt>{text.trim()}</rt>
+                    </ruby>
+                  );
+                }
+              }
+              case 'group': {
+                // this is mostly a hack for the insides of `ruby`
+                style = {};
+                break;
+              }
+              // TODO
+              // case 'unixtime': {
+              // case 'clickable': {
+            }
+            if (style === undefined) {
               return (
-                <span className='_mfm_rainbow_fallback_'>
+                <span>
+                  {`$[${token.props.name} `}
+                  {genEl(token.children, scale)}
+                </span>
+              );
+            } else {
+              return (
+                <span className='inline-block' style={style}>
                   {genEl(token.children, scale)}
                 </span>
               );
             }
-            const speed = validTime(token.props.args.speed) ?? '1s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            style = { animation: `mfm-rainbow ${speed} linear infinite`, animationDelay: delay };
-            break;
-          }
-          case 'sparkle': {
-            // if (!renderAnimatedMfm) {
-            return genEl(token.children, scale).flat();
-            // }
-            // return h(MkSparkle, {}, genEl(token.children, scale));
-          }
-          case 'fade': {
-            if (!renderAnimatedMfm) {
-              style = {};
-              break;
-            }
-
-            const direction = token.props.args.out
-              ? 'alternate-reverse'
-              : 'alternate';
-            const speed = validTime(token.props.args.speed) ?? '1.5s';
-            const delay = validTime(token.props.args.delay) ?? '0s';
-            const loop = safeParseFloat(token.props.args.loop) ?? 'infinite';
-            style = { animation: `mfm-fade ${speed} ${delay} linear ${loop}`, animationDirection: direction };
-            break;
-          }
-          case 'rotate': {
-            const degrees = safeParseFloat(token.props.args.deg) ?? 90;
-            style = { transform: `rotate(${degrees}deg); transform-origin: center center` };
-            break;
           }
 
-          // TODO
-          // case 'followmouse': {
+          case 'small': {
+            return <small className='opacity-70'>{genEl(token.children, scale)}</small>;
+          }
 
-          case 'position': {
-            if (!renderAdvancedMfm) break;
-            const x = safeParseFloat(token.props.args.x) ?? 0;
-            const y = safeParseFloat(token.props.args.y) ?? 0;
-            style = { transform: `translateX(${x}em) translateY(${y}em)` };
-            break;
-          }
-          case 'crop': {
-            const top = Number.parseFloat(
-              (token.props.args.top ?? '0').toString(),
+          case 'center': {
+            return (
+              <div className='text-center'>
+                <bdi>{genEl(token.children, scale)}</bdi>
+              </div>
             );
-            const right = Number.parseFloat(
-              (token.props.args.right ?? '0').toString(),
+          }
+
+          case 'url': {
+            return (
+              <bdi>
+                <ParsedUrl href={token.props.url} childrenPlain={token.props.url}>
+                  {token.props.url}
+                </ParsedUrl>
+              </bdi>
             );
-            const bottom = Number.parseFloat(
-              (token.props.args.bottom ?? '0').toString(),
+          }
+
+          case 'link': {
+            return (
+              <bdi>
+                <ParsedUrl
+                  href={token.props.url}
+                  displayTargetHost
+                  childrenPlain={genPlainText(token.children)}
+                >
+                  {genEl(token.children, scale)}
+                </ParsedUrl>
+              </bdi>
             );
-            const left = Number.parseFloat(
-              (token.props.args.left ?? '0').toString(),
-            );
-            style = { clipPath: `inset(${top}% ${right}% ${bottom}% ${left}%)` };
-            break;
           }
-          case 'scale': {
-            if (!renderAdvancedMfm) {
-              style = {};
-              break;
-            }
-            const x = clamp(safeParseFloat(token.props.args.x) ?? 1, -5, 5);
-            const y = clamp(safeParseFloat(token.props.args.y) ?? 1, -5, 5);
-            style = { transform: `scale(${x}, ${y})` };
-            scale = scale * Math.max(Math.abs(x), Math.abs(y));
-            break;
-          }
-          case 'fg': {
-            let color = validColor(token.props.args.color);
-            color = color ?? 'f00';
-            style = { color: `#${color}`, overflowWrap: 'anywhere' };
-            break;
-          }
-          case 'bg': {
-            let color = validColor(token.props.args.color);
-            color = color ?? 'f00';
-            style = { backgroundColor: `#${color}`, overflowWrap: 'anywhere' };
-            break;
-          }
-          case 'border': {
-            let color = validColor(token.props.args.color);
-            color = color ? `#${color}` : 'var(--MI_THEME-accent)';
-            let b_style = token.props.args.style;
-            if (
-              typeof b_style !== 'string' ||
-              !['hidden', 'dotted', 'dashed', 'solid', 'double', 'groove', 'ridge', 'inset', 'outset']
-                .includes(b_style)
-            ) b_style = 'solid';
-            const width = safeParseFloat(token.props.args.width) ?? 1;
-            const radius = safeParseFloat(token.props.args.radius) ?? 0;
-            style = {
-              border: `${width}px ${b_style} ${color}`,
-              borderRadius: `${radius}px`,
-              ...token.props.args.noclip ? {} : { overflow: 'clip' },
-            };
-            break;
-          }
-          case 'ruby': {
-            if (token.children.length === 1) {
-              const child = token.children[0];
-              let text = child.type === 'text' ? child.props.text : '';
-              if (speakAsCat) {
-                text = nyaize(text);
+
+          case 'mention': {
+            if (mentions) {
+              const mention = mentions.find(({ acct }) => token.props.acct.slice(1) === acct);
+              if (mention) {
+                return (
+                  <bdi>
+                    <Link
+                      to='/@{$username}'
+                      params={{ username: mention.acct }}
+                      className='text-primary-600 hover:underline dark:text-primary-400'
+                      dir='ltr'
+                      onClick={(e) => {
+                        e.stopPropagation();
+                      }}
+                    >
+                      <HoverAccountWrapper accountId={mention.id} element='span'>
+                        @{mention.username}
+                      </HoverAccountWrapper>
+                    </Link>
+                  </bdi>
+                );
               }
-              return (
-                <ruby>
-                  {text.split(' ')[0]}
-                  <rt>
-                    {text.split(' ')[1]}
-                  </rt>
-                </ruby>
-              );
-            } else {
-              const rt = token.children.at(-1)!;
-              let text = rt.type === 'text' ? rt.props.text : '';
-              if (speakAsCat) {
-                text = nyaize(text);
-              }
-              return (
-                <ruby>
-                  {genEl(token.children.slice(0, token.children.length - 1), scale)}
-                  <rt>
-                    {text.trim()}
-                  </rt>
-                </ruby>
-              );
             }
-          }
-          case 'group': { // this is mostly a hack for the insides of `ruby`
-            style = {};
-            break;
-          }
-          // TODO
-          // case 'unixtime': {
-          // case 'clickable': {
-        }
-        if (style === undefined) {
-          return (
-            <span>
-              {`$[${token.props.name} `}
-              {genEl(token.children, scale)}
-            </span>
-          );
-        } else {
-          return (
-            <span
-              className='inline-block'
-              style={style}
-            >
-              {genEl(token.children, scale)}
-            </span>
-          );
-        }
-      }
 
-      case 'small': {
-        return (
-          <small className='opacity-70'>
-            {genEl(token.children, scale)}
-          </small>
-        );
-      }
-
-      case 'center': {
-        return (
-          <div className='text-center'>
-            <bdi>
-              {genEl(token.children, scale)}
-            </bdi>
-          </div>
-        );
-      }
-
-      case 'url': {
-        return (
-          <bdi>
-            <ParsedUrl href={token.props.url} childrenPlain={token.props.url}>
-              {token.props.url}
-            </ParsedUrl>
-          </bdi>
-        );
-      }
-
-      case 'link': {
-        return (
-          <bdi>
-            <ParsedUrl href={token.props.url} displayTargetHost childrenPlain={genPlainText(token.children)}>
-              {genEl(token.children, scale)}
-            </ParsedUrl>
-          </bdi>
-        );
-      }
-
-      case 'mention': {
-        if (mentions) {
-          const mention = mentions.find(({ acct }) => token.props.acct.slice(1) === acct);
-          if (mention) {
             return (
               <bdi>
                 <Link
                   to='/@{$username}'
-                  params={{ username: mention.acct }}
+                  params={{ username: token.props.acct.slice(1) }}
                   className='text-primary-600 hover:underline dark:text-primary-400'
                   dir='ltr'
-                  onClick={(e) =>{
+                  onClick={(e) => {
                     e.stopPropagation();
                   }}
                 >
-                  <HoverAccountWrapper accountId={mention.id} element='span'>
-                    @{mention.username}
-                  </HoverAccountWrapper>
+                  @{token.props.username}
                 </Link>
               </bdi>
             );
           }
+
+          case 'hashtag': {
+            return <HashtagLink hashtag={token.props.hashtag} />;
+          }
+
+          case 'blockCode': {
+            return (
+              <bdi className='block'>
+                <pre lang={token.props.lang ?? undefined}>{token.props.code}</pre>
+              </bdi>
+            );
+          }
+
+          case 'inlineCode':
+            return (
+              <bdi>
+                <code>{token.props.code}</code>
+              </bdi>
+            );
+
+          case 'quote': {
+            return (
+              <blockquote>
+                <bdi>{genEl(token.children, scale)}</bdi>
+              </blockquote>
+            );
+          }
+
+          case 'emojiCode': {
+            const emoji = emojiMap[`:${token.props.name}:`];
+            if (!emoji) return <bdi>{token.props.name}</bdi>;
+
+            const filename = emoji.static_url;
+
+            if (filename?.length > 0) {
+              return (
+                <img
+                  draggable={false}
+                  className='emojione ⁂-emoji !h-[2em] !w-[2em]'
+                  alt={token.props.name}
+                  title={token.props.name}
+                  src={filename}
+                />
+              );
+            }
+
+            return <bdi>{token.props.name}</bdi>;
+          }
+
+          case 'unicodeEmoji': {
+            return (
+              <Emoji emoji={token.props.emoji} className='emojione ⁂-emoji !h-[2em] !w-[2em]' />
+            );
+          }
+
+          // TODO
+          // case 'mathInline':
+          // case 'mathBlock':
+          // case 'search':
+
+          case 'plain': {
+            return (
+              <bdi>
+                <span>{genEl(token.children, scale)}</span>
+              </bdi>
+            );
+          }
+
+          default: {
+            console.error('unrecognized ast type:', token.type, token);
+
+            return [];
+          }
         }
-
-        return (
-          <bdi>
-            <Link
-              to='/@{$username}'
-              params={{ username: token.props.acct.slice(1) }}
-              className='text-primary-600 hover:underline dark:text-primary-400'
-              dir='ltr'
-              onClick={(e) =>{
-                e.stopPropagation();
-              }}
-            >
-              @{token.props.username}
-            </Link>
-          </bdi>
-        );
-      }
-
-      case 'hashtag': {
-        return (
-          <HashtagLink hashtag={token.props.hashtag} />
-        );
-      }
-
-      case 'blockCode': {
-        return (
-          <bdi className='block'>
-            <pre lang={token.props.lang ?? undefined}>
-              {token.props.code}
-            </pre>
-          </bdi>
-        );
-      }
-
-      case 'inlineCode':
-        return (
-          <bdi>
-            <code>
-              {token.props.code}
-            </code>
-          </bdi>
-        );
-
-      case 'quote': {
-        return (
-          <blockquote>
-            <bdi>{genEl(token.children, scale)}</bdi>
-          </blockquote>
-        );
-      }
-
-      case 'emojiCode': {
-        const emoji = emojiMap[`:${token.props.name}:`];
-        if (!emoji) return <bdi>{token.props.name}</bdi>;
-
-        const filename = emoji.static_url;
-
-        if (filename?.length > 0) {
-          return <img draggable={false} className='emojione ⁂-emoji !h-[2em] !w-[2em]' alt={token.props.name} title={token.props.name} src={filename} />;
-        }
-
-        return <bdi>{token.props.name}</bdi>;
-      }
-
-      case 'unicodeEmoji': {
-        return <Emoji emoji={token.props.emoji} className='emojione ⁂-emoji !h-[2em] !w-[2em]' />;
-      }
-
-      // TODO
-      // case 'mathInline':
-      // case 'mathBlock':
-      // case 'search':
-
-      case 'plain': {
-        return (
-          <bdi>
-            <span>
-              {genEl(token.children, scale)}
-            </span>
-          </bdi>
-        );
-      }
-
-      default: {
-        console.error('unrecognized ast type:', token.type, token);
-
-        return [];
-      }
-    }
-  }).flat(Infinity);
+      })
+      .flat(Infinity);
 
   return (
     <bdi className='plfe-mfm block overflow-hidden'>
-      <span>
-        {genEl(rootAst, 1)}
-      </span>
+      <span>{genEl(rootAst, 1)}</span>
     </bdi>
   );
 });
diff --git a/packages/pl-fe/src/components/pending-items-row.tsx b/packages/pl-fe/src/components/pending-items-row.tsx
index 05d6028ff..831045606 100644
--- a/packages/pl-fe/src/components/pending-items-row.tsx
+++ b/packages/pl-fe/src/components/pending-items-row.tsx
@@ -18,10 +18,14 @@ const PendingItemsRow: React.FC<IPendingItemsRow> = ({ count, size = 'md', ...pr
   <Link {...props} className='group' data-testid='pending-items-row'>
     <HStack alignItems='center' justifyContent='between'>
       <HStack alignItems='center' space={2}>
-        <div className={clsx('rounded-full bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200', {
-          'p-3': size === 'lg',
-          'p-2.5': size === 'md',
-        })}
+        <div
+          className={clsx(
+            'rounded-full bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200',
+            {
+              'p-3': size === 'lg',
+              'p-2.5': size === 'md',
+            },
+          )}
         >
           <Icon
             src={require('@phosphor-icons/core/regular/warning-circle.svg')}
diff --git a/packages/pl-fe/src/components/polls/poll-footer.tsx b/packages/pl-fe/src/components/polls/poll-footer.tsx
index 01b4b1557..2d693efb3 100644
--- a/packages/pl-fe/src/components/polls/poll-footer.tsx
+++ b/packages/pl-fe/src/components/polls/poll-footer.tsx
@@ -16,7 +16,10 @@ import type { Poll } from 'pl-api';
 
 const messages = defineMessages({
   closed: { id: 'poll.closed', defaultMessage: 'Closed' },
-  nonAnonymous: { id: 'poll.non_anonymous.label', defaultMessage: 'Other instances may display the options you voted for' },
+  nonAnonymous: {
+    id: 'poll.non_anonymous.label',
+    defaultMessage: 'Other instances may display the options you voted for',
+  },
 });
 
 interface IPollFooter {
@@ -26,7 +29,12 @@ interface IPollFooter {
   statusId: string;
 }
 
-const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, statusId }): JSX.Element => {
+const PollFooter: React.FC<IPollFooter> = ({
+  poll,
+  showResults,
+  selected,
+  statusId,
+}): JSX.Element => {
   const intl = useIntl();
 
   const { refetch } = usePollQuery(poll.id);
@@ -34,7 +42,7 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
 
   const { toggleShowPollResults } = useStatusMetaActions();
 
-  const handleVote = () =>{
+  const handleVote = () => {
     vote(Object.keys(selected) as any as number[]);
   };
 
@@ -44,23 +52,37 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
     e.preventDefault();
   };
 
-  const timeRemaining = poll.expires_at && (
-    poll.expired ?
-      intl.formatMessage(messages.closed) :
+  const timeRemaining =
+    poll.expires_at &&
+    (poll.expired ? (
+      intl.formatMessage(messages.closed)
+    ) : (
       <RelativeTimestamp weight='medium' timestamp={poll.expires_at} futureDate />
-  );
+    ));
 
   let votesCount = null;
 
   if (poll.multiple && poll.voters_count !== null) {
-    votesCount = <FormattedMessage id='poll.total_people' defaultMessage='{count, plural, one {# person} other {# people}}' values={{ count: poll.voters_count }} />;
+    votesCount = (
+      <FormattedMessage
+        id='poll.total_people'
+        defaultMessage='{count, plural, one {# person} other {# people}}'
+        values={{ count: poll.voters_count }}
+      />
+    );
   } else {
-    votesCount = <FormattedMessage id='poll.total_votes' defaultMessage='{count, plural, one {# vote} other {# votes}}' values={{ count: poll.votes_count }} />;
+    votesCount = (
+      <FormattedMessage
+        id='poll.total_votes'
+        defaultMessage='{count, plural, one {# vote} other {# votes}}'
+        values={{ count: poll.votes_count }}
+      />
+    );
   }
 
   return (
     <Stack space={4} data-testid='poll-footer'>
-      {(!showResults && poll.multiple) && (
+      {!showResults && poll.multiple && (
         <Button onClick={handleVote} theme='primary' block>
           <FormattedMessage id='poll.vote' defaultMessage='Submit Vote' />
         </Button>
@@ -81,7 +103,11 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
 
         {showResults && (
           <>
-            <button className='text-gray-600 underline' onClick={handleRefresh} data-testid='poll-refresh'>
+            <button
+              className='text-gray-600 underline'
+              onClick={handleRefresh}
+              data-testid='poll-refresh'
+            >
               <Text theme='muted' weight='medium'>
                 <FormattedMessage id='poll.refresh' defaultMessage='Refresh' />
               </Text>
@@ -91,12 +117,14 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
           </>
         )}
 
-        {(!poll.voted && !poll.expired) && (
+        {!poll.voted && !poll.expired && (
           <>
             <button
-              className='text-gray-600 underline' onClick={() =>{
+              className='text-gray-600 underline'
+              onClick={() => {
                 toggleShowPollResults(statusId);
-              }} data-testid='poll-refresh'
+              }}
+              data-testid='poll-refresh'
             >
               <Text theme='muted' weight='medium'>
                 {showResults ? (
@@ -118,7 +146,9 @@ const PollFooter: React.FC<IPollFooter> = ({ poll, showResults, selected, status
         {poll.expires_at !== null && (
           <>
             <span className='⁂-separator' />
-            <Text weight='medium' theme='muted' data-testid='poll-expiration'>{timeRemaining}</Text>
+            <Text weight='medium' theme='muted' data-testid='poll-expiration'>
+              {timeRemaining}
+            </Text>
           </>
         )}
       </HStack>
diff --git a/packages/pl-fe/src/components/polls/poll-option.tsx b/packages/pl-fe/src/components/polls/poll-option.tsx
index b35469823..7f3687fc1 100644
--- a/packages/pl-fe/src/components/polls/poll-option.tsx
+++ b/packages/pl-fe/src/components/polls/poll-option.tsx
@@ -16,7 +16,10 @@ const messages = defineMessages({
   votes: { id: 'poll.votes', defaultMessage: '{votes, plural, one {# vote} other {# votes}}' },
 });
 
-const PollPercentageBar: React.FC<{ percent: number; leading: boolean }> = ({ percent, leading }): JSX.Element => {
+const PollPercentageBar: React.FC<{ percent: number; leading: boolean }> = ({
+  percent,
+  leading,
+}): JSX.Element => {
   const styles = useSpring({
     from: { width: '0%' },
     to: { width: `${percent}%` },
@@ -35,12 +38,19 @@ interface IPollOptionText extends IPollOption {
   percent: number;
 }
 
-const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active, onToggle, truncate }) => {
-  const handleOptionChange: React.EventHandler<React.ChangeEvent> = () =>{
+const PollOptionText: React.FC<IPollOptionText> = ({
+  poll,
+  option,
+  index,
+  active,
+  onToggle,
+  truncate,
+}) => {
+  const handleOptionChange: React.EventHandler<React.ChangeEvent> = () => {
     onToggle(index);
   };
 
-  const handleOptionKeyPress: React.EventHandler<React.KeyboardEvent> = e => {
+  const handleOptionKeyPress: React.EventHandler<React.KeyboardEvent> = (e) => {
     if (e.key === 'Enter' || e.key === ' ') {
       onToggle(index);
       e.stopPropagation();
@@ -50,12 +60,14 @@ const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active
 
   return (
     <label
-      className={
-        clsx('relative flex cursor-pointer rounded-3xl border border-solid bg-white p-2 hover:bg-primary-50 dark:bg-primary-900 dark:hover:bg-primary-800/50', {
-          'border-primary-600 ring-1 ring-primary-600 bg-primary-50 dark:bg-primary-800/50 dark:border-primary-300 dark:ring-primary-300': active,
+      className={clsx(
+        'relative flex cursor-pointer rounded-3xl border border-solid bg-white p-2 hover:bg-primary-50 dark:bg-primary-900 dark:hover:bg-primary-800/50',
+        {
+          'border-primary-600 bg-primary-50 ring-1 ring-primary-600 dark:border-primary-300 dark:bg-primary-800/50 dark:ring-primary-300':
+            active,
           'border-primary-300 dark:border-primary-500': !active,
-        })
-      }
+        },
+      )}
     >
       <input
         className='hidden'
@@ -82,10 +94,14 @@ const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active
 
         <div className='col-start-1 row-start-1 flex items-center justify-self-end'>
           <span
-            className={clsx('flex size-6 flex-none items-center justify-center rounded-full border border-solid', {
-              'bg-primary-600 border-primary-600 dark:bg-primary-300 dark:border-primary-300': active,
-              'border-primary-300 bg-white dark:bg-primary-900 dark:border-primary-500': !active,
-            })}
+            className={clsx(
+              'flex size-6 flex-none items-center justify-center rounded-full border border-solid',
+              {
+                'border-primary-600 bg-primary-600 dark:border-primary-300 dark:bg-primary-300':
+                  active,
+                'border-primary-300 bg-white dark:border-primary-500 dark:bg-primary-900': !active,
+              },
+            )}
             tabIndex={0}
             role={poll.multiple ? 'checkbox' : 'radio'}
             onKeyPress={handleOptionKeyPress}
@@ -93,7 +109,10 @@ const PollOptionText: React.FC<IPollOptionText> = ({ poll, option, index, active
             aria-label={option.title}
           >
             {active && (
-              <Icon src={require('@phosphor-icons/core/regular/check.svg')} className='size-4 text-white dark:text-primary-900' />
+              <Icon
+                src={require('@phosphor-icons/core/regular/check.svg')}
+                className='size-4 text-white dark:text-primary-900'
+              />
             )}
           </span>
         </div>
@@ -126,8 +145,8 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
   const message = intl.formatMessage(messages.votes, { votes: option.votes_count });
 
   const leading = poll.options
-    .filter(other => other.title !== option.title)
-    .every(other => option.votes_count >= other.votes_count);
+    .filter((other) => other.title !== option.title)
+    .every((other) => option.votes_count >= other.votes_count);
 
   return (
     <div key={option.title}>
@@ -146,7 +165,12 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
                 weight='medium'
                 className={clsx('relative break-words', { truncate })}
               >
-                <ParsedContent html={(language && option.title_map) && option.title_map[language] ?? option.title} emojis={poll.emojis} />
+                <ParsedContent
+                  html={
+                    (language && option.title_map && option.title_map[language]) ?? option.title
+                  }
+                  emojis={poll.emojis}
+                />
               </Text>
             </div>
 
@@ -162,7 +186,9 @@ const PollOption: React.FC<IPollOption> = (props): JSX.Element | null => {
               )}
 
               <div className='text-primary-600 dark:text-white'>
-                <Text weight='medium' theme='inherit'>{Math.round(percent)}%</Text>
+                <Text weight='medium' theme='inherit'>
+                  {Math.round(percent)}%
+                </Text>
               </div>
             </HStack>
           </HStack>
diff --git a/packages/pl-fe/src/components/polls/poll.tsx b/packages/pl-fe/src/components/polls/poll.tsx
index 04a3d2261..2e32bad1b 100644
--- a/packages/pl-fe/src/components/polls/poll.tsx
+++ b/packages/pl-fe/src/components/polls/poll.tsx
@@ -35,7 +35,7 @@ const Poll: React.FC<IPoll> = ({ id, status, language, truncate }): JSX.Element
 
   const [selected, setSelected] = useState({} as Selected);
 
-  const openUnauthorizedModal = () =>{
+  const openUnauthorizedModal = () => {
     openModal('UNAUTHORIZED', {
       action: 'POLL_VOTE',
       ap_id: status?.url,
@@ -70,13 +70,17 @@ const Poll: React.FC<IPoll> = ({ id, status, language, truncate }): JSX.Element
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     <div
-      className='⁂-poll' onClick={e =>{
+      className='⁂-poll'
+      onClick={(e) => {
         e.stopPropagation();
       }}
     >
       {!showResults && poll.multiple && (
         <Text className='mb-4' theme='muted' size='sm'>
-          <FormattedMessage id='poll.choose_multiple' defaultMessage="Choose as many as you'd like." />
+          <FormattedMessage
+            id='poll.choose_multiple'
+            defaultMessage="Choose as many as you'd like."
+          />
         </Text>
       )}
 
diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index 3da0e3f99..cb0523c33 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -1,6 +1,10 @@
 import { Link } from '@tanstack/react-router';
 import clsx from 'clsx';
-import { type MediaAttachment, type PreviewCard as CardEntity, mediaAttachmentSchema } from 'pl-api';
+import {
+  type MediaAttachment,
+  type PreviewCard as CardEntity,
+  mediaAttachmentSchema,
+} from 'pl-api';
 import React, { useState, useEffect } from 'react';
 import { FormattedMessage } from 'react-intl';
 import * as v from 'valibot';
@@ -78,7 +82,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
     }
   };
 
-  const setRef: React.RefCallback<HTMLElement> = c => {
+  const setRef: React.RefCallback<HTMLElement> = (c) => {
     if (c) {
       if (cacheWidth) {
         cacheWidth(c.offsetWidth);
@@ -104,7 +108,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
   };
 
   const getRatio = (card: CardEntity): number => {
-    const ratio = (card.width / card.height) || 16 / 9;
+    const ratio = card.width / card.height || 16 / 9;
 
     // Constrain to a sane limit
     // https://en.wikipedia.org/wiki/Aspect_ratio_(image)
@@ -113,13 +117,17 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
   const interactive = card.type !== 'link';
   const horizontal = interactive || embedded;
-  const className = clsx('status-card relative z-[1] flex-col bg-white black:bg-black dark:bg-primary-900 md:flex-row', { horizontal, compact, interactive }, `status-card--${card.type}`);
+  const className = clsx(
+    'status-card relative z-[1] flex-col bg-white black:bg-black dark:bg-primary-900 md:flex-row',
+    { horizontal, compact, interactive },
+    `status-card--${card.type}`,
+  );
   const ratio = getRatio(card);
-  const height = (compact && !embedded) ? (width / (16 / 9)) : (width / ratio);
+  const height = compact && !embedded ? width / (16 / 9) : width / ratio;
 
   const title = interactive ? (
     <a
-      onClick={(e) =>{
+      onClick={(e) => {
         e.stopPropagation();
       }}
       href={card.url}
@@ -131,17 +139,19 @@ const PreviewCard: React.FC<IPreviewCard> = ({
       <span dir={direction}>{trimmedTitle}</span>
     </a>
   ) : (
-    <span title={trimmedTitle} dir={direction}>{trimmedTitle}</span>
+    <span title={trimmedTitle} dir={direction}>
+      {trimmedTitle}
+    </span>
   );
 
   const description = (
     <Stack space={2} className='flex-1 overflow-hidden p-4'>
       {trimmedTitle && (
-        <Text weight='bold' direction={direction}>{title}</Text>
-      )}
-      {trimmedDescription && (
-        <Text direction={direction}>{trimmedDescription}</Text>
+        <Text weight='bold' direction={direction}>
+          {title}
+        </Text>
       )}
+      {trimmedDescription && <Text direction={direction}>{trimmedDescription}</Text>}
       <HStack space={1} alignItems='center'>
         <Text tag='span' theme='muted'>
           <Icon src={require('@phosphor-icons/core/regular/link-simple.svg')} />
@@ -155,12 +165,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
   let embed: React.ReactNode = null;
 
-  const canvas = (
-    <Blurhash
-      className='absolute inset-0 -z-10 size-full'
-      hash={card.blurhash}
-    />
-  );
+  const canvas = <Blurhash className='absolute inset-0 -z-10 size-full' hash={card.blurhash} />;
 
   const thumbnail = (
     <div
@@ -193,16 +198,16 @@ const PreviewCard: React.FC<IPreviewCard> = ({
           <div className='absolute inset-0 flex items-center justify-center'>
             <div className='flex items-center justify-center rounded-full bg-gray-500/90 px-4 py-3 shadow-md dark:bg-gray-700/90'>
               <HStack space={3} alignItems='center'>
-                <button onClick={handleEmbedClick} className='appearance-none text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100'>
-                  <Icon
-                    src={iconVariant}
-                    className='size-6 text-inherit'
-                  />
+                <button
+                  onClick={handleEmbedClick}
+                  className='appearance-none text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100'
+                >
+                  <Icon src={iconVariant} className='size-6 text-inherit' />
                 </button>
 
                 {horizontal && (
                   <a
-                    onClick={(e) =>{
+                    onClick={(e) => {
                       e.stopPropagation();
                     }}
                     href={card.url}
@@ -231,14 +236,15 @@ const PreviewCard: React.FC<IPreviewCard> = ({
     );
   } else if (card.image) {
     embed = (
-      <div className={clsx(
-        'status-card__image',
-        'w-full flex-none rounded-l md:size-auto md:flex-auto',
-        {
-          'h-auto': horizontal,
-          'h-[200px]': !horizontal,
-        },
-      )}
+      <div
+        className={clsx(
+          'status-card__image',
+          'w-full flex-none rounded-l md:size-auto md:flex-auto',
+          {
+            'h-auto': horizontal,
+            'h-[200px]': !horizontal,
+          },
+        )}
       >
         {canvas}
         {thumbnail}
@@ -253,7 +259,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
       target='_blank'
       rel='noopener'
       ref={setRef}
-      onClick={e =>{
+      onClick={(e) => {
         e.stopPropagation();
       }}
     >
@@ -272,15 +278,26 @@ const PreviewCard: React.FC<IPreviewCard> = ({
               id='link_preview.more_from_author'
               defaultMessage='More from {name}'
               values={{
-                name: card.authors.map(author => (
-                  <HoverAccountWrapper key={author.url} accountId={author.account?.id} element='bdi'>
+                name: card.authors.map((author) => (
+                  <HoverAccountWrapper
+                    key={author.url}
+                    accountId={author.account?.id}
+                    element='bdi'
+                  >
                     <Link to='/@{$username}' params={{ username: author.account?.acct ?? '' }}>
                       <HStack space={1} alignItems='center'>
                         {author.account && (
-                          <Avatar src={author.account?.avatar} size={16} username={author.account.username} />
+                          <Avatar
+                            src={author.account?.avatar}
+                            size={16}
+                            username={author.account.username}
+                          />
                         )}
                         <Text weight='medium'>
-                          <Emojify text={author.account?.display_name ?? author.name} emojis={author.account?.emojis} />
+                          <Emojify
+                            text={author.account?.display_name ?? author.name}
+                            emojis={author.account?.emojis}
+                          />
                         </Text>
                       </HStack>
                     </Link>
diff --git a/packages/pl-fe/src/components/progress-circle.tsx b/packages/pl-fe/src/components/progress-circle.tsx
index 63c68381a..bc0247418 100644
--- a/packages/pl-fe/src/components/progress-circle.tsx
+++ b/packages/pl-fe/src/components/progress-circle.tsx
@@ -8,7 +8,13 @@ interface IProgressCircle extends React.HTMLAttributes<HTMLDivElement> {
   title?: string;
 }
 
-const ProgressCircle: React.FC<IProgressCircle> = ({ progress, radius = 12, stroke = 4, title, ...props }) => {
+const ProgressCircle: React.FC<IProgressCircle> = ({
+  progress,
+  radius = 12,
+  stroke = 4,
+  title,
+  ...props
+}) => {
   const progressStroke = stroke + 0.5;
   const actualRadius = radius + progressStroke;
   const circumference = 2 * Math.PI * radius;
diff --git a/packages/pl-fe/src/components/pull-to-refresh.tsx b/packages/pl-fe/src/components/pull-to-refresh.tsx
index a54821b6e..e1b826679 100644
--- a/packages/pl-fe/src/components/pull-to-refresh.tsx
+++ b/packages/pl-fe/src/components/pull-to-refresh.tsx
@@ -116,13 +116,7 @@ const PullToRefresh: React.FC<PullToRefreshProps> = ({
       childrenEl.removeEventListener('mouseup', onEnd);
       document.body.removeEventListener('mouseleave', onEnd);
     };
-  }, [
-    children,
-    isPullable,
-    onRefresh,
-    pullDownThreshold,
-    maxPullDownDistance,
-  ]);
+  }, [children, isPullable, onRefresh, pullDownThreshold, maxPullDownDistance]);
 
   const initContainer = (): void => {
     requestAnimationFrame(() => {
@@ -201,7 +195,7 @@ const PullToRefresh: React.FC<PullToRefreshProps> = ({
     if (yDistanceMoved >= maxPullDownDistance) {
       return;
     }
-    pullDownRef.current!.style.opacity = ((yDistanceMoved) / 65).toString();
+    pullDownRef.current!.style.opacity = (yDistanceMoved / 65).toString();
     childrenRef.current!.style.overflow = 'visible';
     childrenRef.current!.style.transform = `translate(0px, ${yDistanceMoved}px)`;
     pullDownRef.current!.style.visibility = 'visible';
diff --git a/packages/pl-fe/src/components/quoted-status-indicator.tsx b/packages/pl-fe/src/components/quoted-status-indicator.tsx
index c0caad320..990c40f24 100644
--- a/packages/pl-fe/src/components/quoted-status-indicator.tsx
+++ b/packages/pl-fe/src/components/quoted-status-indicator.tsx
@@ -16,13 +16,19 @@ interface IQuotedStatusIndicator {
 const QuotedStatusIndicator: React.FC<IQuotedStatusIndicator> = ({ statusId, statusUrl }) => {
   const getStatus = useCallback(makeGetStatus(), []);
 
-  statusUrl = useAppSelector(state => statusUrl ?? (statusId && getStatus(state, { id: statusId })?.url));
+  statusUrl = useAppSelector(
+    (state) => statusUrl ?? (statusId && getStatus(state, { id: statusId })?.url),
+  );
 
   if (!statusUrl) return null;
 
   return (
     <HStack alignItems='center' space={1}>
-      <Icon className='size-5' src={require('@phosphor-icons/core/regular/quotes.svg')} aria-hidden />
+      <Icon
+        className='size-5'
+        src={require('@phosphor-icons/core/regular/quotes.svg')}
+        aria-hidden
+      />
       <Text truncate>{statusUrl}</Text>
     </HStack>
   );
diff --git a/packages/pl-fe/src/components/quoted-status.tsx b/packages/pl-fe/src/components/quoted-status.tsx
index a8d2ed75d..a5265434f 100644
--- a/packages/pl-fe/src/components/quoted-status.tsx
+++ b/packages/pl-fe/src/components/quoted-status.tsx
@@ -81,10 +81,7 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
         'group hover:bg-gray-100 dark:hover:bg-gray-800': !compose,
       })}
     >
-      <Stack
-        space={2}
-        onClick={handleExpandClick}
-      >
+      <Stack space={2} onClick={handleExpandClick}>
         {account.id && (
           <AccountContainer
             {...actions}
@@ -98,16 +95,12 @@ const QuotedStatus: React.FC<IQuotedStatus> = ({ status, onCancel, compose }) =>
 
         <StatusReplyMentions status={status} hoverable={false} />
 
-        {status.event ? <EventPreview status={status} hideAction /> : (
+        {status.event ? (
+          <EventPreview status={status} hideAction />
+        ) : (
           <Stack className='relative z-0'>
             <Stack space={4}>
-              <StatusContent
-                status={status}
-                collapsable
-                isQuote
-                withMedia
-                compose={compose}
-              />
+              <StatusContent status={status} collapsable isQuote withMedia compose={compose} />
             </Stack>
           </Stack>
         )}
diff --git a/packages/pl-fe/src/components/radio.tsx b/packages/pl-fe/src/components/radio.tsx
index a1d47384f..6fd7fc4d7 100644
--- a/packages/pl-fe/src/components/radio.tsx
+++ b/packages/pl-fe/src/components/radio.tsx
@@ -8,7 +8,7 @@ interface IRadioGroup {
 }
 
 const RadioGroup = ({ onChange, children }: IRadioGroup) => {
-  const childrenWithProps = React.Children.map(children, child =>
+  const childrenWithProps = React.Children.map(children, (child) =>
     React.cloneElement(child, { onChange }),
   );
 
@@ -23,7 +23,14 @@ type IRadioItem = IListItem & {
   onChange?: React.ChangeEventHandler;
 };
 
-const RadioItem: React.FC<IRadioItem> = ({ label, hint, checked = false, onChange, value, ...props }) => (
+const RadioItem: React.FC<IRadioItem> = ({
+  label,
+  hint,
+  checked = false,
+  onChange,
+  value,
+  ...props
+}) => (
   <ListItem label={label} hint={hint} {...props}>
     <input
       type='radio'
@@ -35,7 +42,4 @@ const RadioItem: React.FC<IRadioItem> = ({ label, hint, checked = false, onChang
   </ListItem>
 );
 
-export {
-  RadioGroup,
-  RadioItem,
-};
+export { RadioGroup, RadioItem };
diff --git a/packages/pl-fe/src/components/relative-timestamp.tsx b/packages/pl-fe/src/components/relative-timestamp.tsx
index 8329c4baa..9b0004a2a 100644
--- a/packages/pl-fe/src/components/relative-timestamp.tsx
+++ b/packages/pl-fe/src/components/relative-timestamp.tsx
@@ -10,10 +10,22 @@ const messages = defineMessages({
   hours: { id: 'relative_time.hours', defaultMessage: '{number}h' },
   days: { id: 'relative_time.days', defaultMessage: '{number}d' },
   moments_remaining: { id: 'time_remaining.moments', defaultMessage: 'Moments remaining' },
-  seconds_remaining: { id: 'time_remaining.seconds', defaultMessage: '{number, plural, one {# second} other {# seconds}} left' },
-  minutes_remaining: { id: 'time_remaining.minutes', defaultMessage: '{number, plural, one {# minute} other {# minutes}} left' },
-  hours_remaining: { id: 'time_remaining.hours', defaultMessage: '{number, plural, one {# hour} other {# hours}} left' },
-  days_remaining: { id: 'time_remaining.days', defaultMessage: '{number, plural, one {# day} other {# days}} left' },
+  seconds_remaining: {
+    id: 'time_remaining.seconds',
+    defaultMessage: '{number, plural, one {# second} other {# seconds}} left',
+  },
+  minutes_remaining: {
+    id: 'time_remaining.minutes',
+    defaultMessage: '{number, plural, one {# minute} other {# minutes}} left',
+  },
+  hours_remaining: {
+    id: 'time_remaining.hours',
+    defaultMessage: '{number, plural, one {# hour} other {# hours}} left',
+  },
+  days_remaining: {
+    id: 'time_remaining.days',
+    defaultMessage: '{number, plural, one {# day} other {# days}} left',
+  },
 });
 
 const dateFormatOptions: FormatDateOptions = {
@@ -100,11 +112,17 @@ const timeRemainingString = (intl: IntlShape, date: Date, now: number) => {
   if (delta < 10 * SECOND) {
     relativeTime = intl.formatMessage(messages.moments_remaining);
   } else if (delta < MINUTE) {
-    relativeTime = intl.formatMessage(messages.seconds_remaining, { number: Math.floor(delta / SECOND) });
+    relativeTime = intl.formatMessage(messages.seconds_remaining, {
+      number: Math.floor(delta / SECOND),
+    });
   } else if (delta < HOUR) {
-    relativeTime = intl.formatMessage(messages.minutes_remaining, { number: Math.floor(delta / MINUTE) });
+    relativeTime = intl.formatMessage(messages.minutes_remaining, {
+      number: Math.floor(delta / MINUTE),
+    });
   } else if (delta < DAY) {
-    relativeTime = intl.formatMessage(messages.hours_remaining, { number: Math.floor(delta / HOUR) });
+    relativeTime = intl.formatMessage(messages.hours_remaining, {
+      number: Math.floor(delta / HOUR),
+    });
   } else {
     relativeTime = intl.formatMessage(messages.days_remaining, { number: Math.floor(delta / DAY) });
   }
@@ -124,80 +142,89 @@ interface RelativeTimestampState {
 }
 
 /** Displays a timestamp compared to the current time, eg "1m" for one minute ago. */
-const RelativeTimestamp = injectIntl(class RelativeTimestamp extends React.Component<RelativeTimestampProps, RelativeTimestampState> {
+const RelativeTimestamp = injectIntl(
+  class RelativeTimestamp extends React.Component<RelativeTimestampProps, RelativeTimestampState> {
+    _timer: NodeJS.Timeout | undefined;
 
-  _timer: NodeJS.Timeout | undefined;
+    state = {
+      now: Date.now(),
+    };
 
-  state = {
-    now: Date.now(),
-  };
+    static defaultProps = {
+      year: new Date().getFullYear(),
+      theme: 'inherit' as const,
+    };
 
-  static defaultProps = {
-    year: (new Date()).getFullYear(),
-    theme: 'inherit' as const,
-  };
-
-  shouldComponentUpdate(nextProps: RelativeTimestampProps, nextState: RelativeTimestampState) {
-    // As of right now the locale doesn't change without a new page load,
-    // but we might as well check in case that ever changes.
-    return this.props.timestamp !== nextProps.timestamp ||
-      this.props.intl.locale !== nextProps.intl.locale ||
-      this.state.now !== nextState.now;
-  }
-
-  UNSAFE_componentWillReceiveProps(prevProps: RelativeTimestampProps) {
-    if (this.props.timestamp !== prevProps.timestamp) {
-      this.setState({ now: Date.now() });
-    }
-  }
-
-  componentDidMount() {
-    this._scheduleNextUpdate();
-  }
-
-  UNSAFE_componentWillUpdate() {
-    this._scheduleNextUpdate();
-  }
-
-  componentWillUnmount() {
-    if (this._timer) {
-      clearTimeout(this._timer);
-    }
-  }
-
-  _scheduleNextUpdate() {
-    if (this._timer) {
-      clearTimeout(this._timer);
+    shouldComponentUpdate(nextProps: RelativeTimestampProps, nextState: RelativeTimestampState) {
+      // As of right now the locale doesn't change without a new page load,
+      // but we might as well check in case that ever changes.
+      return (
+        this.props.timestamp !== nextProps.timestamp ||
+        this.props.intl.locale !== nextProps.intl.locale ||
+        this.state.now !== nextState.now
+      );
     }
 
-    const { timestamp } = this.props;
-    const delta = (new Date(timestamp)).getTime() - this.state.now;
-    const unitDelay = getUnitDelay(selectUnits(delta));
-    const unitRemainder = Math.abs(delta % unitDelay);
-    const updateInterval = 1000 * 10;
-    const delay = delta < 0 ? Math.max(updateInterval, unitDelay - unitRemainder) : Math.max(updateInterval, unitRemainder);
+    UNSAFE_componentWillReceiveProps(prevProps: RelativeTimestampProps) {
+      if (this.props.timestamp !== prevProps.timestamp) {
+        this.setState({ now: Date.now() });
+      }
+    }
 
-    this._timer = setTimeout(() => {
-      this.setState({ now: Date.now() });
-    }, delay);
-  }
+    componentDidMount() {
+      this._scheduleNextUpdate();
+    }
 
-  render() {
-    const { timestamp, intl, year, futureDate, theme, ...textProps } = this.props;
+    UNSAFE_componentWillUpdate() {
+      this._scheduleNextUpdate();
+    }
 
-    const date = new Date(timestamp);
-    const relativeTime = futureDate ? timeRemainingString(intl, date, this.state.now) : timeAgoString(intl, date, this.state.now, year!);
+    componentWillUnmount() {
+      if (this._timer) {
+        clearTimeout(this._timer);
+      }
+    }
 
-    return (
-      <Text {...textProps} theme={theme} tag='time' title={intl.formatDate(date, dateFormatOptions)}>
-        {relativeTime}
-      </Text>
-    );
-  }
+    _scheduleNextUpdate() {
+      if (this._timer) {
+        clearTimeout(this._timer);
+      }
 
-});
+      const { timestamp } = this.props;
+      const delta = new Date(timestamp).getTime() - this.state.now;
+      const unitDelay = getUnitDelay(selectUnits(delta));
+      const unitRemainder = Math.abs(delta % unitDelay);
+      const updateInterval = 1000 * 10;
+      const delay =
+        delta < 0
+          ? Math.max(updateInterval, unitDelay - unitRemainder)
+          : Math.max(updateInterval, unitRemainder);
 
-export {
-  dateFormatOptions,
-  RelativeTimestamp as default,
-};
+      this._timer = setTimeout(() => {
+        this.setState({ now: Date.now() });
+      }, delay);
+    }
+
+    render() {
+      const { timestamp, intl, year, futureDate, theme, ...textProps } = this.props;
+
+      const date = new Date(timestamp);
+      const relativeTime = futureDate
+        ? timeRemainingString(intl, date, this.state.now)
+        : timeAgoString(intl, date, this.state.now, year!);
+
+      return (
+        <Text
+          {...textProps}
+          theme={theme}
+          tag='time'
+          title={intl.formatDate(date, dateFormatOptions)}
+        >
+          {relativeTime}
+        </Text>
+      );
+    }
+  },
+);
+
+export { dateFormatOptions, RelativeTimestamp as default };
diff --git a/packages/pl-fe/src/components/safe-embed.tsx b/packages/pl-fe/src/components/safe-embed.tsx
index 762a0291c..48b295d03 100644
--- a/packages/pl-fe/src/components/safe-embed.tsx
+++ b/packages/pl-fe/src/components/safe-embed.tsx
@@ -12,12 +12,7 @@ interface ISafeEmbed {
 }
 
 /** Safely embeds arbitrary HTML content on the page (by putting it in an iframe). */
-const SafeEmbed: React.FC<ISafeEmbed> = ({
-  className,
-  sandbox,
-  title,
-  html,
-}) => {
+const SafeEmbed: React.FC<ISafeEmbed> = ({ className, sandbox, title, html }) => {
   const iframe = useRef<HTMLIFrameElement>(null);
   const [height, setHeight] = useState<number | undefined>(undefined);
 
@@ -50,13 +45,7 @@ const SafeEmbed: React.FC<ISafeEmbed> = ({
   }, [iframe.current, html]);
 
   return (
-    <iframe
-      ref={iframe}
-      className={className}
-      sandbox={sandbox}
-      height={height}
-      title={title}
-    />
+    <iframe ref={iframe} className={className} sandbox={sandbox} height={height} title={title} />
   );
 };
 
diff --git a/packages/pl-fe/src/components/scrobble.tsx b/packages/pl-fe/src/components/scrobble.tsx
index 7ba614ecf..eb6437152 100644
--- a/packages/pl-fe/src/components/scrobble.tsx
+++ b/packages/pl-fe/src/components/scrobble.tsx
@@ -15,19 +15,26 @@ interface IScrobble {
 const Scrobble: React.FC<IScrobble> = ({ scrobble }) => {
   const textRef = useRef<HTMLParagraphElement>(null);
 
-  const isRecent = (new Date().getTime() - new Date(scrobble.created_at).getTime()) <= 60 * 60 * 1000;
+  const isRecent = new Date().getTime() - new Date(scrobble.created_at).getTime() <= 60 * 60 * 1000;
 
   const song = scrobble.artist ? (
     <FormattedMessage
-      id='account.scrobbling.title' defaultMessage='{title} by {artist}' values={{
+      id='account.scrobbling.title'
+      defaultMessage='{title} by {artist}'
+      values={{
         title: scrobble.title,
         artist: scrobble.artist,
       }}
     />
-  ) : scrobble.title;
+  ) : (
+    scrobble.title
+  );
 
   const animate = useMemo(
-    () => textRef.current && textRef.current.parentElement && textRef.current.clientWidth > textRef.current.parentElement.clientWidth,
+    () =>
+      textRef.current &&
+      textRef.current.parentElement &&
+      textRef.current.clientWidth > textRef.current.parentElement.clientWidth,
     [textRef.current],
   );
 
@@ -49,12 +56,14 @@ const Scrobble: React.FC<IScrobble> = ({ scrobble }) => {
           ref={textRef}
         >
           <FormattedMessage
-            id='account.scrobbling' defaultMessage='Playing {song}' values={{
+            id='account.scrobbling'
+            defaultMessage='Playing {song}'
+            values={{
               song: scrobble.external_link ? (
                 <a
                   href={scrobble.external_link}
                   className='underline'
-                  onClick={(e) =>{
+                  onClick={(e) => {
                     e.stopPropagation();
                   }}
                   rel='nofollow noopener'
@@ -62,7 +71,9 @@ const Scrobble: React.FC<IScrobble> = ({ scrobble }) => {
                 >
                   {song}
                 </a>
-              ) : song,
+              ) : (
+                song
+              ),
             }}
           />
         </Text>
diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx
index 03e3f6bf7..4b836a665 100644
--- a/packages/pl-fe/src/components/scroll-top-button.tsx
+++ b/packages/pl-fe/src/components/scroll-top-button.tsx
@@ -38,7 +38,8 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   const visible = count > 0 && (!autoloadTimelines || scrolled);
 
   /** Number of pixels scrolled down from the top of the page. */
-  const getScrollTop = (): number => (document.scrollingElement ?? document.documentElement).scrollTop;
+  const getScrollTop = (): number =>
+    (document.scrollingElement ?? document.documentElement).scrollTop;
 
   /** Unload feed items if scrolled to the top. */
   const maybeUnload = useCallback(() => {
@@ -48,12 +49,19 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   }, [autoloadTimelines, scrolledTop, count, onClick]);
 
   /** Set state while scrolling. */
-  const handleScroll = useCallback(throttle(() => {
-    const scrollTop = getScrollTop();
+  const handleScroll = useCallback(
+    throttle(
+      () => {
+        const scrollTop = getScrollTop();
 
-    setScrolled(scrollTop > threshold);
-    setScrolledTop(scrollTop <= autoloadThreshold);
-  }, 40, { trailing: true }), [threshold, autoloadThreshold]);
+        setScrolled(scrollTop > threshold);
+        setScrolledTop(scrollTop <= autoloadThreshold);
+      },
+      40,
+      { trailing: true },
+    ),
+    [threshold, autoloadThreshold],
+  );
 
   /** Scroll to top and trigger `onClick`. */
   const handleClick: React.MouseEventHandler = useCallback(() => {
@@ -86,9 +94,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
       <button onClick={handleClick} tabIndex={visible ? 0 : -1}>
         <Icon src={require('@phosphor-icons/core/regular/arrow-line-up.svg')} />
 
-        <p>
-          {intl.formatMessage(message, { count })}
-        </p>
+        <p>{intl.formatMessage(message, { count })}</p>
       </button>
     </div>
   );
diff --git a/packages/pl-fe/src/components/scrollable-list.tsx b/packages/pl-fe/src/components/scrollable-list.tsx
index aca638312..954a79170 100644
--- a/packages/pl-fe/src/components/scrollable-list.tsx
+++ b/packages/pl-fe/src/components/scrollable-list.tsx
@@ -1,7 +1,14 @@
 import { useLocation } from '@tanstack/react-router';
 import debounce from 'lodash/debounce';
 import React, { useEffect, useRef, useMemo, useCallback } from 'react';
-import { Virtuoso, Components, VirtuosoProps, VirtuosoHandle, ListRange, IndexLocationWithAlign } from 'react-virtuoso';
+import {
+  Virtuoso,
+  Components,
+  VirtuosoProps,
+  VirtuosoHandle,
+  ListRange,
+  IndexLocationWithAlign,
+} from 'react-virtuoso';
 
 import LoadMore from '@/components/load-more';
 import Spinner from '@/components/ui/spinner';
@@ -13,13 +20,13 @@ import { EmptyMessage } from './empty-message';
 type Context = {
   itemClassName?: string;
   listClassName?: string;
-}
+};
 
 /** Scroll position saved in sessionStorage. */
 type SavedScrollPosition = {
   index: number;
   offset: number;
-}
+};
 
 /** Custom Virtuoso Item component representing a single scrollable item. */
 // NOTE: It's crucial to space lists with **padding** instead of margin!
@@ -81,178 +88,194 @@ interface IScrollableList extends VirtuosoProps<any, any> {
   useWindowScroll?: boolean;
 }
 
-const ScrollableList = React.forwardRef<VirtuosoHandle, IScrollableList>(({
-  scrollKey,
-  prepend = null,
-  children,
-  isLoading,
-  emptyMessage,
-  emptyMessageText,
-  emptyMessageIcon,
-  showLoading,
-  onScroll,
-  onScrollToTop,
-  onLoadMore,
-  className,
-  listClassName,
-  itemClassName,
-  loadMoreClassName,
-  hasMore,
-  placeholderComponent: Placeholder,
-  placeholderCount = 0,
-  initialTopMostItemIndex = 0,
-  useWindowScroll = true,
-  ...params
-}, ref) => {
-  const { autoloadMore } = useSettings();
-  const { state: locationState } = useLocation();
+const ScrollableList = React.forwardRef<VirtuosoHandle, IScrollableList>(
+  (
+    {
+      scrollKey,
+      prepend = null,
+      children,
+      isLoading,
+      emptyMessage,
+      emptyMessageText,
+      emptyMessageIcon,
+      showLoading,
+      onScroll,
+      onScrollToTop,
+      onLoadMore,
+      className,
+      listClassName,
+      itemClassName,
+      loadMoreClassName,
+      hasMore,
+      placeholderComponent: Placeholder,
+      placeholderCount = 0,
+      initialTopMostItemIndex = 0,
+      useWindowScroll = true,
+      ...params
+    },
+    ref,
+  ) => {
+    const { autoloadMore } = useSettings();
+    const { state: locationState } = useLocation();
 
-  // Preserve scroll position
-  const scrollDataKey = `plfe:scrollData:${scrollKey}:${locationState.key}`;
-  const scrollData: SavedScrollPosition | null = useMemo(() => JSON.parse(sessionStorage.getItem(scrollDataKey)!), [scrollDataKey]);
-  const topIndex = useRef<number>(scrollData ? scrollData.index : 0);
-  const topOffset = useRef<number>(scrollData ? scrollData.offset : 0);
+    // Preserve scroll position
+    const scrollDataKey = `plfe:scrollData:${scrollKey}:${locationState.key}`;
+    const scrollData: SavedScrollPosition | null = useMemo(
+      () => JSON.parse(sessionStorage.getItem(scrollDataKey)!),
+      [scrollDataKey],
+    );
+    const topIndex = useRef<number>(scrollData ? scrollData.index : 0);
+    const topOffset = useRef<number>(scrollData ? scrollData.offset : 0);
 
-  /** Normalized children. */
-  const elements = Array.from(children || []);
+    /** Normalized children. */
+    const elements = Array.from(children || []);
 
-  const showPlaceholder = showLoading && Placeholder && placeholderCount > 0;
+    const showPlaceholder = showLoading && Placeholder && placeholderCount > 0;
 
-  // NOTE: We are doing some trickery to load a feed of placeholders
-  // Virtuoso's `EmptyPlaceholder` unfortunately doesn't work for our use-case
-  const data = showPlaceholder ? Array(placeholderCount).fill('') : elements;
+    // NOTE: We are doing some trickery to load a feed of placeholders
+    // Virtuoso's `EmptyPlaceholder` unfortunately doesn't work for our use-case
+    const data = showPlaceholder ? Array(placeholderCount).fill('') : elements;
 
-  // Add a placeholder at the bottom for loading
-  // (Don't use Virtuoso's `Footer` component because it doesn't preserve its height)
-  if (hasMore && (autoloadMore || isLoading) && Placeholder) {
-    data.push(<Placeholder />);
-  } else if (hasMore && (autoloadMore || isLoading)) {
-    data.push(<Spinner />);
-  }
-
-  const handleScroll = useCallback(debounce(() => {
-    // HACK: Virtuoso has no better way to get this...
-    const node = document.querySelector(`[data-virtuoso-scroller] [data-item-index="${topIndex.current}"]`);
-    if (node) {
-      topOffset.current = node.getBoundingClientRect().top * -1;
-    } else {
-      topOffset.current = 0;
+    // Add a placeholder at the bottom for loading
+    // (Don't use Virtuoso's `Footer` component because it doesn't preserve its height)
+    if (hasMore && (autoloadMore || isLoading) && Placeholder) {
+      data.push(<Placeholder />);
+    } else if (hasMore && (autoloadMore || isLoading)) {
+      data.push(<Spinner />);
     }
-  }, 150, { trailing: true }), []);
 
-  useEffect(() => {
-    document.addEventListener('scroll', handleScroll);
-    sessionStorage.removeItem(scrollDataKey);
+    const handleScroll = useCallback(
+      debounce(
+        () => {
+          // HACK: Virtuoso has no better way to get this...
+          const node = document.querySelector(
+            `[data-virtuoso-scroller] [data-item-index="${topIndex.current}"]`,
+          );
+          if (node) {
+            topOffset.current = node.getBoundingClientRect().top * -1;
+          } else {
+            topOffset.current = 0;
+          }
+        },
+        150,
+        { trailing: true },
+      ),
+      [],
+    );
 
-    return () => {
-      if (scrollKey) {
-        const data: SavedScrollPosition = { index: topIndex.current, offset: topOffset.current };
-        sessionStorage.setItem(scrollDataKey, JSON.stringify(data));
-      }
-      document.removeEventListener('scroll', handleScroll);
+    useEffect(() => {
+      document.addEventListener('scroll', handleScroll);
+      sessionStorage.removeItem(scrollDataKey);
+
+      return () => {
+        if (scrollKey) {
+          const data: SavedScrollPosition = { index: topIndex.current, offset: topOffset.current };
+          sessionStorage.setItem(scrollDataKey, JSON.stringify(data));
+        }
+        document.removeEventListener('scroll', handleScroll);
+      };
+    }, []);
+
+    /* Render an empty state instead of the scrollable list. */
+    const renderEmpty = (): JSX.Element => {
+      return isLoading ? (
+        <Spinner />
+      ) : emptyMessageText ? (
+        <EmptyMessage text={emptyMessageText} icon={emptyMessageIcon} />
+      ) : (
+        <>{emptyMessage}</>
+      );
     };
-  }, []);
 
-  /* Render an empty state instead of the scrollable list. */
-  const renderEmpty = (): JSX.Element => {
-    return isLoading ? (
-      <Spinner />
-    ) : emptyMessageText ? (
-      <EmptyMessage text={emptyMessageText} icon={emptyMessageIcon} />
-    ) : <>{emptyMessage}</>;
-  };
+    /** Render a single item. */
+    const renderItem = (_i: number, element: JSX.Element): JSX.Element => {
+      if (showPlaceholder) {
+        return <Placeholder />;
+      } else {
+        return element;
+      }
+    };
 
-  /** Render a single item. */
-  const renderItem = (_i: number, element: JSX.Element): JSX.Element => {
-    if (showPlaceholder) {
-      return <Placeholder />;
-    } else {
-      return element;
-    }
-  };
+    const handleEndReached = () => {
+      if (autoloadMore && hasMore && onLoadMore) {
+        onLoadMore();
+      }
+    };
 
-  const handleEndReached = () => {
-    if (autoloadMore && hasMore && onLoadMore) {
-      onLoadMore();
-    }
-  };
+    const loadMore = () => {
+      if (autoloadMore || !hasMore || !onLoadMore) {
+        return null;
+      } else {
+        const button = <LoadMore visible={!isLoading} onClick={onLoadMore} />;
 
-  const loadMore = () => {
-    if (autoloadMore || !hasMore || !onLoadMore) {
-      return null;
-    } else {
-      const button = <LoadMore visible={!isLoading} onClick={onLoadMore} />;
+        if (loadMoreClassName) return <div className={loadMoreClassName}>{button}</div>;
 
-      if (loadMoreClassName) return <div className={loadMoreClassName}>{button}</div>;
+        return button;
+      }
+    };
 
-      return button;
-    }
-  };
+    const handleRangeChange = (range: ListRange) => {
+      // HACK: using the first index can be buggy.
+      // Track the second item instead, unless the endIndex comes before it (eg one 1 item in view).
+      topIndex.current = Math.min(range.startIndex + 1, range.endIndex);
+      handleScroll();
+    };
 
-  const handleRangeChange = (range: ListRange) => {
-    // HACK: using the first index can be buggy.
-    // Track the second item instead, unless the endIndex comes before it (eg one 1 item in view).
-    topIndex.current = Math.min(range.startIndex + 1, range.endIndex);
-    handleScroll();
-  };
+    /** Figure out the initial index to scroll to. */
+    const initialIndex = useMemo<number | IndexLocationWithAlign>(() => {
+      if (showLoading) return 0;
 
-  /** Figure out the initial index to scroll to. */
-  const initialIndex = useMemo<number | IndexLocationWithAlign>(() => {
-    if (showLoading) return 0;
+      if (initialTopMostItemIndex) {
+        if (typeof initialTopMostItemIndex === 'number') {
+          return {
+            align: 'start',
+            index: initialTopMostItemIndex,
+            offset: 60,
+          };
+        }
+        return initialTopMostItemIndex;
+      }
 
-    if (initialTopMostItemIndex) {
-      if (typeof initialTopMostItemIndex === 'number') {
+      if (scrollData) {
         return {
           align: 'start',
-          index: initialTopMostItemIndex,
-          offset: 60,
+          index: scrollData.index,
+          offset: scrollData.offset,
         };
       }
-      return initialTopMostItemIndex;
-    }
 
-    if (scrollData) {
-      return {
-        align: 'start',
-        index: scrollData.index,
-        offset: scrollData.offset,
-      };
-    }
+      return 0;
+    }, [showLoading, initialTopMostItemIndex]);
 
-    return 0;
-  }, [showLoading, initialTopMostItemIndex]);
+    return (
+      <Virtuoso
+        useWindowScroll={useWindowScroll}
+        {...params}
+        overscan={window.innerHeight * 1.5}
+        ref={ref}
+        data={data}
+        totalCount={data.length}
+        startReached={onScrollToTop}
+        endReached={handleEndReached}
+        isScrolling={(isScrolling) => isScrolling && onScroll && onScroll()}
+        itemContent={renderItem}
+        initialTopMostItemIndex={initialIndex}
+        rangeChanged={handleRangeChange}
+        context={{
+          listClassName,
+          itemClassName,
+        }}
+        components={{
+          Header: prepend ? () => <>{prepend}</> : undefined,
+          ScrollSeekPlaceholder: Placeholder as any,
+          EmptyPlaceholder: renderEmpty,
+          List,
+          Item,
+          Footer: loadMore,
+        }}
+      />
+    );
+  },
+);
 
-  return (
-    <Virtuoso
-      useWindowScroll={useWindowScroll}
-      {...params}
-      overscan={window.innerHeight * 1.5}
-      ref={ref}
-      data={data}
-      totalCount={data.length}
-      startReached={onScrollToTop}
-      endReached={handleEndReached}
-      isScrolling={isScrolling => isScrolling && onScroll && onScroll()}
-      itemContent={renderItem}
-      initialTopMostItemIndex={initialIndex}
-      rangeChanged={handleRangeChange}
-      context={{
-        listClassName,
-        itemClassName,
-      }}
-      components={{
-        Header: prepend ? () => <>{prepend}</> : undefined,
-        ScrollSeekPlaceholder: Placeholder as any,
-        EmptyPlaceholder: renderEmpty,
-        List,
-        Item,
-        Footer: loadMore,
-      }}
-    />
-  );
-});
-
-export {
-  type IScrollableList,
-  ScrollableList as default,
-};
+export { type IScrollableList, ScrollableList as default };
diff --git a/packages/pl-fe/src/components/search-input.tsx b/packages/pl-fe/src/components/search-input.tsx
index 7d0d35d1b..ce081a271 100644
--- a/packages/pl-fe/src/components/search-input.tsx
+++ b/packages/pl-fe/src/components/search-input.tsx
@@ -48,7 +48,12 @@ const SearchInput = React.memo(() => {
 
   const handleSelected = (accountId: string) => {
     setValue('');
-    dispatch((_, getState) => navigate({ to: '/@{$username}', params: { username: selectAccount(getState(), accountId)!.acct } }));
+    dispatch((_, getState) =>
+      navigate({
+        to: '/@{$username}',
+        params: { username: selectAccount(getState(), accountId)!.acct },
+      }),
+    );
   };
 
   const makeMenu = () => [
@@ -82,7 +87,9 @@ const SearchInput = React.memo(() => {
           tabIndex={0}
           className='absolute inset-y-0 right-0 flex cursor-pointer items-center px-3 rtl:left-0 rtl:right-auto'
           onClick={handleClear}
-          title={hasValue ? intl.formatMessage(messages.clear) : intl.formatMessage(messages.placeholder)}
+          title={
+            hasValue ? intl.formatMessage(messages.clear) : intl.formatMessage(messages.placeholder)
+          }
         >
           <SvgIcon
             src={require('@phosphor-icons/core/regular/magnifying-glass.svg')}
diff --git a/packages/pl-fe/src/components/sentry-feedback-form.tsx b/packages/pl-fe/src/components/sentry-feedback-form.tsx
index 1e0f105ca..aba6564f9 100644
--- a/packages/pl-fe/src/components/sentry-feedback-form.tsx
+++ b/packages/pl-fe/src/components/sentry-feedback-form.tsx
@@ -61,7 +61,10 @@ const SentryFeedbackForm: React.FC<ISentryFeedbackForm> = ({ eventId }) => {
 
       <FormActions>
         <Button type='submit' className='mx-auto' disabled={!feedback || isSubmitting}>
-          <FormattedMessage id='alert.unexpected.submit_feedback' defaultMessage='Submit Feedback' />
+          <FormattedMessage
+            id='alert.unexpected.submit_feedback'
+            defaultMessage='Submit Feedback'
+          />
         </Button>
       </FormActions>
     </Form>
diff --git a/packages/pl-fe/src/components/sidebar-navigation-link.tsx b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
index 73530a1fe..29a442d7b 100644
--- a/packages/pl-fe/src/components/sidebar-navigation-link.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
@@ -21,50 +21,52 @@ interface ISidebarNavigationLink extends Partial<LinkOptions> {
 }
 
 /** Desktop sidebar navigation link. */
-const SidebarNavigationLink = React.memo(React.forwardRef((props: ISidebarNavigationLink, ref: React.ForwardedRef<HTMLAnchorElement>): JSX.Element => {
-  const { icon, activeIcon, text, to, count, countMax, onClick, ...rest } = props;
+const SidebarNavigationLink = React.memo(
+  React.forwardRef(
+    (props: ISidebarNavigationLink, ref: React.ForwardedRef<HTMLAnchorElement>): JSX.Element => {
+      const { icon, activeIcon, text, to, count, countMax, onClick, ...rest } = props;
 
-  const matchRoute = useMatchRoute();
-  const { demetricator } = useSettings();
+      const matchRoute = useMatchRoute();
+      const { demetricator } = useSettings();
 
-  const LinkComponent = (to === undefined ? 'button' : Link) as typeof Link;
+      const LinkComponent = (to === undefined ? 'button' : Link) as typeof Link;
 
-  const isActive = matchRoute({ to }) !== false;
+      const isActive = matchRoute({ to }) !== false;
 
-  const handleClick: React.EventHandler<React.MouseEvent> = (e) => {
-    if (onClick) {
-      onClick(e);
-      e.preventDefault();
-      e.stopPropagation();
-    }
-  };
+      const handleClick: React.EventHandler<React.MouseEvent> = (e) => {
+        if (onClick) {
+          onClick(e);
+          e.preventDefault();
+          e.stopPropagation();
+        }
+      };
 
-  return (
-    <li>
-      <LinkComponent
-        activeOptions={{ exact: true }}
-        activeProps={{ className: '⁂-sidebar-navigation-link--active' }}
-        to={to}
-        ref={ref}
-        onClick={handleClick}
-        className='⁂-sidebar-navigation-link'
-        {...rest}
-      >
-        <span
-          className='⁂-sidebar-navigation-link__icon'
-          aria-hidden
-        >
-          <Icon
-            src={(isActive && activeIcon) ?? icon}
-            count={demetricator ? undefined : count}
-            countMax={countMax}
-          />
-        </span>
+      return (
+        <li>
+          <LinkComponent
+            activeOptions={{ exact: true }}
+            activeProps={{ className: '⁂-sidebar-navigation-link--active' }}
+            to={to}
+            ref={ref}
+            onClick={handleClick}
+            className='⁂-sidebar-navigation-link'
+            {...rest}
+          >
+            <span className='⁂-sidebar-navigation-link__icon' aria-hidden>
+              <Icon
+                src={(isActive && activeIcon) ?? icon}
+                count={demetricator ? undefined : count}
+                countMax={countMax}
+              />
+            </span>
 
-        <p>{text}</p>
-      </LinkComponent>
-    </li>
-  );
-}), (prevProps, nextProps) => prevProps.count === nextProps.count);
+            <p>{text}</p>
+          </LinkComponent>
+        </li>
+      );
+    },
+  ),
+  (prevProps, nextProps) => prevProps.count === nextProps.count,
+);
 
 export { SidebarNavigationLink as default };
diff --git a/packages/pl-fe/src/components/sidebar-navigation.tsx b/packages/pl-fe/src/components/sidebar-navigation.tsx
index 325f7d3cf..793fea9e5 100644
--- a/packages/pl-fe/src/components/sidebar-navigation.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation.tsx
@@ -40,7 +40,10 @@ const messages = defineMessages({
   scheduledStatuses: { id: 'column.scheduled_statuses', defaultMessage: 'Scheduled posts' },
   drafts: { id: 'column.draft_statuses', defaultMessage: 'Drafts' },
   conversations: { id: 'column.direct', defaultMessage: 'Direct messages' },
-  interactionRequests: { id: 'column.interaction_requests', defaultMessage: 'Interaction requests' },
+  interactionRequests: {
+    id: 'column.interaction_requests',
+    defaultMessage: 'Interaction requests',
+  },
   help: { id: 'navigation.help', defaultMessage: 'Help' },
   keyboardShortcuts: { id: 'navigation.keyboard_shortcuts', defaultMessage: 'Keyboard shortcuts' },
   docs: { id: 'navigation.docs', defaultMessage: 'Documentation' },
@@ -63,10 +66,13 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
   const { account } = useOwnAccount();
   const { isOpen } = useRegistrationStatus();
 
-  const authenticatedScheduledStatusesCountQueryOptions = useMemo(() => ({
-    ...scheduledStatusesCountQueryOptions,
-    enabled: !!account && features.scheduledStatuses,
-  }), [!!account, features]);
+  const authenticatedScheduledStatusesCountQueryOptions = useMemo(
+    () => ({
+      ...scheduledStatusesCountQueryOptions,
+      enabled: !!account && features.scheduledStatuses,
+    }),
+    [!!account, features],
+  );
 
   const notificationCount = useAppSelector((state) => state.notifications.unread);
   const followRequestsCount = useFollowRequestsCount().data ?? 0;
@@ -74,7 +80,9 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
   const { data: awaitingApprovalCount = 0 } = usePendingUsersCount();
   const { data: pendingReportsCount = 0 } = usePendingReportsCount();
   const dashboardCount = pendingReportsCount + awaitingApprovalCount;
-  const { data: scheduledStatusCount = 0 } = useInfiniteQuery(authenticatedScheduledStatusesCountQueryOptions);
+  const { data: scheduledStatusCount = 0 } = useInfiniteQuery(
+    authenticatedScheduledStatusesCountQueryOptions,
+  );
   const { data: draftCount = 0 } = useDraftStatusesCountQuery();
 
   const restrictUnauth = instance.pleroma.metadata.restrict_unauthenticated;
@@ -190,7 +198,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
         text: intl.formatMessage(messages.help),
         items: [
           {
-            action: () =>{
+            action: () => {
               openModal('HOTKEYS');
             },
             icon: require('@phosphor-icons/core/regular/keyboard.svg'),
@@ -213,7 +221,14 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
     }
 
     return menu;
-  }, [!!account, features, followRequestsCount, interactionRequestsCount, scheduledStatusCount, draftCount]);
+  }, [
+    !!account,
+    features,
+    followRequestsCount,
+    interactionRequestsCount,
+    scheduledStatusCount,
+    draftCount,
+  ]);
 
   return (
     <div className={clsx('⁂-sidebar-navigation', { '⁂-sidebar-navigation--narrow': shrink })}>
@@ -234,16 +249,19 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               ) : (
                 <Account
                   account={account}
-                  action={<Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} className='⁂-sidebar-navigation__header__account__expand' />}
+                  action={
+                    <Icon
+                      src={require('@phosphor-icons/core/regular/caret-down.svg')}
+                      className='⁂-sidebar-navigation__header__account__expand'
+                    />
+                  }
                   disabled
                   withLinkToProfile={false}
                 />
               )}
             </ProfileDropdown>
           </div>
-          {!shrink && (
-            <SearchInput />
-          )}
+          {!shrink && <SearchInput />}
         </div>
       )}
 
@@ -337,9 +355,9 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
           </>
         )}
 
-        {(features.publicTimeline) && (
+        {features.publicTimeline && (
           <>
-            {(features.wrenchedTimeline && (account ?? !restrictUnauth.timelines.wrenched)) && (
+            {features.wrenchedTimeline && (account ?? !restrictUnauth.timelines.wrenched) && (
               <SidebarNavigationLink
                 to='/timeline/wrenched'
                 icon={require('@phosphor-icons/core/regular/wrench.svg')}
@@ -353,11 +371,17 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
                 to='/timeline/local'
                 icon={require('@phosphor-icons/core/regular/planet.svg')}
                 activeIcon={require('@phosphor-icons/core/fill/planet-fill.svg')}
-                text={features.federating ? <FormattedMessage id='tabs_bar.local' defaultMessage='Local' /> : <FormattedMessage id='tabs_bar.all' defaultMessage='All' />}
+                text={
+                  features.federating ? (
+                    <FormattedMessage id='tabs_bar.local' defaultMessage='Local' />
+                  ) : (
+                    <FormattedMessage id='tabs_bar.all' defaultMessage='All' />
+                  )
+                }
               />
             )}
 
-            {(features.bubbleTimeline && (account ?? !restrictUnauth.timelines.bubble)) && (
+            {features.bubbleTimeline && (account ?? !restrictUnauth.timelines.bubble) && (
               <SidebarNavigationLink
                 to='/timeline/bubble'
                 icon={require('@phosphor-icons/core/regular/graph.svg')}
@@ -366,7 +390,7 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               />
             )}
 
-            {(features.federating && (account ?? !restrictUnauth.timelines.federated)) && (
+            {features.federating && (account ?? !restrictUnauth.timelines.federated) && (
               <SidebarNavigationLink
                 to='/timeline/fediverse'
                 icon={require('@phosphor-icons/core/regular/fediverse-logo.svg')}
@@ -395,19 +419,19 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
               text={<FormattedMessage id='account.login' defaultMessage='Log in' />}
             />
 
-            {isOpen && <SidebarNavigationLink
-              to='/signup'
-              icon={require('@phosphor-icons/core/regular/user-plus.svg')}
-              activeIcon={require('@phosphor-icons/core/fill/user-plus-fill.svg')}
-              text={<FormattedMessage id='account.register' defaultMessage='Sign up' />}
-            />}
+            {isOpen && (
+              <SidebarNavigationLink
+                to='/signup'
+                icon={require('@phosphor-icons/core/regular/user-plus.svg')}
+                activeIcon={require('@phosphor-icons/core/fill/user-plus-fill.svg')}
+                text={<FormattedMessage id='account.register' defaultMessage='Sign up' />}
+              />
+            )}
           </Stack>
         )}
       </ul>
 
-      {account && (
-        <ComposeButton shrink={shrink} />
-      )}
+      {account && <ComposeButton shrink={shrink} />}
     </div>
   );
 });
diff --git a/packages/pl-fe/src/components/site-error.tsx b/packages/pl-fe/src/components/site-error.tsx
index fc4b84cb5..ab3766edf 100644
--- a/packages/pl-fe/src/components/site-error.tsx
+++ b/packages/pl-fe/src/components/site-error.tsx
@@ -63,13 +63,13 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
         ErrorBoundary: 'yes',
       },
     })
-      .then((eventId) =>{
+      .then((eventId) => {
         setSentryEventId(eventId);
       })
       .catch(console.error);
 
     import('bowser')
-      .then(({ default: Bowser }) =>{
+      .then(({ default: Bowser }) => {
         setBrowser(Bowser.getParser(window.navigator.userAgent));
       })
       .catch(() => {});
@@ -84,7 +84,10 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
       <Column label={intl.formatMessage(messages.networkErrorTitle)}>
         <div className='⁂-network-error'>
           <p>
-            <FormattedMessage id='bundle_column_error.body' defaultMessage='Something went wrong while loading this page.' />
+            <FormattedMessage
+              id='bundle_column_error.body'
+              defaultMessage='Something went wrong while loading this page.'
+            />
           </p>
         </div>
       </Column>
@@ -103,7 +106,10 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
         <div className='⁂-site-error__body'>
           <div className='⁂-site-error__message'>
             <h1>
-              <FormattedMessage id='alert.unexpected.message' defaultMessage='Something went wrong.' />
+              <FormattedMessage
+                id='alert.unexpected.message'
+                defaultMessage='Something went wrong.'
+              />
             </h1>
             <p className='⁂-site-error__message__body'>
               <FormattedMessage
@@ -131,9 +137,7 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
             </p>
 
             <p className='⁂-site-error__message__version'>
-              <span>{sourceCode.displayName}:</span>
-
-              {' '}{sourceCode.version}
+              <span>{sourceCode.displayName}:</span> {sourceCode.version}
             </p>
           </div>
 
@@ -154,7 +158,11 @@ const SiteError: ErrorRouteComponent = ({ error, info }) => {
 
             {browser && (
               <p className='⁂-site-error__browser'>
-                <span><FormattedMessage id='alert.unexpected.browser' defaultMessage='Browser' />{': '}</span>{browser.getBrowserName()} {browser.getBrowserVersion()}
+                <span>
+                  <FormattedMessage id='alert.unexpected.browser' defaultMessage='Browser' />
+                  {': '}
+                </span>
+                {browser.getBrowserName()} {browser.getBrowserVersion()}
               </p>
             )}
           </div>
diff --git a/packages/pl-fe/src/components/status-action-bar.tsx b/packages/pl-fe/src/components/status-action-bar.tsx
index 4bf3ef2ab..919da3c90 100644
--- a/packages/pl-fe/src/components/status-action-bar.tsx
+++ b/packages/pl-fe/src/components/status-action-bar.tsx
@@ -29,7 +29,18 @@ import { useChats } from '@/queries/chats';
 import { useBlockGroupUserMutation } from '@/queries/groups/use-group-blocks';
 import { useCustomEmojis } from '@/queries/instance/use-custom-emojis';
 import { useTranslationLanguages } from '@/queries/instance/use-translation-languages';
-import { useBookmarkStatus, useDislikeStatus, useFavouriteStatus, usePinStatus, useReblogStatus, useUnbookmarkStatus, useUndislikeStatus, useUnfavouriteStatus, useUnpinStatus, useUnreblogStatus } from '@/queries/statuses/use-status-interactions';
+import {
+  useBookmarkStatus,
+  useDislikeStatus,
+  useFavouriteStatus,
+  usePinStatus,
+  useReblogStatus,
+  useUnbookmarkStatus,
+  useUndislikeStatus,
+  useUnfavouriteStatus,
+  useUnpinStatus,
+  useUnreblogStatus,
+} from '@/queries/statuses/use-status-interactions';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
 import { useStatusMeta, useStatusMetaActions } from '@/stores/status-meta';
@@ -47,23 +58,38 @@ import type { Me } from '@/types/pl-fe';
 
 const messages = defineMessages({
   adminAccount: { id: 'status.admin_account', defaultMessage: 'Moderate @{name}' },
-  admin_status: { id: 'status.admin_status', defaultMessage: 'Open this post in the moderation interface' },
+  admin_status: {
+    id: 'status.admin_status',
+    defaultMessage: 'Open this post in the moderation interface',
+  },
   block: { id: 'account.block', defaultMessage: 'Block @{name}' },
   unblock: { id: 'account.unblock', defaultMessage: 'Unblock @{name}' },
   blocked: { id: 'group.group_mod_block.success', defaultMessage: '@{name} is banned' },
   bookmark: { id: 'status.bookmark', defaultMessage: 'Bookmark' },
   bookmarkSetFolder: { id: 'status.bookmark_folder', defaultMessage: 'Set bookmark folder' },
-  bookmarkChangeFolder: { id: 'status.bookmark_folder_change', defaultMessage: 'Change bookmark folder' },
+  bookmarkChangeFolder: {
+    id: 'status.bookmark_folder_change',
+    defaultMessage: 'Change bookmark folder',
+  },
   cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Un-repost' },
   cannot_reblog: { id: 'status.cannot_reblog', defaultMessage: 'This post cannot be reposted' },
   chat: { id: 'status.chat', defaultMessage: 'Chat with @{name}' },
   copy: { id: 'status.copy', defaultMessage: 'Copy link to post' },
-  deactivateUser: { id: 'admin.users.actions.deactivate_user', defaultMessage: 'Deactivate @{name}' },
+  deactivateUser: {
+    id: 'admin.users.actions.deactivate_user',
+    defaultMessage: 'Deactivate @{name}',
+  },
   delete: { id: 'status.delete', defaultMessage: 'Delete' },
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },
-  deleteFromGroupMessage: { id: 'confirmations.delete_from_group.message', defaultMessage: 'Are you sure you want to delete @{name}\'s post?' },
+  deleteFromGroupMessage: {
+    id: 'confirmations.delete_from_group.message',
+    defaultMessage: "Are you sure you want to delete @{name}'s post?",
+  },
   deleteHeading: { id: 'confirmations.delete.heading', defaultMessage: 'Delete post' },
-  deleteMessage: { id: 'confirmations.delete.message', defaultMessage: 'Are you sure you want to delete this post?' },
+  deleteMessage: {
+    id: 'confirmations.delete.message',
+    defaultMessage: 'Are you sure you want to delete this post?',
+  },
   deleteStatus: { id: 'admin.statuses.actions.delete_status', defaultMessage: 'Delete post' },
   deleteUser: { id: 'admin.users.actions.delete_user', defaultMessage: 'Delete @{name}' },
   direct: { id: 'status.direct', defaultMessage: 'Direct message @{name}' },
@@ -73,16 +99,43 @@ const messages = defineMessages({
   external: { id: 'status.external', defaultMessage: 'View post on {domain}' },
   favourite: { id: 'status.favourite', defaultMessage: 'Like' },
   groupBlockConfirm: { id: 'confirmations.block_from_group.confirm', defaultMessage: 'Ban user' },
-  groupBlockFromGroupHeading: { id: 'confirmations.block_from_group.heading', defaultMessage: 'Ban from group' },
-  groupBlockFromGroupMessage: { id: 'confirmations.block_from_group.message', defaultMessage: 'Are you sure you want to ban @{name} from the group?' },
+  groupBlockFromGroupHeading: {
+    id: 'confirmations.block_from_group.heading',
+    defaultMessage: 'Ban from group',
+  },
+  groupBlockFromGroupMessage: {
+    id: 'confirmations.block_from_group.message',
+    defaultMessage: 'Are you sure you want to ban @{name} from the group?',
+  },
   groupModDelete: { id: 'status.group_mod_delete', defaultMessage: 'Delete post from group' },
-  group_remove_account: { id: 'status.remove_account_from_group', defaultMessage: 'Remove account from group' },
-  group_remove_post: { id: 'status.remove_post_from_group', defaultMessage: 'Remove post from group' },
-  loadConversation: { id: 'status.load_conversation', defaultMessage: 'Load conversation from remote server' },
-  loadConversationError: { id: 'status.load_conversation.error', defaultMessage: 'Failed to load conversation from a remote server' },
-  loadConversationSuccess: { id: 'status.load_conversation.success', defaultMessage: 'Scheduled loading conversation from a remote server' },
-  markStatusNotSensitive: { id: 'admin.statuses.actions.mark_status_not_sensitive', defaultMessage: 'Mark post not sensitive' },
-  markStatusSensitive: { id: 'admin.statuses.actions.mark_status_sensitive', defaultMessage: 'Mark post sensitive' },
+  group_remove_account: {
+    id: 'status.remove_account_from_group',
+    defaultMessage: 'Remove account from group',
+  },
+  group_remove_post: {
+    id: 'status.remove_post_from_group',
+    defaultMessage: 'Remove post from group',
+  },
+  loadConversation: {
+    id: 'status.load_conversation',
+    defaultMessage: 'Load conversation from remote server',
+  },
+  loadConversationError: {
+    id: 'status.load_conversation.error',
+    defaultMessage: 'Failed to load conversation from a remote server',
+  },
+  loadConversationSuccess: {
+    id: 'status.load_conversation.success',
+    defaultMessage: 'Scheduled loading conversation from a remote server',
+  },
+  markStatusNotSensitive: {
+    id: 'admin.statuses.actions.mark_status_not_sensitive',
+    defaultMessage: 'Mark post not sensitive',
+  },
+  markStatusSensitive: {
+    id: 'admin.statuses.actions.mark_status_sensitive',
+    defaultMessage: 'Mark post sensitive',
+  },
   mention: { id: 'status.mention', defaultMessage: 'Mention @{name}' },
   more: { id: 'status.more', defaultMessage: 'More' },
   mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },
@@ -92,20 +145,43 @@ const messages = defineMessages({
   quotePost: { id: 'status.quote', defaultMessage: 'Quote post' },
   reblog: { id: 'status.reblog', defaultMessage: 'Repost' },
   reblog_private: { id: 'status.reblog_private', defaultMessage: 'Repost to original audience' },
-  reblog_visibility: { id: 'status.reblog_visibility', defaultMessage: 'Repost to specific audience' },
-  reblog_visibility_public: { id: 'status.reblog_visibility_public', defaultMessage: 'Public repost' },
-  reblog_visibility_unlisted: { id: 'status.reblog_visibility_unlisted', defaultMessage: 'Quiet public repost' },
-  reblog_visibility_private: { id: 'status.reblog_visibility_private', defaultMessage: 'Followers-only repost' },
+  reblog_visibility: {
+    id: 'status.reblog_visibility',
+    defaultMessage: 'Repost to specific audience',
+  },
+  reblog_visibility_public: {
+    id: 'status.reblog_visibility_public',
+    defaultMessage: 'Public repost',
+  },
+  reblog_visibility_unlisted: {
+    id: 'status.reblog_visibility_unlisted',
+    defaultMessage: 'Quiet public repost',
+  },
+  reblog_visibility_private: {
+    id: 'status.reblog_visibility_private',
+    defaultMessage: 'Followers-only repost',
+  },
   redact: { id: 'status.redact', defaultMessage: 'Redact' },
   redraft: { id: 'status.redraft', defaultMessage: 'Delete & re-draft' },
   redraftConfirm: { id: 'confirmations.redraft.confirm', defaultMessage: 'Delete & redraft' },
   redraftHeading: { id: 'confirmations.redraft.heading', defaultMessage: 'Delete & redraft' },
-  redraftMessage: { id: 'confirmations.redraft.message', defaultMessage: 'Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.' },
-  replies_disabled_group: { id: 'status.disabled_replies.group_membership', defaultMessage: 'Only group members can reply' },
+  redraftMessage: {
+    id: 'confirmations.redraft.message',
+    defaultMessage:
+      'Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.',
+  },
+  replies_disabled_group: {
+    id: 'status.disabled_replies.group_membership',
+    defaultMessage: 'Only group members can reply',
+  },
   reply: { id: 'status.reply', defaultMessage: 'Reply' },
   replyAll: { id: 'status.reply_all', defaultMessage: 'Reply to thread' },
   replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },
-  replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },
+  replyMessage: {
+    id: 'confirmations.reply.message',
+    defaultMessage:
+      'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?',
+  },
   report: { id: 'account.report', defaultMessage: 'Report @{name}' },
   share: { id: 'status.share', defaultMessage: 'Share' },
   unbookmark: { id: 'status.unbookmark', defaultMessage: 'Remove bookmark' },
@@ -113,31 +189,85 @@ const messages = defineMessages({
   unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
   viewReactions: { id: 'status.view_reactions', defaultMessage: 'View reactions' },
   wrench: { id: 'status.wrench', defaultMessage: 'Wrench reaction' },
-  addKnownLanguage: { id: 'status.add_known_language', defaultMessage: 'Do not auto-translate posts in {language}.' },
+  addKnownLanguage: {
+    id: 'status.add_known_language',
+    defaultMessage: 'Do not auto-translate posts in {language}.',
+  },
   translate: { id: 'status.translate', defaultMessage: 'Translate' },
   hideTranslation: { id: 'status.hide_translation', defaultMessage: 'Hide translation' },
 
-  favouriteInteractionPolicyHeader: { id: 'status.interaction_policy.favourite.header', defaultMessage: 'The author limits who can like this post.' },
-  reblogInteractionPolicyHeader: { id: 'status.interaction_policy.reblog.header', defaultMessage: 'The author limits who can repost this post.' },
-  replyInteractionPolicyHeader: { id: 'status.interaction_policy.reply.header', defaultMessage: 'The author limits who can reply to this post.' },
+  favouriteInteractionPolicyHeader: {
+    id: 'status.interaction_policy.favourite.header',
+    defaultMessage: 'The author limits who can like this post.',
+  },
+  reblogInteractionPolicyHeader: {
+    id: 'status.interaction_policy.reblog.header',
+    defaultMessage: 'The author limits who can repost this post.',
+  },
+  replyInteractionPolicyHeader: {
+    id: 'status.interaction_policy.reply.header',
+    defaultMessage: 'The author limits who can reply to this post.',
+  },
 
-  favouriteInteractionPolicyFollowers: { id: 'status.interaction_policy.favourite.followers_only', defaultMessage: 'Only users following the author can like.' },
-  favouriteInteractionPolicyFollowing: { id: 'status.interaction_policy.favourite.following_only', defaultMessage: 'Only users followed by the author can like.' },
-  favouriteInteractionPolicyMutuals: { id: 'status.interaction_policy.favourite.mutuals_only', defaultMessage: 'Only users mutually following the author can like.' },
-  favouriteInteractionPolicyMentioned: { id: 'status.interaction_policy.favourite.mentioned_only', defaultMessage: 'Only users mentioned by the author can like.' },
+  favouriteInteractionPolicyFollowers: {
+    id: 'status.interaction_policy.favourite.followers_only',
+    defaultMessage: 'Only users following the author can like.',
+  },
+  favouriteInteractionPolicyFollowing: {
+    id: 'status.interaction_policy.favourite.following_only',
+    defaultMessage: 'Only users followed by the author can like.',
+  },
+  favouriteInteractionPolicyMutuals: {
+    id: 'status.interaction_policy.favourite.mutuals_only',
+    defaultMessage: 'Only users mutually following the author can like.',
+  },
+  favouriteInteractionPolicyMentioned: {
+    id: 'status.interaction_policy.favourite.mentioned_only',
+    defaultMessage: 'Only users mentioned by the author can like.',
+  },
 
-  reblogInteractionPolicyFollowers: { id: 'status.interaction_policy.reblog.followers_only', defaultMessage: 'Only users following the author can repost.' },
-  reblogInteractionPolicyFollowing: { id: 'status.interaction_policy.reblog.following_only', defaultMessage: 'Only users followed by the author can repost.' },
-  reblogInteractionPolicyMutuals: { id: 'status.interaction_policy.reblog.mutuals_only', defaultMessage: 'Only users mutually following the author can repost.' },
-  reblogInteractionPolicyMentioned: { id: 'status.interaction_policy.reblog.mentioned_only', defaultMessage: 'Only users mentioned by the author can repost.' },
+  reblogInteractionPolicyFollowers: {
+    id: 'status.interaction_policy.reblog.followers_only',
+    defaultMessage: 'Only users following the author can repost.',
+  },
+  reblogInteractionPolicyFollowing: {
+    id: 'status.interaction_policy.reblog.following_only',
+    defaultMessage: 'Only users followed by the author can repost.',
+  },
+  reblogInteractionPolicyMutuals: {
+    id: 'status.interaction_policy.reblog.mutuals_only',
+    defaultMessage: 'Only users mutually following the author can repost.',
+  },
+  reblogInteractionPolicyMentioned: {
+    id: 'status.interaction_policy.reblog.mentioned_only',
+    defaultMessage: 'Only users mentioned by the author can repost.',
+  },
 
-  replyInteractionPolicyFollowers: { id: 'status.interaction_policy.reply.followers_only', defaultMessage: 'Only users following the author can reply.' },
-  replyInteractionPolicyFollowing: { id: 'status.interaction_policy.reply.following_only', defaultMessage: 'Only users followed by the author can reply.' },
-  replyInteractionPolicyMutuals: { id: 'status.interaction_policy.reply.mutuals_only', defaultMessage: 'Only users mutually following the author can reply.' },
-  replyInteractionPolicyMentioned: { id: 'status.interaction_policy.reply.mentioned_only', defaultMessage: 'Only users mentioned by the author can reply.' },
+  replyInteractionPolicyFollowers: {
+    id: 'status.interaction_policy.reply.followers_only',
+    defaultMessage: 'Only users following the author can reply.',
+  },
+  replyInteractionPolicyFollowing: {
+    id: 'status.interaction_policy.reply.following_only',
+    defaultMessage: 'Only users followed by the author can reply.',
+  },
+  replyInteractionPolicyMutuals: {
+    id: 'status.interaction_policy.reply.mutuals_only',
+    defaultMessage: 'Only users mutually following the author can reply.',
+  },
+  replyInteractionPolicyMentioned: {
+    id: 'status.interaction_policy.reply.mentioned_only',
+    defaultMessage: 'Only users mentioned by the author can reply.',
+  },
 
-  favouriteApprovalRequired: { id: 'status.interaction_policy.favourite.approval_required', defaultMessage: 'The author needs to approve your like.' },
-  reblogApprovalRequired: { id: 'status.interaction_policy.reblog.approval_required', defaultMessage: 'The author needs to approve your repost.' },
+  favouriteApprovalRequired: {
+    id: 'status.interaction_policy.favourite.approval_required',
+    defaultMessage: 'The author needs to approve your like.',
+  },
+  reblogApprovalRequired: {
+    id: 'status.interaction_policy.reblog.approval_required',
+    defaultMessage: 'The author needs to approve your repost.',
+  },
 });
 
 interface IInteractionPopover {
@@ -175,7 +305,13 @@ const INTERACTION_POLICY_DESCRIPTIONS = {
 const InteractionPopover: React.FC<IInteractionPopover> = ({ type, allowed }) => {
   const intl = useIntl();
 
-  const allowedType = allowed?.includes('followers') ? 'followers' : allowed?.includes('following') ? 'following' : allowed?.includes('mutuals') ? 'mutuals' : 'mentioned';
+  const allowedType = allowed?.includes('followers')
+    ? 'followers'
+    : allowed?.includes('following')
+      ? 'following'
+      : allowed?.includes('mutuals')
+        ? 'mutuals'
+        : 'mentioned';
 
   return (
     <div className='⁂-interaction-popover'>
@@ -236,7 +372,11 @@ const ReplyButton: React.FC<IReplyButton> = ({
   const replyButton = (
     <StatusActionButton
       title={replyTitle}
-      icon={status.in_reply_to_id ? require('@phosphor-icons/core/regular/arrow-bend-double-up-left.svg') : require('@phosphor-icons/core/regular/arrow-bend-up-left.svg')}
+      icon={
+        status.in_reply_to_id
+          ? require('@phosphor-icons/core/regular/arrow-bend-double-up-left.svg')
+          : require('@phosphor-icons/core/regular/arrow-bend-up-left.svg')
+      }
       onClick={handleReplyClick}
       count={status.replies_count}
       text={withLabels ? intl.formatMessage(messages.reply) : undefined}
@@ -244,23 +384,23 @@ const ReplyButton: React.FC<IReplyButton> = ({
     />
   );
 
-  if (me && !canReply.canInteract) return (
-    <Popover
-      interaction='click'
-      content={<InteractionPopover allowed={canReply.allowed} type='reply' />}
-    >
-      {replyButton}
-    </Popover>
-  );
+  if (me && !canReply.canInteract)
+    return (
+      <Popover
+        interaction='click'
+        content={<InteractionPopover allowed={canReply.allowed} type='reply' />}
+      >
+        {replyButton}
+      </Popover>
+    );
 
   return status.group ? (
-    <GroupPopover
-      group={status.group}
-      isEnabled={replyDisabled}
-    >
+    <GroupPopover group={status.group} isEnabled={replyDisabled}>
       {replyButton}
     </GroupPopover>
-  ) : replyButton;
+  ) : (
+    replyButton
+  );
 };
 
 interface IReblogButton extends IActionButton {
@@ -293,7 +433,7 @@ const ReblogButton: React.FC<IReblogButton> = ({
     reblogIcon = require('@phosphor-icons/core/regular/lock.svg');
   }
 
-  const handleReblogClick: React.EventHandler<React.MouseEvent> = e => {
+  const handleReblogClick: React.EventHandler<React.MouseEvent> = (e) => {
     if (me) {
       const modalReblog = () => {
         if (status.reblogged) {
@@ -316,16 +456,22 @@ const ReblogButton: React.FC<IReblogButton> = ({
     }
   };
 
-  const handleReblogLongPress = status.reblogs_count ? () => {
-    openModal('REBLOGS', { statusId: status.id });
-  } : undefined;
+  const handleReblogLongPress = status.reblogs_count
+    ? () => {
+        openModal('REBLOGS', { statusId: status.id });
+      }
+    : undefined;
 
   const reblogButton = (
     <StatusActionButton
       className='⁂-status-action-bar__button--reblog'
       icon={reblogIcon}
       disabled={!publicStatus}
-      title={!publicStatus ? intl.formatMessage(messages.cannot_reblog) : intl.formatMessage(messages.reblog)}
+      title={
+        !publicStatus
+          ? intl.formatMessage(messages.cannot_reblog)
+          : intl.formatMessage(messages.reblog)
+      }
       active={status.reblogged}
       onClick={handleReblogClick}
       onLongPress={handleReblogLongPress}
@@ -334,14 +480,15 @@ const ReblogButton: React.FC<IReblogButton> = ({
     />
   );
 
-  if (me && !canReblog.canInteract) return (
-    <Popover
-      interaction='click'
-      content={<InteractionPopover allowed={canReblog.allowed} type='reblog' />}
-    >
-      {reblogButton}
-    </Popover>
-  );
+  if (me && !canReblog.canInteract)
+    return (
+      <Popover
+        interaction='click'
+        content={<InteractionPopover allowed={canReblog.allowed} type='reblog' />}
+      >
+        {reblogButton}
+      </Popover>
+    );
 
   if (!features.quotePosts || !me) return reblogButton;
 
@@ -353,22 +500,21 @@ const ReblogButton: React.FC<IReblogButton> = ({
     }
   };
 
-  const reblogMenu = [{
-    text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog),
-    action: handleReblogClick,
-    icon: require('@phosphor-icons/core/regular/repeat.svg'),
-  }, {
-    text: intl.formatMessage(messages.quotePost),
-    action: handleQuoteClick,
-    icon: require('@phosphor-icons/core/regular/quotes.svg'),
-  }];
+  const reblogMenu = [
+    {
+      text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog),
+      action: handleReblogClick,
+      icon: require('@phosphor-icons/core/regular/repeat.svg'),
+    },
+    {
+      text: intl.formatMessage(messages.quotePost),
+      action: handleQuoteClick,
+      icon: require('@phosphor-icons/core/regular/quotes.svg'),
+    },
+  ];
 
   return (
-    <DropdownMenu
-      items={reblogMenu}
-      disabled={!publicStatus}
-      onShiftClick={handleReblogClick}
-    >
+    <DropdownMenu items={reblogMenu} disabled={!publicStatus} onShiftClick={handleReblogClick}>
       {reblogButton}
     </DropdownMenu>
   );
@@ -405,15 +551,25 @@ const FavouriteButton: React.FC<IActionButton> = ({
     }
   };
 
-  const handleFavouriteLongPress = status.favourites_count ? () => {
-    openModal('FAVOURITES', { statusId: status.id });
-  } : undefined;
+  const handleFavouriteLongPress = status.favourites_count
+    ? () => {
+        openModal('FAVOURITES', { statusId: status.id });
+      }
+    : undefined;
 
   const favouriteButton = (
     <StatusActionButton
       title={intl.formatMessage(messages.favourite)}
-      icon={features.statusDislikes ? require('@phosphor-icons/core/regular/thumbs-up.svg') : require('@phosphor-icons/core/regular/star.svg')}
-      filledIcon={features.statusDislikes ? require('@phosphor-icons/core/fill/thumbs-up-fill.svg') : require('@phosphor-icons/core/fill/star-fill.svg')}
+      icon={
+        features.statusDislikes
+          ? require('@phosphor-icons/core/regular/thumbs-up.svg')
+          : require('@phosphor-icons/core/regular/star.svg')
+      }
+      filledIcon={
+        features.statusDislikes
+          ? require('@phosphor-icons/core/fill/thumbs-up-fill.svg')
+          : require('@phosphor-icons/core/fill/star-fill.svg')
+      }
       onClick={handleFavouriteClick}
       onLongPress={handleFavouriteLongPress}
       active={status.favourited}
@@ -422,14 +578,15 @@ const FavouriteButton: React.FC<IActionButton> = ({
     />
   );
 
-  if (me && !canFavourite.canInteract) return (
-    <Popover
-      interaction='click'
-      content={<InteractionPopover allowed={canFavourite.allowed} type='favourite' />}
-    >
-      {favouriteButton}
-    </Popover>
-  );
+  if (me && !canFavourite.canInteract)
+    return (
+      <Popover
+        interaction='click'
+        content={<InteractionPopover allowed={canFavourite.allowed} type='favourite' />}
+      >
+        {favouriteButton}
+      </Popover>
+    );
   return favouriteButton;
 };
 
@@ -461,9 +618,11 @@ const DislikeButton: React.FC<IActionButton> = ({
     }
   };
 
-  const handleDislikeLongPress = status.dislikes_count ? () => {
-    openModal('DISLIKES', { statusId: status.id });
-  } : undefined;
+  const handleDislikeLongPress = status.dislikes_count
+    ? () => {
+        openModal('DISLIKES', { statusId: status.id });
+      }
+    : undefined;
 
   return (
     <StatusActionButton
@@ -479,13 +638,11 @@ const DislikeButton: React.FC<IActionButton> = ({
   );
 };
 
-const getLongerWrench = (emojis: Array<CustomEmoji>) => emojis.find(({ shortcode }) => shortcode === 'longestest_wrench') ?? emojis.find(({ shortcode }) => shortcode === 'longest_wrench');
+const getLongerWrench = (emojis: Array<CustomEmoji>) =>
+  emojis.find(({ shortcode }) => shortcode === 'longestest_wrench') ??
+  emojis.find(({ shortcode }) => shortcode === 'longest_wrench');
 
-const WrenchButton: React.FC<IActionButton> = ({
-  status,
-  withLabels,
-  me,
-}) => {
+const WrenchButton: React.FC<IActionButton> = ({ status, withLabels, me }) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
   const features = useFeatures();
@@ -497,7 +654,8 @@ const WrenchButton: React.FC<IActionButton> = ({
 
   if (!me || withLabels || !features.emojiReacts || !showWrenchButton) return;
 
-  const wrenches = showWrenchButton && (status.emoji_reactions.find(emoji => emoji.name === '🔧') ?? undefined);
+  const wrenches =
+    showWrenchButton && (status.emoji_reactions.find((emoji) => emoji.name === '🔧') ?? undefined);
 
   const handleWrenchClick: React.EventHandler<React.MouseEvent> = (e) => {
     if (wrenches?.me) {
@@ -539,11 +697,20 @@ const EmojiPickerButton: React.FC<Omit<IActionButton, 'onOpenUnauthorizedModal'>
   const features = useFeatures();
 
   const handlePickEmoji = (emoji: EmojiType) => {
-    dispatch(emojiReact(status.id, emoji.custom ? emoji.id : emoji.native, emoji.custom ? emoji.imageUrl : undefined, intl));
+    dispatch(
+      emojiReact(
+        status.id,
+        emoji.custom ? emoji.id : emoji.native,
+        emoji.custom ? emoji.imageUrl : undefined,
+        intl,
+      ),
+    );
   };
 
-  return me && !withLabels && features.emojiReacts && (
-    <EmojiPickerDropdown onPickEmoji={handlePickEmoji} />
+  return (
+    me &&
+    !withLabels &&
+    features.emojiReacts && <EmojiPickerDropdown onPickEmoji={handlePickEmoji} />
   );
 };
 
@@ -571,7 +738,10 @@ const MenuButton: React.FC<IMenuButton> = ({
   const { targetLanguage } = useStatusMeta(status.id);
   const { openModal } = useModalsActions();
   const { group } = useGroup((status.group as Group)?.id);
-  const { mutate: blockGroupMember } = useBlockGroupUserMutation(status.group?.id as string, status.account.id);
+  const { mutate: blockGroupMember } = useBlockGroupUserMutation(
+    status.group?.id as string,
+    status.account.id,
+  );
   const { getOrCreateChatByAccountId } = useChats();
   const { mutate: bookmarkStatus } = useBookmarkStatus(status.id);
   const { mutate: unbookmarkStatus } = useUnbookmarkStatus(status.id);
@@ -589,19 +759,23 @@ const MenuButton: React.FC<IMenuButton> = ({
   const { mutate: unreblogStatus } = useUnreblogStatus(status.id);
 
   const autoTranslating = useMemo(() => {
-    const {
-      allow_remote: allowRemote,
-      allow_unauthenticated: allowUnauthenticated,
-    } = instance.pleroma.metadata.translation;
+    const { allow_remote: allowRemote, allow_unauthenticated: allowUnauthenticated } =
+      instance.pleroma.metadata.translation;
 
-    const renderTranslate = (me ?? allowUnauthenticated) && (allowRemote || status.account.local) && ['public', 'unlisted'].includes(status.visibility) && status.content.length > 0 && status.language !== null && !knownLanguages.includes(status.language);
-    const supportsLanguages = (translationLanguages[status.language!]?.includes(intl.locale));
+    const renderTranslate =
+      (me ?? allowUnauthenticated) &&
+      (allowRemote || status.account.local) &&
+      ['public', 'unlisted'].includes(status.visibility) &&
+      status.content.length > 0 &&
+      status.language !== null &&
+      !knownLanguages.includes(status.language);
+    const supportsLanguages = translationLanguages[status.language!]?.includes(intl.locale);
 
     return autoTranslate && features.translations && renderTranslate && supportsLanguages;
   }, [me, status, autoTranslate]);
 
   const { account } = useOwnAccount();
-  const isStaff = account ? account.is_admin ?? account.is_moderator : false;
+  const isStaff = account ? (account.is_admin ?? account.is_moderator) : false;
   const isAdmin = account ? account.is_admin : false;
 
   const menu = useMemo(() => {
@@ -625,9 +799,15 @@ const MenuButton: React.FC<IMenuButton> = ({
         dispatch(deleteStatus(status.id, undefined, withRedraft));
       } else {
         openModal('CONFIRM', {
-          heading: intl.formatMessage(withRedraft ? messages.redraftHeading : messages.deleteHeading),
-          message: intl.formatMessage(withRedraft ? messages.redraftMessage : messages.deleteMessage),
-          confirm: intl.formatMessage(withRedraft ? messages.redraftConfirm : messages.deleteConfirm),
+          heading: intl.formatMessage(
+            withRedraft ? messages.redraftHeading : messages.deleteHeading,
+          ),
+          message: intl.formatMessage(
+            withRedraft ? messages.redraftMessage : messages.deleteMessage,
+          ),
+          confirm: intl.formatMessage(
+            withRedraft ? messages.redraftConfirm : messages.deleteConfirm,
+          ),
           onConfirm: () => dispatch(deleteStatus(status.id, undefined, withRedraft)),
         });
       }
@@ -642,7 +822,11 @@ const MenuButton: React.FC<IMenuButton> = ({
     };
 
     const handleEditClick: React.EventHandler<React.MouseEvent> = () => {
-      if (status.event) navigate({ to: '/@{$username}/events/$statusId/edit', params: { username: status.account.acct, statusId: status.id } });
+      if (status.event)
+        navigate({
+          to: '/@{$username}/events/$statusId/edit',
+          params: { username: status.account.acct, statusId: status.id },
+        });
       else dispatch(editStatus(status.id));
     };
 
@@ -684,7 +868,11 @@ const MenuButton: React.FC<IMenuButton> = ({
     };
 
     const handleBlockClick: React.EventHandler<React.MouseEvent> = (e) => {
-      openModal('BLOCK_MUTE', { accountId: status.account.id, statusId: status.id, action: 'BLOCK' });
+      openModal('BLOCK_MUTE', {
+        accountId: status.account.id,
+        statusId: status.id,
+        action: 'BLOCK',
+      });
     };
 
     const handleUnblockClick: React.EventHandler<React.MouseEvent> = (e) => {
@@ -711,11 +899,12 @@ const MenuButton: React.FC<IMenuButton> = ({
     };
 
     const handleLoadConversationClick = () => {
-      client.statuses.loadConversation(status.id)
-        .then(() =>{
+      client.statuses
+        .loadConversation(status.id)
+        .then(() => {
           toast.success(messages.loadConversationSuccess);
         })
-        .catch((error) =>{
+        .catch((error) => {
           toast.error(messages.loadConversationError);
         });
     };
@@ -727,12 +916,14 @@ const MenuButton: React.FC<IMenuButton> = ({
     };
 
     const handleShare = () => {
-      navigator.share({
-        text: status.search_index,
-        url: status.uri,
-      }).catch((e) => {
-        if (e.name !== 'AbortError') console.error(e);
-      });
+      navigator
+        .share({
+          text: status.search_index,
+          url: status.uri,
+        })
+        .catch((e) => {
+          if (e.name !== 'AbortError') console.error(e);
+        });
     };
 
     const handleDeleteStatus: React.EventHandler<React.MouseEvent> = (e) => {
@@ -748,7 +939,9 @@ const MenuButton: React.FC<IMenuButton> = ({
 
       openModal('CONFIRM', {
         heading: intl.formatMessage(messages.deleteHeading),
-        message: intl.formatMessage(messages.deleteFromGroupMessage, { name: <strong className='break-words'>{account.username}</strong> }),
+        message: intl.formatMessage(messages.deleteFromGroupMessage, {
+          name: <strong className='break-words'>{account.username}</strong>,
+        }),
         confirm: intl.formatMessage(messages.deleteConfirm),
         onConfirm: () => {
           dispatch(deleteStatus(status.id, group?.id));
@@ -759,7 +952,9 @@ const MenuButton: React.FC<IMenuButton> = ({
     const handleBlockFromGroup = () => {
       openModal('CONFIRM', {
         heading: intl.formatMessage(messages.groupBlockFromGroupHeading),
-        message: intl.formatMessage(messages.groupBlockFromGroupMessage, { name: status.account.username }),
+        message: intl.formatMessage(messages.groupBlockFromGroupMessage, {
+          name: status.account.username,
+        }),
         confirm: intl.formatMessage(messages.groupBlockConfirm),
         onConfirm: () => {
           blockGroupMember(undefined, {
@@ -772,7 +967,9 @@ const MenuButton: React.FC<IMenuButton> = ({
     };
 
     const handleIgnoreLanguage = () => {
-      dispatch(changeSetting(['autoTranslate'], [...knownLanguages, status.language], { showAlert: true }));
+      dispatch(
+        changeSetting(['autoTranslate'], [...knownLanguages, status.language], { showAlert: true }),
+      );
     };
 
     const handleTranslate = () => {
@@ -840,13 +1037,17 @@ const MenuButton: React.FC<IMenuButton> = ({
       menu.push({
         text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark),
         action: handleBookmarkClick,
-        icon: status.bookmarked ? require('@phosphor-icons/core/regular/bookmark.svg') : require('@phosphor-icons/core/regular/bookmark-simple.svg'),
+        icon: status.bookmarked
+          ? require('@phosphor-icons/core/regular/bookmark.svg')
+          : require('@phosphor-icons/core/regular/bookmark-simple.svg'),
       });
     }
 
     if (features.bookmarkFolders && fromBookmarks) {
       menu.push({
-        text: intl.formatMessage(status.bookmark_folder ? messages.bookmarkChangeFolder : messages.bookmarkSetFolder),
+        text: intl.formatMessage(
+          status.bookmark_folder ? messages.bookmarkChangeFolder : messages.bookmarkSetFolder,
+        ),
         action: handleBookmarkFolderClick,
         icon: require('@phosphor-icons/core/regular/folders.svg'),
       });
@@ -865,9 +1066,13 @@ const MenuButton: React.FC<IMenuButton> = ({
     menu.push(null);
 
     menu.push({
-      text: intl.formatMessage(mutingConversation ? messages.unmuteConversation : messages.muteConversation),
+      text: intl.formatMessage(
+        mutingConversation ? messages.unmuteConversation : messages.muteConversation,
+      ),
       action: handleConversationMuteClick,
-      icon: mutingConversation ? require('@phosphor-icons/core/regular/bell-simple.svg') : require('@phosphor-icons/core/regular/bell-simple-slash.svg'),
+      icon: mutingConversation
+        ? require('@phosphor-icons/core/regular/bell-simple.svg')
+        : require('@phosphor-icons/core/regular/bell-simple-slash.svg'),
     });
 
     if (!status.in_reply_to_id && features.loadConversation) {
@@ -887,21 +1092,21 @@ const MenuButton: React.FC<IMenuButton> = ({
         items: [
           {
             text: intl.formatMessage(messages.reblog_visibility_public),
-            action: (e) =>{
+            action: (e) => {
               handleReblogClick(e, 'public');
             },
             icon: require('@phosphor-icons/core/regular/globe.svg'),
           },
           {
             text: intl.formatMessage(messages.reblog_visibility_unlisted),
-            action: (e) =>{
+            action: (e) => {
               handleReblogClick(e, 'unlisted');
             },
             icon: require('@phosphor-icons/core/regular/moon.svg'),
           },
           {
             text: intl.formatMessage(messages.reblog_visibility_private),
-            action: (e) =>{
+            action: (e) => {
               handleReblogClick(e, 'private');
             },
             icon: require('@phosphor-icons/core/regular/lock.svg'),
@@ -915,11 +1120,15 @@ const MenuButton: React.FC<IMenuButton> = ({
         menu.push({
           text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin),
           action: handlePinClick,
-          icon: status.pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg'),
+          icon: status.pinned
+            ? require('@phosphor-icons/core/regular/push-pin-slash.svg')
+            : require('@phosphor-icons/core/regular/push-pin.svg'),
         });
       } else if (status.visibility === 'private' || status.visibility === 'mutuals_only') {
         menu.push({
-          text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog_private),
+          text: intl.formatMessage(
+            status.reblogged ? messages.cancel_reblog_private : messages.reblog_private,
+          ),
           action: handleReblogClick,
           icon: require('@phosphor-icons/core/regular/repeat.svg'),
         });
@@ -1009,7 +1218,9 @@ const MenuButton: React.FC<IMenuButton> = ({
       }
 
       menu.push({
-        text: intl.formatMessage(messages.addKnownLanguage, { language: languages[status.language as 'en'] || status.language }),
+        text: intl.formatMessage(messages.addKnownLanguage, {
+          language: languages[status.language as 'en'] || status.language,
+        }),
         action: handleIgnoreLanguage,
         icon: require('@phosphor-icons/core/regular/flag.svg'),
       });
@@ -1066,7 +1277,9 @@ const MenuButton: React.FC<IMenuButton> = ({
 
       if (features.pleromaAdminStatuses) {
         menu.push({
-          text: intl.formatMessage(!status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive),
+          text: intl.formatMessage(
+            !status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive,
+          ),
           action: handleToggleStatusSensitivity,
           icon: require('@phosphor-icons/core/regular/warning.svg'),
         });
@@ -1092,16 +1305,28 @@ const MenuButton: React.FC<IMenuButton> = ({
     }
 
     return menu;
-  }, [me, targetLanguage, status.bookmarked, status.muted, status.emoji_reactions.length > 0, status.pinned, status.reblogged, status.account.relationship]);
+  }, [
+    me,
+    targetLanguage,
+    status.bookmarked,
+    status.muted,
+    status.emoji_reactions.length > 0,
+    status.pinned,
+    status.reblogged,
+    status.account.relationship,
+  ]);
 
-  return useMemo(() => (
-    <DropdownMenu items={menu}>
-      <StatusActionButton
-        title={intl.formatMessage(messages.more)}
-        icon={require('@phosphor-icons/core/regular/dots-three.svg')}
-      />
-    </DropdownMenu>
-  ), [menu]);
+  return useMemo(
+    () => (
+      <DropdownMenu items={menu}>
+        <StatusActionButton
+          title={intl.formatMessage(messages.more)}
+          icon={require('@phosphor-icons/core/regular/dots-three.svg')}
+        />
+      </DropdownMenu>
+    ),
+    [menu],
+  );
 };
 
 interface IStatusActionBar {
@@ -1121,14 +1346,16 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
   fromBookmarks = false,
   rebloggedBy,
 }) => {
-
   const { openModal } = useModalsActions();
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
 
-  const publicStatus = useMemo(() => status ? ['public', 'unlisted', 'group'].includes(status.visibility) : false, [status.visibility]);
+  const publicStatus = useMemo(
+    () => (status ? ['public', 'unlisted', 'group'].includes(status.visibility) : false),
+    [status.visibility],
+  );
 
-  const onContainerClick: React.MouseEventHandler<HTMLDivElement> = useCallback((e) =>{
+  const onContainerClick: React.MouseEventHandler<HTMLDivElement> = useCallback((e) => {
     e.stopPropagation();
   }, []);
 
@@ -1144,10 +1371,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
   }
 
   return (
-    <div
-      className={`⁂-status-action-bar ⁂-status-action-bar--${space}`}
-      onClick={onContainerClick}
-    >
+    <div className={`⁂-status-action-bar ⁂-status-action-bar--${space}`} onClick={onContainerClick}>
       <ReplyButton
         status={status}
         withLabels={withLabels}
@@ -1185,11 +1409,7 @@ const StatusActionBar: React.FC<IStatusActionBar> = ({
         onOpenUnauthorizedModal={onOpenUnauthorizedModal}
       />
 
-      <EmojiPickerButton
-        status={status}
-        withLabels={withLabels}
-        me={me}
-      />
+      <EmojiPickerButton status={status} withLabels={withLabels} me={me} />
 
       <MenuButton
         status={status}
diff --git a/packages/pl-fe/src/components/status-action-button.tsx b/packages/pl-fe/src/components/status-action-button.tsx
index 9211f0a5a..070ee98db 100644
--- a/packages/pl-fe/src/components/status-action-button.tsx
+++ b/packages/pl-fe/src/components/status-action-button.tsx
@@ -13,15 +13,17 @@ interface IStatusActionCounter {
 }
 
 /** Action button numerical counter, eg "5" likes. */
-const StatusActionCounter: React.FC<IStatusActionCounter> = React.memo(({ count = 0 }): JSX.Element => {
-  const { demetricator } = useSettings();
+const StatusActionCounter: React.FC<IStatusActionCounter> = React.memo(
+  ({ count = 0 }): JSX.Element => {
+    const { demetricator } = useSettings();
 
-  return (
-    <Text size='xs' weight='semibold' theme='inherit'>
-      <AnimatedNumber value={count} obfuscate={demetricator} short />
-    </Text>
-  );
-});
+    return (
+      <Text size='xs' weight='semibold' theme='inherit'>
+        <AnimatedNumber value={count} obfuscate={demetricator} short />
+      </Text>
+    );
+  },
+);
 
 interface IStatusActionButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   iconClassName?: string;
@@ -33,60 +35,66 @@ interface IStatusActionButton extends React.ButtonHTMLAttributes<HTMLButtonEleme
   onLongPress?: (event: React.MouseEvent | React.TouchEvent) => void;
 }
 
-const StatusActionButton = React.forwardRef<HTMLButtonElement, IStatusActionButton>((props, ref): JSX.Element => {
-  const { icon, filledIcon, className, iconClassName, active, count = 0, text, onLongPress, ...filteredProps } = props;
+const StatusActionButton = React.forwardRef<HTMLButtonElement, IStatusActionButton>(
+  (props, ref): JSX.Element => {
+    const {
+      icon,
+      filledIcon,
+      className,
+      iconClassName,
+      active,
+      count = 0,
+      text,
+      onLongPress,
+      ...filteredProps
+    } = props;
 
-  const longPressBind = useLongPress((e) => {
-    if (!onLongPress || e.type !== 'touchstart') return;
+    const longPressBind = useLongPress((e) => {
+      if (!onLongPress || e.type !== 'touchstart') return;
 
-    e.stopPropagation();
+      e.stopPropagation();
 
-    if ('vibrate' in navigator) navigator.vibrate(1);
-    onLongPress(e);
-  });
+      if ('vibrate' in navigator) navigator.vibrate(1);
+      onLongPress(e);
+    });
+
+    const renderIcon = () => {
+      return (
+        <Icon
+          src={active && filledIcon ? filledIcon : icon}
+          className={iconClassName}
+          aria-hidden
+        />
+      );
+    };
+
+    const renderText = () => {
+      if (text) {
+        return <span className='⁂-status-action-bar__button__text'>{text}</span>;
+      } else if (count) {
+        return <StatusActionCounter count={count} />;
+      }
+    };
 
-  const renderIcon = () => {
     return (
-      <Icon
-        src={active && filledIcon ? filledIcon : icon}
-        className={iconClassName}
-        aria-hidden
-      />
+      <button
+        ref={ref}
+        type='button'
+        className={clsx(
+          '⁂-status-action-bar__button',
+          {
+            '⁂-status-action-bar__button--active': active,
+          },
+          className,
+        )}
+        {...longPressBind}
+        {...filteredProps}
+      >
+        {renderIcon()}
+        {renderText()}
+      </button>
     );
-  };
-
-  const renderText = () => {
-    if (text) {
-      return (
-        <span className='⁂-status-action-bar__button__text'>
-          {text}
-        </span>
-      );
-    } else if (count) {
-      return (
-        <StatusActionCounter count={count} />
-      );
-    }
-  };
-
-  return (
-    <button
-      ref={ref}
-      type='button'
-      className={clsx(
-        '⁂-status-action-bar__button',
-        {
-          '⁂-status-action-bar__button--active': active,
-        },
-        className,
-      )}
-      {...longPressBind}
-      {...filteredProps}
-    >
-      {renderIcon()}
-      {renderText()}
-    </button>
-  );
-});
+  },
+);
 
 export { StatusActionButton as default };
diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 3ea287061..84bc7a322 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -43,7 +43,10 @@ const ReadMoreButton: React.FC<IReadMoreButton> = ({ onClick, preview }) => (
     {!preview && (
       <button className='⁂-read-more-button' onClick={onClick}>
         <FormattedMessage id='status.read_more' defaultMessage='Read more' />
-        <Icon className='inline-block size-5' src={require('@phosphor-icons/core/regular/caret-right.svg')} />
+        <Icon
+          className='inline-block size-5'
+          src={require('@phosphor-icons/core/regular/caret-right.svg')}
+        />
       </button>
     )}
   </div>
@@ -62,229 +65,269 @@ interface IStatusContent {
 }
 
 /** Renders the text content of a status */
-const StatusContent: React.FC<IStatusContent> = React.memo(({
-  status,
-  onClick,
-  collapsable = false,
-  translatable,
-  textSize = 'md',
-  isQuote = false,
-  preview,
-  withMedia,
-  compose = false,
-}) => {
-  const { urlPrivacy, displaySpoilers, renderMfm } = useSettings();
-  const { greentext } = useFrontendConfig();
+const StatusContent: React.FC<IStatusContent> = React.memo(
+  ({
+    status,
+    onClick,
+    collapsable = false,
+    translatable,
+    textSize = 'md',
+    isQuote = false,
+    preview,
+    withMedia,
+    compose = false,
+  }) => {
+    const { urlPrivacy, displaySpoilers, renderMfm } = useSettings();
+    const { greentext } = useFrontendConfig();
 
-  const [collapsed, setCollapsed] = useState<boolean | null>(null);
-  const [onlyEmoji, setOnlyEmoji] = useState(false);
-  const [lineClamp, setLineClamp] = useState(true);
+    const [collapsed, setCollapsed] = useState<boolean | null>(null);
+    const [onlyEmoji, setOnlyEmoji] = useState(false);
+    const [lineClamp, setLineClamp] = useState(true);
 
-  const contentNode = useRef<HTMLDivElement>(null);
-  const spoilerNode = useRef<HTMLSpanElement>(null);
+    const contentNode = useRef<HTMLDivElement>(null);
+    const spoilerNode = useRef<HTMLSpanElement>(null);
 
-  const { collapseStatuses, expandStatuses } = useStatusMetaActions();
-  const statusMeta = useStatusMeta(status.id);
-  const { data: translation } = useStatusTranslation(status.id, statusMeta.targetLanguage);
-  const { data: localTranslation } = useLocalStatusTranslation(status.id, statusMeta.localTargetLanguage);
-
-  const withSpoiler = status.spoiler_text?.length > 0;
-  const expanded = !withSpoiler || (statusMeta.expanded ?? false);
-
-  const maybeSetCollapsed = (): void => {
-    if (!contentNode.current) return;
-
-    if (collapsable || preview) {
-      // 20px * x lines (+ 2px padding at the top)
-      setCollapsed(contentNode.current.clientHeight >= (preview ? 82 : isQuote ? 202 : 282) || contentNode.current.scrollWidth > contentNode.current.clientWidth);
-    }
-  };
-
-  const maybeSetOnlyEmoji = (): void => {
-    if (!contentNode.current) return;
-    const only = isOnlyEmoji(contentNode.current, BIG_EMOJI_LIMIT, true);
-
-    if (only !== onlyEmoji) {
-      setOnlyEmoji(only);
-    }
-  };
-
-  const toggleExpanded: React.MouseEventHandler = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-
-    if (expanded) {
-      collapseStatuses([status.id]);
-      setCollapsed(null);
-    } else expandStatuses([status.id]);
-  };
-
-  useLayoutEffect(() => {
-    maybeSetCollapsed();
-    maybeSetOnlyEmoji();
-  }, [expanded]);
-
-  const content = useMemo(
-    (): string => localTranslation
-      ? localTranslation.content
-      : translation
-        ? translation.content
-        : (status.content_map && statusMeta.currentLanguage)
-          ? (status.content_map[statusMeta.currentLanguage] || status.content)
-          : status.content,
-    [status.content, localTranslation, translation, statusMeta.currentLanguage],
-  );
-
-  const { content: parsedContent, hashtags } = useMemo(() => {
-    if (renderMfm && !localTranslation && !translation && status.content_type === 'text/x.misskeymarkdown' && status.text) {
-      return {
-        content: <ParsedMfm text={status.text} emojis={status.emojis} mentions={status.mentions} />,
-        hashtags: [],
-      };
-    }
-
-    return parseContent({
-      html: content,
-      mentions: status.mentions,
-      hasQuote: !!status.quote_id,
-      emojis: status.emojis,
-      cleanUrls: urlPrivacy.clearLinksInContent,
-      redirectUrls: urlPrivacy.redirectLinksMode !== 'off',
-      displayTargetHost: urlPrivacy.displayTargetHost,
-      greentext,
-      speakAsCat: status.account.speak_as_cat,
-    }, true);
-  }, [content, renderMfm]);
-
-  const spoilerText = status.spoiler_text_map && statusMeta.currentLanguage
-    ? status.spoiler_text_map[statusMeta.currentLanguage] || status.spoiler_text
-    : status.spoiler_text;
-
-  useLayoutEffect(() => {
-    setLineClamp(!spoilerNode.current || spoilerNode.current.clientHeight >= 96);
-  }, [spoilerText]);
-
-  const direction = getTextDirection(status.search_index);
-  const className = useMemo(() => clsx('⁂-status-content', {
-    'overflow-hidden': collapsed,
-    'max-h-[200px]': collapsed && !isQuote && !preview,
-    'max-h-[120px]': collapsed && isQuote,
-    'max-h-[80px]': collapsed && preview,
-    'max-h-[282px]': collapsable && collapsed === null && !isQuote && !preview,
-    'max-h-[202px]': collapsable && collapsed === null && isQuote,
-    'max-h-[82px]': collapsed === null && preview,
-    'leading-normal big-emoji': onlyEmoji,
-    '⁂-status-content--expanded': !collapsable,
-    '⁂-status-content--quote': isQuote,
-    '⁂-status-content--preview': preview,
-    '⁂-status-content--poll': !!status.poll_id,
-  }), [collapsed, onlyEmoji]);
-
-  const expandable = !displaySpoilers;
-
-  const output = [];
-
-  if (spoilerText) {
-    output.push(
-      <p
-        className={clsx('⁂-status-title', {
-          '⁂-status-title--clamp': !expanded && lineClamp,
-        })}
-        key='spoiler'
-        aria-expanded={expanded}
-        {...(expandable ? { onClick: toggleExpanded, role: 'button' } : {})}
-      >
-        <span ref={spoilerNode}>
-          <Emojify text={spoilerText} emojis={status.emojis} />
-        </span>
-        {expandable && (
-          <button onClick={toggleExpanded}>
-            <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} />
-            <span>
-              {expanded
-                ? <FormattedMessage id='status.spoiler.collapse' defaultMessage='Collapse' />
-                : <FormattedMessage id='status.spoiler.expand' defaultMessage='Expand' />}
-            </span>
-          </button>
-        )}
-      </p>,
+    const { collapseStatuses, expandStatuses } = useStatusMetaActions();
+    const statusMeta = useStatusMeta(status.id);
+    const { data: translation } = useStatusTranslation(status.id, statusMeta.targetLanguage);
+    const { data: localTranslation } = useLocalStatusTranslation(
+      status.id,
+      statusMeta.localTargetLanguage,
     );
-  }
 
-  if (!expandable || expanded) {
-    let quote;
+    const withSpoiler = status.spoiler_text?.length > 0;
+    const expanded = !withSpoiler || (statusMeta.expanded ?? false);
 
-    if (withMedia && status.quote_id) {
-      if (isQuote) {
-        quote = (
-          <QuotedStatusIndicator statusId={status.quote_id} statusUrl={status.quote_url} />
+    const maybeSetCollapsed = (): void => {
+      if (!contentNode.current) return;
+
+      if (collapsable || preview) {
+        // 20px * x lines (+ 2px padding at the top)
+        setCollapsed(
+          contentNode.current.clientHeight >= (preview ? 82 : isQuote ? 202 : 282) ||
+            contentNode.current.scrollWidth > contentNode.current.clientWidth,
         );
-      } else if (!(status.quote_visible ?? true)) {
-        quote = (
-          <OutlineBox>
-            <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
-          </OutlineBox>
-        );
-      } else {
-        quote = <QuotedStatus statusId={status.quote_id} />;
       }
-    }
+    };
 
-    const media = ((quote ?? status.card) ?? (withMedia && status.media_attachments.length > 0)) && (
-      <Stack space={4} key='media'>
-        {((withMedia && status.media_attachments.length > 0) ?? (status.card && !quote)) && (
-          <div className='relative has-[div[data-testid="sensitive-overlay"]]:min-h-24'>
-            <SensitiveContentOverlay status={status} />
-            {withMedia && <StatusMedia status={status} muted={compose} />}
-          </div>
-        )}
+    const maybeSetOnlyEmoji = (): void => {
+      if (!contentNode.current) return;
+      const only = isOnlyEmoji(contentNode.current, BIG_EMOJI_LIMIT, true);
 
-        {quote}
-      </Stack>
+      if (only !== onlyEmoji) {
+        setOnlyEmoji(only);
+      }
+    };
+
+    const toggleExpanded: React.MouseEventHandler = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+
+      if (expanded) {
+        collapseStatuses([status.id]);
+        setCollapsed(null);
+      } else expandStatuses([status.id]);
+    };
+
+    useLayoutEffect(() => {
+      maybeSetCollapsed();
+      maybeSetOnlyEmoji();
+    }, [expanded]);
+
+    const content = useMemo(
+      (): string =>
+        localTranslation
+          ? localTranslation.content
+          : translation
+            ? translation.content
+            : status.content_map && statusMeta.currentLanguage
+              ? status.content_map[statusMeta.currentLanguage] || status.content
+              : status.content,
+      [status.content, localTranslation, translation, statusMeta.currentLanguage],
     );
 
-    if (status.content) {
+    const { content: parsedContent, hashtags } = useMemo(() => {
+      if (
+        renderMfm &&
+        !localTranslation &&
+        !translation &&
+        status.content_type === 'text/x.misskeymarkdown' &&
+        status.text
+      ) {
+        return {
+          content: (
+            <ParsedMfm text={status.text} emojis={status.emojis} mentions={status.mentions} />
+          ),
+          hashtags: [],
+        };
+      }
+
+      return parseContent(
+        {
+          html: content,
+          mentions: status.mentions,
+          hasQuote: !!status.quote_id,
+          emojis: status.emojis,
+          cleanUrls: urlPrivacy.clearLinksInContent,
+          redirectUrls: urlPrivacy.redirectLinksMode !== 'off',
+          displayTargetHost: urlPrivacy.displayTargetHost,
+          greentext,
+          speakAsCat: status.account.speak_as_cat,
+        },
+        true,
+      );
+    }, [content, renderMfm]);
+
+    const spoilerText =
+      status.spoiler_text_map && statusMeta.currentLanguage
+        ? status.spoiler_text_map[statusMeta.currentLanguage] || status.spoiler_text
+        : status.spoiler_text;
+
+    useLayoutEffect(() => {
+      setLineClamp(!spoilerNode.current || spoilerNode.current.clientHeight >= 96);
+    }, [spoilerText]);
+
+    const direction = getTextDirection(status.search_index);
+    const className = useMemo(
+      () =>
+        clsx('⁂-status-content', {
+          'overflow-hidden': collapsed,
+          'max-h-[200px]': collapsed && !isQuote && !preview,
+          'max-h-[120px]': collapsed && isQuote,
+          'max-h-[80px]': collapsed && preview,
+          'max-h-[282px]': collapsable && collapsed === null && !isQuote && !preview,
+          'max-h-[202px]': collapsable && collapsed === null && isQuote,
+          'max-h-[82px]': collapsed === null && preview,
+          'big-emoji leading-normal': onlyEmoji,
+          '⁂-status-content--expanded': !collapsable,
+          '⁂-status-content--quote': isQuote,
+          '⁂-status-content--preview': preview,
+          '⁂-status-content--poll': !!status.poll_id,
+        }),
+      [collapsed, onlyEmoji],
+    );
+
+    const expandable = !displaySpoilers;
+
+    const output = [];
+
+    if (spoilerText) {
       output.push(
-        <Markup
-          ref={contentNode}
-          tabIndex={0}
-          key='content'
-          className={className}
-          direction={direction}
-          lang={status.language ?? undefined}
-          size={textSize}
+        <p
+          className={clsx('⁂-status-title', {
+            '⁂-status-title--clamp': !expanded && lineClamp,
+          })}
+          key='spoiler'
+          aria-expanded={expanded}
+          {...(expandable ? { onClick: toggleExpanded, role: 'button' } : {})}
         >
-          {parsedContent}
-        </Markup>,
+          <span ref={spoilerNode}>
+            <Emojify text={spoilerText} emojis={status.emojis} />
+          </span>
+          {expandable && (
+            <button onClick={toggleExpanded}>
+              <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} />
+              <span>
+                {expanded ? (
+                  <FormattedMessage id='status.spoiler.collapse' defaultMessage='Collapse' />
+                ) : (
+                  <FormattedMessage id='status.spoiler.expand' defaultMessage='Expand' />
+                )}
+              </span>
+            </button>
+          )}
+        </p>,
       );
     }
 
-    if (collapsed) {
-      output.push(<ReadMoreButton onClick={onClick} key='read-more' preview={preview} />);
+    if (!expandable || expanded) {
+      let quote;
+
+      if (withMedia && status.quote_id) {
+        if (isQuote) {
+          quote = <QuotedStatusIndicator statusId={status.quote_id} statusUrl={status.quote_url} />;
+        } else if (!(status.quote_visible ?? true)) {
+          quote = (
+            <OutlineBox>
+              <p>
+                <FormattedMessage
+                  id='statuses.quote_tombstone'
+                  defaultMessage='Post is unavailable.'
+                />
+              </p>
+            </OutlineBox>
+          );
+        } else {
+          quote = <QuotedStatus statusId={status.quote_id} />;
+        }
+      }
+
+      const media = (quote ??
+        status.card ??
+        (withMedia && status.media_attachments.length > 0)) && (
+        <Stack space={4} key='media'>
+          {((withMedia && status.media_attachments.length > 0) ?? (status.card && !quote)) && (
+            <div className='relative has-[div[data-testid="sensitive-overlay"]]:min-h-24'>
+              <SensitiveContentOverlay status={status} />
+              {withMedia && <StatusMedia status={status} muted={compose} />}
+            </div>
+          )}
+
+          {quote}
+        </Stack>
+      );
+
+      if (status.content) {
+        output.push(
+          <Markup
+            ref={contentNode}
+            tabIndex={0}
+            key='content'
+            className={className}
+            direction={direction}
+            lang={status.language ?? undefined}
+            size={textSize}
+          >
+            {parsedContent}
+          </Markup>,
+        );
+      }
+
+      if (collapsed) {
+        output.push(<ReadMoreButton onClick={onClick} key='read-more' preview={preview} />);
+      }
+
+      if (status.poll_id) {
+        output.push(
+          <Poll
+            id={status.poll_id}
+            key='poll'
+            status={status}
+            language={statusMeta.currentLanguage}
+            truncate={collapsable}
+          />,
+        );
+      }
+
+      if (translatable) {
+        output.push(<TranslateButton status={status} key='translate' />);
+      }
+
+      if (media) {
+        output.push(media);
+      }
+
+      if (hashtags.length) {
+        output.push(<HashtagsBar key='hashtags' hashtags={hashtags} />);
+      }
     }
 
-    if (status.poll_id) {
-      output.push(<Poll id={status.poll_id} key='poll' status={status} language={statusMeta.currentLanguage} truncate={collapsable} />);
+    if (onClick) {
+      return <div className='⁂-status-content__container'>{output}</div>;
+    } else {
+      return <>{output}</>;
     }
-
-    if (translatable) {
-      output.push(<TranslateButton status={status} key='translate' />);
-    }
-
-    if (media) {
-      output.push(media);
-    }
-
-    if (hashtags.length) {
-      output.push(<HashtagsBar key='hashtags' hashtags={hashtags} />);
-    }
-  }
-
-  if (onClick) {
-    return <div className='⁂-status-content__container'>{output}</div>;
-  } else {
-    return <>{output}</>;
-  }
-});
+  },
+);
 
 export { StatusContent as default };
diff --git a/packages/pl-fe/src/components/status-hover-card.tsx b/packages/pl-fe/src/components/status-hover-card.tsx
index b0ede9db4..c390029c0 100644
--- a/packages/pl-fe/src/components/status-hover-card.tsx
+++ b/packages/pl-fe/src/components/status-hover-card.tsx
@@ -24,7 +24,7 @@ const StatusHoverCard: React.FC<IStatusHoverCard> = ({ visible = true }) => {
   const { statusId, ref } = useStatusHoverCardStore();
   const { closeStatusHoverCard, updateStatusHoverCard } = useStatusHoverCardActions();
 
-  const status = useAppSelector(state => state.statuses[statusId!]);
+  const status = useAppSelector((state) => state.statuses[statusId!]);
 
   useEffect(() => {
     if (statusId && !status) {
@@ -85,9 +85,9 @@ const StatusHoverCard: React.FC<IStatusHoverCard> = ({ visible = true }) => {
   return (
     <div
       className={clsx({
-        'absolute transition-opacity w-[500px] z-50 top-0 left-0': true,
+        'absolute left-0 top-0 z-50 w-[500px] transition-opacity': true,
         'opacity-100': visible,
-        'opacity-0 pointer-events-none': !visible,
+        'pointer-events-none opacity-0': !visible,
       })}
       ref={refs.setFloating}
       style={{
diff --git a/packages/pl-fe/src/components/status-language-picker.tsx b/packages/pl-fe/src/components/status-language-picker.tsx
index f19d2b286..a67cc3855 100644
--- a/packages/pl-fe/src/components/status-language-picker.tsx
+++ b/packages/pl-fe/src/components/status-language-picker.tsx
@@ -12,7 +12,10 @@ import DropdownMenu from './dropdown-menu';
 import type { Status } from '@/normalizers/status';
 
 const messages = defineMessages({
-  languageVersions: { id: 'status.language_versions', defaultMessage: 'The post has multiple language versions.' },
+  languageVersions: {
+    id: 'status.language_versions',
+    defaultMessage: 'The post has multiple language versions.',
+  },
 });
 
 interface IStatusLanguagePicker {
@@ -20,44 +23,51 @@ interface IStatusLanguagePicker {
   showLabel?: boolean;
 }
 
-const StatusLanguagePicker: React.FC<IStatusLanguagePicker> = React.memo(({ status, showLabel }) => {
-  const intl = useIntl();
+const StatusLanguagePicker: React.FC<IStatusLanguagePicker> = React.memo(
+  ({ status, showLabel }) => {
+    const intl = useIntl();
 
-  const { currentLanguage } = useStatusMeta(status.id);
-  const { setStatusLanguage } = useStatusMetaActions();
+    const { currentLanguage } = useStatusMeta(status.id);
+    const { setStatusLanguage } = useStatusMetaActions();
 
-  if (!status.content_map || Object.keys(status.content_map).length < 2) return null;
+    if (!status.content_map || Object.keys(status.content_map).length < 2) return null;
 
-  const icon = <Icon className='size-4 text-gray-700 dark:text-gray-600' src={require('@phosphor-icons/core/regular/translate.svg')} />;
+    const icon = (
+      <Icon
+        className='size-4 text-gray-700 dark:text-gray-600'
+        src={require('@phosphor-icons/core/regular/translate.svg')}
+      />
+    );
 
-  return (
-    <>
-      <span className='⁂-separator' />
+    return (
+      <>
+        <span className='⁂-separator' />
 
-      <DropdownMenu
-        items={Object.keys(status.content_map).map((language) => ({
-          text: languages[language as Language] || language,
-          action: () =>{
-            setStatusLanguage(status.id, language);
-          },
-          active: language === currentLanguage,
-        }))}
-      >
-        <button title={intl.formatMessage(messages.languageVersions)} className='hover:underline'>
-          {showLabel ? (
-            <HStack space={1} alignItems='center'>
-              {icon}
-              <Text tag='span' theme='muted' size='sm'>
-                {languages[currentLanguage as Language] || currentLanguage}
-              </Text>
-            </HStack>
-          ) : icon}
-        </button>
-      </DropdownMenu>
-    </>
-  );
-});
+        <DropdownMenu
+          items={Object.keys(status.content_map).map((language) => ({
+            text: languages[language as Language] || language,
+            action: () => {
+              setStatusLanguage(status.id, language);
+            },
+            active: language === currentLanguage,
+          }))}
+        >
+          <button title={intl.formatMessage(messages.languageVersions)} className='hover:underline'>
+            {showLabel ? (
+              <HStack space={1} alignItems='center'>
+                {icon}
+                <Text tag='span' theme='muted' size='sm'>
+                  {languages[currentLanguage as Language] || currentLanguage}
+                </Text>
+              </HStack>
+            ) : (
+              icon
+            )}
+          </button>
+        </DropdownMenu>
+      </>
+    );
+  },
+);
 
-export {
-  StatusLanguagePicker as default,
-};
+export { StatusLanguagePicker as default };
diff --git a/packages/pl-fe/src/components/status-list.tsx b/packages/pl-fe/src/components/status-list.tsx
index 85533694f..b51dd8905 100644
--- a/packages/pl-fe/src/components/status-list.tsx
+++ b/packages/pl-fe/src/components/status-list.tsx
@@ -70,9 +70,9 @@ const StatusList: React.FC<IStatusList> = ({
 
   const getCurrentStatusIndex = (id: string, featured: boolean): number => {
     if (featured) {
-      return featuredStatusIds?.findIndex(key => key === id) ?? 0;
+      return featuredStatusIds?.findIndex((key) => key === id) ?? 0;
     } else {
-      return statusIds.findIndex(key => key === id) + getFeaturedStatusCount();
+      return statusIds.findIndex((key) => key === id) + getFeaturedStatusCount();
     }
   };
 
@@ -83,19 +83,37 @@ const StatusList: React.FC<IStatusList> = ({
 
   const handleMoveDown = (id: string, featured: boolean = false) => {
     const elementIndex = getCurrentStatusIndex(id, featured) + 1;
-    selectChild(elementIndex, node, document.getElementById('status-list') ?? undefined, scrollableContent.length);
+    selectChild(
+      elementIndex,
+      node,
+      document.getElementById('status-list') ?? undefined,
+      scrollableContent.length,
+    );
   };
 
-  const handleLoadOlder = useCallback(debounce(() => {
-    const maxId = lastStatusId ?? statusIds.at(-1);
-    if (onLoadMore && maxId) {
-      onLoadMore(maxId);
-    }
-  }, 300, { leading: true }), [onLoadMore, lastStatusId, statusIds.at(-1)]);
+  const handleLoadOlder = useCallback(
+    debounce(
+      () => {
+        const maxId = lastStatusId ?? statusIds.at(-1);
+        if (onLoadMore && maxId) {
+          onLoadMore(maxId);
+        }
+      },
+      300,
+      { leading: true },
+    ),
+    [onLoadMore, lastStatusId, statusIds.at(-1)],
+  );
 
   const handleSkipPinned = () => {
-    const skipPinned = () =>{
-      selectChild(getFeaturedStatusCount(), node, document.getElementById('status-list') ?? undefined, scrollableContent.length, 'start');
+    const skipPinned = () => {
+      selectChild(
+        getFeaturedStatusCount(),
+        node,
+        document.getElementById('status-list') ?? undefined,
+        scrollableContent.length,
+        'start',
+      );
     };
 
     skipPinned();
@@ -111,12 +129,7 @@ const StatusList: React.FC<IStatusList> = ({
     if (index < 1 || !nextId || !prevId || !onLoadMore) return null;
 
     return (
-      <LoadGap
-        key={'gap:' + nextId}
-        disabled={isLoading}
-        maxId={prevId}
-        onClick={onLoadMore}
-      />
+      <LoadGap key={'gap:' + nextId} disabled={isLoading} maxId={prevId} onClick={onLoadMore} />
     );
   };
 
@@ -137,20 +150,14 @@ const StatusList: React.FC<IStatusList> = ({
   const renderPendingStatus = (statusId: string) => {
     const idempotencyKey = statusId.replace(/^末pending-/, '');
 
-    return (
-      <PendingStatus
-        key={statusId}
-        idempotencyKey={idempotencyKey}
-        variant='slim'
-      />
-    );
+    return <PendingStatus key={statusId} idempotencyKey={idempotencyKey} variant='slim' />;
   };
 
   const scrollableContent = useMemo(() => {
     const renderFeaturedStatuses = (): React.ReactNode[] => {
       if (!featuredStatusIds) return [];
 
-      return featuredStatusIds.map(statusId => (
+      return featuredStatusIds.map((statusId) => (
         <StatusContainer
           key={`f-${statusId}`}
           id={statusId}
@@ -199,11 +206,18 @@ const StatusList: React.FC<IStatusList> = ({
     return (
       <div className='⁂-status-list__empty'>
         <h2>
-          <FormattedMessage id='regeneration_indicator.label' tagName='strong' defaultMessage='Loading…' />
+          <FormattedMessage
+            id='regeneration_indicator.label'
+            tagName='strong'
+            defaultMessage='Loading…'
+          />
         </h2>
 
         <p>
-          <FormattedMessage id='regeneration_indicator.sublabel' defaultMessage='Your home feed is being prepared!' />
+          <FormattedMessage
+            id='regeneration_indicator.sublabel'
+            defaultMessage='Your home feed is being prepared!'
+          />
         </p>
       </div>
     );
diff --git a/packages/pl-fe/src/components/status-media.tsx b/packages/pl-fe/src/components/status-media.tsx
index cdbf3845d..ab4e8abee 100644
--- a/packages/pl-fe/src/components/status-media.tsx
+++ b/packages/pl-fe/src/components/status-media.tsx
@@ -14,7 +14,18 @@ import type { MediaAttachment } from 'pl-api';
 
 interface IStatusMedia {
   /** Status entity to render media for. */
-  status: Pick<Status, 'id' | 'account' | 'card' | 'expectsCard' | 'filtered' | 'media_attachments' | 'quote_id' | 'sensitive' | 'visibility'>;
+  status: Pick<
+    Status,
+    | 'id'
+    | 'account'
+    | 'card'
+    | 'expectsCard'
+    | 'filtered'
+    | 'media_attachments'
+    | 'quote_id'
+    | 'sensitive'
+    | 'visibility'
+  >;
   /** Whether to display compact media. */
   muted?: boolean;
   /** Callback when compact media is clicked. */
@@ -22,11 +33,7 @@ interface IStatusMedia {
 }
 
 /** Render media attachments for a status. */
-const StatusMedia: React.FC<IStatusMedia> = ({
-  status,
-  muted = false,
-  onClick,
-}) => {
+const StatusMedia: React.FC<IStatusMedia> = ({ status, muted = false, onClick }) => {
   const { openModal } = useModalsActions();
   const { displayMedia } = useSettings();
 
@@ -37,14 +44,22 @@ const StatusMedia: React.FC<IStatusMedia> = ({
 
   let media: JSX.Element | null = null;
 
-  const renderLoadingMediaGallery = (): JSX.Element => <div className='media_gallery' style={{ height: '285px' }} />;
+  const renderLoadingMediaGallery = (): JSX.Element => (
+    <div className='media_gallery' style={{ height: '285px' }} />
+  );
 
   const renderLoadingVideoPlayer = (): JSX.Element => (
-    <div className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat' style={{ height: '285px' }} />
+    <div
+      className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat'
+      style={{ height: '285px' }}
+    />
   );
 
   const renderLoadingAudioPlayer = (): JSX.Element => (
-    <div className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat' style={{ height: '285px' }} />
+    <div
+      className='relative mt-2 block cursor-pointer border-0 bg-cover bg-center bg-no-repeat'
+      style={{ height: '285px' }}
+    />
   );
 
   const openMedia = (media: Array<MediaAttachment>, index: number) => {
@@ -53,12 +68,7 @@ const StatusMedia: React.FC<IStatusMedia> = ({
 
   if (size > 0 && firstAttachment) {
     if (muted) {
-      media = (
-        <AttachmentThumbs
-          status={status}
-          onClick={onClick}
-        />
-      );
+      media = <AttachmentThumbs status={status} onClick={onClick} />;
     } else if (size === 1 && firstAttachment.type === 'video') {
       const video = firstAttachment;
 
@@ -84,7 +94,11 @@ const StatusMedia: React.FC<IStatusMedia> = ({
           <Audio
             src={attachment.url}
             alt={attachment.description}
-            poster={attachment.preview_url !== attachment.url ? attachment.preview_url : status.account.avatar_static}
+            poster={
+              attachment.preview_url !== attachment.url
+                ? attachment.preview_url
+                : status.account.avatar_static
+            }
             backgroundColor={attachment.meta.colors?.background}
             foregroundColor={attachment.meta.colors?.foreground}
             accentColor={attachment.meta.colors?.accent}
@@ -106,25 +120,18 @@ const StatusMedia: React.FC<IStatusMedia> = ({
       );
     }
   } else if (!status.quote_id && status.card) {
-    media = (
-      <PreviewCard
-        onOpenMedia={openMedia}
-        card={status.card}
-        compact
-      />
-    );
+    media = <PreviewCard onOpenMedia={openMedia} card={status.card} compact />;
   } else if (status.expectsCard) {
-    media = (
-      <PlaceholderCard />
-    );
+    media = <PlaceholderCard />;
   }
 
   if (media) {
     return (
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      <div onClick={e =>{
-        e.stopPropagation();
-      }}
+      <div
+        onClick={(e) => {
+          e.stopPropagation();
+        }}
       >
         {media}
       </div>
diff --git a/packages/pl-fe/src/components/status-mention.tsx b/packages/pl-fe/src/components/status-mention.tsx
index 835c4ef87..b537a3e08 100644
--- a/packages/pl-fe/src/components/status-mention.tsx
+++ b/packages/pl-fe/src/components/status-mention.tsx
@@ -13,11 +13,12 @@ interface IStatusMention {
 const StatusMention: React.FC<IStatusMention> = ({ accountId, fallback }) => {
   const { account } = useAccount(accountId);
 
-  if (!account) return (
-    <HoverAccountWrapper accountId={accountId} element='span'>
-      {fallback}
-    </HoverAccountWrapper>
-  );
+  if (!account)
+    return (
+      <HoverAccountWrapper accountId={accountId} element='span'>
+        {fallback}
+      </HoverAccountWrapper>
+    );
 
   return (
     <Link
@@ -25,7 +26,7 @@ const StatusMention: React.FC<IStatusMention> = ({ accountId, fallback }) => {
       params={{ username: account.acct }}
       className='text-primary-600 hover:underline dark:text-primary-400'
       dir='ltr'
-      onClick={(e) =>{
+      onClick={(e) => {
         e.stopPropagation();
       }}
     >
diff --git a/packages/pl-fe/src/components/status-reactions-bar.tsx b/packages/pl-fe/src/components/status-reactions-bar.tsx
index 635a28145..94b122306 100644
--- a/packages/pl-fe/src/components/status-reactions-bar.tsx
+++ b/packages/pl-fe/src/components/status-reactions-bar.tsx
@@ -21,7 +21,10 @@ import type { SelectedStatus } from '@/selectors';
 import type { EmojiReaction } from 'pl-api';
 
 const messages = defineMessages({
-  emojiCount: { id: 'status.reactions.label', defaultMessage: '{count} {count, plural, one {person} other {people}} reacted with {emoji}' },
+  emojiCount: {
+    id: 'status.reactions.label',
+    defaultMessage: '{count} {count, plural, one {person} other {people}} reacted with {emoji}',
+  },
   addEmoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' },
 });
 
@@ -37,7 +40,12 @@ interface IStatusReaction {
   unauthenticated?: boolean;
 }
 
-const StatusReaction: React.FC<IStatusReaction> = ({ reaction, statusId, obfuscate, unauthenticated }) => {
+const StatusReaction: React.FC<IStatusReaction> = ({
+  reaction,
+  statusId,
+  obfuscate,
+  unauthenticated,
+}) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
   const features = useFeatures();
@@ -106,25 +114,36 @@ const StatusReactionsBar: React.FC<IStatusReactionsBar> = ({ status, collapsed }
   const features = useFeatures();
 
   const handlePickEmoji = (emoji: EmojiType) => {
-    dispatch(emojiReact(status.id, emoji.custom ? emoji.id : emoji.native, emoji.custom ? emoji.imageUrl : undefined, intl));
+    dispatch(
+      emojiReact(
+        status.id,
+        emoji.custom ? emoji.id : emoji.native,
+        emoji.custom ? emoji.imageUrl : undefined,
+        intl,
+      ),
+    );
   };
 
   if ((demetricator || status.emoji_reactions.length === 0) && collapsed) return null;
   if (status.emoji_reactions.length === 0 && !features.emojiReacts) return null;
 
-  const sortedReactions = status.emoji_reactions.toSorted((a, b) => (b.count ?? 0) - (a.count ?? 0));
+  const sortedReactions = status.emoji_reactions.toSorted(
+    (a, b) => (b.count ?? 0) - (a.count ?? 0),
+  );
 
   return (
     <div className='⁂-status-reactions-bar'>
-      {sortedReactions.map((reaction) => reaction.count ? (
-        <StatusReaction
-          key={reaction.name}
-          statusId={status.id}
-          reaction={reaction}
-          obfuscate={demetricator}
-          unauthenticated={!me}
-        />
-      ) : null)}
+      {sortedReactions.map((reaction) =>
+        reaction.count ? (
+          <StatusReaction
+            key={reaction.name}
+            statusId={status.id}
+            reaction={reaction}
+            obfuscate={demetricator}
+            unauthenticated={!me}
+          />
+        ) : null,
+      )}
       {me && (
         <EmojiPickerDropdown onPickEmoji={handlePickEmoji}>
           <button
diff --git a/packages/pl-fe/src/components/status-reply-mentions.tsx b/packages/pl-fe/src/components/status-reply-mentions.tsx
index 14ebb5466..172c25a9d 100644
--- a/packages/pl-fe/src/components/status-reply-mentions.tsx
+++ b/packages/pl-fe/src/components/status-reply-mentions.tsx
@@ -33,21 +33,14 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
   if (to.length === 0) {
     const body = (
       <div className='mb-1 block text-sm text-gray-700 dark:text-gray-600'>
-        <FormattedMessage
-          id='reply_mentions.reply_empty'
-          defaultMessage='Replying to post'
-        />
+        <FormattedMessage id='reply_mentions.reply_empty' defaultMessage='Replying to post' />
       </div>
     );
 
     if (hoverable) {
       return (
         <HoverStatusWrapper statusId={status.in_reply_to_id} inline>
-          <span
-            key='hoverstatus'
-            className='cursor-pointer hover:underline'
-            role='presentation'
-          >
+          <span key='hoverstatus' className='cursor-pointer hover:underline' role='presentation'>
             {body}
           </span>
         </HoverStatusWrapper>
@@ -58,14 +51,14 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
   }
 
   // The typical case with a reply-to and a list of mentions.
-  const accounts = to.slice(0, 2).map(account => {
+  const accounts = to.slice(0, 2).map((account) => {
     const link = (
       <Link
         key={account.id}
         to='/@{$username}'
         params={{ username: account.acct }}
         className='inline-block max-w-[200px] truncate align-bottom text-primary-600 no-underline [direction:ltr] hover:text-primary-700 hover:underline dark:text-primary-400 dark:hover:text-primary-400'
-        onClick={(e) =>{
+        onClick={(e) => {
           e.stopPropagation();
         }}
       >
@@ -86,8 +79,18 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
 
   if (to.length > 2) {
     accounts.push(
-      <span key='more' className='cursor-pointer hover:underline' role='button' onClick={handleOpenMentionsModal} tabIndex={0}>
-        <FormattedMessage id='reply_mentions.more' defaultMessage='{count} more' values={{ count: to.length - 2 }} />
+      <span
+        key='more'
+        className='cursor-pointer hover:underline'
+        role='button'
+        onClick={handleOpenMentionsModal}
+        tabIndex={0}
+      >
+        <FormattedMessage
+          id='reply_mentions.more'
+          defaultMessage='{count} more'
+          values={{ count: to.length - 2 }}
+        />
       </span>,
     );
   }
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index 7822c65ca..e94eb81b0 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -15,7 +15,12 @@ import { Hotkeys } from '@/features/ui/components/hotkeys';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFollowedTags } from '@/queries/hashtags/use-followed-tags';
-import { useFavouriteStatus, useReblogStatus, useUnfavouriteStatus, useUnreblogStatus } from '@/queries/statuses/use-status-interactions';
+import {
+  useFavouriteStatus,
+  useReblogStatus,
+  useUnfavouriteStatus,
+  useUnreblogStatus,
+} from '@/queries/statuses/use-status-interactions';
 import { makeGetStatus, type SelectedStatus } from '@/selectors';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
@@ -33,8 +38,6 @@ import StatusReplyMentions from './status-reply-mentions';
 import StatusInfo from './statuses/status-info';
 import Tombstone from './tombstone';
 
-
-
 const messages = defineMessages({
   reblogged_by: { id: 'status.reblogged_by', defaultMessage: '{name} reposted' },
 });
@@ -46,11 +49,19 @@ interface IAccountInfo {
 const AccountInfo: React.FC<IAccountInfo> = React.memo(({ status }) => (
   <div className='flex flex-row-reverse items-center gap-1 self-baseline'>
     <Link
-      to='/@{$username}/posts/$statusId' params={{ username: status.account.acct, statusId: status.id }} className='hover:underline' onClick={(event) =>{
+      to='/@{$username}/posts/$statusId'
+      params={{ username: status.account.acct, statusId: status.id }}
+      className='hover:underline'
+      onClick={(event) => {
         event.stopPropagation();
       }}
     >
-      <RelativeTimestamp timestamp={status.created_at} theme='muted' size='sm' className='whitespace-nowrap' />
+      <RelativeTimestamp
+        timestamp={status.created_at}
+        theme='muted'
+        size='sm'
+        className='whitespace-nowrap'
+      />
     </Link>
     <StatusTypeIcon visibility={status.visibility} />
     <StatusLanguagePicker status={status} />
@@ -58,7 +69,10 @@ const AccountInfo: React.FC<IAccountInfo> = React.memo(({ status }) => (
       <>
         <span className='⁂-separator' />
 
-        <Icon className='size-4 text-gray-700 dark:text-gray-600' src={require('@phosphor-icons/core/regular/pencil-simple.svg')} />
+        <Icon
+          className='size-4 text-gray-700 dark:text-gray-600'
+          src={require('@phosphor-icons/core/regular/pencil-simple.svg')}
+        />
       </>
     )}
   </div>
@@ -72,19 +86,26 @@ interface IStatusFollowedTagInfo {
 const StatusFollowedTagInfo: React.FC<IStatusFollowedTagInfo> = ({ status, avatarSize }) => {
   const { data: followedTags } = useFollowedTags();
 
-  const filteredTags = status.tags.filter(tag => followedTags?.some(followed => followed.name.toLowerCase() === tag.name.toLowerCase()));
+  const filteredTags = status.tags.filter((tag) =>
+    followedTags?.some((followed) => followed.name.toLowerCase() === tag.name.toLowerCase()),
+  );
 
   if (!filteredTags.length) {
     return null;
   }
 
-  const tagLinks = filteredTags.slice(0, 2).map(tag => (
-    <HashtagLink key={tag.name} hashtag={tag.name} />
-  ));
+  const tagLinks = filteredTags
+    .slice(0, 2)
+    .map((tag) => <HashtagLink key={tag.name} hashtag={tag.name} />);
 
   if (filteredTags.length > 2) {
     tagLinks.push(
-      <FormattedMessage key='more' id='reply_mentions.more' defaultMessage='{count} more' values={{ count: filteredTags.length - 2 }} />,
+      <FormattedMessage
+        key='more'
+        id='reply_mentions.more'
+        defaultMessage='{count} more'
+        values={{ count: filteredTags.length - 2 }}
+      />,
     );
   }
 
@@ -92,7 +113,12 @@ const StatusFollowedTagInfo: React.FC<IStatusFollowedTagInfo> = ({ status, avata
     <StatusInfo
       className='-mb-1'
       avatarSize={avatarSize}
-      icon={<Icon src={require('@phosphor-icons/core/regular/hash.svg')} className='size-4 text-primary-600 dark:text-primary-400' />}
+      icon={
+        <Icon
+          src={require('@phosphor-icons/core/regular/hash.svg')}
+          className='size-4 text-primary-600 dark:text-primary-400'
+        />
+      }
       text={
         <FormattedMessage
           id='status.followed_tag'
@@ -160,7 +186,9 @@ const Status: React.FC<IStatus> = (props) => {
   const node = useRef<HTMLDivElement>(null);
 
   const getStatus = useMemo(makeGetStatus, []);
-  const actualStatus = useAppSelector(state => (status.reblog_id && getStatus(state, { id: status.reblog_id })) ?? status);
+  const actualStatus = useAppSelector(
+    (state) => (status.reblog_id && getStatus(state, { id: status.reblog_id })) ?? status,
+  );
 
   const { mutate: favouriteStatus } = useFavouriteStatus(actualStatus.id);
   const { mutate: unfavouriteStatus } = useUnfavouriteStatus(actualStatus.id);
@@ -171,12 +199,19 @@ const Status: React.FC<IStatus> = (props) => {
   const group = actualStatus.group;
 
   const filterResults = useMemo(() => {
-    return [...status.filtered, ...actualStatus.filtered].filter(({ filter }) => filter.filter_action === 'warn').reduce((uniqueFilters, current) => {
-      if (!uniqueFilters.some(({ filter: uniqueFilter }) => uniqueFilter.id === current.filter.id)) {
-        uniqueFilters.push(current);
-      }
-      return uniqueFilters;
-    }, [] as typeof status.filtered);
+    return [...status.filtered, ...actualStatus.filtered]
+      .filter(({ filter }) => filter.filter_action === 'warn')
+      .reduce(
+        (uniqueFilters, current) => {
+          if (
+            !uniqueFilters.some(({ filter: uniqueFilter }) => uniqueFilter.id === current.filter.id)
+          ) {
+            uniqueFilters.push(current);
+          }
+          return uniqueFilters;
+        },
+        [] as typeof status.filtered,
+      );
   }, [status.filtered, actualStatus.filtered]);
   const filtered = filterResults.length > 0;
 
@@ -249,7 +284,10 @@ const Status: React.FC<IStatus> = (props) => {
   };
 
   const handleHotkeyOpen = () => {
-    navigate({ to: '/@{$username}/posts/$statusId', params: { username: actualStatus.account.acct, statusId: actualStatus.id } });
+    navigate({
+      to: '/@{$username}/posts/$statusId',
+      params: { username: actualStatus.account.acct, statusId: actualStatus.id },
+    });
   };
 
   const handleHotkeyOpenProfile = () => {
@@ -289,7 +327,12 @@ const Status: React.FC<IStatus> = (props) => {
         <StatusInfo
           className='-mb-1'
           avatarSize={avatarSize}
-          icon={<Icon src={require('@phosphor-icons/core/regular/repeat.svg')} className='size-4 text-green-600' />}
+          icon={
+            <Icon
+              src={require('@phosphor-icons/core/regular/repeat.svg')}
+              className='size-4 text-green-600'
+            />
+          }
           text={
             <FormattedMessage
               id='status.reblogged_by_with_group'
@@ -303,13 +346,20 @@ const Status: React.FC<IStatus> = (props) => {
                   >
                     <bdi className='truncate'>
                       <strong className='text-gray-800 dark:text-gray-200'>
-                        <Emojify text={status.account.display_name} emojis={status.account.emojis} />
+                        <Emojify
+                          text={status.account.display_name}
+                          emojis={status.account.emojis}
+                        />
                       </strong>
                     </bdi>
                   </Link>
                 ),
                 group: (
-                  <Link to='/groups/$groupId' params={{ groupId: group.id }} className='hover:underline'>
+                  <Link
+                    to='/groups/$groupId'
+                    params={{ groupId: group.id }}
+                    className='hover:underline'
+                  >
                     <strong className='text-gray-800 dark:text-gray-200'>
                       <Emojify text={group.display_name} emojis={group.emojis} />
                     </strong>
@@ -323,15 +373,23 @@ const Status: React.FC<IStatus> = (props) => {
     } else if (isReblog) {
       const accounts = status.accounts ?? [status.account];
 
-      const renderedAccounts = accounts.slice(0, 2).map(account => !!account && (
-        <Link key={account.acct} to='/@{$username}' params={{ username: account.acct }} className='hover:underline'>
-          <bdi className='truncate'>
-            <strong className='text-gray-800 dark:text-gray-200'>
-              <Emojify text={account.display_name} emojis={account.emojis} />
-            </strong>
-          </bdi>
-        </Link>
-      ));
+      const renderedAccounts = accounts.slice(0, 2).map(
+        (account) =>
+          !!account && (
+            <Link
+              key={account.acct}
+              to='/@{$username}'
+              params={{ username: account.acct }}
+              className='hover:underline'
+            >
+              <bdi className='truncate'>
+                <strong className='text-gray-800 dark:text-gray-200'>
+                  <Emojify text={account.display_name} emojis={account.emojis} />
+                </strong>
+              </bdi>
+            </Link>
+          ),
+      );
 
       if (accounts.length > 2) {
         renderedAccounts.push(
@@ -352,7 +410,12 @@ const Status: React.FC<IStatus> = (props) => {
         <StatusInfo
           className='-mb-1'
           avatarSize={avatarSize}
-          icon={<Icon src={require('@phosphor-icons/core/regular/repeat.svg')} className='size-4 text-green-600' />}
+          icon={
+            <Icon
+              src={require('@phosphor-icons/core/regular/repeat.svg')}
+              className='size-4 text-green-600'
+            />
+          }
           text={
             status.visibility === 'private' ? (
               <FormattedMessage
@@ -375,10 +438,13 @@ const Status: React.FC<IStatus> = (props) => {
         <StatusInfo
           className='-mb-1'
           avatarSize={avatarSize}
-          icon={<Icon src={require('@phosphor-icons/core/regular/push-pin.svg')} className='size-4 text-gray-600 dark:text-gray-400' />}
-          text={
-            <FormattedMessage id='status.pinned' defaultMessage='Pinned post' />
+          icon={
+            <Icon
+              src={require('@phosphor-icons/core/regular/push-pin.svg')}
+              className='size-4 text-gray-600 dark:text-gray-400'
+            />
           }
+          text={<FormattedMessage id='status.pinned' defaultMessage='Pinned post' />}
         />
       );
     } else if (showGroup && group) {
@@ -386,14 +452,23 @@ const Status: React.FC<IStatus> = (props) => {
         <StatusInfo
           className='-mb-1'
           avatarSize={avatarSize}
-          icon={<Icon src={require('@phosphor-icons/core/regular/users-three.svg')} className='size-4 text-primary-600 dark:text-primary-400' />}
+          icon={
+            <Icon
+              src={require('@phosphor-icons/core/regular/users-three.svg')}
+              className='size-4 text-primary-600 dark:text-primary-400'
+            />
+          }
           text={
             <FormattedMessage
               id='status.group'
               defaultMessage='Posted in {group}'
               values={{
                 group: (
-                  <Link to='/groups/$groupId' params={{ groupId: group.id }} className='hover:underline'>
+                  <Link
+                    to='/groups/$groupId'
+                    params={{ groupId: group.id }}
+                    className='hover:underline'
+                  >
                     <bdi className='truncate'>
                       <strong className='text-gray-800 dark:text-gray-200'>
                         <Emojify text={group.display_name} emojis={group.emojis} />
@@ -413,17 +488,19 @@ const Status: React.FC<IStatus> = (props) => {
 
   if (!status) return null;
 
-  if (status.deleted) return (
-    <Tombstone id={status.id} onMoveUp={onMoveUp} onMoveDown={onMoveDown} deleted />
-  );
+  if (status.deleted)
+    return <Tombstone id={status.id} onMoveUp={onMoveUp} onMoveDown={onMoveDown} deleted />;
 
   if (filtered && actualStatus.showFiltered !== true) {
     const body = (
       <div className={clsx('status__wrapper text-center')} ref={node}>
         <Text theme='muted'>
-          <FormattedMessage id='status.filtered' defaultMessage='Filtered' />: {filterResults.map(({ filter }) => filter.title).join(', ')}.
-          {' '}
-          <button className='text-primary-600 hover:underline dark:text-primary-400' onClick={handleUnfilter}>
+          <FormattedMessage id='status.filtered' defaultMessage='Filtered' />:{' '}
+          {filterResults.map(({ filter }) => filter.title).join(', ')}.{' '}
+          <button
+            className='text-primary-600 hover:underline dark:text-primary-400'
+            onClick={handleUnfilter}
+          >
             <FormattedMessage id='status.show_filter_reason' defaultMessage='Show anyway' />
           </button>
         </Text>
@@ -446,10 +523,7 @@ const Status: React.FC<IStatus> = (props) => {
 
   let rebloggedByText;
   if (status.reblog_id === 'object') {
-    rebloggedByText = intl.formatMessage(
-      messages.reblogged_by,
-      { name: status.account.acct },
-    );
+    rebloggedByText = intl.formatMessage(messages.reblogged_by, { name: status.account.acct });
   }
 
   const body = (
@@ -493,7 +567,9 @@ const Status: React.FC<IStatus> = (props) => {
         <div className='status__content-wrapper'>
           <StatusReplyMentions status={actualStatus} hoverable={hoverable} />
 
-          {actualStatus.event ? <EventPreview className='shadow-xl' status={actualStatus} /> : (
+          {actualStatus.event ? (
+            <EventPreview className='shadow-xl' status={actualStatus} />
+          ) : (
             <StatusContent
               status={actualStatus}
               onClick={handleClick}
@@ -522,7 +598,7 @@ const Status: React.FC<IStatus> = (props) => {
           )}
         </div>
       </Card>
-    </div >
+    </div>
   );
 
   if (muted) return body;
@@ -548,7 +624,4 @@ const Status: React.FC<IStatus> = (props) => {
   );
 };
 
-export {
-  type IStatus,
-  Status as default,
-};
+export { type IStatus, Status as default };
diff --git a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
index e5b2aa77a..64520ee5a 100644
--- a/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
+++ b/packages/pl-fe/src/components/statuses/sensitive-content-overlay.tsx
@@ -11,13 +11,18 @@ import { useStatusMeta, useStatusMetaActions } from '@/stores/status-meta';
 import type { Status } from '@/normalizers/status';
 import type { FilterResult } from 'pl-api';
 
-const useMediaVisible = (status: Pick<Status, 'media_attachments' | 'sensitive'> & Partial<Pick<Status, 'filtered' | 'id'>>, displayMedia: 'default' | 'show_all' | 'hide_all'): [boolean, Array<FilterResult>] => {
+const useMediaVisible = (
+  status: Pick<Status, 'media_attachments' | 'sensitive'> &
+    Partial<Pick<Status, 'filtered' | 'id'>>,
+  displayMedia: 'default' | 'show_all' | 'hide_all',
+): [boolean, Array<FilterResult>] => {
   const { mediaVisible } = useStatusMeta(status.id as string);
 
   return useMemo(() => {
     let visible = !status.sensitive;
 
-    const filterResults = status.filtered?.filter(({ filter }) => filter.filter_action === 'blur') ?? [];
+    const filterResults =
+      status.filtered?.filter(({ filter }) => filter.filter_action === 'blur') ?? [];
 
     if (filterResults.length) return [mediaVisible ?? false, filterResults];
 
@@ -29,10 +34,14 @@ const useMediaVisible = (status: Pick<Status, 'media_attachments' | 'sensitive'>
   }, [status.sensitive, status.filtered, mediaVisible]);
 };
 
-const useShowOverlay = (status: Pick<Status, 'id' | 'filtered' | 'media_attachments' | 'sensitive'>, displayMedia: 'default' | 'show_all' | 'hide_all') => {
+const useShowOverlay = (
+  status: Pick<Status, 'id' | 'filtered' | 'media_attachments' | 'sensitive'>,
+  displayMedia: 'default' | 'show_all' | 'hide_all',
+) => {
   const [visible] = useMediaVisible(status, displayMedia);
 
-  const showHideButton = status.sensitive || (status.media_attachments.length && displayMedia === 'hide_all');
+  const showHideButton =
+    status.sensitive || (status.media_attachments.length && displayMedia === 'hide_all');
 
   return !visible || showHideButton;
 };
@@ -41,83 +50,92 @@ interface ISensitiveContentOverlay {
   status: Pick<Status, 'id' | 'filtered' | 'sensitive' | 'media_attachments'>;
 }
 
-const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveContentOverlay>((props, ref) => {
-  const { status } = props;
+const SensitiveContentOverlay = React.forwardRef<HTMLDivElement, ISensitiveContentOverlay>(
+  (props, ref) => {
+    const { status } = props;
 
-  const { displayMedia } = useSettings();
+    const { displayMedia } = useSettings();
 
-  const [visible, filters] = useMediaVisible(status, displayMedia);
+    const [visible, filters] = useMediaVisible(status, displayMedia);
 
-  const matchedFilters = useMemo(() => filters.map(({ filter }) => filter.title), [filters]);
+    const matchedFilters = useMemo(() => filters.map(({ filter }) => filter.title), [filters]);
 
-  const { hideStatusesMedia, revealStatusesMedia } = useStatusMetaActions();
+    const { hideStatusesMedia, revealStatusesMedia } = useStatusMetaActions();
 
-  const toggleVisibility = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.stopPropagation();
+    const toggleVisibility = (event: React.MouseEvent<HTMLButtonElement>) => {
+      event.stopPropagation();
 
-    if (visible) hideStatusesMedia([status.id]);
-    else revealStatusesMedia([status.id]);
-  };
+      if (visible) hideStatusesMedia([status.id]);
+      else revealStatusesMedia([status.id]);
+    };
 
-  if (!useShowOverlay(status, displayMedia)) return null;
+    if (!useShowOverlay(status, displayMedia)) return null;
 
-  return (
-    <div
-      className={clsx('absolute z-40', {
-        'cursor-default backdrop-blur-lg rounded-md w-full h-full border-0 flex justify-center': !visible,
-        'bg-gray-800/75 inset-0': !visible,
-        'bottom-1 right-1': visible,
-      })}
-      data-testid='sensitive-overlay'
-    >
-      {visible ? (
-        <Button
-          text={<FormattedMessage id='moderation_overlay.hide' defaultMessage='Hide content' />}
-          icon={require('@phosphor-icons/core/regular/eye-slash.svg')}
-          onClick={toggleVisibility}
-          theme='primary'
-          size='sm'
-        />
-      ) : (
-        <div className='flex max-h-screen items-center justify-center'>
-          <div className='mx-auto space-y-4 text-center' ref={ref}>
-            <div className='space-y-1'>
-              <Text theme='white' weight='semibold'>
-                <FormattedMessage id='status.sensitive_warning' defaultMessage='Sensitive content' />
-              </Text>
-
-              <Text theme='white' size='sm' weight='medium'>
-                {filters.length ? (
+    return (
+      <div
+        className={clsx('absolute z-40', {
+          'flex h-full w-full cursor-default justify-center rounded-md border-0 backdrop-blur-lg':
+            !visible,
+          'inset-0 bg-gray-800/75': !visible,
+          'bottom-1 right-1': visible,
+        })}
+        data-testid='sensitive-overlay'
+      >
+        {visible ? (
+          <Button
+            text={<FormattedMessage id='moderation_overlay.hide' defaultMessage='Hide content' />}
+            icon={require('@phosphor-icons/core/regular/eye-slash.svg')}
+            onClick={toggleVisibility}
+            theme='primary'
+            size='sm'
+          />
+        ) : (
+          <div className='flex max-h-screen items-center justify-center'>
+            <div className='mx-auto space-y-4 text-center' ref={ref}>
+              <div className='space-y-1'>
+                <Text theme='white' weight='semibold'>
                   <FormattedMessage
-                    id='status.sensitive_warning.matches_filter'
-                    defaultMessage='Matches filter “<span>{title}</span>”'
-                    values={{
-                      title: matchedFilters.join(', '),
-                      span: (chunks) => <span className='filter-name'>{chunks}</span>,
-                    }}
+                    id='status.sensitive_warning'
+                    defaultMessage='Sensitive content'
                   />
-                ) : (
-                  <FormattedMessage id='status.sensitive_warning.subtitle' defaultMessage='This content may not be suitable for all audiences.' />
-                )}
-              </Text>
-            </div>
+                </Text>
 
-            <HStack alignItems='center' justifyContent='center' space={2}>
-              <Button
-                type='button'
-                theme='outlined'
-                size='sm'
-                icon={require('@phosphor-icons/core/regular/eye.svg')}
-                onClick={toggleVisibility}
-              >
-                <FormattedMessage id='moderation_overlay.show' defaultMessage='Show content' />
-              </Button>
-            </HStack>
+                <Text theme='white' size='sm' weight='medium'>
+                  {filters.length ? (
+                    <FormattedMessage
+                      id='status.sensitive_warning.matches_filter'
+                      defaultMessage='Matches filter “<span>{title}</span>”'
+                      values={{
+                        title: matchedFilters.join(', '),
+                        span: (chunks) => <span className='filter-name'>{chunks}</span>,
+                      }}
+                    />
+                  ) : (
+                    <FormattedMessage
+                      id='status.sensitive_warning.subtitle'
+                      defaultMessage='This content may not be suitable for all audiences.'
+                    />
+                  )}
+                </Text>
+              </div>
+
+              <HStack alignItems='center' justifyContent='center' space={2}>
+                <Button
+                  type='button'
+                  theme='outlined'
+                  size='sm'
+                  icon={require('@phosphor-icons/core/regular/eye.svg')}
+                  onClick={toggleVisibility}
+                >
+                  <FormattedMessage id='moderation_overlay.show' defaultMessage='Show content' />
+                </Button>
+              </HStack>
+            </div>
           </div>
-        </div>
-      )}
-    </div>
-  );
-});
+        )}
+      </div>
+    );
+  },
+);
 
 export { SensitiveContentOverlay as default, useMediaVisible };
diff --git a/packages/pl-fe/src/components/statuses/status-info.tsx b/packages/pl-fe/src/components/statuses/status-info.tsx
index 792f314db..098919e0c 100644
--- a/packages/pl-fe/src/components/statuses/status-info.tsx
+++ b/packages/pl-fe/src/components/statuses/status-info.tsx
@@ -20,7 +20,10 @@ const StatusInfo = (props: IStatusInfo) => {
     <div
       className={clsx('⁂-status-info', className)}
       onClick={onClick}
-      style={{ marginLeft: Math.max(0, avatarSize - 25), maxWidth: `calc(100% - ${Math.max(0, avatarSize - 25)}px)` }}
+      style={{
+        marginLeft: Math.max(0, avatarSize - 25),
+        maxWidth: `calc(100% - ${Math.max(0, avatarSize - 25)}px)`,
+      }}
       title={title}
     >
       {icon}
diff --git a/packages/pl-fe/src/components/still-image.tsx b/packages/pl-fe/src/components/still-image.tsx
index f4082f8ae..d7919b9be 100644
--- a/packages/pl-fe/src/components/still-image.tsx
+++ b/packages/pl-fe/src/components/still-image.tsx
@@ -32,14 +32,30 @@ interface IStillImage {
 
 /** Renders images on a canvas, only playing GIFs if autoPlayGif is enabled. */
 const StillImage: React.FC<IStillImage> = ({
-  alt, className, innerClassName, src, staticSrc, style, letterboxed = false, showExt = false, onError, onLoad, isGif, noGroup,
+  alt,
+  className,
+  innerClassName,
+  src,
+  staticSrc,
+  style,
+  letterboxed = false,
+  showExt = false,
+  onError,
+  onLoad,
+  isGif,
+  noGroup,
 }) => {
   const { autoPlayGif } = useSettings();
 
   const canvas = useRef<HTMLCanvasElement>(null);
   const img = useRef<HTMLImageElement>(null);
 
-  const hoverToPlay = src && !autoPlayGif && ((isGif ?? src.endsWith('.gif')) || src.startsWith('blob:') || (src && staticSrc && src !== staticSrc));
+  const hoverToPlay =
+    src &&
+    !autoPlayGif &&
+    ((isGif ?? src.endsWith('.gif')) ||
+      src.startsWith('blob:') ||
+      (src && staticSrc && src !== staticSrc));
 
   const handleImageLoad: React.ReactEventHandler<HTMLImageElement> = (e) => {
     if (hoverToPlay && !staticSrc && canvas.current && img.current) {
@@ -66,7 +82,7 @@ const StillImage: React.FC<IStillImage> = ({
   return (
     <span
       data-testid='still-image-container'
-      className={clsx(className, 'relative isolate', { 'group': !noGroup })}
+      className={clsx(className, 'relative isolate', { group: !noGroup })}
       style={style}
     >
       <img
@@ -80,20 +96,21 @@ const StillImage: React.FC<IStillImage> = ({
         })}
       />
 
-      {hoverToPlay && (staticSrc ? (
-        <img
-          src={staticSrc}
-          alt={alt}
-          className={clsx(baseClassName, 'absolute top-0 group-hover:invisible')}
-        />
-      ) : (
-        <canvas
-          ref={canvas}
-          className={clsx(baseClassName, 'absolute top-0 group-hover:invisible')}
-        />
-      ))}
+      {hoverToPlay &&
+        (staticSrc ? (
+          <img
+            src={staticSrc}
+            alt={alt}
+            className={clsx(baseClassName, 'absolute top-0 group-hover:invisible')}
+          />
+        ) : (
+          <canvas
+            ref={canvas}
+            className={clsx(baseClassName, 'absolute top-0 group-hover:invisible')}
+          />
+        ))}
 
-      {(hoverToPlay && showExt) && (
+      {hoverToPlay && showExt && (
         <div className='pointer-events-none absolute bottom-2 left-2 opacity-90 group-hover:hidden'>
           <ExtensionBadge ext='GIF' />
         </div>
@@ -114,7 +131,4 @@ const ExtensionBadge: React.FC<IExtensionBadge> = ({ ext }) => (
   </div>
 );
 
-export {
-  type IStillImage,
-  StillImage as default,
-};
+export { type IStillImage, StillImage as default };
diff --git a/packages/pl-fe/src/components/thumb-navigation-link.tsx b/packages/pl-fe/src/components/thumb-navigation-link.tsx
index 43f745764..23ff7b035 100644
--- a/packages/pl-fe/src/components/thumb-navigation-link.tsx
+++ b/packages/pl-fe/src/components/thumb-navigation-link.tsx
@@ -14,21 +14,35 @@ interface IThumbNavigationLink extends LinkOptions {
   exact?: boolean;
 }
 
-const ThumbNavigationLink: React.FC<IThumbNavigationLink> = ({ count, countMax, src, activeSrc, text, exact, ...props }): JSX.Element => {
+const ThumbNavigationLink: React.FC<IThumbNavigationLink> = ({
+  count,
+  countMax,
+  src,
+  activeSrc,
+  text,
+  exact,
+  ...props
+}): JSX.Element => {
   const { demetricator } = useSettings();
 
   const matchRoute = useMatchRoute();
 
-  const icon = (activeSrc && matchRoute({ to: props.to, params: props.params, search: props.search }) !== false && activeSrc) ?? src;
+  const icon =
+    (activeSrc &&
+      matchRoute({ to: props.to, params: props.params, search: props.search }) !== false &&
+      activeSrc) ??
+    src;
 
   return (
-    <Link {...props} activeOptions={{ exact }} className='⁂-thumb-navigation__item' activeProps={{ className: '⁂-thumb-navigation__item--active' }} title={text}>
+    <Link
+      {...props}
+      activeOptions={{ exact }}
+      className='⁂-thumb-navigation__item'
+      activeProps={{ className: '⁂-thumb-navigation__item--active' }}
+      title={text}
+    >
       {!demetricator && count !== undefined ? (
-        <IconWithCounter
-          src={icon}
-          count={count}
-          countMax={countMax}
-        />
+        <IconWithCounter src={icon} count={count} countMax={countMax} />
       ) : (
         <Icon src={icon} />
       )}
diff --git a/packages/pl-fe/src/components/tombstone.tsx b/packages/pl-fe/src/components/tombstone.tsx
index c8877c349..702b63893 100644
--- a/packages/pl-fe/src/components/tombstone.tsx
+++ b/packages/pl-fe/src/components/tombstone.tsx
@@ -25,9 +25,17 @@ const Tombstone: React.FC<ITombstone> = ({ id, onMoveUp, onMoveDown, deleted })
         tabIndex={0}
       >
         <Text theme='muted'>
-          {deleted
-            ? <FormattedMessage id='statuses.tombstone.deleted' defaultMessage='The post is deleted.' />
-            : <FormattedMessage id='statuses.tombstone' defaultMessage='One or more posts are unavailable.' />}
+          {deleted ? (
+            <FormattedMessage
+              id='statuses.tombstone.deleted'
+              defaultMessage='The post is deleted.'
+            />
+          ) : (
+            <FormattedMessage
+              id='statuses.tombstone'
+              defaultMessage='One or more posts are unavailable.'
+            />
+          )}
         </Text>
       </div>
     </Hotkeys>
diff --git a/packages/pl-fe/src/components/translate-button.tsx b/packages/pl-fe/src/components/translate-button.tsx
index 9c9c87022..689ac053f 100644
--- a/packages/pl-fe/src/components/translate-button.tsx
+++ b/packages/pl-fe/src/components/translate-button.tsx
@@ -10,23 +10,31 @@ import { useInstance } from '@/hooks/use-instance';
 import { useTranslationLanguages } from '@/queries/instance/use-translation-languages';
 import { useLocalStatusTranslation } from '@/queries/statuses/use-local-status-translation';
 import { useStatusTranslation } from '@/queries/statuses/use-status-translation';
-import { useLanguageModelAvailability, useLanguageModelAvailabilityActions } from '@/stores/language-model-availability';
+import {
+  useLanguageModelAvailability,
+  useLanguageModelAvailabilityActions,
+} from '@/stores/language-model-availability';
 import { useSettings } from '@/stores/settings';
 import { useStatusMeta, useStatusMetaActions } from '@/stores/status-meta';
 
 import type { Status } from '@/normalizers/status';
 import type { Instance } from 'pl-api';
 
-const canRemoteTranslate = (status: ITranslateButton['status'], instance: Instance, supportedLanguages: Record<string, Array<string>>, locale: string, isLoggedIn?: boolean) => {
-  const {
-    allow_remote: allowRemote,
-    allow_unauthenticated: allowUnauthenticated,
-  } = instance.pleroma.metadata.translation;
+const canRemoteTranslate = (
+  status: ITranslateButton['status'],
+  instance: Instance,
+  supportedLanguages: Record<string, Array<string>>,
+  locale: string,
+  isLoggedIn?: boolean,
+) => {
+  const { allow_remote: allowRemote, allow_unauthenticated: allowUnauthenticated } =
+    instance.pleroma.metadata.translation;
 
   if (status.content.length < 0) return false;
 
   // TODO: support language detection
-  if (status.language === null || locale === status.language || status.content_map?.[locale]) return false;
+  if (status.language === null || locale === status.language || status.content_map?.[locale])
+    return false;
 
   if (!['public', 'unlisted'].includes(status.visibility)) return false;
 
@@ -41,13 +49,17 @@ const canRemoteTranslate = (status: ITranslateButton['status'], instance: Instan
 
 type Availability = Awaited<ReturnType<typeof Translator.availability>>;
 
-const localTranslationAvailability = (status: ITranslateButton['status'], locale: string): Promise<Availability | false> => {
+const localTranslationAvailability = (
+  status: ITranslateButton['status'],
+  locale: string,
+): Promise<Availability | false> => {
   if (!('Translator' in window)) return 'unavailable';
 
   if (status.content.length < 0) return false;
 
   // TODO: support language detection
-  if (status.language === null || locale === status.language || status.content_map?.[locale]) return false;
+  if (status.language === null || locale === status.language || status.content_map?.[locale])
+    return false;
 
   return Translator.availability({
     sourceLanguage: status.language,
@@ -80,22 +92,29 @@ const TranslateButton: React.FC<ITranslateButton> = ({ status }) => {
 
   const translationQuery = localTargetLanguage ? localTranslationQuery : remoteTranslationQuery;
 
-  const [localTranslate, setLocalTranslate] = React.useState<Exclude<Availability, 'unavailable'> | false>();
+  const [localTranslate, setLocalTranslate] = React.useState<
+    Exclude<Availability, 'unavailable'> | false
+  >();
 
-  const remoteTranslate = features.translations && canRemoteTranslate(status, instance, translationLanguages, intl.locale, !!me);
+  const remoteTranslate =
+    features.translations &&
+    canRemoteTranslate(status, instance, translationLanguages, intl.locale, !!me);
 
   useEffect(() => {
-    localTranslationAvailability(status, intl.locale).then((availability) => {
-      setLocalTranslate(availability === 'unavailable' ? false : availability);
-      if (availability) setLanguageModelAvailability(status.language!, intl.locale, availability);
-    }).catch(() => {});
+    localTranslationAvailability(status, intl.locale)
+      .then((availability) => {
+        setLocalTranslate(availability === 'unavailable' ? false : availability);
+        if (availability) setLanguageModelAvailability(status.language!, intl.locale, availability);
+      })
+      .catch(() => {});
   }, [status.language, intl.locale]);
 
   const handleTranslate: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.stopPropagation();
 
     if (localTargetLanguage) {
-      hideLocalTranslation(status.id); return;
+      hideLocalTranslation(status.id);
+      return;
     }
 
     if (remoteTranslate) {
@@ -112,57 +131,65 @@ const TranslateButton: React.FC<ITranslateButton> = ({ status }) => {
   };
 
   useEffect(() => {
-    if (translationQuery.data === undefined && settings.autoTranslate && remoteTranslate && status.language !== null && !knownLanguages.includes(status.language)) {
+    if (
+      translationQuery.data === undefined &&
+      settings.autoTranslate &&
+      remoteTranslate &&
+      status.language !== null &&
+      !knownLanguages.includes(status.language)
+    ) {
       fetchTranslation(status.id, intl.locale);
     }
   }, []);
 
-  if (!remoteTranslate && !localTranslate || translationQuery.data === false) return null;
+  if ((!remoteTranslate && !localTranslate) || translationQuery.data === false) return null;
 
   const translationLabel = () => {
     if (translationQuery.data) {
-      return (
-        <FormattedMessage id='status.show_original' defaultMessage='Show original' />
-      );
+      return <FormattedMessage id='status.show_original' defaultMessage='Show original' />;
     }
 
     if (translationQuery.isLoading) {
       if (languageModelAvailability === 'downloading') {
         return (
-          <FormattedMessage id='status.translating.downloading' defaultMessage='Downloading model…' />
+          <FormattedMessage
+            id='status.translating.downloading'
+            defaultMessage='Downloading model…'
+          />
         );
       }
 
-      return (
-        <FormattedMessage id='status.translating' defaultMessage='Translating…' />
-      );
+      return <FormattedMessage id='status.translating' defaultMessage='Translating…' />;
     }
 
     if (remoteTranslate) {
-      return (
-        <FormattedMessage id='status.translate' defaultMessage='Translate' />
-      );
+      return <FormattedMessage id='status.translate' defaultMessage='Translate' />;
     }
 
     if (localTranslate && languageModelAvailability !== 'downloadable') {
-      return (
-        <FormattedMessage id='status.translate.local' defaultMessage='Translate locally' />
-      );
+      return <FormattedMessage id='status.translate.local' defaultMessage='Translate locally' />;
     }
 
     return (
-      <FormattedMessage id='status.translate.download' defaultMessage='Download model and translate locally' />
+      <FormattedMessage
+        id='status.translate.download'
+        defaultMessage='Download model and translate locally'
+      />
     );
   };
 
   const button = (
-    <button className='flex w-fit items-center gap-1 text-primary-600 hover:underline dark:text-gray-600' onClick={handleTranslate}>
+    <button
+      className='flex w-fit items-center gap-1 text-primary-600 hover:underline dark:text-gray-600'
+      onClick={handleTranslate}
+    >
       <Icon src={require('@phosphor-icons/core/regular/translate.svg')} className='size-4' />
-      <span>
-        {translationLabel()}
-      </span>
+      <span>{translationLabel()}</span>
       {translationQuery.isLoading && (
-        <Icon src={require('@phosphor-icons/core/regular/circle-notch.svg')} className='size-4 animate-spin' />
+        <Icon
+          src={require('@phosphor-icons/core/regular/circle-notch.svg')}
+          className='size-4 animate-spin'
+        />
       )}
     </button>
   );
@@ -181,11 +208,18 @@ const TranslateButton: React.FC<ITranslateButton> = ({ status }) => {
             defaultMessage='Translated from {lang} {provider}'
             values={{
               lang: languageName,
-              provider: localTargetLanguage
-                ? <FormattedMessage id='status.translated_from_with.provider.local' defaultMessage='using local model' />
-                : provider
-                  ? <FormattedMessage id='status.translated_from_with.provider' defaultMessage='with {provider}' values={{ provider }} />
-                  : undefined,
+              provider: localTargetLanguage ? (
+                <FormattedMessage
+                  id='status.translated_from_with.provider.local'
+                  defaultMessage='using local model'
+                />
+              ) : provider ? (
+                <FormattedMessage
+                  id='status.translated_from_with.provider'
+                  defaultMessage='with {provider}'
+                  values={{ provider }}
+                />
+              ) : undefined,
             }}
           />
         </Text>
diff --git a/packages/pl-fe/src/components/trending-link.tsx b/packages/pl-fe/src/components/trending-link.tsx
index 75d2dbcc0..682daf340 100644
--- a/packages/pl-fe/src/components/trending-link.tsx
+++ b/packages/pl-fe/src/components/trending-link.tsx
@@ -26,12 +26,13 @@ const TrendingLink: React.FC<ITrendingLink> = ({ trendingLink }) => {
     media = (
       <div className='relative size-32 overflow-hidden rounded-md'>
         {trendingLink.blurhash && (
-          <Blurhash
-            className='absolute inset-0 z-0 size-full'
-            hash={trendingLink.blurhash}
-          />
+          <Blurhash className='absolute inset-0 z-0 size-full' hash={trendingLink.blurhash} />
         )}
-        <img className='relative size-full object-cover' src={trendingLink.image} alt={trendingLink.image_description ?? undefined} />
+        <img
+          className='relative size-full object-cover'
+          src={trendingLink.image}
+          alt={trendingLink.image_description ?? undefined}
+        />
       </div>
     );
   }
@@ -45,8 +46,14 @@ const TrendingLink: React.FC<ITrendingLink> = ({ trendingLink }) => {
     >
       {media}
       <Stack space={2} className='flex-1 overflow-hidden'>
-        <Text className='line-clamp-2' weight='bold' direction={direction}>{trendingLink.title}</Text>
-        {trendingLink.description && <Text truncate direction={direction}>{trendingLink.description}</Text>}
+        <Text className='line-clamp-2' weight='bold' direction={direction}>
+          {trendingLink.title}
+        </Text>
+        {trendingLink.description && (
+          <Text truncate direction={direction}>
+            {trendingLink.description}
+          </Text>
+        )}
         <HStack alignItems='center' wrap className='divide-x-dot text-gray-700 dark:text-gray-600'>
           <HStack space={1} alignItems='center'>
             <Text tag='span' theme='muted'>
@@ -58,7 +65,11 @@ const TrendingLink: React.FC<ITrendingLink> = ({ trendingLink }) => {
           </HStack>
 
           {!!count && (
-            <Link to='/links/$url' params={{ url: encodeURIComponent(trendingLink.url) }} className='hover:underline'>
+            <Link
+              to='/links/$url'
+              params={{ url: encodeURIComponent(trendingLink.url) }}
+              className='hover:underline'
+            >
               {accountsCountRenderer(count)}
             </Link>
           )}
diff --git a/packages/pl-fe/src/components/ui/accordion.tsx b/packages/pl-fe/src/components/ui/accordion.tsx
index de75a487a..8f53fdf99 100644
--- a/packages/pl-fe/src/components/ui/accordion.tsx
+++ b/packages/pl-fe/src/components/ui/accordion.tsx
@@ -28,7 +28,16 @@ interface IAccordion {
  * Accordion
  * An accordion is a vertically stacked group of collapsible sections.
  */
-const Accordion: React.FC<IAccordion> = ({ headline, children, menu, expanded = false, onToggle = () => {}, action, actionIcon, actionLabel }) => {
+const Accordion: React.FC<IAccordion> = ({
+  headline,
+  children,
+  menu,
+  expanded = false,
+  onToggle = () => {},
+  action,
+  actionIcon,
+  actionLabel,
+}) => {
   const intl = useIntl();
 
   const handleToggle = (e: React.MouseEvent<HTMLButtonElement>) => {
@@ -44,9 +53,10 @@ const Accordion: React.FC<IAccordion> = ({ headline, children, menu, expanded =
   };
 
   return (
-    <div className={clsx('⁂-accordion', {
-      '⁂-accordion--expanded': expanded,
-    })}
+    <div
+      className={clsx('⁂-accordion', {
+        '⁂-accordion--expanded': expanded,
+      })}
     >
       <button
         type='button'
@@ -65,7 +75,11 @@ const Accordion: React.FC<IAccordion> = ({ headline, children, menu, expanded =
             />
           )}
           {action && actionIcon && (
-            <button className='⁂-accordion__header__action' onClick={handleAction} title={actionLabel}>
+            <button
+              className='⁂-accordion__header__action'
+              onClick={handleAction}
+              title={actionLabel}
+            >
               <Icon src={actionIcon} aria-hidden />
             </button>
           )}
@@ -77,9 +91,7 @@ const Accordion: React.FC<IAccordion> = ({ headline, children, menu, expanded =
         </div>
       </button>
 
-      <div
-        className='⁂-accordion__body'
-      >
+      <div className='⁂-accordion__body'>
         <p>{children}</p>
       </div>
     </div>
diff --git a/packages/pl-fe/src/components/ui/avatar.tsx b/packages/pl-fe/src/components/ui/avatar.tsx
index 3263d5971..ebcdbafb1 100644
--- a/packages/pl-fe/src/components/ui/avatar.tsx
+++ b/packages/pl-fe/src/components/ui/avatar.tsx
@@ -19,8 +19,14 @@ const AVATAR_SIZE = 42;
 
 const messages = defineMessages({
   avatar: { id: 'account.avatar.alt', defaultMessage: 'Avatar' },
-  avatar_with_username: { id: 'account.avatar.with_username', defaultMessage: 'Avatar for {username}' },
-  avatar_with_content: { id: 'account.avatar.with_content', defaultMessage: 'Avatar for {username}: {alt}' },
+  avatar_with_username: {
+    id: 'account.avatar.with_username',
+    defaultMessage: 'Avatar for {username}',
+  },
+  avatar_with_content: {
+    id: 'account.avatar.with_content',
+    defaultMessage: 'Avatar for {username}: {alt}',
+  },
 });
 
 interface IAvatar extends Pick<IStillImage, 'alt' | 'src' | 'staticSrc' | 'onError' | 'className'> {
@@ -45,7 +51,7 @@ const Avatar = (props: IAvatar) => {
   const [color, setColor] = useState<string | undefined>(undefined);
   const [isAvatarMissing, setIsAvatarMissing] = useState(false);
 
-  const handleLoadFailure = () =>{
+  const handleLoadFailure = () => {
     setIsAvatarMissing(true);
   };
 
@@ -57,14 +63,17 @@ const Avatar = (props: IAvatar) => {
       return;
     }
 
-    fac.getColorAsync(src).then(color => {
-      if (!color.error) {
-        COLOR_CACHE.set(src, color.hex);
-        setColor(color.hex);
-      }
-    }).catch(() =>{
-      setColor(undefined);
-    });
+    fac
+      .getColorAsync(src)
+      .then((color) => {
+        if (!color.error) {
+          COLOR_CACHE.set(src, color.hex);
+          setColor(color.hex);
+        }
+      })
+      .catch(() => {
+        setColor(undefined);
+      });
   }, [src, isCat]);
 
   const style: React.CSSProperties = React.useMemo(() => {
@@ -86,16 +95,19 @@ const Avatar = (props: IAvatar) => {
         content={
           <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
             <Text weight='semibold'>
-              <FormattedMessage id='account.avatar.description' defaultMessage='Avatar description' />
-            </Text>
-            <Text className='whitespace-pre-wrap'>
-              {alt}
+              <FormattedMessage
+                id='account.avatar.description'
+                defaultMessage='Avatar description'
+              />
             </Text>
+            <Text className='whitespace-pre-wrap'>{alt}</Text>
           </Stack>
         }
         isFlush
       >
-        <AltIndicator message={<FormattedMessage id='account.avatar.alt' defaultMessage='Avatar' />} />
+        <AltIndicator
+          message={<FormattedMessage id='account.avatar.alt' defaultMessage='Avatar' />}
+        />
       </Popover>
     );
   }
@@ -104,7 +116,11 @@ const Avatar = (props: IAvatar) => {
     return (
       <div
         style={style}
-        className={clsx('relative rounded-lg bg-gray-200 dark:bg-gray-900', isCat && 'avatar__cat', className)}
+        className={clsx(
+          'relative rounded-lg bg-gray-200 dark:bg-gray-900',
+          isCat && 'avatar__cat',
+          className,
+        )}
       >
         <div className='absolute inset-0 z-[1] flex items-center justify-center rounded-[inherit] bg-gray-200 dark:bg-gray-900'>
           <Icon
@@ -116,11 +132,12 @@ const Avatar = (props: IAvatar) => {
     );
   }
 
-  const altText = props.showAlt && alt
-    ? intl.formatMessage(messages.avatar_with_content, { username: props.username, alt })
-    : props.username
-      ? intl.formatMessage(messages.avatar_with_username, { username: props.username })
-      : intl.formatMessage(messages.avatar);
+  const altText =
+    props.showAlt && alt
+      ? intl.formatMessage(messages.avatar_with_content, { username: props.username, alt })
+      : props.username
+        ? intl.formatMessage(messages.avatar_with_username, { username: props.username })
+        : intl.formatMessage(messages.avatar);
 
   return (
     <StillImage
diff --git a/packages/pl-fe/src/components/ui/button/index.tsx b/packages/pl-fe/src/components/ui/button/index.tsx
index 4cefdedc0..0e365d10b 100644
--- a/packages/pl-fe/src/components/ui/button/index.tsx
+++ b/packages/pl-fe/src/components/ui/button/index.tsx
@@ -10,94 +10,115 @@ import type { ButtonSizes, ButtonThemes } from './useButtonStyles';
 
 type IButton = Pick<
   React.ComponentProps<'button'>,
-  'children' | 'className' | 'disabled' | 'onClick' | 'onMouseDown' | 'onKeyDown' | 'onKeyPress' | 'title' | 'type'
-> & (LinkOptions | { to?: undefined }) & {
-  /** Whether this button expands the width of its container. */
-  block?: boolean;
-  /** URL to an SVG icon to render inside the button. */
-  icon?: string;
-  /** Class name to apply to the icon element inside the button. */
-  iconClassName?: string;
-  /** URL to an SVG icon to render inside the button next to the text. */
-  secondaryIcon?: string;
-  /** A predefined button size. */
-  size?: ButtonSizes;
-  /** Text inside the button. Takes precedence over `children`. */
-  text?: React.ReactNode;
-  /** Makes the button into an anchor, if provided. */
-  href?: string;
-  /** Styles the button visually with a predefined theme. */
-  theme?: ButtonThemes;
-}
+  | 'children'
+  | 'className'
+  | 'disabled'
+  | 'onClick'
+  | 'onMouseDown'
+  | 'onKeyDown'
+  | 'onKeyPress'
+  | 'title'
+  | 'type'
+> &
+  (LinkOptions | { to?: undefined }) & {
+    /** Whether this button expands the width of its container. */
+    block?: boolean;
+    /** URL to an SVG icon to render inside the button. */
+    icon?: string;
+    /** Class name to apply to the icon element inside the button. */
+    iconClassName?: string;
+    /** URL to an SVG icon to render inside the button next to the text. */
+    secondaryIcon?: string;
+    /** A predefined button size. */
+    size?: ButtonSizes;
+    /** Text inside the button. Takes precedence over `children`. */
+    text?: React.ReactNode;
+    /** Makes the button into an anchor, if provided. */
+    href?: string;
+    /** Styles the button visually with a predefined theme. */
+    theme?: ButtonThemes;
+  };
 
 /** Customizable button element with various themes. */
-const Button = React.forwardRef<HTMLButtonElement, IButton>(({
-  block = false,
-  children,
-  disabled = false,
-  icon,
-  iconClassName,
-  secondaryIcon,
-  onClick,
-  size = 'md',
-  text,
-  theme = 'secondary',
-  href,
-  type = 'button',
-  className,
-  ...props
-}, ref): JSX.Element => {
-  const body = text ?? children;
+const Button = React.forwardRef<HTMLButtonElement, IButton>(
+  (
+    {
+      block = false,
+      children,
+      disabled = false,
+      icon,
+      iconClassName,
+      secondaryIcon,
+      onClick,
+      size = 'md',
+      text,
+      theme = 'secondary',
+      href,
+      type = 'button',
+      className,
+      ...props
+    },
+    ref,
+  ): JSX.Element => {
+    const body = text ?? children;
 
-  const themeClass = useButtonStyles({
-    theme,
-    block,
-    size,
-  });
+    const themeClass = useButtonStyles({
+      theme,
+      block,
+      size,
+    });
 
-  const handleClick: React.MouseEventHandler<HTMLButtonElement> = React.useCallback((event) => {
-    if (onClick && !disabled) {
-      onClick(event);
+    const handleClick: React.MouseEventHandler<HTMLButtonElement> = React.useCallback(
+      (event) => {
+        if (onClick && !disabled) {
+          onClick(event);
+        }
+      },
+      [onClick, disabled],
+    );
+
+    const renderButton = () => (
+      <button
+        {...props}
+        className={clsx(themeClass, className)}
+        disabled={disabled}
+        onClick={handleClick}
+        ref={ref}
+        type={type}
+        data-testid='button'
+      >
+        {icon ? <Icon src={icon} className={clsx('size-4', iconClassName)} /> : null}
+
+        {body && <span>{body}</span>}
+
+        {secondaryIcon ? <Icon src={secondaryIcon} className='size-4' /> : null}
+      </button>
+    );
+
+    if (props.to) {
+      return (
+        <Link
+          to={props.to}
+          params={props.params}
+          search={props.search}
+          tabIndex={-1}
+          className='inline-flex'
+        >
+          {renderButton()}
+        </Link>
+      );
     }
-  }, [onClick, disabled]);
 
-  const renderButton = () => (
-    <button
-      {...props}
-      className={clsx(themeClass, className)}
-      disabled={disabled}
-      onClick={handleClick}
-      ref={ref}
-      type={type}
-      data-testid='button'
-    >
-      {icon ? <Icon src={icon} className={clsx('size-4', iconClassName)} /> : null}
+    if (href) {
+      return (
+        <a href={href} target='_blank' rel='noopener' tabIndex={-1} className='inline-flex'>
+          {renderButton()}
+        </a>
+      );
+    }
 
-      {body && (
-        <span>{body}</span>
-      )}
-
-      {secondaryIcon ? <Icon src={secondaryIcon} className='size-4' /> : null}
-    </button>
-  );
-
-  if (props.to) {
-    return (
-      <Link to={props.to} params={props.params} search={props.search} tabIndex={-1} className='inline-flex'>
-        {renderButton()}
-      </Link>
-    );
-  }
-
-  if (href) {
-    return (
-      <a href={href} target='_blank' rel='noopener' tabIndex={-1} className='inline-flex'>
-        {renderButton()}
-      </a>
-    );
-  }
-
-  return renderButton();
-});
+    return renderButton();
+  },
+);
 
 export { Button as default };
diff --git a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
index 2f2f7c4dc..72afd9d30 100644
--- a/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
+++ b/packages/pl-fe/src/components/ui/button/useButtonStyles.ts
@@ -7,11 +7,15 @@ const themes = {
     'border-transparent bg-primary-100 dark:bg-primary-800 hover:bg-primary-50 dark:hover:bg-primary-700 focus:bg-primary-100 dark:focus:bg-primary-800 text-primary-500 dark:text-primary-200',
   tertiary:
     'bg-white dark:bg-primary-900 border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500',
-  accent: 'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
-  danger: 'border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500',
-  transparent: 'border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
+  accent:
+    'border-transparent bg-secondary-500 hover:bg-secondary-400 focus:bg-secondary-500 text-gray-100 focus:ring-secondary-300',
+  danger:
+    'border-transparent bg-danger-100 dark:bg-danger-900 text-danger-600 dark:text-danger-200 hover:bg-danger-600 hover:text-gray-100 dark:hover:text-gray-100 dark:hover:bg-danger-500 focus:ring-danger-500',
+  transparent:
+    'border-transparent bg-transparent text-primary-600 dark:text-primary-400 dark:bg-transparent hover:bg-gray-200 dark:hover:bg-gray-800/50',
   outlined: 'border-gray-100 border-2 bg-transparent text-gray-100 hover:bg-white/10',
-  muted: 'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-800 dark:text-gray-100 focus:ring-primary-500',
+  muted:
+    'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-800 dark:text-gray-100 focus:ring-primary-500',
 };
 
 const sizes = {
@@ -21,21 +25,17 @@ const sizes = {
   lg: 'gap-x-2 px-6 py-3 text-base',
 };
 
-type ButtonSizes = keyof typeof sizes
-type ButtonThemes = keyof typeof themes
+type ButtonSizes = keyof typeof sizes;
+type ButtonThemes = keyof typeof themes;
 
 type IButtonStyles = {
   theme: ButtonThemes;
   block: boolean;
   size: ButtonSizes;
-}
+};
 
 /** Provides class names for the <Button> component. */
-const useButtonStyles = ({
-  theme,
-  block,
-  size,
-}: IButtonStyles) => {
+const useButtonStyles = ({ theme, block, size }: IButtonStyles) => {
   const buttonStyle = clsx({
     'rtl:space-x-reverse inline-flex items-center place-content-center border font-medium rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 appearance-none transition-all disabled:select-none disabled:opacity-75 disabled:cursor-default': true,
     [themes[theme]]: true,
diff --git a/packages/pl-fe/src/components/ui/card.tsx b/packages/pl-fe/src/components/ui/card.tsx
index dc5dcf850..a37182519 100644
--- a/packages/pl-fe/src/components/ui/card.tsx
+++ b/packages/pl-fe/src/components/ui/card.tsx
@@ -24,18 +24,26 @@ interface ICard extends Pick<React.HTMLAttributes<HTMLDivElement>, 'role' | 'ari
 }
 
 /** An opaque backdrop to hold a collection of related elements. */
-const Card = React.forwardRef<HTMLDivElement, ICard>(({ children, variant = 'default', size = 'md', className, ...filteredProps }, ref): JSX.Element => (
-  <div
-    ref={ref}
-    {...filteredProps}
-    className={clsx({
-      [`⁂-card--rounded ⁂-card--${size}`]: variant === 'rounded',
-      '⁂-card--slim': variant === 'slim',
-    }, className)}
-  >
-    {children}
-  </div>
-));
+const Card = React.forwardRef<HTMLDivElement, ICard>(
+  (
+    { children, variant = 'default', size = 'md', className, ...filteredProps },
+    ref,
+  ): JSX.Element => (
+    <div
+      ref={ref}
+      {...filteredProps}
+      className={clsx(
+        {
+          [`⁂-card--rounded ⁂-card--${size}`]: variant === 'rounded',
+          '⁂-card--slim': variant === 'slim',
+        },
+        className,
+      )}
+    >
+      {children}
+    </div>
+  ),
+);
 
 interface ICardHeader {
   backHref?: string;
@@ -48,7 +56,12 @@ interface ICardHeader {
  * Card header container with back button.
  * Typically holds a CardTitle.
  */
-const CardHeader: React.FC<ICardHeader> = ({ className, children, backHref, onBackClick }): JSX.Element => {
+const CardHeader: React.FC<ICardHeader> = ({
+  className,
+  children,
+  backHref,
+  onBackClick,
+}): JSX.Element => {
   const intl = useIntl();
 
   const renderBackButton = () => {
@@ -60,7 +73,12 @@ const CardHeader: React.FC<ICardHeader> = ({ className, children, backHref, onBa
     const backAttributes = backHref ? { to: backHref } : { onClick: onBackClick };
 
     return (
-      <Comp {...backAttributes} className='⁂-card-header__button' aria-label={intl.formatMessage(messages.back)} title={intl.formatMessage(messages.back)}>
+      <Comp
+        {...backAttributes}
+        className='⁂-card-header__button'
+        aria-label={intl.formatMessage(messages.back)}
+        title={intl.formatMessage(messages.back)}
+      >
         <SvgIcon src={require('@phosphor-icons/core/regular/arrow-left.svg')} aria-hidden />
       </Comp>
     );
@@ -82,7 +100,9 @@ interface ICardTitle {
 
 /** A card's title. */
 const CardTitle: React.FC<ICardTitle> = ({ title, truncate = true }): JSX.Element => (
-  <h1 className='⁂-card-title' data-testid='card-title'>{title}</h1>
+  <h1 className='⁂-card-title' data-testid='card-title'>
+    {title}
+  </h1>
 );
 
 interface ICardBody {
@@ -94,14 +114,9 @@ interface ICardBody {
 
 /** A card's body. */
 const CardBody: React.FC<ICardBody> = ({ className, children }): JSX.Element => (
-  <div data-testid='card-body' className={className}>{children}</div>
+  <div data-testid='card-body' className={className}>
+    {children}
+  </div>
 );
 
-export {
-  type CardSizes,
-  Card as default,
-  Card,
-  CardHeader,
-  CardTitle,
-  CardBody,
-};
+export { type CardSizes, Card as default, Card, CardHeader, CardTitle, CardBody };
diff --git a/packages/pl-fe/src/components/ui/checkbox.tsx b/packages/pl-fe/src/components/ui/checkbox.tsx
index 3b4c40407..040b3a4a2 100644
--- a/packages/pl-fe/src/components/ui/checkbox.tsx
+++ b/packages/pl-fe/src/components/ui/checkbox.tsx
@@ -1,6 +1,9 @@
 import React from 'react';
 
-interface ICheckbox extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'id' | 'name' | 'onChange' | 'checked' | 'required'> { }
+interface ICheckbox extends Pick<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'disabled' | 'id' | 'name' | 'onChange' | 'checked' | 'required'
+> {}
 
 /** A pretty checkbox input. */
 const Checkbox = React.forwardRef<HTMLInputElement, ICheckbox>((props, ref) => (
diff --git a/packages/pl-fe/src/components/ui/column.tsx b/packages/pl-fe/src/components/ui/column.tsx
index 7b3bfe5f6..9087b3444 100644
--- a/packages/pl-fe/src/components/ui/column.tsx
+++ b/packages/pl-fe/src/components/ui/column.tsx
@@ -11,7 +11,13 @@ import { Card, CardBody, CardHeader, CardTitle, type CardSizes } from './card';
 type IColumnHeader = Pick<IColumn, 'label' | 'backHref' | 'backParams' | 'className' | 'action'>;
 
 /** Contains the column title with optional back button. */
-const ColumnHeader: React.FC<IColumnHeader> = ({ label, backHref, backParams, className, action }) => {
+const ColumnHeader: React.FC<IColumnHeader> = ({
+  label,
+  backHref,
+  backParams,
+  className,
+  action,
+}) => {
   const navigate = useNavigate();
   const { history } = useRouter();
 
@@ -32,11 +38,7 @@ const ColumnHeader: React.FC<IColumnHeader> = ({ label, backHref, backParams, cl
     <CardHeader className={className} onBackClick={handleBackClick}>
       <CardTitle title={label} />
 
-      {action && (
-        <div className='⁂-column__header__action'>
-          {action}
-        </div>
-      )}
+      {action && <div className='⁂-column__header__action'>{action}</div>}
     </CardHeader>
   );
 };
@@ -66,13 +68,26 @@ interface IColumn {
 
 /** A backdrop for the main section of the UI. */
 const Column: React.FC<IColumn> = (props): JSX.Element => {
-  const { backHref, children, label, transparent = false, withHeader = true, className, bodyClassName, action, size } = props;
+  const {
+    backHref,
+    children,
+    label,
+    transparent = false,
+    withHeader = true,
+    className,
+    bodyClassName,
+    action,
+    size,
+  } = props;
   const frontendConfig = useFrontendConfig();
   const [isScrolled, setIsScrolled] = useState(false);
 
-  const handleScroll = useCallback(throttle(() => {
-    setIsScrolled(window.pageYOffset > 32);
-  }, 50), []);
+  const handleScroll = useCallback(
+    throttle(() => {
+      setIsScrolled(window.pageYOffset > 32);
+    }, 50),
+    [],
+  );
 
   useEffect(() => {
     window.addEventListener('scroll', handleScroll);
@@ -83,7 +98,14 @@ const Column: React.FC<IColumn> = (props): JSX.Element => {
   }, []);
 
   return (
-    <Card role='region' aria-label={label} column-type={transparent ? 'transparent' : 'filled'} size={size} variant={transparent ? undefined : 'rounded'} className={clsx('⁂-column', className)}>
+    <Card
+      role='region'
+      aria-label={label}
+      column-type={transparent ? 'transparent' : 'filled'}
+      size={size}
+      variant={transparent ? undefined : 'rounded'}
+      className={clsx('⁂-column', className)}
+    >
       <Helmet>
         <title>{label}</title>
 
@@ -107,14 +129,9 @@ const Column: React.FC<IColumn> = (props): JSX.Element => {
         />
       )}
 
-      <CardBody className={bodyClassName}>
-        {children}
-      </CardBody>
+      <CardBody className={bodyClassName}>{children}</CardBody>
     </Card>
   );
 };
 
-export {
-  Column as default,
-  Column,
-};
+export { Column as default, Column };
diff --git a/packages/pl-fe/src/components/ui/combobox.css b/packages/pl-fe/src/components/ui/combobox.css
index bbce16ac4..5c708c8e9 100644
--- a/packages/pl-fe/src/components/ui/combobox.css
+++ b/packages/pl-fe/src/components/ui/combobox.css
@@ -1,5 +1,5 @@
 :root {
-	--reach-combobox: 1;
+  --reach-combobox: 1;
 }
 
 [data-reach-combobox-popover] {
@@ -14,7 +14,7 @@
   @apply block px-4 py-2.5 text-sm text-gray-700 dark:text-gray-500 cursor-pointer;
 }
 
-[data-reach-combobox-option][aria-selected="true"] {
+[data-reach-combobox-option][aria-selected='true'] {
   @apply bg-gray-100 dark:bg-gray-800;
 }
 
@@ -22,10 +22,10 @@
   @apply bg-gray-100 dark:bg-gray-800;
 }
 
-[data-reach-combobox-option][aria-selected="true"]:hover {
+[data-reach-combobox-option][aria-selected='true']:hover {
   @apply bg-gray-100 dark:bg-gray-800;
 }
 
 [data-suggested-value] {
   @apply font-bold;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/components/ui/divider.tsx b/packages/pl-fe/src/components/ui/divider.tsx
index 6234bd94c..a31f7c05b 100644
--- a/packages/pl-fe/src/components/ui/divider.tsx
+++ b/packages/pl-fe/src/components/ui/divider.tsx
@@ -19,7 +19,9 @@ const Divider = ({ text, textSize = 'md' }: IDivider) => (
     {text && (
       <div className='⁂-divider__text'>
         <span data-testid='divider-text'>
-          <Text size={textSize} tag='span' theme='inherit'>{text}</Text>
+          <Text size={textSize} tag='span' theme='inherit'>
+            {text}
+          </Text>
         </span>
       </div>
     )}
diff --git a/packages/pl-fe/src/components/ui/emoji.tsx b/packages/pl-fe/src/components/ui/emoji.tsx
index cfa288f25..b888a150e 100644
--- a/packages/pl-fe/src/components/ui/emoji.tsx
+++ b/packages/pl-fe/src/components/ui/emoji.tsx
@@ -5,7 +5,10 @@ import { useSettings } from '@/stores/settings';
 import { removeVS16s, toCodePoints } from '@/utils/emoji';
 import { joinPublicPath } from '@/utils/static';
 
-interface IEmoji extends Pick<React.ImgHTMLAttributes<HTMLImageElement>, 'alt' | 'className' | 'src' | 'title'> {
+interface IEmoji extends Pick<
+  React.ImgHTMLAttributes<HTMLImageElement>,
+  'alt' | 'className' | 'src' | 'title'
+> {
   /** Unicode emoji character. */
   emoji?: string;
   noGroup?: boolean;
@@ -27,11 +30,8 @@ const Emoji: React.FC<IEmoji> = (props): JSX.Element | null => {
   if (!filename && !src) return null;
 
   if (src) {
-    if (disableUserProvidedMedia) return (
-      <>
-        {alt ?? <span className={rest.className}>{emoji}</span>}
-      </>
-    );
+    if (disableUserProvidedMedia)
+      return <>{alt ?? <span className={rest.className}>{emoji}</span>}</>;
     return (
       <StillImage
         alt={alt ?? emoji}
diff --git a/packages/pl-fe/src/components/ui/file-input.tsx b/packages/pl-fe/src/components/ui/file-input.tsx
index 56d71630e..8c305c5ae 100644
--- a/packages/pl-fe/src/components/ui/file-input.tsx
+++ b/packages/pl-fe/src/components/ui/file-input.tsx
@@ -1,6 +1,9 @@
 import React, { forwardRef } from 'react';
 
-interface IFileInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'required' | 'disabled' | 'name' | 'accept'> { }
+interface IFileInput extends Pick<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'onChange' | 'required' | 'disabled' | 'name' | 'accept'
+> {}
 
 const FileInput = forwardRef<HTMLInputElement, IFileInput>((props, ref) => (
   <input
diff --git a/packages/pl-fe/src/components/ui/form-group.tsx b/packages/pl-fe/src/components/ui/form-group.tsx
index 99f8679df..35e0c3c53 100644
--- a/packages/pl-fe/src/components/ui/form-group.tsx
+++ b/packages/pl-fe/src/components/ui/form-group.tsx
@@ -65,7 +65,10 @@ const FormGroup: React.FC<IFormGroup> = (props) => {
           )}
 
           {hintText && (
-            <p data-testid='form-group-hint' className='mt-0.5 text-xs text-gray-700 dark:text-gray-600'>
+            <p
+              data-testid='form-group-hint'
+              className='mt-0.5 text-xs text-gray-700 dark:text-gray-600'
+            >
               {hintText}
             </p>
           )}
@@ -89,7 +92,10 @@ const FormGroup: React.FC<IFormGroup> = (props) => {
 
       <div className='mt-1 dark:text-white'>
         {hintText && (
-          <p data-testid='form-group-hint' className='mb-0.5 text-xs text-gray-700 dark:text-gray-600'>
+          <p
+            data-testid='form-group-hint'
+            className='mb-0.5 text-xs text-gray-700 dark:text-gray-600'
+          >
             {hintText}
           </p>
         )}
diff --git a/packages/pl-fe/src/components/ui/form.tsx b/packages/pl-fe/src/components/ui/form.tsx
index 5269fc8f7..ab1524d9c 100644
--- a/packages/pl-fe/src/components/ui/form.tsx
+++ b/packages/pl-fe/src/components/ui/form.tsx
@@ -11,13 +11,16 @@ interface IForm {
 
 /** Form element with custom styles. */
 const Form: React.FC<IForm> = ({ onSubmit, children, ...filteredProps }) => {
-  const handleSubmit: React.FormEventHandler = React.useCallback((event) => {
-    event.preventDefault();
+  const handleSubmit: React.FormEventHandler = React.useCallback(
+    (event) => {
+      event.preventDefault();
 
-    if (onSubmit) {
-      onSubmit(event);
-    }
-  }, [onSubmit]);
+      if (onSubmit) {
+        onSubmit(event);
+      }
+    },
+    [onSubmit],
+  );
 
   return (
     <form data-testid='form' onSubmit={handleSubmit} className='⁂-form' {...filteredProps}>
diff --git a/packages/pl-fe/src/components/ui/hstack.tsx b/packages/pl-fe/src/components/ui/hstack.tsx
index d97a5dd7a..581cc2e16 100644
--- a/packages/pl-fe/src/components/ui/hstack.tsx
+++ b/packages/pl-fe/src/components/ui/hstack.tsx
@@ -33,7 +33,15 @@ const spaces = {
 
 interface IHStack extends Pick<
   React.HTMLAttributes<HTMLDivElement>,
-  'children' | 'className' | 'draggable' | 'onClick' | 'onDragEnd' | 'onDragEnter' | 'onDragStart' | 'style' | 'title'
+  | 'children'
+  | 'className'
+  | 'draggable'
+  | 'onClick'
+  | 'onDragEnd'
+  | 'onDragEnter'
+  | 'onDragStart'
+  | 'style'
+  | 'title'
 > {
   /** Vertical alignment of children. */
   alignItems?: keyof typeof alignItemsOptions;
@@ -51,7 +59,16 @@ interface IHStack extends Pick<
 
 /** Horizontal row of child elements. */
 const HStack = forwardRef<HTMLDivElement, IHStack>((props, ref) => {
-  const { space, alignItems, justifyContent, className, grow, element = 'div', wrap, ...filteredProps } = props;
+  const {
+    space,
+    alignItems,
+    justifyContent,
+    className,
+    grow,
+    element = 'div',
+    wrap,
+    ...filteredProps
+  } = props;
 
   const Elem = element as 'div';
 
@@ -59,16 +76,20 @@ const HStack = forwardRef<HTMLDivElement, IHStack>((props, ref) => {
     <Elem
       {...filteredProps}
       ref={ref}
-      className={clsx('flex', {
-        // @ts-ignore
-        [alignItemsOptions[alignItems]]: typeof alignItems !== 'undefined',
-        // @ts-ignore
-        [justifyContentOptions[justifyContent]]: typeof justifyContent !== 'undefined',
-        // @ts-ignore
-        [spaces[space]]: typeof space !== 'undefined',
-        'grow': grow,
-        'flex-wrap': wrap,
-      }, className)}
+      className={clsx(
+        'flex',
+        {
+          // @ts-ignore
+          [alignItemsOptions[alignItems]]: typeof alignItems !== 'undefined',
+          // @ts-ignore
+          [justifyContentOptions[justifyContent]]: typeof justifyContent !== 'undefined',
+          // @ts-ignore
+          [spaces[space]]: typeof space !== 'undefined',
+          grow: grow,
+          'flex-wrap': wrap,
+        },
+        className,
+      )}
     />
   );
 });
diff --git a/packages/pl-fe/src/components/ui/icon-button.tsx b/packages/pl-fe/src/components/ui/icon-button.tsx
index ba9a70d0a..1bbb1e94c 100644
--- a/packages/pl-fe/src/components/ui/icon-button.tsx
+++ b/packages/pl-fe/src/components/ui/icon-button.tsx
@@ -20,35 +20,43 @@ interface IIconButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
 }
 
 /** A clickable icon. */
-const IconButton = React.forwardRef((props: IIconButton, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element => {
-  const { src, className, iconClassName, text, theme = 'seamless', ...filteredProps } = props;
+const IconButton = React.forwardRef(
+  (props: IIconButton, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element => {
+    const { src, className, iconClassName, text, theme = 'seamless', ...filteredProps } = props;
 
-  const Component = (props.href ? 'a' : 'button') as 'button';
+    const Component = (props.href ? 'a' : 'button') as 'button';
 
-  return (
-    <Component
-      ref={ref}
-      type='button'
-      className={clsx('⁂-icon-button flex items-center space-x-2 rounded-full p-1 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:ring-offset-0', {
-        'bg-white dark:bg-transparent': theme === 'seamless',
-        'border border-solid bg-transparent border-gray-400 dark:border-gray-800 hover:border-primary-300 dark:hover:border-primary-700 focus:border-primary-500 text-gray-900 dark:text-gray-100 focus:ring-primary-500': theme === 'outlined',
-        'border-transparent bg-primary-100 dark:bg-primary-800 hover:bg-primary-50 dark:hover:bg-primary-700 focus:bg-primary-100 dark:focus:bg-primary-800 text-primary-500 dark:text-primary-200': theme === 'secondary',
-        'bg-gray-900 text-white': theme === 'dark',
-        'opacity-50': filteredProps.disabled,
-      }, className)}
-      {...filteredProps}
-      data-testid={filteredProps['data-testid'] ?? 'icon-button'}
-      {...(props.href ? { target: '_blank' } as any : {})}
-    >
-      <SvgIcon src={src} className={iconClassName} aria-hidden />
+    return (
+      <Component
+        ref={ref}
+        type='button'
+        className={clsx(
+          '⁂-icon-button flex items-center space-x-2 rounded-full p-1 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:ring-offset-0',
+          {
+            'bg-white dark:bg-transparent': theme === 'seamless',
+            'border border-solid border-gray-400 bg-transparent text-gray-900 hover:border-primary-300 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-800 dark:text-gray-100 dark:hover:border-primary-700':
+              theme === 'outlined',
+            'border-transparent bg-primary-100 text-primary-500 hover:bg-primary-50 focus:bg-primary-100 dark:bg-primary-800 dark:text-primary-200 dark:hover:bg-primary-700 dark:focus:bg-primary-800':
+              theme === 'secondary',
+            'bg-gray-900 text-white': theme === 'dark',
+            'opacity-50': filteredProps.disabled,
+          },
+          className,
+        )}
+        {...filteredProps}
+        data-testid={filteredProps['data-testid'] ?? 'icon-button'}
+        {...(props.href ? ({ target: '_blank' } as any) : {})}
+      >
+        <SvgIcon src={src} className={iconClassName} aria-hidden />
 
-      {text ? (
-        <Text tag='span' theme='inherit' size='sm'>
-          {text}
-        </Text>
-      ) : null}
-    </Component>
-  );
-});
+        {text ? (
+          <Text tag='span' theme='inherit' size='sm'>
+            {text}
+          </Text>
+        ) : null}
+      </Component>
+    );
+  },
+);
 
 export { IconButton as default };
diff --git a/packages/pl-fe/src/components/ui/icon.tsx b/packages/pl-fe/src/components/ui/icon.tsx
index a5c5239be..d36f9abe4 100644
--- a/packages/pl-fe/src/components/ui/icon.tsx
+++ b/packages/pl-fe/src/components/ui/icon.tsx
@@ -25,21 +25,26 @@ interface IIcon extends Pick<React.SVGAttributes<SVGAElement>, 'strokeWidth'> {
 }
 
 /** Renders and SVG icon with optional counter. */
-const Icon: React.FC<IIcon> = React.forwardRef<HTMLDivElement, IIcon>(({ src, alt, count, size, countMax, containerClassName, title, ...filteredProps }, ref): JSX.Element => (
-  <div
-    className={clsx('⁂-icon', containerClassName)}
-    data-testid={filteredProps['data-testid'] ?? 'icon'}
-    title={title}
-    ref={ref}
-  >
-    {count ? (
-      <span className='⁂-icon__counter'>
-        <Counter count={count} countMax={countMax} />
-      </span>
-    ) : null}
+const Icon: React.FC<IIcon> = React.forwardRef<HTMLDivElement, IIcon>(
+  (
+    { src, alt, count, size, countMax, containerClassName, title, ...filteredProps },
+    ref,
+  ): JSX.Element => (
+    <div
+      className={clsx('⁂-icon', containerClassName)}
+      data-testid={filteredProps['data-testid'] ?? 'icon'}
+      title={title}
+      ref={ref}
+    >
+      {count ? (
+        <span className='⁂-icon__counter'>
+          <Counter count={count} countMax={countMax} />
+        </span>
+      ) : null}
 
-    <SvgIcon src={src} size={size} alt={alt} {...filteredProps} />
-  </div>
-));
+      <SvgIcon src={src} size={size} alt={alt} {...filteredProps} />
+    </div>
+  ),
+);
 
 export { Icon as default };
diff --git a/packages/pl-fe/src/components/ui/inline-multiselect.tsx b/packages/pl-fe/src/components/ui/inline-multiselect.tsx
index a32700d7c..18180e8bc 100644
--- a/packages/pl-fe/src/components/ui/inline-multiselect.tsx
+++ b/packages/pl-fe/src/components/ui/inline-multiselect.tsx
@@ -4,25 +4,33 @@ import React from 'react';
 interface IInlineMultiselect<T extends string> {
   items: Record<T, string>;
   value?: T[];
-  onChange: ((values: T[]) => void);
+  onChange: (values: T[]) => void;
   disabled?: boolean;
 }
 
 /** Allows to select many of available options. */
-const InlineMultiselect = <T extends string>({ items, value, onChange, disabled }: IInlineMultiselect<T>) => (
+const InlineMultiselect = <T extends string>({
+  items,
+  value,
+  onChange,
+  disabled,
+}: IInlineMultiselect<T>) => (
   <div className='flex w-fit overflow-auto rounded-md border border-gray-400 bg-white black:bg-black dark:border-gray-800 dark:bg-gray-900'>
     {Object.entries(items).map(([key, label], i) => {
       const checked = value?.includes(key as T);
 
       return (
         <label
-          className={clsx('whitespace-nowrap px-3 py-2 text-white transition-colors hover:bg-primary-700 [&:has(:focus-visible)]:bg-primary-700', {
-            'cursor-pointer': !disabled,
-            'opacity-75': disabled,
-            'bg-gray-500': !checked,
-            'bg-primary-600': checked,
-            'border-l border-gray-400 dark:border-gray-800': i !== 0,
-          })}
+          className={clsx(
+            'whitespace-nowrap px-3 py-2 text-white transition-colors hover:bg-primary-700 [&:has(:focus-visible)]:bg-primary-700',
+            {
+              'cursor-pointer': !disabled,
+              'opacity-75': disabled,
+              'bg-gray-500': !checked,
+              'bg-primary-600': checked,
+              'border-l border-gray-400 dark:border-gray-800': i !== 0,
+            },
+          )}
           key={key}
         >
           <input
@@ -30,8 +38,12 @@ const InlineMultiselect = <T extends string>({ items, value, onChange, disabled
             type='checkbox'
             className='sr-only'
             checked={checked}
-            onChange={({ target }) =>{
-              onChange((target.checked ? [...(value ?? []), target.name] : value?.filter(key => key !== target.name) ?? []) as Array<T>);
+            onChange={({ target }) => {
+              onChange(
+                (target.checked
+                  ? [...(value ?? []), target.name]
+                  : (value?.filter((key) => key !== target.name) ?? [])) as Array<T>,
+              );
             }}
             disabled={disabled}
           />
@@ -42,6 +54,4 @@ const InlineMultiselect = <T extends string>({ items, value, onChange, disabled
   </div>
 );
 
-export {
-  InlineMultiselect,
-};
+export { InlineMultiselect };
diff --git a/packages/pl-fe/src/components/ui/input.tsx b/packages/pl-fe/src/components/ui/input.tsx
index 936660542..9c14b7625 100644
--- a/packages/pl-fe/src/components/ui/input.tsx
+++ b/packages/pl-fe/src/components/ui/input.tsx
@@ -15,9 +15,32 @@ const messages = defineMessages({
 });
 
 /** Possible theme names for an Input. */
-type InputThemes = 'normal' | 'search' | 'transparent'
+type InputThemes = 'normal' | 'search' | 'transparent';
 
-interface IInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'maxLength' | 'onChange' | 'onBlur' | 'type' | 'autoComplete' | 'autoCorrect' | 'autoCapitalize' | 'required' | 'disabled' | 'onClick' | 'readOnly' | 'min' | 'pattern' | 'onKeyDown' | 'onKeyUp' | 'onFocus' | 'onMouseDown' | 'style' | 'id' | 'lang' | 'title'> {
+interface IInput extends Pick<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  | 'maxLength'
+  | 'onChange'
+  | 'onBlur'
+  | 'type'
+  | 'autoComplete'
+  | 'autoCorrect'
+  | 'autoCapitalize'
+  | 'required'
+  | 'disabled'
+  | 'onClick'
+  | 'readOnly'
+  | 'min'
+  | 'pattern'
+  | 'onKeyDown'
+  | 'onKeyUp'
+  | 'onFocus'
+  | 'onMouseDown'
+  | 'style'
+  | 'id'
+  | 'lang'
+  | 'title'
+> {
   /** Put the cursor into the input on mount. */
   autoFocus?: boolean;
   /** The initial text in the input. */
@@ -45,97 +68,114 @@ interface IInput extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'maxL
 }
 
 /** Form input element. */
-const Input = React.forwardRef<HTMLInputElement, IInput>(
-  (props, ref) => {
-    const intl = useIntl();
-    const direction = useLocaleDirection(useLocale());
+const Input = React.forwardRef<HTMLInputElement, IInput>((props, ref) => {
+  const intl = useIntl();
+  const direction = useLocaleDirection(useLocale());
 
-    const { type = 'text', icon, className, outerClassName, append, prepend, theme = 'normal', ...filteredProps } = props;
+  const {
+    type = 'text',
+    icon,
+    className,
+    outerClassName,
+    append,
+    prepend,
+    theme = 'normal',
+    ...filteredProps
+  } = props;
 
-    const [revealed, setRevealed] = React.useState(false);
+  const [revealed, setRevealed] = React.useState(false);
 
-    const isPassword = type === 'password';
+  const isPassword = type === 'password';
 
-    const togglePassword = React.useCallback(() => {
-      setRevealed((prev) => !prev);
-    }, []);
+  const togglePassword = React.useCallback(() => {
+    setRevealed((prev) => !prev);
+  }, []);
 
-    return (
-      <div
-        className={
-          clsx('relative', {
-            'rounded-md': theme !== 'search',
-            'rounded-full': theme === 'search',
-            'mt-1': !String(outerClassName).includes('mt-'),
-            [String(outerClassName)]: typeof outerClassName !== 'undefined',
-          })
-        }
-      >
-        {icon ? (
-          <div className='pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3'>
-            <Icon src={icon} className='size-4 text-gray-700 dark:text-gray-600' aria-hidden='true' />
-          </div>
-        ) : null}
+  return (
+    <div
+      className={clsx('relative', {
+        'rounded-md': theme !== 'search',
+        'rounded-full': theme === 'search',
+        'mt-1': !String(outerClassName).includes('mt-'),
+        [String(outerClassName)]: typeof outerClassName !== 'undefined',
+      })}
+    >
+      {icon ? (
+        <div className='pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3'>
+          <Icon src={icon} className='size-4 text-gray-700 dark:text-gray-600' aria-hidden='true' />
+        </div>
+      ) : null}
 
-        {prepend ? (
-          <div className='absolute inset-y-0 left-0 flex items-center'>
-            {prepend}
-          </div>
-        ) : null}
+      {prepend ? (
+        <div className='absolute inset-y-0 left-0 flex items-center'>{prepend}</div>
+      ) : null}
 
-        <input
-          {...filteredProps}
-          type={revealed ? 'text' : type}
-          ref={ref}
-          className={clsx('block w-full text-base placeholder:text-gray-600 focus:border-primary-500 dark:placeholder:text-gray-600 dark:focus:border-primary-500 sm:text-sm', {
-            'ring-1 focus:ring-primary-500 dark:ring-gray-800 dark:focus:ring-primary-500': ['search', 'normal'].includes(theme),
-            'px-0 border-none !ring-0': theme === 'transparent',
+      <input
+        {...filteredProps}
+        type={revealed ? 'text' : type}
+        ref={ref}
+        className={clsx(
+          'block w-full text-base placeholder:text-gray-600 focus:border-primary-500 dark:placeholder:text-gray-600 dark:focus:border-primary-500 sm:text-sm',
+          {
+            'ring-1 focus:ring-primary-500 dark:ring-gray-800 dark:focus:ring-primary-500': [
+              'search',
+              'normal',
+            ].includes(theme),
+            'border-none px-0 !ring-0': theme === 'transparent',
             'text-gray-900 dark:text-gray-100': !props.disabled,
             'text-gray-600': props.disabled,
-            'rounded-md bg-white dark:bg-gray-900 border-gray-400 dark:border-gray-800 black:bg-black': theme === 'normal',
-            'rounded-full bg-gray-200 border-gray-200 dark:bg-gray-900 dark:border-gray-800 focus:bg-white': theme === 'search',
+            'rounded-md border-gray-400 bg-white black:bg-black dark:border-gray-800 dark:bg-gray-900':
+              theme === 'normal',
+            'rounded-full border-gray-200 bg-gray-200 focus:bg-white dark:border-gray-800 dark:bg-gray-900':
+              theme === 'search',
             'pr-10 rtl:pl-10 rtl:pr-3': isPassword || append,
             'pl-8': typeof icon !== 'undefined',
             'pl-16': typeof prepend !== 'undefined',
-          }, className)}
-          dir={typeof props.value === 'string' ? getTextDirection(props.value, { fallback: direction }) : undefined}
-        />
+          },
+          className,
+        )}
+        dir={
+          typeof props.value === 'string'
+            ? getTextDirection(props.value, { fallback: direction })
+            : undefined
+        }
+      />
 
-        {append ? (
-          <div className='absolute inset-y-0 right-0 flex items-center px-3 rtl:left-0 rtl:right-auto'>
-            {append}
+      {append ? (
+        <div className='absolute inset-y-0 right-0 flex items-center px-3 rtl:left-0 rtl:right-auto'>
+          {append}
+        </div>
+      ) : null}
+
+      {isPassword ? (
+        <Tooltip
+          text={
+            revealed
+              ? intl.formatMessage(messages.hidePassword)
+              : intl.formatMessage(messages.showPassword)
+          }
+        >
+          <div className='absolute inset-y-0 right-0 flex items-center rtl:left-0 rtl:right-auto'>
+            <button
+              type='button'
+              onClick={togglePassword}
+              tabIndex={-1}
+              className='h-full px-2 text-gray-700 hover:text-gray-500 focus:ring-2 focus:ring-primary-500 dark:text-gray-600 dark:hover:text-gray-400'
+            >
+              <SvgIcon
+                src={
+                  revealed
+                    ? require('@phosphor-icons/core/regular/eye-slash.svg')
+                    : require('@phosphor-icons/core/regular/eye.svg')
+                }
+                className='size-4'
+              />
+            </button>
           </div>
-        ) : null}
+        </Tooltip>
+      ) : null}
+    </div>
+  );
+});
 
-        {isPassword ? (
-          <Tooltip
-            text={
-              revealed ?
-                intl.formatMessage(messages.hidePassword) :
-                intl.formatMessage(messages.showPassword)
-            }
-          >
-            <div className='absolute inset-y-0 right-0 flex items-center rtl:left-0 rtl:right-auto'>
-              <button
-                type='button'
-                onClick={togglePassword}
-                tabIndex={-1}
-                className='h-full px-2 text-gray-700 hover:text-gray-500 focus:ring-2 focus:ring-primary-500 dark:text-gray-600 dark:hover:text-gray-400'
-              >
-                <SvgIcon
-                  src={revealed ? require('@phosphor-icons/core/regular/eye-slash.svg') : require('@phosphor-icons/core/regular/eye.svg')}
-                  className='size-4'
-                />
-              </button>
-            </div>
-          </Tooltip>
-        ) : null}
-      </div>
-    );
-  },
-);
-
-export {
-  Input as default,
-  InputThemes,
-};
+export { Input as default, InputThemes };
diff --git a/packages/pl-fe/src/components/ui/layout.tsx b/packages/pl-fe/src/components/ui/layout.tsx
index 51c3a3e69..9067af77f 100644
--- a/packages/pl-fe/src/components/ui/layout.tsx
+++ b/packages/pl-fe/src/components/ui/layout.tsx
@@ -27,12 +27,9 @@ interface LayoutComponent extends React.FC<ILayout> {
 const Layout: LayoutComponent = ({ children, fullWidth }) => (
   <div className='⁂-layout'>
     <div
-      className={clsx(
-        '⁂-layout__content',
-        {
-          '⁂-layout__content--full-width': fullWidth,
-        },
-      )}
+      className={clsx('⁂-layout__content', {
+        '⁂-layout__content--full-width': fullWidth,
+      })}
     >
       {children}
     </div>
@@ -54,10 +51,13 @@ const Main: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, classN
 
   return (
     <main
-      className={clsx({
-        '⁂-layout__main': true,
-        '⁂-layout__main--chats': features.chats,
-      }, className)}
+      className={clsx(
+        {
+          '⁂-layout__main': true,
+          '⁂-layout__main--chats': features.chats,
+        },
+        className,
+      )}
     >
       {children}
     </main>
@@ -68,9 +68,7 @@ const Main: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, classN
 const Aside: React.FC<IAside> = ({ children }) => (
   <aside className='⁂-layout__aside'>
     <StickyBox offsetTop={16} className='⁂-layout__aside__content'>
-      <Suspense>
-        {children}
-      </Suspense>
+      <Suspense>{children}</Suspense>
     </StickyBox>
   </aside>
 );
diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx
index 6b1374e31..0b2804a36 100644
--- a/packages/pl-fe/src/components/ui/modal.tsx
+++ b/packages/pl-fe/src/components/ui/modal.tsx
@@ -17,7 +17,10 @@ const messages = defineMessages({
 const useDefaultCloseIcon = (): string => {
   const { account } = useOwnAccount();
 
-  if (account?.url === 'https://donotsta.re/users/pmysl' || account?.url === 'https://to.juz.sie.federu.je/@pmysl') {
+  if (
+    account?.url === 'https://donotsta.re/users/pmysl' ||
+    account?.url === 'https://to.juz.sie.federu.je/@pmysl'
+  ) {
     return require('@phosphor-icons/core/regular/twitter-logo.svg');
   }
 
@@ -58,119 +61,123 @@ interface IModal {
 }
 
 /** Displays a modal dialog box. */
-const Modal = React.forwardRef<HTMLDivElement, IModal>(({
-  cancelAction,
-  cancelText,
-  children,
-  closeIcon,
-  closePosition = 'right',
-  confirmationAction,
-  confirmationDisabled,
-  confirmationText,
-  confirmationTheme,
-  onClose,
-  secondaryAction,
-  secondaryDisabled = false,
-  secondaryText,
-  skipFocus = false,
-  title,
-  className,
-  onBack,
-}, ref) => {
-  const intl = useIntl();
-  const buttonRef = React.useRef<HTMLButtonElement>(null);
-  const [firstRender, setFirstRender] = React.useState(true);
+const Modal = React.forwardRef<HTMLDivElement, IModal>(
+  (
+    {
+      cancelAction,
+      cancelText,
+      children,
+      closeIcon,
+      closePosition = 'right',
+      confirmationAction,
+      confirmationDisabled,
+      confirmationText,
+      confirmationTheme,
+      onClose,
+      secondaryAction,
+      secondaryDisabled = false,
+      secondaryText,
+      skipFocus = false,
+      title,
+      className,
+      onBack,
+    },
+    ref,
+  ) => {
+    const intl = useIntl();
+    const buttonRef = React.useRef<HTMLButtonElement>(null);
+    const [firstRender, setFirstRender] = React.useState(true);
 
-  const defaultCloseIcon = useDefaultCloseIcon();
+    const defaultCloseIcon = useDefaultCloseIcon();
 
-  closeIcon = closeIcon ?? defaultCloseIcon;
+    closeIcon = closeIcon ?? defaultCloseIcon;
 
-  React.useEffect(() => {
-    setFirstRender(false);
-  }, []);
+    React.useEffect(() => {
+      setFirstRender(false);
+    }, []);
 
-  React.useEffect(() => {
-    if (buttonRef?.current && !skipFocus) {
-      buttonRef.current.focus();
-    }
-  }, [skipFocus, buttonRef]);
+    React.useEffect(() => {
+      if (buttonRef?.current && !skipFocus) {
+        buttonRef.current.focus();
+      }
+    }, [skipFocus, buttonRef]);
 
-  return (
-    <div
-      ref={ref}
-      data-testid='modal'
-      className={clsx('⁂-modal', {
-        '⁂-modal--first-render': firstRender,
-        '⁂-modal--close-position-left': closePosition === 'left',
-      }, className)}
-    >
-      {title && (
-        <div className='⁂-modal__title'>
-          <div>
-            {onBack && (
-              <IconButton
-                src={require('@phosphor-icons/core/regular/arrow-left.svg')}
-                title={intl.formatMessage(messages.back)}
-                onClick={onBack}
-              />
-            )}
-
-            <h3>{title}</h3>
-
-            {onClose && (
-              <IconButton
-                src={closeIcon}
-                title={intl.formatMessage(messages.close)}
-                onClick={onClose}
-              />
-            )}
-          </div>
-        </div>
-      )}
-
-      <div className='⁂-modal__body'>
-        <div className='⁂-modal__children'>
-          {children}
-        </div>
-
-        {confirmationAction && (
-          <div className='⁂-modal__actions' data-testid='modal-actions'>
-            <div className='⁂-modal__actions__cancel'>
-              {cancelAction && (
-                <button
-                  className='⁂-modal__action-cancel'
-                  onClick={cancelAction}
-                >
-                  {cancelText ?? <FormattedMessage id='common.cancel' defaultMessage='Cancel' />}
-                </button>
-              )}
-            </div>
-
-            <div className='⁂-modal__actions__other'>
-              {secondaryAction && (
-                <button
-                  className='⁂-modal__action-secondary'
-                  onClick={secondaryAction}
-                  disabled={secondaryDisabled}
-                >
-                  {secondaryText}
-                </button>
+    return (
+      <div
+        ref={ref}
+        data-testid='modal'
+        className={clsx(
+          '⁂-modal',
+          {
+            '⁂-modal--first-render': firstRender,
+            '⁂-modal--close-position-left': closePosition === 'left',
+          },
+          className,
+        )}
+      >
+        {title && (
+          <div className='⁂-modal__title'>
+            <div>
+              {onBack && (
+                <IconButton
+                  src={require('@phosphor-icons/core/regular/arrow-left.svg')}
+                  title={intl.formatMessage(messages.back)}
+                  onClick={onBack}
+                />
               )}
 
-              <Button
-                theme={confirmationTheme ?? 'primary'}
-                onClick={confirmationAction}
-                disabled={confirmationDisabled}
-                ref={buttonRef}
-              >
-                {confirmationText}
-              </Button>
+              <h3>{title}</h3>
+
+              {onClose && (
+                <IconButton
+                  src={closeIcon}
+                  title={intl.formatMessage(messages.close)}
+                  onClick={onClose}
+                />
+              )}
             </div>
           </div>
         )}
+
+        <div className='⁂-modal__body'>
+          <div className='⁂-modal__children'>{children}</div>
+
+          {confirmationAction && (
+            <div className='⁂-modal__actions' data-testid='modal-actions'>
+              <div className='⁂-modal__actions__cancel'>
+                {cancelAction && (
+                  <button className='⁂-modal__action-cancel' onClick={cancelAction}>
+                    {cancelText ?? <FormattedMessage id='common.cancel' defaultMessage='Cancel' />}
+                  </button>
+                )}
+              </div>
+
+              <div className='⁂-modal__actions__other'>
+                {secondaryAction && (
+                  <button
+                    className='⁂-modal__action-secondary'
+                    onClick={secondaryAction}
+                    disabled={secondaryDisabled}
+                  >
+                    {secondaryText}
+                  </button>
+                )}
+
+                <Button
+                  theme={confirmationTheme ?? 'primary'}
+                  onClick={confirmationAction}
+                  disabled={confirmationDisabled}
+                  ref={buttonRef}
+                >
+                  {confirmationText}
+                </Button>
+              </div>
+            </div>
+          )}
+        </div>
       </div>
-    </div>
-  );
-});
+    );
+  },
+);
 
 export { Modal as default };
diff --git a/packages/pl-fe/src/components/ui/multiselect.tsx b/packages/pl-fe/src/components/ui/multiselect.tsx
index d49ad3e79..d3eb538c1 100644
--- a/packages/pl-fe/src/components/ui/multiselect.tsx
+++ b/packages/pl-fe/src/components/ui/multiselect.tsx
@@ -46,8 +46,8 @@ function useOutsideAlerter(ref, clickEvent) {
 }
 
 /**
-* Component that alerts if you click outside of it
-*/
+ * Component that alerts if you click outside of it
+ */
 const OutsideAlerter = (props) => {
   const wrapperRef = useRef(null);
   useOutsideAlerter(wrapperRef, props.outsideClick);
@@ -61,10 +61,10 @@ interface IMultiselectProps {
   placeholder?: string;
   loading?: boolean;
   emptyRecordMsg?: string;
-  onSelect?: (selectedList:any, selectedItem: any) => void;
-  onRemove?: (selectedList:any, selectedItem: any) => void;
-  onSearch?: (value:string) => void;
-  onKeyPressFn?: (event:any, value:string) => void;
+  onSelect?: (selectedList: any, selectedItem: any) => void;
+  onRemove?: (selectedList: any, selectedItem: any) => void;
+  onSearch?: (value: string) => void;
+  onKeyPressFn?: (event: any, value: string) => void;
   id?: string;
   name?: string;
   disabled?: boolean;
@@ -72,7 +72,6 @@ interface IMultiselectProps {
 }
 
 export class Multiselect extends React.Component<IMultiselectProps, any> {
-
   static defaultProps: IMultiselectProps;
 
   constructor(props) {
@@ -124,7 +123,10 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     const { options, selectedValues } = this.props;
     const { options: prevOptions, selectedValues: prevSelectedvalues } = prevProps;
     if (JSON.stringify(prevOptions) !== JSON.stringify(options)) {
-      this.setState({ options, filteredOptions: options, unfilteredOptions: options }, this.initialSetValue);
+      this.setState(
+        { options, filteredOptions: options, unfilteredOptions: options },
+        this.initialSetValue,
+      );
     }
     if (JSON.stringify(prevSelectedvalues) !== JSON.stringify(selectedValues)) {
       this.setState({ selectedValues: Object.assign([], selectedValues) }, this.initialSetValue);
@@ -153,23 +155,15 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     if (!selectedValues.length && !skipCheck) {
       return;
     }
-    const optionList = unfilteredOptions.filter(item => {
-      return selectedValues.findIndex(
-        v => v[displayValue] === item[displayValue],
-      ) === -1;
+    const optionList = unfilteredOptions.filter((item) => {
+      return selectedValues.findIndex((v) => v[displayValue] === item[displayValue]) === -1;
     });
-    this.setState(
-      { options: optionList, filteredOptions: optionList },
-      this.filterOptionsByInput,
-    );
+    this.setState({ options: optionList, filteredOptions: optionList }, this.filterOptionsByInput);
   }
 
   onChange(event) {
     const { onSearch } = this.props;
-    this.setState(
-      { inputValue: event.target.value },
-      this.filterOptionsByInput,
-    );
+    this.setState({ inputValue: event.target.value }, this.filterOptionsByInput);
     if (onSearch) {
       onSearch(event.target.value);
     }
@@ -186,7 +180,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     let { options } = this.state;
     const { filteredOptions, inputValue } = this.state;
     const { displayValue } = this.props;
-    options = filteredOptions.filter(i => this.matchValues(i[displayValue], inputValue));
+    options = filteredOptions.filter((i) => this.matchValues(i[displayValue], inputValue));
     this.setState({ options });
   }
 
@@ -198,13 +192,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
   }
 
   onArrowKeyNavigation(e) {
-    const {
-      options,
-      highlightOption,
-      toggleOptionsList,
-      inputValue,
-      selectedValues,
-    } = this.state;
+    const { options, highlightOption, toggleOptionsList, inputValue, selectedValues } = this.state;
     if (e.keyCode === 8 && !inputValue && selectedValues.length) {
       this.onRemoveSelectedItem(selectedValues.length - 1);
     }
@@ -213,7 +201,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     }
     if (e.keyCode === 38) {
       if (highlightOption > 0) {
-        this.setState(previousState => ({
+        this.setState((previousState) => ({
           highlightOption: previousState.highlightOption - 1,
         }));
       } else {
@@ -221,7 +209,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
       }
     } else if (e.keyCode === 40) {
       if (highlightOption < options.length - 1) {
-        this.setState(previousState => ({
+        this.setState((previousState) => ({
           highlightOption: previousState.highlightOption + 1,
         }));
       } else {
@@ -246,9 +234,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     const { selectedValues } = this.state;
     let { index = 0 } = this.state;
     const { onRemove, displayValue } = this.props;
-    index = selectedValues.findIndex(
-      i => i[displayValue] === item[displayValue],
-    );
+    index = selectedValues.findIndex((i) => i[displayValue] === item[displayValue]);
     selectedValues.splice(index, 1);
     onRemove(selectedValues, item);
     this.setState({ selectedValues }, () => {
@@ -276,10 +262,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
   isSelectedValue(item) {
     const { displayValue } = this.props;
     const { selectedValues } = this.state;
-    return (
-      selectedValues.filter(i => i[displayValue] === item[displayValue])
-        .length > 0
-    );
+    return selectedValues.filter((i) => i[displayValue] === item[displayValue]).length > 0;
   }
 
   renderOptionList() {
@@ -310,7 +293,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
         <li
           key={`option${i}`}
           className={`option ${isSelected ? 'selected' : ''} ${highlightOption === i ? 'highlightOption highlight' : ''}`}
-          onClick={() =>{
+          onClick={() => {
             this.onSelectItem(option);
           }}
         >
@@ -326,11 +309,15 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     return selectedValues.map((value, index) => (
       <span className='chip' key={index}>
         {value[displayValue]}
-        <button onClick={() =>{
-          this.onRemoveSelectedItem(value);
-        }}
+        <button
+          onClick={() => {
+            this.onRemoveSelectedItem(value);
+          }}
         >
-          <Icon className='ml-1 size-4 hover:cursor-pointer' src={require('@phosphor-icons/core/regular/x-circle.svg')} />
+          <Icon
+            className='ml-1 size-4 hover:cursor-pointer'
+            src={require('@phosphor-icons/core/regular/x-circle.svg')}
+          />
         </button>
       </span>
     ));
@@ -351,7 +338,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     });
   }
 
-  onFocus(){
+  onFocus() {
     if (this.state.toggleOptionsList) {
       // @ts-ignore
       clearTimeout(this.optionTimeout);
@@ -360,7 +347,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     }
   }
 
-  onBlur(){
+  onBlur() {
     this.setState({ inputValue: '' }, this.filterOptionsByInput);
     // @ts-ignore
     this.optionTimeout = setTimeout(this.onCloseOptionList, 250);
@@ -370,11 +357,15 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
     const { inputValue, toggleOptionsList } = this.state;
     const { placeholder, id, name, disabled, className } = this.props;
     return (
-      <div className={clsx('multiselect-container', { 'multiselect-container--disabled': disabled }, className)} id={id}>
-        <div
-          className='searchWrapper'
-          ref={this.searchWrapper}
-        >
+      <div
+        className={clsx(
+          'multiselect-container',
+          { 'multiselect-container--disabled': disabled },
+          className,
+        )}
+        id={id}
+      >
+        <div className='searchWrapper' ref={this.searchWrapper}>
           {this.renderSelectedList()}
           <input
             type='text'
@@ -393,9 +384,7 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
           />
         </div>
         <div
-          className={`optionListContainer ${
-            toggleOptionsList ? 'displayBlock' : 'displayNone'
-          }`}
+          className={`optionListContainer ${toggleOptionsList ? 'displayBlock' : 'displayNone'}`}
           onMouseDown={(e) => {
             e.preventDefault();
           }}
@@ -413,7 +402,6 @@ export class Multiselect extends React.Component<IMultiselectProps, any> {
       </OutsideAlerter>
     );
   }
-
 }
 
 Multiselect.defaultProps = {
diff --git a/packages/pl-fe/src/components/ui/popover.tsx b/packages/pl-fe/src/components/ui/popover.tsx
index a15c69915..0fafae3a9 100644
--- a/packages/pl-fe/src/components/ui/popover.tsx
+++ b/packages/pl-fe/src/components/ui/popover.tsx
@@ -39,7 +39,15 @@ interface IPopover {
  * Similar to tooltip, but requires a click and is used for larger blocks
  * of information.
  */
-const Popover: React.FC<IPopover> = ({ children, content, referenceElementClassName, interaction = 'hover', isFlush = false, offsetOptions = 10, placements = ['top', 'bottom'] }) => {
+const Popover: React.FC<IPopover> = ({
+  children,
+  content,
+  referenceElementClassName,
+  interaction = 'hover',
+  isFlush = false,
+  offsetOptions = 10,
+  placements = ['top', 'bottom'],
+}) => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
   const arrowRef = useRef<SVGSVGElement>(null);
@@ -79,11 +87,7 @@ const Popover: React.FC<IPopover> = ({ children, content, referenceElementClassN
   const hover = useHover(context, { enabled: interaction === 'hover' });
   const dismiss = useDismiss(context);
 
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    click,
-    hover,
-    dismiss,
-  ]);
+  const { getReferenceProps, getFloatingProps } = useInteractions([click, hover, dismiss]);
 
   return (
     <>
@@ -107,16 +111,13 @@ const Popover: React.FC<IPopover> = ({ children, content, referenceElementClassN
             }}
           >
             <div
-              className={
-                clsx(
-                  'overflow-hidden rounded-lg bg-white shadow-2xl dark:bg-gray-900 dark:ring-2 dark:ring-primary-700',
-                  { 'p-4': !isFlush },
-                )
-              }
+              className={clsx(
+                'overflow-hidden rounded-lg bg-white shadow-2xl dark:bg-gray-900 dark:ring-2 dark:ring-primary-700',
+                { 'p-4': !isFlush },
+              )}
               {...getFloatingProps()}
             >
               {content}
-
             </div>
             <FloatingArrow
               ref={arrowRef}
diff --git a/packages/pl-fe/src/components/ui/portal.tsx b/packages/pl-fe/src/components/ui/portal.tsx
index 6901c9096..d7e6d630b 100644
--- a/packages/pl-fe/src/components/ui/portal.tsx
+++ b/packages/pl-fe/src/components/ui/portal.tsx
@@ -19,12 +19,7 @@ const Portal: React.FC<IPortal> = ({ children }) => {
     return null;
   }
 
-  return (
-    ReactDOM.createPortal(
-      children,
-      document.getElementById('plfe') as HTMLDivElement,
-    )
-  );
+  return ReactDOM.createPortal(children, document.getElementById('plfe') as HTMLDivElement);
 };
 
 export { Portal as default };
diff --git a/packages/pl-fe/src/components/ui/progress-bar.tsx b/packages/pl-fe/src/components/ui/progress-bar.tsx
index 4ccd3cbff..524e87b97 100644
--- a/packages/pl-fe/src/components/ui/progress-bar.tsx
+++ b/packages/pl-fe/src/components/ui/progress-bar.tsx
@@ -29,10 +29,7 @@ const ProgressBar: React.FC<IProgressBar> = ({ progress, size = 'md' }) => {
         'h-[6px]': size === 'sm',
       })}
     >
-      <animated.div
-        className='h-full bg-secondary-500'
-        style={styles}
-      />
+      <animated.div className='h-full bg-secondary-500' style={styles} />
     </div>
   );
 };
diff --git a/packages/pl-fe/src/components/ui/select.tsx b/packages/pl-fe/src/components/ui/select.tsx
index 0bf06e8ac..0b4575b67 100644
--- a/packages/pl-fe/src/components/ui/select.tsx
+++ b/packages/pl-fe/src/components/ui/select.tsx
@@ -13,13 +13,9 @@ const Select = React.forwardRef<HTMLSelectElement, ISelect>((props, ref) => {
   return (
     <select
       ref={ref}
-      className={clsx(
-        '⁂-select',
-        className,
-        {
-          'w-full': full,
-        },
-      )}
+      className={clsx('⁂-select', className, {
+        'w-full': full,
+      })}
       {...filteredProps}
     >
       {children}
diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index ceee3aee7..988db115a 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -14,7 +14,7 @@ interface ISlider {
 const Slider: React.FC<ISlider> = ({ value, onChange }) => {
   const node = useRef<HTMLDivElement>(null);
 
-  const handleMouseDown: React.MouseEventHandler = e => {
+  const handleMouseDown: React.MouseEventHandler = (e) => {
     document.addEventListener('mousemove', handleMouseSlide, true);
     document.addEventListener('mouseup', handleMouseUp, true);
     document.addEventListener('touchmove', handleMouseSlide, true);
@@ -33,23 +33,26 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
     document.removeEventListener('touchend', handleMouseUp, true);
   };
 
-  const handleMouseSlide = useCallback(throttle(e => {
-    if (node.current) {
-      const { x } = getPointerPosition(node.current, e);
+  const handleMouseSlide = useCallback(
+    throttle((e) => {
+      if (node.current) {
+        const { x } = getPointerPosition(node.current, e);
 
-      if (!isNaN(x)) {
-        let slideamt = x;
+        if (!isNaN(x)) {
+          let slideamt = x;
 
-        if (x > 1) {
-          slideamt = 1;
-        } else if (x < 0) {
-          slideamt = 0;
+          if (x > 1) {
+            slideamt = 1;
+          } else if (x < 0) {
+            slideamt = 0;
+          }
+
+          onChange(slideamt);
         }
-
-        onChange(slideamt);
       }
-    }
-  }, 60), [node.current]);
+    }, 60),
+    [node.current],
+  );
 
   return (
     <div
@@ -58,7 +61,10 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
       ref={node}
     >
       <div className='absolute top-1/2 h-1 w-full -translate-y-1/2 rounded-full bg-primary-200 dark:bg-primary-700' />
-      <div className='absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500' style={{ width: `${value * 100}%` }} />
+      <div
+        className='absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500'
+        style={{ width: `${value * 100}%` }}
+      />
       <span
         className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
         tabIndex={0}
diff --git a/packages/pl-fe/src/components/ui/spinner.tsx b/packages/pl-fe/src/components/ui/spinner.tsx
index 41036b2a8..3e6f0e2da 100644
--- a/packages/pl-fe/src/components/ui/spinner.tsx
+++ b/packages/pl-fe/src/components/ui/spinner.tsx
@@ -3,7 +3,6 @@ import { FormattedMessage } from 'react-intl';
 
 import Stack from './stack';
 import Text from './text';
-
 import './spinner.css';
 
 interface ISpinner {
@@ -17,7 +16,7 @@ interface ISpinner {
 const Spinner = ({ size = 30, withText = true }: ISpinner) => (
   <Stack space={2} justifyContent='center' alignItems='center'>
     <div className='spinner' style={{ width: size, height: size }}>
-      {Array.from(Array(12).keys()).map(i => (
+      {Array.from(Array(12).keys()).map((i) => (
         <div key={i}>&nbsp;</div>
       ))}
     </div>
diff --git a/packages/pl-fe/src/components/ui/stack.tsx b/packages/pl-fe/src/components/ui/stack.tsx
index 7828909fa..ccdf1fa84 100644
--- a/packages/pl-fe/src/components/ui/stack.tsx
+++ b/packages/pl-fe/src/components/ui/stack.tsx
@@ -43,26 +43,40 @@ interface IStack extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 /** Vertical stack of child elements. */
-const Stack = React.forwardRef<HTMLDivElement, IStack>((props, ref: React.LegacyRef<HTMLDivElement> | undefined) => {
-  const { space, alignItems, justifyContent, className, grow, element = 'div', ...filteredProps } = props;
+const Stack = React.forwardRef<HTMLDivElement, IStack>(
+  (props, ref: React.LegacyRef<HTMLDivElement> | undefined) => {
+    const {
+      space,
+      alignItems,
+      justifyContent,
+      className,
+      grow,
+      element = 'div',
+      ...filteredProps
+    } = props;
 
-  const Elem = element as 'div';
+    const Elem = element as 'div';
 
-  return (
-    <Elem
-      {...filteredProps}
-      ref={ref}
-      className={clsx('flex flex-col', {
-        // @ts-ignore
-        [spaces[space]]: typeof space !== 'undefined',
-        // @ts-ignore
-        [alignItemsOptions[alignItems]]: typeof alignItems !== 'undefined',
-        // @ts-ignore
-        [justifyContentOptions[justifyContent]]: typeof justifyContent !== 'undefined',
-        'grow': grow,
-      }, className)}
-    />
-  );
-});
+    return (
+      <Elem
+        {...filteredProps}
+        ref={ref}
+        className={clsx(
+          'flex flex-col',
+          {
+            // @ts-ignore
+            [spaces[space]]: typeof space !== 'undefined',
+            // @ts-ignore
+            [alignItemsOptions[alignItems]]: typeof alignItems !== 'undefined',
+            // @ts-ignore
+            [justifyContentOptions[justifyContent]]: typeof justifyContent !== 'undefined',
+            grow: grow,
+          },
+          className,
+        )}
+      />
+    );
+  },
+);
 
 export { Stack as default };
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index 50fa3b808..0d791ca6f 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -16,7 +16,7 @@ interface IStepSlider {
 const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
   const node = useRef<HTMLDivElement>(null);
 
-  const handleMouseDown: React.MouseEventHandler = e => {
+  const handleMouseDown: React.MouseEventHandler = (e) => {
     document.addEventListener('mousemove', handleMouseSlide, true);
     document.addEventListener('mouseup', handleMouseUp, true);
     document.addEventListener('touchmove', handleMouseSlide, true);
@@ -35,24 +35,27 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
     document.removeEventListener('touchend', handleMouseUp, true);
   };
 
-  const handleMouseSlide = useCallback(throttle(e => {
-    if (node.current) {
-      const { x } = getPointerPosition(node.current, e);
+  const handleMouseSlide = useCallback(
+    throttle((e) => {
+      if (node.current) {
+        const { x } = getPointerPosition(node.current, e);
 
-      if (!isNaN(x)) {
-        let slideamt = x;
+        if (!isNaN(x)) {
+          let slideamt = x;
 
-        if (x > 1) {
-          slideamt = 1;
-        } else if (x < 0) {
-          slideamt = 0;
+          if (x > 1) {
+            slideamt = 1;
+          } else if (x < 0) {
+            slideamt = 0;
+          }
+
+          slideamt = Math.floor((slideamt + 0.5 / steps) * (steps - 1));
+          onChange(slideamt);
         }
-
-        slideamt = Math.floor((slideamt + 0.5 / steps) * (steps - 1));
-        onChange(slideamt);
       }
-    }
-  }, 60), [node.current]);
+    }, 60),
+    [node.current],
+  );
 
   return (
     <div
@@ -61,18 +64,21 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
       ref={node}
     >
       <div className='absolute top-1/2 h-1 w-full -translate-y-1/2 rounded-full bg-primary-200 dark:bg-primary-700' />
-      <div className='absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500' style={{ width: `${value / (steps - 1) * 100}%` }} />
+      <div
+        className='absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500'
+        style={{ width: `${(value / (steps - 1)) * 100}%` }}
+      />
       {[...Array(steps).fill(undefined)].map((_, step) => (
         <span
           key={step}
           className='absolute top-1/2 z-10 h-3 w-1 -translate-y-1/2 bg-accent-300'
-          style={{ left: `${(step) / (steps - 1) * 100}%` }}
+          style={{ left: `${(step / (steps - 1)) * 100}%` }}
         />
       ))}
       <span
         className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
         tabIndex={0}
-        style={{ left: `calc(${value / (steps - 1) * 100}% + 0.125rem)` }}
+        style={{ left: `calc(${(value / (steps - 1)) * 100}% + 0.125rem)` }}
       />
     </div>
   );
diff --git a/packages/pl-fe/src/components/ui/streamfield.tsx b/packages/pl-fe/src/components/ui/streamfield.tsx
index 9d97cf78d..cb01db3d0 100644
--- a/packages/pl-fe/src/components/ui/streamfield.tsx
+++ b/packages/pl-fe/src/components/ui/streamfield.tsx
@@ -85,51 +85,57 @@ const Streamfield: React.FC<IStreamfield> = ({
   return (
     <Stack space={4}>
       <Stack>
-        {label && <Text size='sm' weight='medium'>{label}</Text>}
-        {hint && <Text size='xs' theme='muted'>{hint}</Text>}
+        {label && (
+          <Text size='sm' weight='medium'>
+            {label}
+          </Text>
+        )}
+        {hint && (
+          <Text size='xs' theme='muted'>
+            {hint}
+          </Text>
+        )}
       </Stack>
 
-      {(values.length > 0) && (
+      {values.length > 0 && (
         <Stack space={1}>
-          {values.map((value, i) => value?._destroy ? null : (
-            <HStack
-              key={i}
-              space={2}
-              alignItems='center'
-              draggable={draggable}
-              onDragStart={handleDragStart(i)}
-              onDragEnter={handleDragEnter(i)}
-              onDragEnd={handleDragEnd}
-            >
-              <Component
+          {values.map((value, i) =>
+            value?._destroy ? null : (
+              <HStack
                 key={i}
-                index={i}
-                onChange={handleChange(i)}
-                value={value}
-                autoFocus={i > 0}
-              />
-              {values.length > minItems && onRemoveItem && (
-                <IconButton
-                  iconClassName='h-4 w-4'
-                  className='bg-transparent text-gray-600 hover:text-gray-600'
-                  src={require('@phosphor-icons/core/regular/x.svg')}
-                  onClick={() =>{
-                    onRemoveItem(i);
-                  }}
-                  title={intl.formatMessage(messages.remove)}
+                space={2}
+                alignItems='center'
+                draggable={draggable}
+                onDragStart={handleDragStart(i)}
+                onDragEnter={handleDragEnter(i)}
+                onDragEnd={handleDragEnd}
+              >
+                <Component
+                  key={i}
+                  index={i}
+                  onChange={handleChange(i)}
+                  value={value}
+                  autoFocus={i > 0}
                 />
-              )}
-            </HStack>
-          ))}
+                {values.length > minItems && onRemoveItem && (
+                  <IconButton
+                    iconClassName='h-4 w-4'
+                    className='bg-transparent text-gray-600 hover:text-gray-600'
+                    src={require('@phosphor-icons/core/regular/x.svg')}
+                    onClick={() => {
+                      onRemoveItem(i);
+                    }}
+                    title={intl.formatMessage(messages.remove)}
+                  />
+                )}
+              </HStack>
+            ),
+          )}
         </Stack>
       )}
 
-      {(onAddItem && (values.length < maxItems)) && (
-        <Button
-          onClick={onAddItem}
-          theme='secondary'
-          block
-        >
+      {onAddItem && values.length < maxItems && (
+        <Button onClick={onAddItem} theme='secondary' block>
           <FormattedMessage id='streamfield.add' defaultMessage='Add' />
         </Button>
       )}
diff --git a/packages/pl-fe/src/components/ui/svg-icon.tsx b/packages/pl-fe/src/components/ui/svg-icon.tsx
index fe880408e..1f66a900b 100644
--- a/packages/pl-fe/src/components/ui/svg-icon.tsx
+++ b/packages/pl-fe/src/components/ui/svg-icon.tsx
@@ -13,7 +13,13 @@ interface ISvgIcon extends InlineSVGProps {
 }
 
 /** Renders an inline SVG with an empty frame loading state */
-const SvgIcon: React.FC<ISvgIcon> = ({ src, alt, size = 24, className, ...filteredProps }): JSX.Element => {
+const SvgIcon: React.FC<ISvgIcon> = ({
+  src,
+  alt,
+  size = 24,
+  className,
+  ...filteredProps
+}): JSX.Element => {
   const loader = (
     <svg
       className={className}
diff --git a/packages/pl-fe/src/components/ui/tabs.tsx b/packages/pl-fe/src/components/ui/tabs.tsx
index 616dc319d..15781b6ad 100644
--- a/packages/pl-fe/src/components/ui/tabs.tsx
+++ b/packages/pl-fe/src/components/ui/tabs.tsx
@@ -47,13 +47,10 @@ const AnimatedTabs: React.FC<IAnimatedInterface> = ({ children, ...rest }) => {
         // @ts-ignore
         ref={ref}
       >
-        <div
-          className='absolute h-[3px] w-full bg-primary-200 dark:bg-gray-800'
-          style={{ top }}
-        />
+        <div className='absolute h-[3px] w-full bg-primary-200 dark:bg-gray-800' style={{ top }} />
         <div
           className={clsx('absolute h-[3px] bg-primary-500 transition-all duration-200', {
-            'hidden': top <= 0,
+            hidden: top <= 0,
           })}
           style={{ left, top, width }}
         />
@@ -169,14 +166,9 @@ const Tabs = ({ items, activeItem }: ITabs) => {
 
   return (
     <AnimatedTabs onChange={onChange} defaultIndex={defaultIndex}>
-      <ReachTabList>
-        {items.map((item, i) => renderItem(item, i))}
-      </ReachTabList>
+      <ReachTabList>{items.map((item, i) => renderItem(item, i))}</ReachTabList>
     </AnimatedTabs>
   );
 };
 
-export {
-  type Item,
-  Tabs as default,
-};
+export { type Item, Tabs as default };
diff --git a/packages/pl-fe/src/components/ui/tag-input.tsx b/packages/pl-fe/src/components/ui/tag-input.tsx
index e16717a9f..657fbc0bb 100644
--- a/packages/pl-fe/src/components/ui/tag-input.tsx
+++ b/packages/pl-fe/src/components/ui/tag-input.tsx
@@ -15,7 +15,7 @@ const TagInput: React.FC<ITagInput> = ({ tags, onChange, placeholder }) => {
   const [input, setInput] = useState('');
 
   const handleTagDelete = (tag: string) => {
-    onChange(tags.filter(item => item !== tag));
+    onChange(tags.filter((item) => item !== tag));
   };
 
   const handleKeyDown: React.KeyboardEventHandler = (e) => {
@@ -26,7 +26,11 @@ const TagInput: React.FC<ITagInput> = ({ tags, onChange, placeholder }) => {
       e.preventDefault();
     }
 
-    if ([',', 'Tab', 'Enter'].includes(key) && trimmedInput.length && !tags.includes(trimmedInput)) {
+    if (
+      [',', 'Tab', 'Enter'].includes(key) &&
+      trimmedInput.length &&
+      !tags.includes(trimmedInput)
+    ) {
       e.preventDefault();
       onChange([...tags, trimmedInput]);
       setInput('');
@@ -58,7 +62,7 @@ const TagInput: React.FC<ITagInput> = ({ tags, onChange, placeholder }) => {
           className='mb-2 h-8 w-32 grow bg-transparent p-1 outline-none'
           value={input}
           placeholder={placeholder}
-          onChange={e =>{
+          onChange={(e) => {
             setInput(e.target.value);
           }}
           onKeyDown={handleKeyDown}
diff --git a/packages/pl-fe/src/components/ui/tag.tsx b/packages/pl-fe/src/components/ui/tag.tsx
index ab9037f35..5ee938c44 100644
--- a/packages/pl-fe/src/components/ui/tag.tsx
+++ b/packages/pl-fe/src/components/ui/tag.tsx
@@ -18,7 +18,7 @@ const Tag: React.FC<ITag> = ({ tag, onDelete }) => (
     <IconButton
       iconClassName='h-4 w-4'
       src={require('@phosphor-icons/core/regular/x.svg')}
-      onClick={() =>{
+      onClick={() => {
         onDelete(tag);
       }}
     />
diff --git a/packages/pl-fe/src/components/ui/text.tsx b/packages/pl-fe/src/components/ui/text.tsx
index 089297542..ca0f64282 100644
--- a/packages/pl-fe/src/components/ui/text.tsx
+++ b/packages/pl-fe/src/components/ui/text.tsx
@@ -50,11 +50,28 @@ const families = {
   mono: 'font-mono',
 };
 
-type Sizes = keyof typeof sizes
-type Tags = 'abbr' | 'p' | 'span' | 'pre' | 'time' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label' | 'div' | 'blockquote'
-type Directions = 'ltr' | 'rtl'
+type Sizes = keyof typeof sizes;
+type Tags =
+  | 'abbr'
+  | 'p'
+  | 'span'
+  | 'pre'
+  | 'time'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6'
+  | 'label'
+  | 'div'
+  | 'blockquote';
+type Directions = 'ltr' | 'rtl';
 
-interface IText extends Pick<React.HTMLAttributes<HTMLParagraphElement>, 'dangerouslySetInnerHTML' | 'tabIndex' | 'lang' | 'onClick' | 'role'> {
+interface IText extends Pick<
+  React.HTMLAttributes<HTMLParagraphElement>,
+  'dangerouslySetInnerHTML' | 'tabIndex' | 'lang' | 'onClick' | 'role'
+> {
   /** Text content. */
   children?: React.ReactNode;
   /** How to align the text. */
@@ -88,35 +105,35 @@ interface IText extends Pick<React.HTMLAttributes<HTMLParagraphElement>, 'danger
 }
 
 /** UI-friendly text container with dark mode support. */
-const Text = React.forwardRef<any, IText>(
-  (props, ref) => {
-    const {
-      align,
-      className,
-      direction,
-      family = 'sans',
-      size = 'md',
-      tag = 'p',
-      theme = 'default',
-      tracking = 'normal',
-      transform = 'normal',
-      truncate = false,
-      weight = 'normal',
-      ...filteredProps
-    } = props;
+const Text = React.forwardRef<any, IText>((props, ref) => {
+  const {
+    align,
+    className,
+    direction,
+    family = 'sans',
+    size = 'md',
+    tag = 'p',
+    theme = 'default',
+    tracking = 'normal',
+    transform = 'normal',
+    truncate = false,
+    weight = 'normal',
+    ...filteredProps
+  } = props;
 
-    const Comp = tag as any as 'p';
+  const Comp = tag as any as 'p';
 
-    const alignmentClass = typeof align === 'string' ? alignments[align] : '';
+  const alignmentClass = typeof align === 'string' ? alignments[align] : '';
 
-    return (
-      <Comp
-        {...filteredProps}
-        ref={ref}
-        style={{
-          direction,
-        }}
-        className={clsx({
+  return (
+    <Comp
+      {...filteredProps}
+      ref={ref}
+      style={{
+        direction,
+      }}
+      className={clsx(
+        {
           truncate: truncate,
           [sizes[size]]: true,
           [themes[theme]]: true,
@@ -125,14 +142,11 @@ const Text = React.forwardRef<any, IText>(
           [families[family]]: true,
           [alignmentClass]: typeof align !== 'undefined',
           [transformProperties[transform]]: typeof transform !== 'undefined',
-        }, className)}
-      />
-    );
-  },
-);
+        },
+        className,
+      )}
+    />
+  );
+});
 
-export {
-  type Sizes,
-  type IText,
-  Text as default,
-};
+export { type Sizes, type IText, Text as default };
diff --git a/packages/pl-fe/src/components/ui/textarea.tsx b/packages/pl-fe/src/components/ui/textarea.tsx
index 0c18bc2df..f30abe09d 100644
--- a/packages/pl-fe/src/components/ui/textarea.tsx
+++ b/packages/pl-fe/src/components/ui/textarea.tsx
@@ -5,7 +5,22 @@ import { FormattedMessage } from 'react-intl';
 import { useLocale, useLocaleDirection } from '@/hooks/use-locale';
 import { getTextDirection } from '@/utils/rtl';
 
-interface ITextarea extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'id' | 'lang' | 'maxLength' | 'onChange' | 'onClick' | 'onKeyDown' | 'onKeyUp' | 'onPaste' | 'required' | 'disabled' | 'rows' | 'readOnly'> {
+interface ITextarea extends Pick<
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+  | 'className'
+  | 'id'
+  | 'lang'
+  | 'maxLength'
+  | 'onChange'
+  | 'onClick'
+  | 'onKeyDown'
+  | 'onKeyUp'
+  | 'onPaste'
+  | 'required'
+  | 'disabled'
+  | 'rows'
+  | 'readOnly'
+> {
   /** Put the cursor into the input on mount. */
   autoFocus?: boolean;
   /** Allows the textarea height to grow while typing */
@@ -35,87 +50,99 @@ interface ITextarea extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaElemen
 }
 
 /** Textarea with custom styles. */
-const Textarea = React.forwardRef(({
-  isCodeEditor = false,
-  hasError = false,
-  isResizeable = true,
-  onChange,
-  autoGrow = false,
-  maxRows = 10,
-  minRows = 1,
-  rows: initialRows = 4,
-  theme = 'default',
-  maxLength,
-  value,
-  className,
-  ...props
-}: ITextarea, ref: React.ForwardedRef<HTMLTextAreaElement>) => {
-  const length = value?.length ?? 0;
-  const [rows, setRows] = useState<number>(autoGrow ? minRows : initialRows);
-  const direction = useLocaleDirection(useLocale());
+const Textarea = React.forwardRef(
+  (
+    {
+      isCodeEditor = false,
+      hasError = false,
+      isResizeable = true,
+      onChange,
+      autoGrow = false,
+      maxRows = 10,
+      minRows = 1,
+      rows: initialRows = 4,
+      theme = 'default',
+      maxLength,
+      value,
+      className,
+      ...props
+    }: ITextarea,
+    ref: React.ForwardedRef<HTMLTextAreaElement>,
+  ) => {
+    const length = value?.length ?? 0;
+    const [rows, setRows] = useState<number>(autoGrow ? minRows : initialRows);
+    const direction = useLocaleDirection(useLocale());
 
-  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-    if (autoGrow) {
-      const textareaLineHeight = 20;
-      const previousRows = event.target.rows;
-      event.target.rows = minRows;
+    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
+      if (autoGrow) {
+        const textareaLineHeight = 20;
+        const previousRows = event.target.rows;
+        event.target.rows = minRows;
 
-      const currentRows = ~~(event.target.scrollHeight / textareaLineHeight);
+        const currentRows = ~~(event.target.scrollHeight / textareaLineHeight);
 
-      if (currentRows === previousRows) {
-        event.target.rows = currentRows;
+        if (currentRows === previousRows) {
+          event.target.rows = currentRows;
+        }
+
+        if (currentRows >= maxRows) {
+          event.target.rows = maxRows;
+          event.target.scrollTop = event.target.scrollHeight;
+        }
+
+        setRows(currentRows < maxRows ? currentRows : maxRows);
       }
 
-      if (currentRows >= maxRows) {
-        event.target.rows = maxRows;
-        event.target.scrollTop = event.target.scrollHeight;
+      if (onChange) {
+        onChange(event);
       }
+    };
 
-      setRows(currentRows < maxRows ? currentRows : maxRows);
+    const textarea = (
+      <textarea
+        {...props}
+        value={value}
+        ref={ref}
+        rows={rows}
+        onChange={handleChange}
+        className={clsx(
+          '⁂-textarea',
+          {
+            '⁂-textarea--transparent': theme === 'transparent',
+            '⁂-textarea--mono': isCodeEditor,
+            '⁂-textarea--has-error': hasError,
+            '⁂-textarea--resizable': isResizeable,
+          },
+          className,
+        )}
+        dir={value?.length ? getTextDirection(value, { fallback: direction }) : undefined}
+      />
+    );
+
+    if (!maxLength) {
+      return textarea;
     }
 
-    if (onChange) {
-      onChange(event);
-    }
-  };
+    return (
+      <div className='⁂-textarea__container'>
+        {textarea}
 
-  const textarea = (
-    <textarea
-      {...props}
-      value={value}
-      ref={ref}
-      rows={rows}
-      onChange={handleChange}
-      className={clsx('⁂-textarea', {
-        '⁂-textarea--transparent': theme === 'transparent',
-        '⁂-textarea--mono': isCodeEditor,
-        '⁂-textarea--has-error': hasError,
-        '⁂-textarea--resizable': isResizeable,
-      }, className)}
-      dir={value?.length ? getTextDirection(value, { fallback: direction }) : undefined}
-    />
-  );
-
-  if (!maxLength) {
-    return textarea;
-  }
-
-  return (
-    <div className='⁂-textarea__container'>
-      {textarea}
-
-      {maxLength && (
-        <p className={clsx('⁂-textarea__max-length', { '⁂-textarea__max-length--exceeded': maxLength - length < 0 })}>
-          <FormattedMessage
-            id='textarea.counter.label'
-            defaultMessage='{count} characters remaining'
-            values={{ count: maxLength - length }}
-          />
-        </p>
-      )}
-    </div>
-  );
-},
+        {maxLength && (
+          <p
+            className={clsx('⁂-textarea__max-length', {
+              '⁂-textarea__max-length--exceeded': maxLength - length < 0,
+            })}
+          >
+            <FormattedMessage
+              id='textarea.counter.label'
+              defaultMessage='{count} characters remaining'
+              values={{ count: maxLength - length }}
+            />
+          </p>
+        )}
+      </div>
+    );
+  },
 );
 
 export { Textarea as default };
diff --git a/packages/pl-fe/src/components/ui/toast.tsx b/packages/pl-fe/src/components/ui/toast.tsx
index a162314f4..779fe5ecd 100644
--- a/packages/pl-fe/src/components/ui/toast.tsx
+++ b/packages/pl-fe/src/components/ui/toast.tsx
@@ -41,7 +41,7 @@ const Toast = (props: IToast) => {
 
   const intl = useIntl();
 
-  const dismissToast = () =>{
+  const dismissToast = () => {
     toast.dismiss(t.id);
   };
 
@@ -75,7 +75,8 @@ const Toast = (props: IToast) => {
   };
 
   const renderAction = () => {
-    const classNames = 'mt-0.5 flex-shrink-0 rounded-full text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline focus:outline-none';
+    const classNames =
+      'mt-0.5 flex-shrink-0 rounded-full text-sm font-medium text-primary-600 dark:text-primary-400 hover:underline focus:outline-none';
 
     if (action && actionLabel) {
       return (
@@ -112,21 +113,17 @@ const Toast = (props: IToast) => {
   return (
     <div
       data-testid='toast'
-      className={
-        clsx({
-          'p-4 pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white black:bg-black dark:bg-gray-900 shadow-lg dark:ring-2 dark:ring-gray-800': true,
-          'animate-enter': t.visible,
-          'animate-leave': !t.visible,
-        })
-      }
+      className={clsx({
+        'pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white p-4 shadow-lg black:bg-black dark:bg-gray-900 dark:ring-2 dark:ring-gray-800': true,
+        'animate-enter': t.visible,
+        'animate-leave': !t.visible,
+      })}
     >
       <Stack space={2}>
         <HStack space={4} alignItems='start'>
           <HStack space={3} justifyContent='between' alignItems='start' className='w-0 flex-1'>
             <HStack space={3} alignItems='start' className='w-0 flex-1'>
-              <div className='shrink-0'>
-                {renderIcon()}
-              </div>
+              <div className='shrink-0'>{renderIcon()}</div>
 
               <Text
                 size='sm'
@@ -157,7 +154,9 @@ const Toast = (props: IToast) => {
         </HStack>
 
         {summary ? (
-          <Text theme='muted' size='sm'>{summary}</Text>
+          <Text theme='muted' size='sm'>
+            {summary}
+          </Text>
         ) : null}
       </Stack>
     </div>
diff --git a/packages/pl-fe/src/components/ui/toggle.tsx b/packages/pl-fe/src/components/ui/toggle.tsx
index 813b5e4da..dfe301f66 100644
--- a/packages/pl-fe/src/components/ui/toggle.tsx
+++ b/packages/pl-fe/src/components/ui/toggle.tsx
@@ -1,13 +1,25 @@
 import clsx from 'clsx';
 import React, { useRef } from 'react';
 
-interface IToggle extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'id' | 'name' | 'checked' | 'onChange' | 'required' | 'disabled'> {
+interface IToggle extends Pick<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'id' | 'name' | 'checked' | 'onChange' | 'required' | 'disabled'
+> {
   size?: 'sm' | 'md';
   radio?: boolean;
 }
 
 /** A glorified checkbox. */
-const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked = false, onChange, required, disabled, radio }) => {
+const Toggle: React.FC<IToggle> = ({
+  id,
+  size = 'md',
+  name,
+  checked = false,
+  onChange,
+  required,
+  disabled,
+  radio,
+}) => {
   const input = useRef<HTMLInputElement>(null);
 
   const handleClick: React.MouseEventHandler<HTMLButtonElement> = () => {
@@ -17,37 +29,46 @@ const Toggle: React.FC<IToggle> = ({ id, size = 'md', name, checked = false, onC
 
   return (
     <button
-      className={clsx('flex-none rounded-full focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:ring-gray-800 dark:ring-offset-0 dark:focus:ring-primary-500', radio ? {
-        'p-0.5 border-2': true,
-        'border-gray-500': !checked && !disabled,
-        'border-primary-600': checked && !disabled,
-        'border-gray-200': !checked && disabled,
-        'border-primary-200': checked && disabled,
-        'cursor-default': disabled,
-      } : {
-        'bg-gray-500': !checked && !disabled,
-        'bg-primary-600': checked && !disabled,
-        'bg-gray-200': !checked && disabled,
-        'bg-primary-200': checked && disabled,
-        'w-9 p-0.5': size === 'sm',
-        'w-11 p-0.5': size === 'md',
-        'cursor-default': disabled,
-      })}
+      className={clsx(
+        'flex-none rounded-full focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:ring-gray-800 dark:ring-offset-0 dark:focus:ring-primary-500',
+        radio
+          ? {
+              'border-2 p-0.5': true,
+              'border-gray-500': !checked && !disabled,
+              'border-primary-600': checked && !disabled,
+              'border-gray-200': !checked && disabled,
+              'border-primary-200': checked && disabled,
+              'cursor-default': disabled,
+            }
+          : {
+              'bg-gray-500': !checked && !disabled,
+              'bg-primary-600': checked && !disabled,
+              'bg-gray-200': !checked && disabled,
+              'bg-primary-200': checked && disabled,
+              'w-9 p-0.5': size === 'sm',
+              'w-11 p-0.5': size === 'md',
+              'cursor-default': disabled,
+            },
+      )}
       onClick={handleClick}
       type='button'
     >
       <div
-        className={radio ? clsx('rounded-full', {
-          'h-3 w-3': size === 'sm',
-          'h-4 w-4': size === 'md',
-          'bg-primary-600': checked && !disabled,
-          'bg-primary-200': checked && disabled,
-        }) : clsx('rounded-full bg-white transition-transform', {
-          'h-4.5 w-4.5': size === 'sm',
-          'translate-x-3.5 rtl:-translate-x-3.5': size === 'sm' && checked,
-          'h-6 w-6': size === 'md',
-          'translate-x-4 rtl:-translate-x-4': size === 'md' && checked,
-        })}
+        className={
+          radio
+            ? clsx('rounded-full', {
+                'h-3 w-3': size === 'sm',
+                'h-4 w-4': size === 'md',
+                'bg-primary-600': checked && !disabled,
+                'bg-primary-200': checked && disabled,
+              })
+            : clsx('rounded-full bg-white transition-transform', {
+                'h-4.5 w-4.5': size === 'sm',
+                'translate-x-3.5 rtl:-translate-x-3.5': size === 'sm' && checked,
+                'h-6 w-6': size === 'md',
+                'translate-x-4 rtl:-translate-x-4': size === 'md' && checked,
+              })
+        }
       />
 
       <input
diff --git a/packages/pl-fe/src/components/ui/tooltip.tsx b/packages/pl-fe/src/components/ui/tooltip.tsx
index b76df9bbf..452f7743c 100644
--- a/packages/pl-fe/src/components/ui/tooltip.tsx
+++ b/packages/pl-fe/src/components/ui/tooltip.tsx
@@ -55,9 +55,7 @@ const Tooltip: React.FC<ITooltip> = (props) => {
     },
   });
 
-  const { getReferenceProps, getFloatingProps } = useInteractions([
-    hover,
-  ]);
+  const { getReferenceProps, getFloatingProps } = useInteractions([hover]);
 
   if (disabled) {
     return children;
@@ -70,7 +68,7 @@ const Tooltip: React.FC<ITooltip> = (props) => {
         ...getReferenceProps(),
       })}
 
-      {(isMounted) && (
+      {isMounted && (
         <FloatingPortal>
           <div
             ref={refs.setFloating}
@@ -85,7 +83,11 @@ const Tooltip: React.FC<ITooltip> = (props) => {
           >
             {text}
 
-            <FloatingArrow ref={arrowRef} context={context} className='fill-gray-800 dark:fill-gray-100' />
+            <FloatingArrow
+              ref={arrowRef}
+              context={context}
+              className='fill-gray-800 dark:fill-gray-100'
+            />
           </div>
         </FloatingPortal>
       )}
diff --git a/packages/pl-fe/src/components/ui/widget.tsx b/packages/pl-fe/src/components/ui/widget.tsx
index fe6cf34ad..d2b18971c 100644
--- a/packages/pl-fe/src/components/ui/widget.tsx
+++ b/packages/pl-fe/src/components/ui/widget.tsx
@@ -28,17 +28,18 @@ const Widget: React.FC<IWidget> = ({
   className,
 }): JSX.Element => (
   <div className={clsx('⁂-widget', className)}>
-    {((title ?? action) ?? onActionClick) && (
+    {(title ?? action ?? onActionClick) && (
       <div className='⁂-widget__header'>
         {title && <h1>{title}</h1>}
-        {action ?? (onActionClick && (
-          <IconButton
-            className='⁂-widget__icon'
-            src={actionIcon}
-            onClick={onActionClick}
-            title={actionTitle}
-          />
-        ))}
+        {action ??
+          (onActionClick && (
+            <IconButton
+              className='⁂-widget__icon'
+              src={actionIcon}
+              onClick={onActionClick}
+              title={actionTitle}
+            />
+          ))}
       </div>
     )}
     <div className='⁂-widget__body'>{children}</div>
diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index dcde57e76..b8c79a749 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -76,13 +76,22 @@ const MIMETYPE_ICONS: Record<string, string> = {
 };
 
 const messages = defineMessages({
-  description: { id: 'upload_form.description', defaultMessage: 'Describe for the visually impaired' },
+  description: {
+    id: 'upload_form.description',
+    defaultMessage: 'Describe for the visually impaired',
+  },
   delete: { id: 'upload_form.undo', defaultMessage: 'Delete' },
   preview: { id: 'upload_form.preview', defaultMessage: 'Preview' },
-  descriptionMissingTitle: { id: 'upload_form.description_missing.title', defaultMessage: 'This attachment doesn\'t have a description' },
+  descriptionMissingTitle: {
+    id: 'upload_form.description_missing.title',
+    defaultMessage: "This attachment doesn't have a description",
+  },
 });
 
-interface IUpload extends Pick<React.HTMLAttributes<HTMLDivElement>, 'onDragStart' | 'onDragEnter' | 'onDragEnd'> {
+interface IUpload extends Pick<
+  React.HTMLAttributes<HTMLDivElement>,
+  'onDragStart' | 'onDragEnter' | 'onDragEnd'
+> {
   media: MediaAttachment;
   onSubmit?(): void;
   onDelete?(): void;
@@ -105,7 +114,7 @@ const Upload: React.FC<IUpload> = ({
   const { openModal } = useModalsActions();
   const { reduceMotion } = useSettings();
 
-  const handleUndoClick: React.MouseEventHandler = e => {
+  const handleUndoClick: React.MouseEventHandler = (e) => {
     if (onDelete) {
       e.stopPropagation();
       onDelete();
@@ -122,8 +131,8 @@ const Upload: React.FC<IUpload> = ({
 
     if (!onDescriptionChange) return;
 
-    const focusX = (media.type === 'image' || media.type === 'gifv') ? (media.meta.focus?.x ?? 0) : 0;
-    const focusY = (media.type === 'image' || media.type === 'gifv') ? (media.meta.focus?.y ?? 0) : 0;
+    const focusX = media.type === 'image' || media.type === 'gifv' ? (media.meta.focus?.x ?? 0) : 0;
+    const focusY = media.type === 'image' || media.type === 'gifv' ? (media.meta.focus?.y ?? 0) : 0;
 
     openModal('ALT_TEXT', {
       media,
@@ -131,15 +140,16 @@ const Upload: React.FC<IUpload> = ({
       previousDescription: media.description,
       previousPosition: [focusX / 2 + 0.5, focusY / -2 + 0.5],
       descriptionLimit: descriptionLimit!,
-      onSubmit: (newDescription: string, newPosition: [number, number]) => onDescriptionChange(newDescription, newPosition),
+      onSubmit: (newDescription: string, newPosition: [number, number]) =>
+        onDescriptionChange(newDescription, newPosition),
     });
   };
 
   const description = media.description;
   const focusX = (media.type === 'image' && media.meta?.focus?.x) ?? undefined;
   const focusY = (media.type === 'image' && media.meta?.focus?.y) ?? undefined;
-  const x = focusX ? ((focusX / 2) + .5) * 100 : undefined;
-  const y = focusY ? ((focusY / -2) + .5) * 100 : undefined;
+  const x = focusX ? (focusX / 2 + 0.5) * 100 : undefined;
+  const y = focusY ? (focusY / -2 + 0.5) * 100 : undefined;
   const mediaType = media.type;
   const mimeType = media.mime_type as string | undefined;
 
@@ -159,8 +169,12 @@ const Upload: React.FC<IUpload> = ({
     />
   );
 
-  const backgroundImage = (mediaType === 'image' || ['.png', '.jpg', '.jpeg'].some(ext => media.preview_url.endsWith(ext))) ? `url(${media.preview_url})` : undefined;
-  const hasBackgroundImage = !!(backgroundImage);
+  const backgroundImage =
+    mediaType === 'image' ||
+    ['.png', '.jpg', '.jpeg'].some((ext) => media.preview_url.endsWith(ext))
+      ? `url(${media.preview_url})`
+      : undefined;
+  const hasBackgroundImage = !!backgroundImage;
 
   return (
     <div
@@ -174,11 +188,15 @@ const Upload: React.FC<IUpload> = ({
     >
       <Blurhash hash={media.blurhash} className='⁂-media-gallery__preview' />
       <animated.div
-        className={clsx('compose-form__upload-thumbnail relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat', mediaType)}
+        className={clsx(
+          'compose-form__upload-thumbnail relative h-40 w-full overflow-hidden bg-contain bg-center bg-no-repeat',
+          mediaType,
+        )}
         style={{
           scale: styles.scale,
           backgroundImage,
-          backgroundPosition: typeof x === 'number' && typeof y === 'number' ? `${x}% ${y}%` : undefined,
+          backgroundPosition:
+            typeof x === 'number' && typeof y === 'number' ? `${x}% ${y}%` : undefined,
         }}
       >
         <HStack className='absolute right-2 top-2 z-10' space={2}>
@@ -192,7 +210,7 @@ const Upload: React.FC<IUpload> = ({
               title={intl.formatMessage(messages.description)}
             />
           )}
-          {(withPreview && mediaType !== 'unknown' && Boolean(media.url)) && (
+          {withPreview && mediaType !== 'unknown' && Boolean(media.url) && (
             <IconButton
               onClick={handleOpenModal}
               src={zoomInIcon}
@@ -221,10 +239,7 @@ const Upload: React.FC<IUpload> = ({
 
           {onDescriptionChange && !description && (
             <button onClick={handleOpenAltTextModal}>
-              <AltIndicator
-                warning
-                title={intl.formatMessage(messages.descriptionMissingTitle)}
-              />
+              <AltIndicator warning title={intl.formatMessage(messages.descriptionMissingTitle)} />
             </button>
           )}
         </HStack>
@@ -242,7 +257,4 @@ const Upload: React.FC<IUpload> = ({
   );
 };
 
-export {
-  MIMETYPE_ICONS,
-  Upload as default,
-};
+export { MIMETYPE_ICONS, Upload as default };
diff --git a/packages/pl-fe/src/components/verification-badge.tsx b/packages/pl-fe/src/components/verification-badge.tsx
index a4c9f7a65..37a3d9dfd 100644
--- a/packages/pl-fe/src/components/verification-badge.tsx
+++ b/packages/pl-fe/src/components/verification-badge.tsx
@@ -25,7 +25,14 @@ const VerificationBadge: React.FC<IVerificationBadge> = ({ className }) => {
 
   return (
     <span className='rounded-full bg-accent-500' data-testid='verified-badge'>
-      <Element className={clsx('size-[16px] rounded-full bg-accent-500 stroke-[4] p-px text-white', className)} src={icon} alt={intl.formatMessage(messages.verified)} />
+      <Element
+        className={clsx(
+          'size-[16px] rounded-full bg-accent-500 stroke-[4] p-px text-white',
+          className,
+        )}
+        src={icon}
+        alt={intl.formatMessage(messages.verified)}
+      />
     </span>
   );
 };
diff --git a/packages/pl-fe/src/containers/account-container.tsx b/packages/pl-fe/src/containers/account-container.tsx
index 44457820b..9f65ecf2b 100644
--- a/packages/pl-fe/src/containers/account-container.tsx
+++ b/packages/pl-fe/src/containers/account-container.tsx
@@ -11,9 +11,7 @@ interface IAccountContainer extends Omit<IAccount, 'account'> {
 const AccountContainer: React.FC<IAccountContainer> = ({ id, withRelationship, ...props }) => {
   const { account } = useAccount(id, { withRelationship });
 
-  return (
-    <Account account={account!} withRelationship={withRelationship} {...props} />
-  );
+  return <Account account={account!} withRelationship={withRelationship} {...props} />;
 };
 
 export { AccountContainer as default };
diff --git a/packages/pl-fe/src/containers/status-container.tsx b/packages/pl-fe/src/containers/status-container.tsx
index f1d7b3928..14065c59a 100644
--- a/packages/pl-fe/src/containers/status-container.tsx
+++ b/packages/pl-fe/src/containers/status-container.tsx
@@ -19,7 +19,7 @@ const StatusContainer: React.FC<IStatusContainer> = (props) => {
   const { id, contextType } = props;
 
   const getStatus = useMemo(makeGetStatus, []);
-  const status = useAppSelector(state => getStatus(state, { id, contextType }));
+  const status = useAppSelector((state) => getStatus(state, { id, contextType }));
 
   if (status) {
     return <Status {...props} status={status} />;
diff --git a/packages/pl-fe/src/contexts/chat-context.tsx b/packages/pl-fe/src/contexts/chat-context.tsx
index 9798f012c..e2805a035 100644
--- a/packages/pl-fe/src/contexts/chat-context.tsx
+++ b/packages/pl-fe/src/contexts/chat-context.tsx
@@ -45,19 +45,22 @@ const ChatProvider: React.FC<IChatProvider> = ({ children }) => {
     setScreen(screen);
   };
 
-  const handleChatPaneToggle = () =>{
+  const handleChatPaneToggle = () => {
     dispatch(toggleChatPane());
   };
 
-  const value = useMemo(() => ({
-    chat,
-    isOpen,
-    isUsingMainChatPage,
-    toggleChatPane: handleChatPaneToggle,
-    screen,
-    changeScreen,
-    currentChatId,
-  }), [chat, currentChatId, isUsingMainChatPage, isOpen, screen, changeScreen]);
+  const value = useMemo(
+    () => ({
+      chat,
+      isOpen,
+      isUsingMainChatPage,
+      toggleChatPane: handleChatPaneToggle,
+      screen,
+      changeScreen,
+      currentChatId,
+    }),
+    [chat, currentChatId, isUsingMainChatPage, isOpen, screen, changeScreen],
+  );
 
   useEffect(() => {
     if (chatId) {
@@ -67,11 +70,7 @@ const ChatProvider: React.FC<IChatProvider> = ({ children }) => {
     }
   }, [chatId]);
 
-  return (
-    <ChatContext.Provider value={value}>
-      {children}
-    </ChatContext.Provider>
-  );
+  return <ChatContext.Provider value={value}>{children}</ChatContext.Provider>;
 };
 
 interface IChatContext {
diff --git a/packages/pl-fe/src/contexts/stat-context.tsx b/packages/pl-fe/src/contexts/stat-context.tsx
index 8245027db..cee8d98bd 100644
--- a/packages/pl-fe/src/contexts/stat-context.tsx
+++ b/packages/pl-fe/src/contexts/stat-context.tsx
@@ -3,7 +3,7 @@ import React, { createContext, useContext, useMemo, useState } from 'react';
 type IStatContext = {
   unreadChatsCount: number;
   setUnreadChatsCount: React.Dispatch<React.SetStateAction<number>>;
-}
+};
 
 const StatContext = createContext<any>({
   unreadChatsCount: 0,
@@ -16,16 +16,15 @@ interface IStatProvider {
 const StatProvider: React.FC<IStatProvider> = ({ children }) => {
   const [unreadChatsCount, setUnreadChatsCount] = useState<number>(0);
 
-  const value = useMemo(() => ({
-    unreadChatsCount,
-    setUnreadChatsCount,
-  }), [unreadChatsCount]);
-
-  return (
-    <StatContext.Provider value={value}>
-      {children}
-    </StatContext.Provider>
+  const value = useMemo(
+    () => ({
+      unreadChatsCount,
+      setUnreadChatsCount,
+    }),
+    [unreadChatsCount],
   );
+
+  return <StatContext.Provider value={value}>{children}</StatContext.Provider>;
 };
 
 const useStatContext = (): IStatContext => useContext(StatContext);
diff --git a/packages/pl-fe/src/entity-store/actions.ts b/packages/pl-fe/src/entity-store/actions.ts
index 1030829cd..d8e689b1d 100644
--- a/packages/pl-fe/src/entity-store/actions.ts
+++ b/packages/pl-fe/src/entity-store/actions.ts
@@ -27,7 +27,11 @@ interface DeleteEntitiesOpts {
   preserveLists?: boolean;
 }
 
-const deleteEntities = (ids: Iterable<string>, entityType: string, opts: DeleteEntitiesOpts = {}) => ({
+const deleteEntities = (
+  ids: Iterable<string>,
+  entityType: string,
+  opts: DeleteEntitiesOpts = {},
+) => ({
   type: ENTITIES_DELETE,
   ids,
   entityType,
@@ -84,7 +88,7 @@ const entitiesTransaction = (transaction: EntitiesTransaction) => ({
 
 /** Any action pertaining to entities. */
 type EntityAction =
-  ReturnType<typeof importEntities>
+  | ReturnType<typeof importEntities>
   | ReturnType<typeof deleteEntities>
   | ReturnType<typeof dismissEntities>
   | ReturnType<typeof entitiesFetchRequest>
diff --git a/packages/pl-fe/src/entity-store/hooks/types.ts b/packages/pl-fe/src/entity-store/hooks/types.ts
index 64b1e9e8f..9b2acb336 100644
--- a/packages/pl-fe/src/entity-store/hooks/types.ts
+++ b/packages/pl-fe/src/entity-store/hooks/types.ts
@@ -16,13 +16,13 @@ type ExpandedEntitiesPath = [
    * Multiple params get combined into one string with a `:` separator.
    */
   ...listKeys: string[],
-]
+];
 
 /** Used to look up an entity in a list. */
-type EntitiesPath = [entityType: string, listKey: string]
+type EntitiesPath = [entityType: string, listKey: string];
 
 /** Used to look up a single entity by its ID. */
-type EntityPath = [entityType: string, entityId: string]
+type EntityPath = [entityType: string, entityId: string];
 
 /** Callback functions for entity actions. */
 interface EntityCallbacks<Value, Error = unknown> {
diff --git a/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts b/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
index 17f1e8950..b2e21507a 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-batched-entities.ts
@@ -11,8 +11,8 @@ import { selectCache, selectListState, useListState } from '../selectors';
 
 import { parseEntitiesPath } from './utils';
 
-import type { EntitiesPath, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { Entity } from '../types';
+import type { EntitiesPath, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { RootState } from '@/store';
 
 interface UseBatchedEntitiesOpts<TEntity extends Entity> {
@@ -55,16 +55,18 @@ const useBatchedEntities = <TEntity extends Entity>(
     try {
       const response = await entityFn(filteredIds);
       const entities = v.parse(filteredArray(schema), response);
-      dispatch(entitiesFetchSuccess(entities, entityType, listKey, 'end', {
-        next: null,
-        prev: null,
-        totalCount: undefined,
-        fetching: false,
-        fetched: true,
-        error: null,
-        lastFetchedAt: new Date(),
-        invalid: false,
-      }));
+      dispatch(
+        entitiesFetchSuccess(entities, entityType, listKey, 'end', {
+          next: null,
+          prev: null,
+          totalCount: undefined,
+          fetching: false,
+          fetched: true,
+          error: null,
+          lastFetchedAt: new Date(),
+          invalid: false,
+        }),
+      );
     } catch (e) {
       dispatch(entitiesFetchFail(entityType, listKey, e));
     }
@@ -86,7 +88,11 @@ const useBatchedEntities = <TEntity extends Entity>(
   };
 };
 
-const selectEntityMap = <TEntity extends Entity>(state: RootState, path: EntitiesPath, entityIds: string[]): Record<string, TEntity> => {
+const selectEntityMap = <TEntity extends Entity>(
+  state: RootState,
+  path: EntitiesPath,
+  entityIds: string[],
+): Record<string, TEntity> => {
   const cache = selectCache(state, path);
 
   return entityIds.reduce<Record<string, TEntity>>((result, id) => {
diff --git a/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
index b013a9037..348726210 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-create-entity.ts
@@ -7,16 +7,23 @@ import { importEntities } from '../actions';
 
 import { parseEntitiesPath } from './utils';
 
-import type { EntityCallbacks, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { Entity } from '../types';
+import type { EntityCallbacks, EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { PlfeResponse } from '@/api';
 
-interface UseCreateEntityOpts<TEntity extends Entity = Entity, TTransformedEntity extends Entity = TEntity> {
+interface UseCreateEntityOpts<
+  TEntity extends Entity = Entity,
+  TTransformedEntity extends Entity = TEntity,
+> {
   schema?: EntitySchema<TEntity>;
   transform?: (schema: TEntity) => TTransformedEntity;
 }
 
-const useCreateEntity = <TEntity extends Entity = Entity, TTransformedEntity extends Entity = TEntity, Data = unknown>(
+const useCreateEntity = <
+  TEntity extends Entity = Entity,
+  TTransformedEntity extends Entity = TEntity,
+  Data = unknown,
+>(
   expandedPath: ExpandedEntitiesPath,
   entityFn: EntityFn<Data>,
   opts: UseCreateEntityOpts<TEntity, TTransformedEntity> = {},
diff --git a/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
index 751be22c7..ac497cf8f 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
@@ -16,7 +16,10 @@ const useDeleteEntity = (entityType: string, entityFn: EntityFn<string>) => {
   const getState = useGetState();
   const [isSubmitting, setPromise] = useLoading();
 
-  const deleteEntity = async (entityId: string, callbacks: EntityCallbacks<string> = {}): Promise<void> => {
+  const deleteEntity = async (
+    entityId: string,
+    callbacks: EntityCallbacks<string> = {},
+  ): Promise<void> => {
     // Get the entity before deleting, so we can reverse the action if the API request fails.
     const entity = getState().entities[entityType]?.store[entityId];
 
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entities.ts b/packages/pl-fe/src/entity-store/hooks/use-entities.ts
index 37ed5bda1..9441b2e78 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entities.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entities.ts
@@ -6,13 +6,18 @@ import { useAppSelector } from '@/hooks/use-app-selector';
 import { useGetState } from '@/hooks/use-get-state';
 import { filteredArray } from '@/schemas/utils';
 
-import { entitiesFetchFail, entitiesFetchRequest, entitiesFetchSuccess, invalidateEntityList } from '../actions';
+import {
+  entitiesFetchFail,
+  entitiesFetchRequest,
+  entitiesFetchSuccess,
+  invalidateEntityList,
+} from '../actions';
 import { selectEntities, selectListState, useListState } from '../selectors';
 
 import { parseEntitiesPath } from './utils';
 
-import type { EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { Entity } from '../types';
+import type { EntityFn, EntitySchema, ExpandedEntitiesPath } from './types';
 import type { PaginatedResponse } from 'pl-api';
 
 /** Additional options for the hook. */
@@ -42,7 +47,7 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
   const getState = useGetState();
 
   const { entityType, listKey, path } = parseEntitiesPath(expandedPath);
-  const entities = useAppSelector(state => selectEntities<TTransformedEntity>(state, path));
+  const entities = useAppSelector((state) => selectEntities<TTransformedEntity>(state, path));
   const schema = opts.schema ?? v.custom<TEntity>(() => true);
 
   const isEnabled = opts.enabled ?? true;
@@ -56,7 +61,11 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
   const next = useListState(path, 'next');
   const prev = useListState(path, 'prev');
 
-  const fetchPage = async(req: () => Promise<PaginatedResponse<any>>, pos: 'start' | 'end', overwrite = false): Promise<void> => {
+  const fetchPage = async (
+    req: () => Promise<PaginatedResponse<any>>,
+    pos: 'start' | 'end',
+    overwrite = false,
+  ): Promise<void> => {
     // Get `isFetching` state from the store again to prevent race conditions.
     const isFetching = selectListState(getState(), path, 'fetching');
     if (isFetching) return;
@@ -67,32 +76,41 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
       const entities = v.parse(filteredArray(schema), response);
       const transformedEntities = opts.transform && entities.map(opts.transform);
 
-      dispatch(entitiesFetchSuccess(transformedEntities ?? entities, entityType, listKey, pos, {
-        next: response.next,
-        prev: response.previous,
-        totalCount: undefined,
-        fetching: false,
-        fetched: true,
-        error: null,
-        lastFetchedAt: new Date(),
-        invalid: false,
-      }, overwrite));
+      dispatch(
+        entitiesFetchSuccess(
+          transformedEntities ?? entities,
+          entityType,
+          listKey,
+          pos,
+          {
+            next: response.next,
+            prev: response.previous,
+            totalCount: undefined,
+            fetching: false,
+            fetched: true,
+            error: null,
+            lastFetchedAt: new Date(),
+            invalid: false,
+          },
+          overwrite,
+        ),
+      );
     } catch (error) {
       dispatch(entitiesFetchFail(entityType, listKey, error));
     }
   };
 
-  const fetchEntities = async(): Promise<void> => {
+  const fetchEntities = async (): Promise<void> => {
     await fetchPage(entityFn, 'end', true);
   };
 
-  const fetchNextPage = async(): Promise<void> => {
+  const fetchNextPage = async (): Promise<void> => {
     if (next) {
       await fetchPage(() => next(), 'end');
     }
   };
 
-  const fetchPreviousPage = async(): Promise<void> => {
+  const fetchPreviousPage = async (): Promise<void> => {
     if (prev) {
       await fetchPage(() => prev(), 'start');
     }
@@ -133,6 +151,4 @@ const useEntities = <TEntity extends Entity, TTransformedEntity extends Entity =
   };
 };
 
-export {
-  useEntities,
-};
+export { useEntities };
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts b/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
index e5af8d77f..ea875041d 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
@@ -8,13 +8,13 @@ import { useLoading } from '@/hooks/use-loading';
 import { importEntities } from '../actions';
 import { findEntity } from '../selectors';
 
+import type { Entity } from '../types';
 import type { EntityFn } from './types';
 import type { UseEntityOpts } from './use-entity';
-import type { Entity } from '../types';
 import type { PlfeResponse } from '@/api';
 
 /** Entities will be filtered through this function until it returns true. */
-type LookupFn<TEntity extends Entity> = (entity: TEntity) => boolean
+type LookupFn<TEntity extends Entity> = (entity: TEntity) => boolean;
 
 const useEntityLookup = <TEntity extends Entity, TTransformedEntity extends Entity = TEntity>(
   entityType: string,
@@ -29,7 +29,9 @@ const useEntityLookup = <TEntity extends Entity, TTransformedEntity extends Enti
   const [isFetching, setPromise] = useLoading(true);
   const [error, setError] = useState<unknown>();
 
-  const entity = useAppSelector(state => findEntity(state, entityType, lookupFn) ?? fetchedEntity);
+  const entity = useAppSelector(
+    (state) => findEntity(state, entityType, lookupFn) ?? fetchedEntity,
+  );
   const isEnabled = opts.enabled ?? true;
   const isLoading = isFetching && !entity;
 
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-entity.ts
index 8a80c9d42..23c67bc9b 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entity.ts
@@ -8,8 +8,8 @@ import { useLoading } from '@/hooks/use-loading';
 import { importEntities } from '../actions';
 import { selectEntity } from '../selectors';
 
-import type { EntitySchema, EntityPath, EntityFn } from './types';
 import type { Entity } from '../types';
+import type { EntitySchema, EntityPath, EntityFn } from './types';
 import type { PlfeResponse } from '@/api';
 
 /** Additional options for the hook. */
@@ -38,7 +38,9 @@ const useEntity = <TEntity extends Entity, TTransformedEntity extends Entity = T
   const defaultSchema = v.custom<TEntity>(() => true);
   const schema = opts.schema ?? defaultSchema;
 
-  const entity = useAppSelector(state => selectEntity<TTransformedEntity>(state, entityType, entityId));
+  const entity = useAppSelector((state) =>
+    selectEntity<TTransformedEntity>(state, entityType, entityId),
+  );
 
   const isEnabled = opts.enabled ?? true;
   const isLoading = isFetching && !entity;
@@ -74,7 +76,4 @@ const useEntity = <TEntity extends Entity, TTransformedEntity extends Entity = T
   };
 };
 
-export {
-  useEntity,
-  type UseEntityOpts,
-};
+export { useEntity, type UseEntityOpts };
diff --git a/packages/pl-fe/src/entity-store/hooks/use-transaction.ts b/packages/pl-fe/src/entity-store/hooks/use-transaction.ts
index 260817db5..baf28069b 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-transaction.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-transaction.ts
@@ -4,11 +4,11 @@ import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import type { EntityTypes } from '@/entity-store/entities';
 import type { EntitiesTransaction, Entity } from '@/entity-store/types';
 
-type Updater<TEntity extends Entity> = Record<string, (entity: TEntity) => TEntity>
+type Updater<TEntity extends Entity> = Record<string, (entity: TEntity) => TEntity>;
 
 type Changes = Partial<{
-  [K in keyof EntityTypes]: Updater<EntityTypes[K]>
-}>
+  [K in keyof EntityTypes]: Updater<EntityTypes[K]>;
+}>;
 
 const useTransaction = () => {
   const dispatch = useAppDispatch();
diff --git a/packages/pl-fe/src/entity-store/reducer.ts b/packages/pl-fe/src/entity-store/reducer.ts
index 7ea136a2e..34c6a172e 100644
--- a/packages/pl-fe/src/entity-store/reducer.ts
+++ b/packages/pl-fe/src/entity-store/reducer.ts
@@ -15,7 +15,13 @@ import {
 import { Entities } from './entities';
 import { createCache, createList, updateStore, updateList } from './utils';
 
-import type { EntitiesTransaction, Entity, EntityCache, EntityListState, ImportPosition } from './types';
+import type {
+  EntitiesTransaction,
+  Entity,
+  EntityCache,
+  EntityListState,
+  ImportPosition,
+} from './types';
 
 /** Entity reducer state. */
 type State = Immutable<{
@@ -57,7 +63,9 @@ const importEntities = (
     importEntities(
       draft,
       Entities.GROUP_RELATIONSHIPS,
-      entities.map((entity: any) => entity?.relationship).filter((relationship: any) => relationship),
+      entities
+        .map((entity: any) => entity?.relationship)
+        .filter((relationship: any) => relationship),
       listKey,
       pos,
     );
@@ -154,35 +162,51 @@ const doTransaction = (draft: Draft<State>, transaction: EntitiesTransaction) =>
 const reducer = (state: Readonly<State> = {}, action: EntityAction): State => {
   switch (action.type) {
     case ENTITIES_IMPORT:
-      return create(state, draft =>{
-        importEntities(draft, action.entityType, action.entities, action.listKey, action.pos);
-      }, { enableAutoFreeze: true });
+      return create(
+        state,
+        (draft) => {
+          importEntities(draft, action.entityType, action.entities, action.listKey, action.pos);
+        },
+        { enableAutoFreeze: true },
+      );
     case ENTITIES_DELETE:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         deleteEntities(draft, action.entityType, action.ids, action.opts);
       });
     case ENTITIES_DISMISS:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         dismissEntities(draft, action.entityType, action.ids, action.listKey);
       });
     case ENTITIES_FETCH_SUCCESS:
-      return create(state, draft =>{
-        importEntities(draft, action.entityType, action.entities, action.listKey, action.pos, action.newState, action.overwrite);
-      }, { enableAutoFreeze: true });
+      return create(
+        state,
+        (draft) => {
+          importEntities(
+            draft,
+            action.entityType,
+            action.entities,
+            action.listKey,
+            action.pos,
+            action.newState,
+            action.overwrite,
+          );
+        },
+        { enableAutoFreeze: true },
+      );
     case ENTITIES_FETCH_REQUEST:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         setFetching(draft, action.entityType, action.listKey, true);
       });
     case ENTITIES_FETCH_FAIL:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         setFetching(draft, action.entityType, action.listKey, false, action.error);
       });
     case ENTITIES_INVALIDATE_LIST:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         invalidateEntityList(draft, action.entityType, action.listKey);
       });
     case ENTITIES_TRANSACTION:
-      return create(state, draft =>{
+      return create(state, (draft) => {
         doTransaction(draft, action.transaction);
       });
     default:
diff --git a/packages/pl-fe/src/entity-store/selectors.ts b/packages/pl-fe/src/entity-store/selectors.ts
index 6551bba14..9927b5559 100644
--- a/packages/pl-fe/src/entity-store/selectors.ts
+++ b/packages/pl-fe/src/entity-store/selectors.ts
@@ -16,35 +16,45 @@ const selectList = (state: RootState, path: EntitiesPath) => {
 };
 
 /** Select a particular item from a list state. */
-const selectListState = <K extends keyof EntityListState>(state: RootState, path: EntitiesPath, key: K) => {
+const selectListState = <K extends keyof EntityListState>(
+  state: RootState,
+  path: EntitiesPath,
+  key: K,
+) => {
   const listState = selectList(state, path)?.state;
   return listState ? listState[key] : undefined;
 };
 
 /** Hook to get a particular item from a list state. */
 const useListState = <K extends keyof EntityListState>(path: EntitiesPath, key: K) =>
-  useAppSelector(state => selectListState(state, path, key));
+  useAppSelector((state) => selectListState(state, path, key));
 
 /** Get a single entity by its ID from the store. */
-const selectEntity = <TEntity extends Entity>(state: RootState, entityType: string, id: string): TEntity | undefined =>
-  state.entities[entityType]?.store[id] as TEntity | undefined;
+const selectEntity = <TEntity extends Entity>(
+  state: RootState,
+  entityType: string,
+  id: string,
+): TEntity | undefined => state.entities[entityType]?.store[id] as TEntity | undefined;
 
 /** Get list of entities from Redux. */
-const selectEntities = <TEntity extends Entity>(state: RootState, path: EntitiesPath): readonly TEntity[] => {
+const selectEntities = <TEntity extends Entity>(
+  state: RootState,
+  path: EntitiesPath,
+): readonly TEntity[] => {
   const cache = selectCache(state, path);
   const list = selectList(state, path);
 
   const entityIds = list?.ids;
 
-  return entityIds ? (
-    Array.from(entityIds).reduce<TEntity[]>((result, id) => {
-      const entity = cache?.store[id];
-      if (entity) {
-        result.push(entity as TEntity);
-      }
-      return result;
-    }, [])
-  ) : [];
+  return entityIds
+    ? Array.from(entityIds).reduce<TEntity[]>((result, id) => {
+        const entity = cache?.store[id];
+        if (entity) {
+          result.push(entity as TEntity);
+        }
+        return result;
+      }, [])
+    : [];
 };
 
 /** Find an entity using a finder function. */
@@ -60,11 +70,4 @@ const findEntity = <TEntity extends Entity>(
   }
 };
 
-export {
-  selectCache,
-  selectListState,
-  useListState,
-  selectEntities,
-  selectEntity,
-  findEntity,
-};
+export { selectCache, selectListState, useListState, selectEntities, selectEntity, findEntity };
diff --git a/packages/pl-fe/src/entity-store/types.ts b/packages/pl-fe/src/entity-store/types.ts
index a2cc65a24..925d61c5e 100644
--- a/packages/pl-fe/src/entity-store/types.ts
+++ b/packages/pl-fe/src/entity-store/types.ts
@@ -50,7 +50,7 @@ interface EntityCache<TEntity extends Entity = Entity> {
 }
 
 /** Whether to import items at the start or end of the list. */
-type ImportPosition = 'start' | 'end'
+type ImportPosition = 'start' | 'end';
 
 /** Map of entity mutation functions to perform at once on the store. */
 interface EntitiesTransaction {
diff --git a/packages/pl-fe/src/entity-store/utils.ts b/packages/pl-fe/src/entity-store/utils.ts
index fddd20012..73d2f087b 100644
--- a/packages/pl-fe/src/entity-store/utils.ts
+++ b/packages/pl-fe/src/entity-store/utils.ts
@@ -1,14 +1,29 @@
-import type { Entity, EntityStore, EntityList, EntityCache, EntityListState, ImportPosition } from './types';
+import type {
+  Entity,
+  EntityStore,
+  EntityList,
+  EntityCache,
+  EntityListState,
+  ImportPosition,
+} from './types';
 
 /** Insert the entities into the store. */
-const updateStore = (store: EntityStore, entities: Entity[]): EntityStore => entities.reduce<EntityStore>((store, entity) => {
-  store[entity.id] = entity;
-  return store;
-}, { ...store });
+const updateStore = (store: EntityStore, entities: Entity[]): EntityStore =>
+  entities.reduce<EntityStore>(
+    (store, entity) => {
+      store[entity.id] = entity;
+      return store;
+    },
+    { ...store },
+  );
 
 /** Update the list with new entity IDs. */
-const updateList = (list: EntityList, entities: Entity[], pos: ImportPosition = 'end'): EntityList => {
-  const newIds = entities.map(entity => entity.id);
+const updateList = (
+  list: EntityList,
+  entities: Entity[],
+  pos: ImportPosition = 'end',
+): EntityList => {
+  const newIds = entities.map((entity) => entity.id);
   const oldIds = Array.from(list.ids);
   const ids = new Set(pos === 'start' ? [...newIds, ...oldIds] : [...oldIds, ...newIds]);
 
@@ -47,9 +62,4 @@ const createListState = (): EntityListState => ({
   invalid: false,
 });
 
-export {
-  updateStore,
-  updateList,
-  createCache,
-  createList,
-};
+export { updateStore, updateList, createCache, createList };
diff --git a/packages/pl-fe/src/features/account/components/header.tsx b/packages/pl-fe/src/features/account/components/header.tsx
index fcfad898b..b442af06a 100644
--- a/packages/pl-fe/src/features/account/components/header.tsx
+++ b/packages/pl-fe/src/features/account/components/header.tsx
@@ -39,7 +39,10 @@ import {
 } from '@/queries/accounts/use-relationship';
 import { useChats } from '@/queries/chats';
 import { queryClient } from '@/queries/client';
-import { blockDomainMutationOptions, unblockDomainMutationOptions } from '@/queries/settings/domain-blocks';
+import {
+  blockDomainMutationOptions,
+  unblockDomainMutationOptions,
+} from '@/queries/settings/domain-blocks';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
 import toast from '@/toast';
@@ -50,8 +53,15 @@ import type { Account as AccountEntity } from 'pl-api';
 
 const messages = defineMessages({
   edit_profile: { id: 'account.edit_profile', defaultMessage: 'Edit profile' },
-  linkVerifiedOn: { id: 'account.link_verified_on', defaultMessage: 'Ownership of this link was checked on {date}' },
-  account_locked: { id: 'account.locked_info', defaultMessage: 'This account privacy status is set to locked. The owner manually reviews who can follow them.' },
+  linkVerifiedOn: {
+    id: 'account.link_verified_on',
+    defaultMessage: 'Ownership of this link was checked on {date}',
+  },
+  account_locked: {
+    id: 'account.locked_info',
+    defaultMessage:
+      'This account privacy status is set to locked. The owner manually reviews who can follow them.',
+  },
   mention: { id: 'account.mention', defaultMessage: 'Mention' },
   chat: { id: 'account.chat', defaultMessage: 'Chat with @{name}' },
   direct: { id: 'account.direct', defaultMessage: 'Direct message @{name}' },
@@ -61,7 +71,7 @@ const messages = defineMessages({
   mute: { id: 'account.mute', defaultMessage: 'Mute @{name}' },
   report: { id: 'account.report', defaultMessage: 'Report @{name}' },
   copy: { id: 'account.copy', defaultMessage: 'Copy link to profile' },
-  share: { id: 'account.share', defaultMessage: 'Share @{name}\'s profile' },
+  share: { id: 'account.share', defaultMessage: "Share @{name}'s profile" },
   media: { id: 'account.media', defaultMessage: 'Media' },
   blockDomain: { id: 'account.block_domain', defaultMessage: 'Hide everything from {domain}' },
   unblockDomain: { id: 'account.unblock_domain', defaultMessage: 'Unhide {domain}' },
@@ -73,26 +83,50 @@ const messages = defineMessages({
   domain_blocks: { id: 'column.domain_blocks', defaultMessage: 'Domain blocks' },
   mutes: { id: 'column.mutes', defaultMessage: 'Mutes' },
   endorse: { id: 'account.endorse', defaultMessage: 'Feature on profile' },
-  unendorse: { id: 'account.unendorse', defaultMessage: 'Don\'t feature on profile' },
+  unendorse: { id: 'account.unendorse', defaultMessage: "Don't feature on profile" },
   bite: { id: 'account.bite', defaultMessage: 'Bite @{name}' },
-  removeFromFollowers: { id: 'account.remove_from_followers', defaultMessage: 'Remove this follower' },
+  removeFromFollowers: {
+    id: 'account.remove_from_followers',
+    defaultMessage: 'Remove this follower',
+  },
   adminAccount: { id: 'status.admin_account', defaultMessage: 'Moderate @{name}' },
-  add_or_remove_from_list: { id: 'account.add_or_remove_from_list', defaultMessage: 'Add or remove from lists' },
+  add_or_remove_from_list: {
+    id: 'account.add_or_remove_from_list',
+    defaultMessage: 'Add or remove from lists',
+  },
   search: { id: 'account.search', defaultMessage: 'Search from @{name}' },
   searchSelf: { id: 'account.search_self', defaultMessage: 'Search your posts' },
   unfollowConfirm: { id: 'confirmations.unfollow.confirm', defaultMessage: 'Unfollow' },
-  blockDomainConfirm: { id: 'confirmations.domain_block.confirm', defaultMessage: 'Hide entire domain' },
-  removeFromFollowersConfirm: { id: 'confirmations.remove_from_followers.confirm', defaultMessage: 'Remove' },
-  userEndorsed: { id: 'account.endorse.success', defaultMessage: 'You are now featuring @{acct} on your profile' },
-  userUnendorsed: { id: 'account.unendorse.success', defaultMessage: 'You are no longer featuring @{acct}' },
+  blockDomainConfirm: {
+    id: 'confirmations.domain_block.confirm',
+    defaultMessage: 'Hide entire domain',
+  },
+  removeFromFollowersConfirm: {
+    id: 'confirmations.remove_from_followers.confirm',
+    defaultMessage: 'Remove',
+  },
+  userEndorsed: {
+    id: 'account.endorse.success',
+    defaultMessage: 'You are now featuring @{acct} on your profile',
+  },
+  userUnendorsed: {
+    id: 'account.unendorse.success',
+    defaultMessage: 'You are no longer featuring @{acct}',
+  },
   userBit: { id: 'account.bite.success', defaultMessage: 'You have bit @{acct}' },
   userBiteFail: { id: 'account.bite.fail', defaultMessage: 'Failed to bite @{acct}' },
   profileExternal: { id: 'account.profile_external', defaultMessage: 'View profile on {domain}' },
   header: { id: 'account.header.alt', defaultMessage: 'Profile header' },
   subscribeFeed: { id: 'account.rss_feed', defaultMessage: 'Subscribe to RSS feed' },
   loadActivities: { id: 'account.load_activities', defaultMessage: 'Fetch latest posts' },
-  loadActivitiesSuccess: { id: 'account.load_activities.success', defaultMessage: 'Scheduled fetching latest posts' },
-  loadActivitiesFail: { id: 'account.load_activities.fail', defaultMessage: 'Failed to fetch latest posts' },
+  loadActivitiesSuccess: {
+    id: 'account.load_activities.success',
+    defaultMessage: 'Scheduled fetching latest posts',
+  },
+  loadActivitiesFail: {
+    id: 'account.load_activities.fail',
+    defaultMessage: 'Failed to fetch latest posts',
+  },
   note: { id: 'account_note.modal_header', defaultMessage: 'Edit note for @{name}' },
   notePlaceholder: { id: 'account_note.placeholder', defaultMessage: 'Add a note' },
   noteSaved: { id: 'account_note.success', defaultMessage: 'Note saved' },
@@ -118,7 +152,11 @@ const MovedNote: React.FC<IMovedNote> = ({ from, to }) => (
             id='notification.move'
             defaultMessage='{name} moved to {targetName}'
             values={{
-              name: <span><Emojify text={from.display_name} emojis={from.emojis} /></span>,
+              name: (
+                <span>
+                  <Emojify text={from.display_name} emojis={from.emojis} />
+                </span>
+              ),
               targetName: to.acct,
             }}
           />
@@ -183,9 +221,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
         <div className='px-4 sm:px-6'>
           <HStack alignItems='bottom' space={5} className='-mt-12'>
             <div className='relative flex'>
-              <div
-                className='size-24 rounded-lg bg-gray-400 ring-4 ring-white dark:ring-gray-800'
-              />
+              <div className='size-24 rounded-lg bg-gray-400 ring-4 ring-white dark:ring-gray-800' />
             </div>
           </HStack>
         </div>
@@ -220,13 +256,13 @@ const Header: React.FC<IHeader> = ({ account }) => {
   const onEndorseToggle = () => {
     if (account.relationship?.endorsed) {
       unpinAccount(undefined, {
-        onSuccess: () =>{
+        onSuccess: () => {
           toast.success(intl.formatMessage(messages.userUnendorsed, { acct: account.acct }));
         },
       });
     } else {
       pinAccount(undefined, {
-        onSuccess: () =>{
+        onSuccess: () => {
           toast.success(intl.formatMessage(messages.userEndorsed, { acct: account.acct }));
         },
       });
@@ -234,36 +270,44 @@ const Header: React.FC<IHeader> = ({ account }) => {
   };
 
   const onBite = () => {
-    client.accounts.biteAccount(account.id)
-      .then(() =>{
+    client.accounts
+      .biteAccount(account.id)
+      .then(() => {
         toast.success(intl.formatMessage(messages.userBit, { acct: account.acct }));
       })
-      .catch(() =>{
+      .catch(() => {
         toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct }));
       });
   };
 
   const onLoadActivities = () => {
-    client.accounts.loadActivities(account.id)
-      .then(() =>{
+    client.accounts
+      .loadActivities(account.id)
+      .then(() => {
         toast.success(intl.formatMessage(messages.loadActivitiesSuccess));
       })
-      .catch(() =>{
+      .catch(() => {
         toast.error(intl.formatMessage(messages.loadActivitiesFail));
       });
   };
 
   const onEditNote = () => {
     openModal('TEXT_FIELD', {
-      heading: <FormattedMessage id='account_note.modal_header' defaultMessage='Edit note for @{name}' values={{ name: account.acct }} />,
+      heading: (
+        <FormattedMessage
+          id='account_note.modal_header'
+          defaultMessage='Edit note for @{name}'
+          values={{ name: account.acct }}
+        />
+      ),
       placeholder: intl.formatMessage(messages.notePlaceholder),
       confirm: <FormattedMessage id='account_note.save' defaultMessage='Save note' />,
-      onConfirm: (value) =>{
+      onConfirm: (value) => {
         updateAccountNote(value, {
-          onSuccess: () =>{
+          onSuccess: () => {
             toast.success(messages.noteSaved);
           },
-          onError: () =>{
+          onError: () => {
             toast.error(messages.noteSaveFailed);
           },
         });
@@ -286,10 +330,22 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
   const onBlockDomain = (domain: string) => {
     openModal('CONFIRM', {
-      heading: <FormattedMessage id='confirmations.domain_block.heading' defaultMessage='Block {domain}' values={{ domain }} />,
-      message: <FormattedMessage id='confirmations.domain_block.message' defaultMessage='Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications.' values={{ domain: <strong>{domain}</strong> }} />,
+      heading: (
+        <FormattedMessage
+          id='confirmations.domain_block.heading'
+          defaultMessage='Block {domain}'
+          values={{ domain }}
+        />
+      ),
+      message: (
+        <FormattedMessage
+          id='confirmations.domain_block.message'
+          defaultMessage='Are you really, really sure you want to block the entire {domain}? In most cases a few targeted blocks or mutes are sufficient and preferable. You will not see content from that domain in any public timelines or your notifications.'
+          values={{ domain: <strong>{domain}</strong> }}
+        />
+      ),
       confirm: intl.formatMessage(messages.blockDomainConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         blockDomain(domain);
       },
     });
@@ -309,10 +365,22 @@ const Header: React.FC<IHeader> = ({ account }) => {
     const unfollowModal = settings.unfollowModal;
     if (unfollowModal) {
       openModal('CONFIRM', {
-        heading: <FormattedMessage id='confirmations.remove_from_followers.heading' defaultMessage='Remove {name} from followers' values={{ name: <strong className='break-words'>@{account.acct}</strong> }} />,
-        message: <FormattedMessage id='confirmations.remove_from_followers.message' defaultMessage='Are you sure you want to remove {name} from your followers?' values={{ name: <strong className='break-words'>@{account.acct}</strong> }} />,
+        heading: (
+          <FormattedMessage
+            id='confirmations.remove_from_followers.heading'
+            defaultMessage='Remove {name} from followers'
+            values={{ name: <strong className='break-words'>@{account.acct}</strong> }}
+          />
+        ),
+        message: (
+          <FormattedMessage
+            id='confirmations.remove_from_followers.message'
+            defaultMessage='Are you sure you want to remove {name} from your followers?'
+            values={{ name: <strong className='break-words'>@{account.acct}</strong> }}
+          />
+        ),
         confirm: intl.formatMessage(messages.removeFromFollowersConfirm),
-        onConfirm: () =>{
+        onConfirm: () => {
           removeFromFollowers();
         },
       });
@@ -353,12 +421,14 @@ const Header: React.FC<IHeader> = ({ account }) => {
   };
 
   const handleShare = () => {
-    navigator.share({
-      text: `@${account.acct}`,
-      url: account.url,
-    }).catch((e) => {
-      if (e.name !== 'AbortError') console.error(e);
-    });
+    navigator
+      .share({
+        text: `@${account.acct}`,
+        url: account.url,
+      })
+      .catch((e) => {
+        if (e.name !== 'AbortError') console.error(e);
+      });
   };
 
   const handleCopy: React.EventHandler<React.MouseEvent> = (e) => {
@@ -409,7 +479,10 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
     if (features.searchFromAccount) {
       menu.push({
-        text: intl.formatMessage(account.id === ownAccount.id ? messages.searchSelf : messages.search, { name: account.username }),
+        text: intl.formatMessage(
+          account.id === ownAccount.id ? messages.searchSelf : messages.search,
+          { name: account.username },
+        ),
         to: '/search',
         search: { type: 'statuses', accountId: account.id },
         icon: require('@phosphor-icons/core/regular/magnifying-glass.svg'),
@@ -482,9 +555,13 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
         if (features.accountEndorsements) {
           menu.push({
-            text: intl.formatMessage(account.relationship?.endorsed ? messages.unendorse : messages.endorse),
+            text: intl.formatMessage(
+              account.relationship?.endorsed ? messages.unendorse : messages.endorse,
+            ),
             action: onEndorseToggle,
-            icon: account.relationship?.endorsed ? require('@phosphor-icons/core/regular/user-minus.svg') : require('@phosphor-icons/core/regular/user-check.svg'),
+            icon: account.relationship?.endorsed
+              ? require('@phosphor-icons/core/regular/user-minus.svg')
+              : require('@phosphor-icons/core/regular/user-check.svg'),
           });
         }
       } else if (features.lists && features.unrestrictedLists) {
@@ -572,7 +649,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
       if (account.relationship?.domain_blocking) {
         menu.push({
           text: intl.formatMessage(messages.unblockDomain, { domain }),
-          action: () =>{
+          action: () => {
             onUnblockDomain(domain);
           },
           icon: require('@phosphor-icons/core/regular/prohibit.svg'),
@@ -580,7 +657,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
       } else {
         menu.push({
           text: intl.formatMessage(messages.blockDomain, { domain }),
-          action: () =>{
+          action: () => {
             onBlockDomain(domain);
           },
           icon: require('@phosphor-icons/core/regular/prohibit.svg'),
@@ -651,25 +728,30 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
     if (settings.disableUserProvidedMedia) {
       if (!account.header_description || account.header_default) return null;
-      else return (
-        <Popover
-          interaction='hover'
-          referenceElementClassName='cursor-pointer'
-          content={
-            <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
-              <Text weight='semibold'>
-                <FormattedMessage id='account.header.description' defaultMessage='Header description' />
-              </Text>
-              <Text className='whitespace-pre-wrap'>
-                {account.header_description}
-              </Text>
-            </Stack>
-          }
-          isFlush
-        >
-          <AltIndicator className='ml-6 mt-6 w-fit' message={<FormattedMessage id='account.header.alt' defaultMessage='Profile header' />} />
-        </Popover>
-      );
+      else
+        return (
+          <Popover
+            interaction='hover'
+            referenceElementClassName='cursor-pointer'
+            content={
+              <Stack space={1} className='max-h-[32rem] max-w-96 overflow-auto p-4'>
+                <Text weight='semibold'>
+                  <FormattedMessage
+                    id='account.header.description'
+                    defaultMessage='Header description'
+                  />
+                </Text>
+                <Text className='whitespace-pre-wrap'>{account.header_description}</Text>
+              </Stack>
+            }
+            isFlush
+          >
+            <AltIndicator
+              className='ml-6 mt-6 w-fit'
+              message={<FormattedMessage id='account.header.alt' defaultMessage='Profile header' />}
+            />
+          </Popover>
+        );
     }
 
     if (account.header) {
@@ -701,7 +783,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
       return (
         <IconButton
           src={require('@phosphor-icons/core/regular/chats-teardrop.svg')}
-          onClick={() =>{
+          onClick={() => {
             createAndNavigateToChat.mutate(account.id);
           }}
           title={intl.formatMessage(messages.chat, { name: account.username })}
@@ -735,7 +817,12 @@ const Header: React.FC<IHeader> = ({ account }) => {
   };
 
   const renderRssButton = () => {
-    if (ownAccount || !features.rssFeeds || !account.local || (software === GOTOSOCIAL && !account.enable_rss)) {
+    if (
+      ownAccount ||
+      !features.rssFeeds ||
+      !account.local ||
+      (software === GOTOSOCIAL && !account.enable_rss)
+    ) {
       return null;
     }
 
@@ -758,15 +845,18 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
   return (
     <div className='-mx-4 -mt-4 sm:-mx-6 sm:-mt-6'>
-      {(account.moved && typeof account.moved === 'object') && (
+      {account.moved && typeof account.moved === 'object' && (
         <MovedNote from={account} to={account.moved as AccountEntity} />
       )}
 
       <div>
         <div
-          className={clsx('relative isolate flex w-full flex-col justify-center overflow-hidden black:rounded-t-none md:rounded-t-xl', {
-            'h-32 bg-gray-200 dark:bg-gray-900/50 lg:h-48': !settings.disableUserProvidedMedia,
-          })}
+          className={clsx(
+            'relative isolate flex w-full flex-col justify-center overflow-hidden black:rounded-t-none md:rounded-t-xl',
+            {
+              'h-32 bg-gray-200 dark:bg-gray-900/50 lg:h-48': !settings.disableUserProvidedMedia,
+            },
+          )}
         >
           {renderHeader()}
 
@@ -801,7 +891,9 @@ const Header: React.FC<IHeader> = ({ account }) => {
 
           <div className='mt-6 flex w-full justify-end sm:pb-1'>
             <HStack space={2} className='mt-10' justifyContent='end' wrap>
-              {(ownAccount && account.id !== ownAccount.id) && <SubscriptionButton account={account} />}
+              {ownAccount && account.id !== ownAccount.id && (
+                <SubscriptionButton account={account} />
+              )}
               {renderMessageButton()}
               {renderShareButton()}
 
diff --git a/packages/pl-fe/src/features/admin/components/counter.tsx b/packages/pl-fe/src/features/admin/components/counter.tsx
index e9aabbf51..1fcefc453 100644
--- a/packages/pl-fe/src/features/admin/components/counter.tsx
+++ b/packages/pl-fe/src/features/admin/components/counter.tsx
@@ -58,12 +58,27 @@ const Counter: React.FC<ICounter> = ({
     );
   } else {
     const measure = data[0];
-    const percentChange = measure.previous_total !== undefined && percIncrease(measure.previous_total * 1, measure.total * 1) || 0;
+    const percentChange =
+      (measure.previous_total !== undefined &&
+        percIncrease(measure.previous_total * 1, measure.total * 1)) ||
+      0;
 
     content = (
       <>
-        <Text tag='span' align='center' size='2xl' weight='medium'>{measure.human_value ?? <FormattedNumber value={measure.total} />}</Text>
-        {measure.previous_total !== undefined && (<span className={clsx('text-lg', { 'text-green-600': percentChange > 0, 'text-danger-600': percentChange < 0 })}>{percentChange > 0 && '+'}<FormattedNumber value={percentChange} style='percent' /></span>)}
+        <Text tag='span' align='center' size='2xl' weight='medium'>
+          {measure.human_value ?? <FormattedNumber value={measure.total} />}
+        </Text>
+        {measure.previous_total !== undefined && (
+          <span
+            className={clsx('text-lg', {
+              'text-green-600': percentChange > 0,
+              'text-danger-600': percentChange < 0,
+            })}
+          >
+            {percentChange > 0 && '+'}
+            <FormattedNumber value={percentChange} style='percent' />
+          </span>
+        )}
       </>
     );
   }
@@ -74,12 +89,10 @@ const Counter: React.FC<ICounter> = ({
         {content}
       </div>
 
-      <Text align='center'>
-        {label}
-      </Text>
+      <Text align='center'>{label}</Text>
 
       <div className='mt-auto'>
-        <Sparklines width={259} height={55} data={data?.[0].data.map(x => x.value * 1) ?? []}>
+        <Sparklines width={259} height={55} data={data?.[0].data.map((x) => x.value * 1) ?? []}>
           <SparklinesCurve />
         </Sparklines>
       </div>
@@ -90,16 +103,16 @@ const Counter: React.FC<ICounter> = ({
 
   if ('to' in rest) {
     return (
-      <Link {...rest} className={clsx(className, 'transition-transform hover:-translate-y-1')} target={target}>
+      <Link
+        {...rest}
+        className={clsx(className, 'transition-transform hover:-translate-y-1')}
+        target={target}
+      >
         {inner}
       </Link>
     );
   } else {
-    return (
-      <div className={className}>
-        {inner}
-      </div>
-    );
+    return <div className={className}>{inner}</div>;
   }
 };
 
diff --git a/packages/pl-fe/src/features/admin/components/dashcounter.tsx b/packages/pl-fe/src/features/admin/components/dashcounter.tsx
index 6ab927778..53d352266 100644
--- a/packages/pl-fe/src/features/admin/components/dashcounter.tsx
+++ b/packages/pl-fe/src/features/admin/components/dashcounter.tsx
@@ -12,7 +12,6 @@ type IDashCounter = {
 
 /** Displays a (potentially clickable) dashboard statistic. */
 const DashCounter: React.FC<IDashCounter> = ({ count, label, percent = false, ...rest }) => {
-
   if (!isNumber(count)) {
     return null;
   }
@@ -27,9 +26,7 @@ const DashCounter: React.FC<IDashCounter> = ({ count, label, percent = false, ..
           numberingSystem='latn'
         />
       </p>
-      <p className='⁂-dashcounter__label'>
-        {label}
-      </p>
+      <p className='⁂-dashcounter__label'>{label}</p>
     </>
   );
 
@@ -50,12 +47,7 @@ interface IDashCounters {
 
 /** Wrapper container for dash counters. */
 const DashCounters: React.FC<IDashCounters> = ({ children }) => (
-  <div className='⁂-dashboard__counters'>
-    {children}
-  </div>
+  <div className='⁂-dashboard__counters'>{children}</div>
 );
 
-export {
-  DashCounter,
-  DashCounters,
-};
+export { DashCounter, DashCounters };
diff --git a/packages/pl-fe/src/features/admin/components/dimension.tsx b/packages/pl-fe/src/features/admin/components/dimension.tsx
index f532ef918..b98707c28 100644
--- a/packages/pl-fe/src/features/admin/components/dimension.tsx
+++ b/packages/pl-fe/src/features/admin/components/dimension.tsx
@@ -14,13 +14,7 @@ interface IDimension {
   params: AdminGetDimensionsParams;
 }
 
-const Dimension: React.FC<IDimension> = ({
-  dimension,
-  startAt,
-  endAt,
-  label,
-  params,
-}) => {
+const Dimension: React.FC<IDimension> = ({ dimension, startAt, endAt, label, params }) => {
   const { data } = useDimensions([dimension], { ...params, start_at: startAt, end_at: endAt });
 
   let content;
@@ -31,37 +25,42 @@ const Dimension: React.FC<IDimension> = ({
         <tbody>
           {Array.from(Array(params.limit)).map((_, i) => (
             <tr key={i}>
-              <td>
-                {/* <Skeleton width={100} /> */}
-              </td>
+              <td>{/* <Skeleton width={100} /> */}</td>
 
-              <td>
-                {/* <Skeleton width={60} /> */}
-              </td>
+              <td>{/* <Skeleton width={60} /> */}</td>
             </tr>
           ))}
         </tbody>
       </table>
     );
   } else {
-    const sum = data[0].data.reduce((sum, cur) => sum + (+cur.value * 1), 0);
+    const sum = data[0].data.reduce((sum, cur) => sum + +cur.value * 1, 0);
 
     content = (
       <table className='w-full'>
         <tbody>
-          {data[0].data.map(item => (
-            <tr className='border-b border-primary-200 last:border-none dark:border-gray-800' key={item.key}>
+          {data[0].data.map((item) => (
+            <tr
+              className='border-b border-primary-200 last:border-none dark:border-gray-800'
+              key={item.key}
+            >
               <td className='p-2.5'>
                 <span
                   className='mr-2 inline-block size-2 rounded-full bg-green-500 shadow-sm'
                   style={{ opacity: +item.value / sum }}
                 />
-                <Text title={item.key} weight='medium' size='xs' tag='span'>{item.human_key}</Text>
+                <Text title={item.key} weight='medium' size='xs' tag='span'>
+                  {item.human_key}
+                </Text>
               </td>
 
               <td className='p-2.5 text-end'>
                 <Text size='xs'>
-                  {typeof item.human_value !== 'undefined' ? item.human_value : <FormattedNumber value={+item.value} />}
+                  {typeof item.human_value !== 'undefined' ? (
+                    item.human_value
+                  ) : (
+                    <FormattedNumber value={+item.value} />
+                  )}
                 </Text>
               </td>
             </tr>
@@ -74,7 +73,13 @@ const Dimension: React.FC<IDimension> = ({
   return (
     <div>
       {label && (
-        <Text className='border-b border-primary-200 pb-1 dark:border-gray-800' weight='medium' size='sm'>{label}</Text>
+        <Text
+          className='border-b border-primary-200 pb-1 dark:border-gray-800'
+          weight='medium'
+          size='sm'
+        >
+          {label}
+        </Text>
       )}
 
       {content}
diff --git a/packages/pl-fe/src/features/admin/components/latest-accounts-panel.tsx b/packages/pl-fe/src/features/admin/components/latest-accounts-panel.tsx
index dc9aaef55..789e5b4e0 100644
--- a/packages/pl-fe/src/features/admin/components/latest-accounts-panel.tsx
+++ b/packages/pl-fe/src/features/admin/components/latest-accounts-panel.tsx
@@ -7,7 +7,10 @@ import AccountContainer from '@/containers/account-container';
 import { useAdminAccounts } from '@/queries/admin/use-accounts';
 
 const messages = defineMessages({
-  expand: { id: 'admin.latest_accounts_panel.more', defaultMessage: 'Click to see {count, plural, one {# account} other {# accounts}}' },
+  expand: {
+    id: 'admin.latest_accounts_panel.more',
+    defaultMessage: 'Click to see {count, plural, one {# account} other {# accounts}}',
+  },
 });
 
 interface ILatestAccountsPanel {
@@ -32,7 +35,9 @@ const LatestAccountsPanel: React.FC<ILatestAccountsPanel> = ({ limit = 5 }) => {
 
   return (
     <Widget
-      title={<FormattedMessage id='admin.latest_accounts_panel.title' defaultMessage='Latest accounts' />}
+      title={
+        <FormattedMessage id='admin.latest_accounts_panel.title' defaultMessage='Latest accounts' />
+      }
       onActionClick={handleAction}
       actionTitle={intl.formatMessage(messages.expand, { count: total })}
     >
diff --git a/packages/pl-fe/src/features/admin/components/registration-mode-picker.tsx b/packages/pl-fe/src/features/admin/components/registration-mode-picker.tsx
index 8d8c745ab..581cc767d 100644
--- a/packages/pl-fe/src/features/admin/components/registration-mode-picker.tsx
+++ b/packages/pl-fe/src/features/admin/components/registration-mode-picker.tsx
@@ -16,16 +16,24 @@ const messages = defineMessages({
 
 const generateConfig = (mode: RegistrationMode) => {
   const configMap = {
-    open: [{ tuple: [':registrations_open', true] }, { tuple: [':account_approval_required', false] }],
-    approval: [{ tuple: [':registrations_open', true] }, { tuple: [':account_approval_required', true] }],
+    open: [
+      { tuple: [':registrations_open', true] },
+      { tuple: [':account_approval_required', false] },
+    ],
+    approval: [
+      { tuple: [':registrations_open', true] },
+      { tuple: [':account_approval_required', true] },
+    ],
     closed: [{ tuple: [':registrations_open', false] }],
   };
 
-  return [{
-    group: ':pleroma',
-    key: ':instance',
-    value: configMap[mode],
-  }];
+  return [
+    {
+      group: ':pleroma',
+      key: ':instance',
+      value: configMap[mode],
+    },
+  ];
 };
 
 const modeFromInstance = ({ registrations }: Instance): RegistrationMode => {
@@ -41,30 +49,62 @@ const RegistrationModePicker: React.FC = () => {
 
   const mode = modeFromInstance(instance);
 
-  const onChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const config = generateConfig(e.target.value as RegistrationMode);
-    dispatch(updateConfig(config)).then(() => {
-      toast.success(intl.formatMessage(messages.saved));
-    }).catch(() => {});
+    dispatch(updateConfig(config))
+      .then(() => {
+        toast.success(intl.formatMessage(messages.saved));
+      })
+      .catch(() => {});
   };
 
   return (
     <RadioGroup onChange={onChange}>
       <RadioItem
-        label={<FormattedMessage id='admin.dashboard.registration_mode.open_label' defaultMessage='Open' />}
-        hint={<FormattedMessage id='admin.dashboard.registration_mode.open_hint' defaultMessage='Anyone can join.' />}
+        label={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.open_label'
+            defaultMessage='Open'
+          />
+        }
+        hint={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.open_hint'
+            defaultMessage='Anyone can join.'
+          />
+        }
         checked={mode === 'open'}
         value='open'
       />
       <RadioItem
-        label={<FormattedMessage id='admin.dashboard.registration_mode.approval_label' defaultMessage='Approval Required' />}
-        hint={<FormattedMessage id='admin.dashboard.registration_mode.approval_hint' defaultMessage='Users can sign up, but their account only gets activated when an admin approves it.' />}
+        label={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.approval_label'
+            defaultMessage='Approval Required'
+          />
+        }
+        hint={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.approval_hint'
+            defaultMessage='Users can sign up, but their account only gets activated when an admin approves it.'
+          />
+        }
         checked={mode === 'approval'}
         value='approval'
       />
       <RadioItem
-        label={<FormattedMessage id='admin.dashboard.registration_mode.closed_label' defaultMessage='Closed' />}
-        hint={<FormattedMessage id='admin.dashboard.registration_mode.closed_hint' defaultMessage='Nobody can sign up. You can still invite people.' />}
+        label={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.closed_label'
+            defaultMessage='Closed'
+          />
+        }
+        hint={
+          <FormattedMessage
+            id='admin.dashboard.registration_mode.closed_hint'
+            defaultMessage='Nobody can sign up. You can still invite people.'
+          />
+        }
         checked={mode === 'closed'}
         value='closed'
       />
diff --git a/packages/pl-fe/src/features/admin/components/report.tsx b/packages/pl-fe/src/features/admin/components/report.tsx
index 37e2a1408..5d46f8ff0 100644
--- a/packages/pl-fe/src/features/admin/components/report.tsx
+++ b/packages/pl-fe/src/features/admin/components/report.tsx
@@ -35,7 +35,11 @@ const Report: React.FC<IReport> = ({ id }) => {
   const reporterAcct = account?.acct;
 
   return (
-    <Link to='/pl-fe/admin/reports/$reportId' params={{ reportId: id }} className='block rounded-lg bg-gray-100 p-4 dark:bg-primary-800'>
+    <Link
+      to='/pl-fe/admin/reports/$reportId'
+      params={{ reportId: id }}
+      className='block rounded-lg bg-gray-100 p-4 dark:bg-primary-800'
+    >
       <Stack space={2} className='h-full justify-between'>
         {targetAccount && (
           <HoverAccountWrapper accountId={targetAccount.id} element='span'>
@@ -62,10 +66,7 @@ const Report: React.FC<IReport> = ({ id }) => {
         {!!account && (
           <HStack space={1} alignItems='center' wrap>
             <Text size='sm' theme='muted'>
-              <FormattedMessage
-                id='admin.reports.account'
-                defaultMessage='Reported by:'
-              />
+              <FormattedMessage id='admin.reports.account' defaultMessage='Reported by:' />
             </Text>
             <HoverAccountWrapper accountId={account.id} element='span'>
               <Link to='/pl-fe/admin/accounts/$accountId' params={{ accountId: account.id }}>
@@ -78,10 +79,7 @@ const Report: React.FC<IReport> = ({ id }) => {
         {!!report.comment && report.comment.length > 0 && (
           <HStack space={1} alignItems='center' wrap>
             <Text size='sm' theme='muted'>
-              <FormattedMessage
-                id='admin.reports.comment'
-                defaultMessage='Comment:'
-              />
+              <FormattedMessage id='admin.reports.comment' defaultMessage='Comment:' />
             </Text>
             {report.comment}
           </HStack>
@@ -90,10 +88,7 @@ const Report: React.FC<IReport> = ({ id }) => {
         {statusCount > 0 && (
           <HStack space={1} alignItems='center' wrap>
             <Text size='sm' theme='muted'>
-              <FormattedMessage
-                id='admin.reports.statuses'
-                defaultMessage='Reported posts:'
-              />
+              <FormattedMessage id='admin.reports.statuses' defaultMessage='Reported posts:' />
             </Text>
             {statusCount}
           </HStack>
diff --git a/packages/pl-fe/src/features/admin/components/retention.tsx b/packages/pl-fe/src/features/admin/components/retention.tsx
index 5b2b74d0c..1ef5bd502 100644
--- a/packages/pl-fe/src/features/admin/components/retention.tsx
+++ b/packages/pl-fe/src/features/admin/components/retention.tsx
@@ -12,7 +12,9 @@ const dateForCohort = (cohort: AdminCohort) => {
     case 'day':
       return <FormattedDate value={cohort.period} month='long' day='2-digit' timeZone={timeZone} />;
     default:
-      return <FormattedDate value={cohort.period} month='long' year='numeric' timeZone={timeZone} />;
+      return (
+        <FormattedDate value={cohort.period} month='long' year='numeric' timeZone={timeZone} />
+      );
   }
 };
 
@@ -36,21 +38,25 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
           <tr>
             <th>
               <div className='p-2.5 pl-0 font-bold'>
-                <FormattedMessage id='admin.dashboard.retention.cohort' defaultMessage='Sign-up month' />
+                <FormattedMessage
+                  id='admin.dashboard.retention.cohort'
+                  defaultMessage='Sign-up month'
+                />
               </div>
             </th>
 
             <th>
               <div className='p-2.5 font-bold'>
-                <FormattedMessage id='admin.dashboard.retention.cohort_size' defaultMessage='New users' />
+                <FormattedMessage
+                  id='admin.dashboard.retention.cohort_size'
+                  defaultMessage='New users'
+                />
               </div>
             </th>
 
             {data[0].data.slice(1).map((retention, i) => (
               <th key={retention.date} className='w-14'>
-                <div className='p-2.5 font-bold'>
-                  {i + 1}
-                </div>
+                <div className='p-2.5 font-bold'>{i + 1}</div>
               </th>
             ))}
           </tr>
@@ -64,16 +70,29 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
 
             <td>
               <div className='p-2.5 text-center'>
-                <FormattedNumber value={data.reduce((sum, cohort, i) => sum + ((cohort.data[0].value * 1) - sum) / (i + 1), 0)} maximumFractionDigits={0} />
+                <FormattedNumber
+                  value={data.reduce(
+                    (sum, cohort, i) => sum + (cohort.data[0].value * 1 - sum) / (i + 1),
+                    0,
+                  )}
+                  maximumFractionDigits={0}
+                />
               </div>
             </td>
 
             {data[0].data.slice(1).map((retention, i) => {
-              const average = data.reduce((sum, cohort, k) => cohort.data[i + 1] ? sum + (cohort.data[i + 1].rate - sum) / (k + 1) : sum, 0);
+              const average = data.reduce(
+                (sum, cohort, k) =>
+                  cohort.data[i + 1] ? sum + (cohort.data[i + 1].rate - sum) / (k + 1) : sum,
+                0,
+              );
 
               return (
                 <td key={retention.date}>
-                  <div className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800' style={{ ['--tw-bg-opacity' as any]: 0.5 + average / 2 }}>
+                  <div
+                    className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800'
+                    style={{ ['--tw-bg-opacity' as any]: 0.5 + average / 2 }}
+                  >
                     <FormattedNumber value={average} style='percent' />
                   </div>
                 </td>
@@ -83,12 +102,10 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
         </thead>
 
         <tbody>
-          {data.slice(0, -1).map(cohort => (
+          {data.slice(0, -1).map((cohort) => (
             <tr key={cohort.period}>
               <td>
-                <div className='p-2.5 pl-0'>
-                  {dateForCohort(cohort)}
-                </div>
+                <div className='p-2.5 pl-0'>{dateForCohort(cohort)}</div>
               </td>
 
               <td>
@@ -97,9 +114,12 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
                 </div>
               </td>
 
-              {cohort.data.slice(1).map(retention => (
+              {cohort.data.slice(1).map((retention) => (
                 <td key={retention.date}>
-                  <div className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800' style={{ ['--tw-bg-opacity' as any]: 0.5 + retention.rate / 2 }}>
+                  <div
+                    className='bg-primary-200 p-2.5 font-medium dark:bg-gray-800'
+                    style={{ ['--tw-bg-opacity' as any]: 0.5 + retention.rate / 2 }}
+                  >
                     <FormattedNumber value={retention.rate} style='percent' />
                   </div>
                 </td>
@@ -114,15 +134,31 @@ const Retention: React.FC<IRetention> = ({ startAt, endAt, frequency }) => {
   let title = null;
   switch (frequency) {
     case 'day':
-      title = <FormattedMessage id='admin.dashboard.daily_retention' defaultMessage='User retention rate by day after sign-up' />;
+      title = (
+        <FormattedMessage
+          id='admin.dashboard.daily_retention'
+          defaultMessage='User retention rate by day after sign-up'
+        />
+      );
       break;
     default:
-      title = <FormattedMessage id='admin.dashboard.monthly_retention' defaultMessage='User retention rate by month after sign-up' />;
+      title = (
+        <FormattedMessage
+          id='admin.dashboard.monthly_retention'
+          defaultMessage='User retention rate by month after sign-up'
+        />
+      );
   }
 
   return (
     <div className='col-span-2'>
-      <Text className='border-b border-primary-200 pb-1 dark:border-gray-800' weight='medium' size='sm'>{title}</Text>
+      <Text
+        className='border-b border-primary-200 pb-1 dark:border-gray-800'
+        weight='medium'
+        size='sm'
+      >
+        {title}
+      </Text>
 
       {content}
     </div>
diff --git a/packages/pl-fe/src/features/admin/components/unapproved-account.tsx b/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
index 7b37af906..88bc9d052 100644
--- a/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
+++ b/packages/pl-fe/src/features/admin/components/unapproved-account.tsx
@@ -4,7 +4,11 @@ import { AuthorizeRejectButtons } from '@/components/authorize-reject-buttons';
 import HStack from '@/components/ui/hstack';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
-import { useAdminAccount, useAdminApproveAccountMutation, useAdminRejectAccountMutation } from '@/queries/admin/use-accounts';
+import {
+  useAdminAccount,
+  useAdminApproveAccountMutation,
+  useAdminRejectAccountMutation,
+} from '@/queries/admin/use-accounts';
 
 interface IUnapprovedAccount {
   accountId: string;
@@ -24,9 +28,7 @@ const UnapprovedAccount: React.FC<IUnapprovedAccount> = ({ accountId }) => {
   return (
     <HStack space={4} justifyContent='between'>
       <Stack space={1}>
-        <Text weight='semibold'>
-          @{account.acct}
-        </Text>
+        <Text weight='semibold'>@{account.acct}</Text>
         <Text tag='blockquote' size='sm'>
           {adminAccount?.invite_request ?? ''}
         </Text>
@@ -34,10 +36,10 @@ const UnapprovedAccount: React.FC<IUnapprovedAccount> = ({ accountId }) => {
 
       <Stack justifyContent='center'>
         <AuthorizeRejectButtons
-          onAuthorize={() =>{
+          onAuthorize={() => {
             approveAccount();
           }}
-          onReject={() =>{
+          onReject={() => {
             rejectAccount();
           }}
           countdown={3000}
diff --git a/packages/pl-fe/src/features/audio/index.tsx b/packages/pl-fe/src/features/audio/index.tsx
index 6c76ccf68..4141cf593 100644
--- a/packages/pl-fe/src/features/audio/index.tsx
+++ b/packages/pl-fe/src/features/audio/index.tsx
@@ -90,7 +90,7 @@ const Audio: React.FC<IAudio> = (props) => {
   const _setDimensions = () => {
     if (player.current) {
       const width = player.current.offsetWidth;
-      const height = fullscreen ? player.current.offsetHeight : (width / (16 / 9));
+      const height = fullscreen ? player.current.offsetHeight : width / (16 / 9);
 
       if (cacheWidth) {
         cacheWidth(width);
@@ -115,13 +115,17 @@ const Audio: React.FC<IAudio> = (props) => {
     setPaused(!paused);
   };
 
-  const handleResize = debounce(() => {
-    if (player.current) {
-      _setDimensions();
-    }
-  }, 250, {
-    trailing: true,
-  });
+  const handleResize = debounce(
+    () => {
+      if (player.current) {
+        _setDimensions();
+      }
+    },
+    250,
+    {
+      trailing: true,
+    },
+  );
 
   const handlePlay = () => {
     setPaused(false);
@@ -143,7 +147,9 @@ const Audio: React.FC<IAudio> = (props) => {
       const lastTimeRange = audio.current.buffered.length - 1;
 
       if (lastTimeRange > -1) {
-        setBuffer(Math.ceil(audio.current.buffered.end(lastTimeRange) / audio.current.duration * 100));
+        setBuffer(
+          Math.ceil((audio.current.buffered.end(lastTimeRange) / audio.current.duration) * 100),
+        );
       }
     }
   };
@@ -168,7 +174,7 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const handleVolumeMouseDown: React.MouseEventHandler = e => {
+  const handleVolumeMouseDown: React.MouseEventHandler = (e) => {
     document.addEventListener('mousemove', handleMouseVolSlide, true);
     document.addEventListener('mouseup', handleVolumeMouseUp, true);
     document.addEventListener('touchmove', handleMouseVolSlide, true);
@@ -187,7 +193,7 @@ const Audio: React.FC<IAudio> = (props) => {
     document.removeEventListener('touchend', handleVolumeMouseUp, true);
   };
 
-  const handleMouseDown: React.MouseEventHandler = e => {
+  const handleMouseDown: React.MouseEventHandler = (e) => {
     document.addEventListener('mousemove', handleMouseMove, true);
     document.addEventListener('mouseup', handleMouseUp, true);
     document.addEventListener('touchmove', handleMouseMove, true);
@@ -211,17 +217,20 @@ const Audio: React.FC<IAudio> = (props) => {
     audio.current?.play();
   };
 
-  const handleMouseMove = useCallback(throttle((e) => {
-    if (audio.current && seek.current) {
-      const { x } = getPointerPosition(seek.current, e);
-      const currentTime = audio.current.duration * x;
+  const handleMouseMove = useCallback(
+    throttle((e) => {
+      if (audio.current && seek.current) {
+        const { x } = getPointerPosition(seek.current, e);
+        const currentTime = audio.current.duration * x;
 
-      if (!isNaN(currentTime)) {
-        setCurrentTime(currentTime);
-        audio.current.currentTime = currentTime;
+        if (!isNaN(currentTime)) {
+          setCurrentTime(currentTime);
+          audio.current.currentTime = currentTime;
+        }
       }
-    }
-  }, 15), [audio.current, seek.current]);
+    }, 15),
+    [audio.current, seek.current],
+  );
 
   const handleTimeUpdate = () => {
     if (audio.current) {
@@ -230,39 +239,50 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const handleMouseVolSlide = useCallback(throttle(e => {
-    if (audio.current && slider.current) {
-      const { x } = getPointerPosition(slider.current, e);
+  const handleMouseVolSlide = useCallback(
+    throttle((e) => {
+      if (audio.current && slider.current) {
+        const { x } = getPointerPosition(slider.current, e);
 
-      if (!isNaN(x)) {
-        const volume = Math.max(0, Math.min(1, x));
+        if (!isNaN(x)) {
+          const volume = Math.max(0, Math.min(1, x));
 
-        setVolume(volume);
-        setMuted(volume === 0);
-        audio.current.volume = volume;
-        audio.current.muted = volume === 0;
+          setVolume(volume);
+          setMuted(volume === 0);
+          audio.current.volume = volume;
+          audio.current.muted = volume === 0;
+        }
       }
-    }
-  }, 60), [audio.current, slider.current]);
+    }, 60),
+    [audio.current, slider.current],
+  );
 
-  const handleScroll = useCallback(throttle(() => {
-    if (!canvas.current || !audio.current) {
-      return;
-    }
+  const handleScroll = useCallback(
+    throttle(
+      () => {
+        if (!canvas.current || !audio.current) {
+          return;
+        }
 
-    const { top, height } = canvas.current.getBoundingClientRect();
-    const inView = (top <= (window.innerHeight || document.documentElement.clientHeight)) && (top + height >= 0);
+        const { top, height } = canvas.current.getBoundingClientRect();
+        const inView =
+          top <= (window.innerHeight || document.documentElement.clientHeight) && top + height >= 0;
 
-    if (!paused && !inView) {
-      audio.current.pause();
+        if (!paused && !inView) {
+          audio.current.pause();
 
-      if (deployPictureInPicture) {
-        deployPictureInPicture('audio', _pack());
-      }
+          if (deployPictureInPicture) {
+            deployPictureInPicture('audio', _pack());
+          }
 
-      setPaused(true);
-    }
-  }, 150, { trailing: true }), [canvas.current, audio.current, paused]);
+          setPaused(true);
+        }
+      },
+      150,
+      { trailing: true },
+    ),
+    [canvas.current, audio.current, paused],
+  );
 
   const handleLoadedData = () => {
     if (audio.current) {
@@ -321,16 +341,23 @@ const Audio: React.FC<IAudio> = (props) => {
   };
 
   const _draw = () => {
-    visualizer.current?.draw(_getCX(), _getCY(), _getAccentColor() ?? '#ffffff', _getRadius(), _getScaleCoefficient());
+    visualizer.current?.draw(
+      _getCX(),
+      _getCY(),
+      _getAccentColor() ?? '#ffffff',
+      _getRadius(),
+      _getScaleCoefficient(),
+    );
   };
 
-  const _getRadius = (): number => (((height ?? props.height) ?? 0) - (PADDING * _getScaleCoefficient()) * 2) / 2;
+  const _getRadius = (): number =>
+    ((height ?? props.height ?? 0) - PADDING * _getScaleCoefficient() * 2) / 2;
 
-  const _getScaleCoefficient = (): number => ((height ?? props.height) ?? 0) / 982;
+  const _getScaleCoefficient = (): number => (height ?? props.height ?? 0) / 982;
 
   const _getCX = (): number => Math.floor((width ?? 0) / 2);
 
-  const _getCY = (): number => Math.floor(_getRadius() + (PADDING * _getScaleCoefficient()));
+  const _getCY = (): number => Math.floor(_getRadius() + PADDING * _getScaleCoefficient());
 
   const _getAccentColor = () => accentColor ?? undefined;
 
@@ -349,7 +376,7 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const handleAudioKeyDown: React.KeyboardEventHandler = e => {
+  const handleAudioKeyDown: React.KeyboardEventHandler = (e) => {
     // On the audio element or the seek bar, we can safely use the space bar
     // for playback control because there are no buttons to press
 
@@ -360,7 +387,7 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const handleKeyDown: React.KeyboardEventHandler = e => {
+  const handleKeyDown: React.KeyboardEventHandler = (e) => {
     switch (e.key) {
       case 'k':
         e.preventDefault();
@@ -385,7 +412,7 @@ const Audio: React.FC<IAudio> = (props) => {
     }
   };
 
-  const getDuration = () => (duration ?? props.duration) ?? 0;
+  const getDuration = () => duration ?? props.duration ?? 0;
 
   const progress = Math.min((currentTime / getDuration()) * 100, 100);
 
@@ -429,7 +456,10 @@ const Audio: React.FC<IAudio> = (props) => {
 
   return (
     <div
-      className={clsx('relative box-border overflow-hidden rounded-[10px] bg-black pb-11 [direction:ltr]', { 'rounded-none h-full': editable })}
+      className={clsx(
+        'relative box-border overflow-hidden rounded-[10px] bg-black pb-11 [direction:ltr]',
+        { 'h-full rounded-none': editable },
+      )}
       ref={player}
       style={{
         backgroundColor: _getBackgroundColor(),
@@ -439,7 +469,7 @@ const Audio: React.FC<IAudio> = (props) => {
       }}
       tabIndex={0}
       onKeyDown={handleKeyDown}
-      onClick={e =>{
+      onClick={(e) => {
         e.stopPropagation();
       }}
     >
@@ -482,9 +512,15 @@ const Audio: React.FC<IAudio> = (props) => {
         />
       )}
 
-      <div className='video-player__seek before:top-0 before:bg-white/10' onMouseDown={handleMouseDown} ref={seek}>
-
-        <div className='absolute top-0 block h-1 rounded bg-white/20' style={{ width: `${buffer}%` }} />
+      <div
+        className='video-player__seek before:top-0 before:bg-white/10'
+        onMouseDown={handleMouseDown}
+        ref={seek}
+      >
+        <div
+          className='absolute top-0 block h-1 rounded bg-white/20'
+          style={{ width: `${buffer}%` }}
+        />
 
         <div
           className='absolute top-0 block h-1 rounded bg-accent-500'
@@ -502,7 +538,6 @@ const Audio: React.FC<IAudio> = (props) => {
       <div className='video-player__controls video-player__controls--visible'>
         <div className='mx-[-5px] my-0 flex justify-between'>
           <div className='video-player__buttons left'>
-
             <button
               type='button'
               title={intl.formatMessage(paused ? messages.play : messages.pause)}
@@ -510,7 +545,13 @@ const Audio: React.FC<IAudio> = (props) => {
               className={clsx('player-button', fullscreen && 'py-2.5')}
               onClick={togglePlay}
             >
-              <Icon src={paused ? require('@phosphor-icons/core/regular/play.svg') : require('@phosphor-icons/core/regular/pause.svg')} />
+              <Icon
+                src={
+                  paused
+                    ? require('@phosphor-icons/core/regular/play.svg')
+                    : require('@phosphor-icons/core/regular/pause.svg')
+                }
+              />
             </button>
 
             <button
@@ -520,11 +561,20 @@ const Audio: React.FC<IAudio> = (props) => {
               className={clsx('player-button', fullscreen && 'py-2.5')}
               onClick={toggleMute}
             >
-              <Icon src={muted ? require('@phosphor-icons/core/regular/speaker-x.svg') : require('@phosphor-icons/core/regular/speaker-high.svg')} />
+              <Icon
+                src={
+                  muted
+                    ? require('@phosphor-icons/core/regular/speaker-x.svg')
+                    : require('@phosphor-icons/core/regular/speaker-high.svg')
+                }
+              />
             </button>
 
             <div className='video-player__volume' onMouseDown={handleVolumeMouseDown} ref={slider}>
-              <div className='video-player__volume__current' style={{ width: `${volume * 100}%`, backgroundColor: _getAccentColor() }} />
+              <div
+                className='video-player__volume__current'
+                style={{ width: `${volume * 100}%`, backgroundColor: _getAccentColor() }}
+              />
               <span
                 className='video-player__volume__handle'
                 tabIndex={0}
@@ -533,11 +583,19 @@ const Audio: React.FC<IAudio> = (props) => {
             </div>
 
             <span className='my-0 inline flex-initial overflow-hidden text-ellipsis text-black dark:text-white'>
-              <span className='text-sm font-medium text-current'>{formatTime(Math.floor(currentTime))}</span>
-              {getDuration() && (<>
-                <span className='mx-1.5 my-0 inline-block text-sm font-medium text-current'>/</span>
-                <span className='text-sm font-medium text-current'>{formatTime(Math.floor(getDuration()))}</span>
-              </>)}
+              <span className='text-sm font-medium text-current'>
+                {formatTime(Math.floor(currentTime))}
+              </span>
+              {getDuration() && (
+                <>
+                  <span className='mx-1.5 my-0 inline-block text-sm font-medium text-current'>
+                    /
+                  </span>
+                  <span className='text-sm font-medium text-current'>
+                    {formatTime(Math.floor(getDuration()))}
+                  </span>
+                </>
+              )}
             </span>
           </div>
 
diff --git a/packages/pl-fe/src/features/audio/visualizer.ts b/packages/pl-fe/src/features/audio/visualizer.ts
index 183720512..5b6430285 100644
--- a/packages/pl-fe/src/features/audio/visualizer.ts
+++ b/packages/pl-fe/src/features/audio/visualizer.ts
@@ -9,12 +9,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
 */
 
 const hex2rgba = (hex: string, alpha = 1) => {
-  const [r, g, b] = hex.match(/\w\w/g)!.map(x => parseInt(x, 16));
+  const [r, g, b] = hex.match(/\w\w/g)!.map((x) => parseInt(x, 16));
   return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 };
 
 class Visualizer {
-
   tickSize: number;
   canvas?: HTMLCanvasElement;
   context?: CanvasRenderingContext2D;
@@ -46,14 +45,22 @@ class Visualizer {
     const coords = [];
 
     for (let i = 0; i < count; i++) {
-      const rad = Math.PI * 2 * i / count;
+      const rad = (Math.PI * 2 * i) / count;
       coords.push({ x: Math.cos(rad), y: -Math.sin(rad) });
     }
 
     return coords;
   }
 
-  drawTick(cx: number, cy: number, mainColor: string, x1: number, y1: number, x2: number, y2: number) {
+  drawTick(
+    cx: number,
+    cy: number,
+    mainColor: string,
+    x1: number,
+    y1: number,
+    x2: number,
+    y2: number,
+  ) {
     const dx1 = Math.ceil(cx + x1);
     const dy1 = Math.ceil(cy + y1);
     const dx2 = Math.ceil(cx + x2);
@@ -129,15 +136,19 @@ class Visualizer {
   draw(cx: number, cy: number, color: string, radius: number, coefficient: number) {
     this.context!.save();
 
-    const ticks = this.getTicks(parseInt(String(360 * coefficient), 10), this.tickSize, radius, coefficient);
+    const ticks = this.getTicks(
+      parseInt(String(360 * coefficient), 10),
+      this.tickSize,
+      radius,
+      coefficient,
+    );
 
-    ticks.forEach(tick => {
+    ticks.forEach((tick) => {
       this.drawTick(cx, cy, color, tick.x1, tick.y1, tick.x2, tick.y2);
     });
 
     this.context!.restore();
   }
-
 }
 
 export { Visualizer as default };
diff --git a/packages/pl-fe/src/features/auth-login/components/captcha.tsx b/packages/pl-fe/src/features/auth-login/components/captcha.tsx
index 2507178a4..d703d149a 100644
--- a/packages/pl-fe/src/features/auth-login/components/captcha.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/captcha.tsx
@@ -11,7 +11,10 @@ const noOp = () => {};
 
 const messages = defineMessages({
   captcha: { id: 'registration.captcha', defaultMessage: 'Captcha' },
-  placeholder: { id: 'registration.captcha.placeholder', defaultMessage: 'Enter the pictured text' },
+  placeholder: {
+    id: 'registration.captcha.placeholder',
+    defaultMessage: 'Enter the pictured text',
+  },
 });
 
 interface ICaptchaField {
@@ -41,12 +44,14 @@ const CaptchaField: React.FC<ICaptchaField> = ({
   const [refresh, setRefresh] = useState<NodeJS.Timeout | undefined>(undefined);
 
   const getCaptcha = () => {
-    dispatch(fetchCaptcha()).then((captcha) => {
-      setCaptcha(captcha);
-      onFetch(captcha);
-    }).catch((error: Error) => {
-      onFetchFail(error);
-    });
+    dispatch(fetchCaptcha())
+      .then((captcha) => {
+        setCaptcha(captcha);
+        onFetch(captcha);
+      })
+      .catch((error: Error) => {
+        onFetchFail(error);
+      });
   };
 
   const startRefresh = () => {
@@ -77,7 +82,10 @@ const CaptchaField: React.FC<ICaptchaField> = ({
       return (
         <div>
           <Text>
-            <FormattedMessage id='registration.captcha.hint' defaultMessage='Click the image to get a new captcha' />
+            <FormattedMessage
+              id='registration.captcha.hint'
+              defaultMessage='Click the image to get a new captcha'
+            />
           </Text>
 
           <NativeCaptchaField
@@ -103,7 +111,13 @@ interface INativeCaptchaField {
   value: string;
 }
 
-const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange, onClick, name, value }) => {
+const NativeCaptchaField: React.FC<INativeCaptchaField> = ({
+  captcha,
+  onChange,
+  onClick,
+  name,
+  value,
+}) => {
   const intl = useIntl();
 
   return (
@@ -127,6 +141,4 @@ const NativeCaptchaField: React.FC<INativeCaptchaField> = ({ captcha, onChange,
   );
 };
 
-export {
-  CaptchaField as default,
-};
+export { CaptchaField as default };
diff --git a/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx b/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
index 60fa7cf80..de576a3b4 100644
--- a/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/consumers-list.tsx
@@ -22,7 +22,7 @@ const ConsumersList: React.FC = () => {
             <FormattedMessage id='oauth_consumers.title' defaultMessage='Other ways to sign in' />
           </Text>
           <HStack space={2}>
-            {providers.map(provider => (
+            {providers.map((provider) => (
               <ConsumerButton provider={provider} />
             ))}
           </HStack>
diff --git a/packages/pl-fe/src/features/auth-login/components/login-form.tsx b/packages/pl-fe/src/features/auth-login/components/login-form.tsx
index 0192e839e..a914421f6 100644
--- a/packages/pl-fe/src/features/auth-login/components/login-form.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/login-form.tsx
@@ -33,7 +33,9 @@ const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
   const intl = useIntl();
   const features = useFeatures();
 
-  const usernameLabel = intl.formatMessage(features.logInWithUsername ? messages.username : messages.email);
+  const usernameLabel = intl.formatMessage(
+    features.logInWithUsername ? messages.username : messages.email,
+  );
   const passwordLabel = intl.formatMessage(messages.password);
 
   return (
@@ -54,10 +56,7 @@ const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
         labelText={passwordLabel}
         hintText={
           <Link to='/reset-password' className='hover:underline' tabIndex={-1}>
-            <FormattedMessage
-              id='login.reset_password_hint'
-              defaultMessage='Trouble logging in?'
-            />
+            <FormattedMessage id='login.reset_password_hint' defaultMessage='Trouble logging in?' />
           </Link>
         }
       >
@@ -74,11 +73,7 @@ const LoginForm: React.FC<ILoginForm> = ({ isLoading, handleSubmit }) => {
       </FormGroup>
 
       <FormActions>
-        <Button
-          theme='primary'
-          type='submit'
-          disabled={isLoading}
-        >
+        <Button theme='primary' type='submit' disabled={isLoading}>
           <FormattedMessage id='login.sign_in' defaultMessage='Sign in' />
         </Button>
       </FormActions>
diff --git a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx b/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
index 095ae2d41..1e1ce7c50 100644
--- a/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/otp-auth-form.tsx
@@ -13,7 +13,11 @@ import Input from '@/components/ui/input';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 
 const messages = defineMessages({
-  otpCodeHint: { id: 'login.fields.otp_code_hint', defaultMessage: 'Enter the two-factor code generated by your phone app or use one of your recovery codes' },
+  otpCodeHint: {
+    id: 'login.fields.otp_code_hint',
+    defaultMessage:
+      'Enter the two-factor code generated by your phone app or use one of your recovery codes',
+  },
   otpCodeLabel: { id: 'login.fields.otp_code_label', defaultMessage: 'Two-factor code:' },
   otpLoginFail: { id: 'login.otp_log_in.fail', defaultMessage: 'Invalid code, please try again.' },
 });
@@ -31,22 +35,24 @@ const OtpAuthForm: React.FC<IOtpAuthForm> = ({ mfa_token, small }) => {
   const [shouldRedirect, setShouldRedirect] = useState(false);
   const [codeError, setCodeError] = useState<string | boolean>('');
 
-  const getFormData = (form: any) => Object.fromEntries(
-    Array.from(form).map((i: any) => [i.name, i.value]),
-  );
+  const getFormData = (form: any) =>
+    Object.fromEntries(Array.from(form).map((i: any) => [i.name, i.value]));
 
   const handleSubmit = (event: React.FormEvent) => {
     const { code } = getFormData(event.target);
-    dispatch(otpVerify(code, mfa_token)).then(({ access_token }) => {
-      setCodeError(false);
-      return dispatch(verifyCredentials(access_token));
-    }).then((account: Record<string, any>) => {
-      setShouldRedirect(true);
-      return dispatch(switchAccount(account.id));
-    }).catch(() => {
-      setIsLoading(false);
-      setCodeError(true);
-    });
+    dispatch(otpVerify(code, mfa_token))
+      .then(({ access_token }) => {
+        setCodeError(false);
+        return dispatch(verifyCredentials(access_token));
+      })
+      .then((account: Record<string, any>) => {
+        setShouldRedirect(true);
+        return dispatch(switchAccount(account.id));
+      })
+      .catch(() => {
+        setIsLoading(false);
+        setCodeError(true);
+      });
     setIsLoading(true);
     event.preventDefault();
   };
@@ -60,21 +66,11 @@ const OtpAuthForm: React.FC<IOtpAuthForm> = ({ mfa_token, small }) => {
         hintText={intl.formatMessage(messages.otpCodeHint)}
         errors={codeError ? [intl.formatMessage(messages.otpLoginFail)] : []}
       >
-        <Input
-          name='code'
-          type='text'
-          autoComplete='one-time-code'
-          autoFocus
-          required
-        />
+        <Input name='code' type='text' autoComplete='one-time-code' autoFocus required />
       </FormGroup>
 
       <FormActions>
-        <Button
-          theme='primary'
-          type='submit'
-          disabled={isLoading}
-        >
+        <Button theme='primary' type='submit' disabled={isLoading}>
           <FormattedMessage id='login.sign_in' defaultMessage='Sign in' />
         </Button>
       </FormActions>
@@ -85,11 +81,11 @@ const OtpAuthForm: React.FC<IOtpAuthForm> = ({ mfa_token, small }) => {
     return (
       <Card>
         <CardHeader>
-          <CardTitle title={<FormattedMessage id='login.otp_log_in' defaultMessage='OTP Login' />} />
+          <CardTitle
+            title={<FormattedMessage id='login.otp_log_in' defaultMessage='OTP Login' />}
+          />
         </CardHeader>
-        <CardBody>
-          {form}
-        </CardBody>
+        <CardBody>{form}</CardBody>
       </Card>
     );
   }
diff --git a/packages/pl-fe/src/features/auth-login/components/registration-form.tsx b/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
index bbbe91d16..bae9bab6b 100644
--- a/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
+++ b/packages/pl-fe/src/features/auth-login/components/registration-form.tsx
@@ -25,19 +25,37 @@ import type { CreateAccountParams } from 'pl-api';
 
 const messages = defineMessages({
   username: { id: 'registration.fields.username_placeholder', defaultMessage: 'Username' },
-  username_hint: { id: 'registration.fields.username_hint', defaultMessage: 'Only letters, numbers, and underscores are allowed.' },
-  usernameUnavailable: { id: 'registration.username_unavailable', defaultMessage: 'Username is already taken.' },
+  username_hint: {
+    id: 'registration.fields.username_hint',
+    defaultMessage: 'Only letters, numbers, and underscores are allowed.',
+  },
+  usernameUnavailable: {
+    id: 'registration.username_unavailable',
+    defaultMessage: 'Username is already taken.',
+  },
   email: { id: 'registration.fields.email_placeholder', defaultMessage: 'E-mail address' },
   password: { id: 'registration.fields.password_placeholder', defaultMessage: 'Password' },
-  passwordMismatch: { id: 'registration.password_mismatch', defaultMessage: 'Passwords don\'t match.' },
+  passwordMismatch: {
+    id: 'registration.password_mismatch',
+    defaultMessage: "Passwords don't match.",
+  },
   confirm: { id: 'registration.fields.confirm_placeholder', defaultMessage: 'Password (again)' },
   agreement: { id: 'registration.agreement', defaultMessage: 'I agree to the {tos}.' },
   tos: { id: 'registration.tos', defaultMessage: 'Terms of Service' },
   close: { id: 'registration.confirmation_modal.close', defaultMessage: 'Close' },
   newsletter: { id: 'registration.newsletter', defaultMessage: 'Subscribe to newsletter.' },
-  needsConfirmationHeader: { id: 'confirmations.register.needs_confirmation.header', defaultMessage: 'Confirmation needed' },
-  needsApprovalHeader: { id: 'confirmations.register.needs_approval.header', defaultMessage: 'Approval needed' },
-  reasonHint: { id: 'registration.reason_hint', defaultMessage: 'This will help us review your application' },
+  needsConfirmationHeader: {
+    id: 'confirmations.register.needs_confirmation.header',
+    defaultMessage: 'Confirmation needed',
+  },
+  needsApprovalHeader: {
+    id: 'confirmations.register.needs_approval.header',
+    defaultMessage: 'Approval needed',
+  },
+  reasonHint: {
+    id: 'registration.reason_hint',
+    defaultMessage: 'This will help us review your application',
+  },
 });
 
 interface IRegistrationForm {
@@ -58,8 +76,11 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
   const needsConfirmation = instance.pleroma.metadata.account_activation_required;
   const needsApproval = instance.registrations.approval_required;
   const supportsAccountLookup = features.accountLookup;
-  const birthdayRequired = instance.pleroma.metadata.birthday_required || instance.registrations.min_age;
-  const domains = instance.pleroma.metadata.multitenancy.enabled ? instance.pleroma.metadata.multitenancy.domains!.filter((domain) => domain.public) : undefined;
+  const birthdayRequired =
+    instance.pleroma.metadata.birthday_required || instance.registrations.min_age;
+  const domains = instance.pleroma.metadata.multitenancy.enabled
+    ? instance.pleroma.metadata.multitenancy.domains!.filter((domain) => domain.public)
+    : undefined;
 
   const [captchaLoading, setCaptchaLoading] = useState(true);
   const [submissionLoading, setSubmissionLoading] = useState(false);
@@ -77,22 +98,25 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const controller = useRef(new AbortController());
 
-  const onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> = e => {
-    setParams(params => ({ ...params, [e.target.name]: e.target.value }));
+  const onInputChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> = (e) => {
+    setParams((params) => ({ ...params, [e.target.name]: e.target.value }));
   };
 
-  const onUsernameChange: React.ChangeEventHandler<HTMLInputElement> = e => {
-    setParams(params => ({ ...params, username: e.target.value }));
+  const onUsernameChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
+    setParams((params) => ({ ...params, username: e.target.value }));
     setUsernameUnavailable(false);
     controller.current.abort();
     controller.current = new AbortController();
 
     const domain = params.domain;
-    usernameAvailable(e.target.value, domain ? domains!.find(({ id }) => id === domain)?.domain : undefined);
+    usernameAvailable(
+      e.target.value,
+      domain ? domains!.find(({ id }) => id === domain)?.domain : undefined,
+    );
   };
 
-  const onDomainChange: React.ChangeEventHandler<HTMLSelectElement> = e => {
-    setParams(params => ({ ...params, domain: e.target.value || undefined }));
+  const onDomainChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
+    setParams((params) => ({ ...params, domain: e.target.value || undefined }));
     setUsernameUnavailable(false);
 
     controller.current.abort();
@@ -104,11 +128,11 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
     }
   };
 
-  const onCheckboxChange: React.ChangeEventHandler<HTMLInputElement> = e => {
-    setParams(params => ({ ...params, [e.target.name]: e.target.checked }));
+  const onCheckboxChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
+    setParams((params) => ({ ...params, [e.target.name]: e.target.checked }));
   };
 
-  const onPasswordChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const onPasswordChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const password = e.target.value;
     onInputChange(e);
 
@@ -117,7 +141,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
     }
   };
 
-  const onPasswordConfirmChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const onPasswordConfirmChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const password = params.password || '';
     const passwordConfirmation = e.target.value;
     setPasswordConfirmation(passwordConfirmation);
@@ -132,23 +156,31 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
   };
 
   const onBirthdayChange = (birthday: string) => {
-    setParams(params => ({ ...params, birthday }));
+    setParams((params) => ({ ...params, birthday }));
   };
 
   const launchModal = () => {
-    const message = (<>
-      {needsConfirmation && <p>
-        <FormattedMessage
-          id='confirmations.register.needs_confirmation'
-          defaultMessage='Please check your inbox at {email} for confirmation instructions. You will need to verify your email address to continue.'
-          values={{ email: <strong>{params.email}</strong> }}
-        /></p>}
-      {needsApproval && <p>
-        <FormattedMessage
-          id='confirmations.register.needs_approval'
-          defaultMessage='Your account will be manually approved by an admin. Please be patient while we review your details.'
-        /></p>}
-    </>);
+    const message = (
+      <>
+        {needsConfirmation && (
+          <p>
+            <FormattedMessage
+              id='confirmations.register.needs_confirmation'
+              defaultMessage='Please check your inbox at {email} for confirmation instructions. You will need to verify your email address to continue.'
+              values={{ email: <strong>{params.email}</strong> }}
+            />
+          </p>
+        )}
+        {needsApproval && (
+          <p>
+            <FormattedMessage
+              id='confirmations.register.needs_approval'
+              defaultMessage='Your account will be manually approved by an admin. Please be patient while we review your details.'
+            />
+          </p>
+        )}
+      </>
+    );
 
     openModal('CONFIRM', {
       heading: needsConfirmation
@@ -164,7 +196,8 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const postRegisterAction = ({ access_token }: any) => {
     if (needsConfirmation || needsApproval) {
-      launchModal(); return;
+      launchModal();
+      return;
     } else {
       return dispatch(verifyCredentials(access_token)).then(() => {
         navigate({ to: '/' });
@@ -174,22 +207,31 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const passwordsMatch = () => params.password === passwordConfirmation;
 
-  const usernameAvailable = useCallback(debounce((username, domain?: string) => {
-    if (!supportsAccountLookup) return;
+  const usernameAvailable = useCallback(
+    debounce(
+      (username, domain?: string) => {
+        if (!supportsAccountLookup) return;
 
-    controller.current.abort();
-    controller.current = new AbortController();
+        controller.current.abort();
+        controller.current = new AbortController();
 
-    dispatch(accountLookup(`${username}${domain ? `@${domain}` : ''}`, controller.current.signal))
-      .then(account => {
-        setUsernameUnavailable(!!account);
-      })
-      .catch((error) => {
-        if (error.response?.status === 404) {
-          setUsernameUnavailable(false);
-        }
-      });
-  }, 1000, { trailing: true }), []);
+        dispatch(
+          accountLookup(`${username}${domain ? `@${domain}` : ''}`, controller.current.signal),
+        )
+          .then((account) => {
+            setUsernameUnavailable(!!account);
+          })
+          .catch((error) => {
+            if (error.response?.status === 404) {
+              setUsernameUnavailable(false);
+            }
+          });
+      },
+      1000,
+      { trailing: true },
+    ),
+    [],
+  );
 
   const onSubmit: React.FormEventHandler = () => {
     if (!passwordsMatch()) {
@@ -222,7 +264,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const onFetchCaptcha = (captcha: Record<string, any>) => {
     setCaptchaLoading(false);
-    setParams(params => ({
+    setParams((params) => ({
       ...params,
       captcha_token: captcha.token,
       captcha_answer_data: captcha.answer_data,
@@ -235,7 +277,7 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
   const refreshCaptcha = () => {
     setCaptchaIdempotencyKey(crypto.randomUUID());
-    setParams(params => ({ ...params, captcha_solution: '' }));
+    setParams((params) => ({ ...params, captcha_solution: '' }));
   };
 
   const isLoading = captchaLoading || submissionLoading;
@@ -246,7 +288,9 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
         <>
           <FormGroup
             hintText={intl.formatMessage(messages.username_hint)}
-            errors={usernameUnavailable ? [intl.formatMessage(messages.usernameUnavailable)] : undefined}
+            errors={
+              usernameUnavailable ? [intl.formatMessage(messages.usernameUnavailable)] : undefined
+            }
           >
             <Input
               type='text'
@@ -265,12 +309,11 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
           {domains && (
             <FormGroup>
-              <Select
-                onChange={onDomainChange}
-                value={params.domain}
-              >
+              <Select onChange={onDomainChange} value={params.domain}>
                 {domains.map(({ id, domain }) => (
-                  <option key={id} value={id}>{domain}</option>
+                  <option key={id} value={id}>
+                    {domain}
+                  </option>
                 ))}
               </Select>
             </FormGroup>
@@ -327,7 +370,12 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
 
           {needsApproval && (
             <FormGroup
-              labelText={<FormattedMessage id='registration.reason' defaultMessage='Why do you want to join?' />}
+              labelText={
+                <FormattedMessage
+                  id='registration.reason'
+                  defaultMessage='Why do you want to join?'
+                />
+              }
             >
               <Textarea
                 name='reason'
@@ -352,7 +400,13 @@ const RegistrationForm: React.FC<IRegistrationForm> = ({ inviteToken }) => {
           />
 
           <FormGroup
-            labelText={intl.formatMessage(messages.agreement, { tos: <Link to='/about/{-$slug}' params={{ slug: 'tos' }} target='_blank' key={0}>{intl.formatMessage(messages.tos)}</Link> })}
+            labelText={intl.formatMessage(messages.agreement, {
+              tos: (
+                <Link to='/about/{-$slug}' params={{ slug: 'tos' }} target='_blank' key={0}>
+                  {intl.formatMessage(messages.tos)}
+                </Link>
+              ),
+            })}
           >
             <Checkbox
               name='agreement'
diff --git a/packages/pl-fe/src/features/birthdays/account.tsx b/packages/pl-fe/src/features/birthdays/account.tsx
index 051367d15..93ac3f612 100644
--- a/packages/pl-fe/src/features/birthdays/account.tsx
+++ b/packages/pl-fe/src/features/birthdays/account.tsx
@@ -23,7 +23,11 @@ const Account: React.FC<IAccount> = ({ accountId }) => {
   const birthday = account.birthday;
   if (!birthday) return null;
 
-  const formattedBirthday = intl.formatDate(birthday, { day: 'numeric', month: 'short', year: 'numeric' });
+  const formattedBirthday = intl.formatDate(birthday, {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric',
+  });
 
   return (
     <HStack space={1} alignItems='center' justifyContent='between' className='p-2.5'>
diff --git a/packages/pl-fe/src/features/chats/components/chat-composer.tsx b/packages/pl-fe/src/features/chats/components/chat-composer.tsx
index f4626de2b..18957dd8a 100644
--- a/packages/pl-fe/src/features/chats/components/chat-composer.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-composer.tsx
@@ -2,7 +2,12 @@ import React, { useState } from 'react';
 import { defineMessages, FormattedMessage, IntlShape, useIntl } from 'react-intl';
 
 import Button from '@/components/ui/button';
-import Combobox, { ComboboxInput, ComboboxList, ComboboxOption, ComboboxPopover } from '@/components/ui/combobox';
+import Combobox, {
+  ComboboxInput,
+  ComboboxList,
+  ComboboxOption,
+  ComboboxPopover,
+} from '@/components/ui/combobox';
 import HStack from '@/components/ui/hstack';
 import IconButton from '@/components/ui/icon-button';
 import Stack from '@/components/ui/stack';
@@ -11,7 +16,10 @@ import { useChatContext } from '@/contexts/chat-context';
 import UploadButton from '@/features/compose/components/upload-button';
 import emojiSearch from '@/features/emoji/search';
 import { useInstance } from '@/hooks/use-instance';
-import { useRelationshipQuery, useUnblockAccountMutation } from '@/queries/accounts/use-relationship';
+import {
+  useRelationshipQuery,
+  useUnblockAccountMutation,
+} from '@/queries/accounts/use-relationship';
 import { useModalsActions } from '@/stores/modals';
 import { textAtCursorMatchesToken } from '@/utils/suggestions';
 
@@ -22,7 +30,11 @@ import type { MediaAttachment } from 'pl-api';
 
 const messages = defineMessages({
   placeholder: { id: 'chat.input.placeholder', defaultMessage: 'Type a message' },
-  unblockMessage: { id: 'chat_settings.unblock.message', defaultMessage: 'Unblocking will allow this profile to direct message you and view your content.' },
+  unblockMessage: {
+    id: 'chat_settings.unblock.message',
+    defaultMessage:
+      'Unblocking will allow this profile to direct message you and view your content.',
+  },
   unblockHeading: { id: 'chat_settings.unblock.heading', defaultMessage: 'Unblock @{acct}' },
   unblockConfirm: { id: 'chat_settings.unblock.confirm', defaultMessage: 'Unblock' },
 });
@@ -39,7 +51,10 @@ interface Suggestion {
   token: string;
 }
 
-interface IChatComposer extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onKeyDown' | 'onChange' | 'onPaste' | 'disabled'> {
+interface IChatComposer extends Pick<
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+  'onKeyDown' | 'onChange' | 'onPaste' | 'disabled'
+> {
   value: string;
   onSubmit: () => void;
   errorMessage: string | undefined;
@@ -53,207 +68,216 @@ interface IChatComposer extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaEl
 }
 
 /** Textarea input for chats. */
-const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>(({
-  onKeyDown,
-  onChange,
-  value,
-  onSubmit,
-  errorMessage = false,
-  disabled = false,
-  onSelectFile,
-  resetFileKey,
-  resetContentKey,
-  onPaste,
-  attachment,
-  onDeleteAttachment,
-  uploading,
-  uploadProgress,
-}, ref) => {
-  const intl = useIntl();
+const ChatComposer = React.forwardRef<HTMLTextAreaElement | null, IChatComposer>(
+  (
+    {
+      onKeyDown,
+      onChange,
+      value,
+      onSubmit,
+      errorMessage = false,
+      disabled = false,
+      onSelectFile,
+      resetFileKey,
+      resetContentKey,
+      onPaste,
+      attachment,
+      onDeleteAttachment,
+      uploading,
+      uploadProgress,
+    },
+    ref,
+  ) => {
+    const intl = useIntl();
 
-  const { openModal } = useModalsActions();
-  const { chat } = useChatContext();
-  const { data: relationship } = useRelationshipQuery(chat?.account.id);
-  const { mutate: unblockAccount } = useUnblockAccountMutation(chat?.account.id!);
+    const { openModal } = useModalsActions();
+    const { chat } = useChatContext();
+    const { data: relationship } = useRelationshipQuery(chat?.account.id);
+    const { mutate: unblockAccount } = useUnblockAccountMutation(chat?.account.id!);
 
-  const isBlocked = relationship?.blocked_by && false;
-  const isBlocking = relationship?.blocking && false;
+    const isBlocked = relationship?.blocked_by && false;
+    const isBlocking = relationship?.blocking && false;
 
-  const maxCharacterCount = useInstance().configuration.chats.max_characters;
+    const maxCharacterCount = useInstance().configuration.chats.max_characters;
 
-  const [suggestions, setSuggestions] = useState<Suggestion>(initialSuggestionState);
-  const isSuggestionsAvailable = suggestions.list.length > 0;
+    const [suggestions, setSuggestions] = useState<Suggestion>(initialSuggestionState);
+    const isSuggestionsAvailable = suggestions.list.length > 0;
 
-  const isOverCharacterLimit = maxCharacterCount && value?.length > maxCharacterCount;
-  const isSubmitDisabled = disabled || (uploading ?? isOverCharacterLimit) || (value.length === 0 && !attachment);
+    const isOverCharacterLimit = maxCharacterCount && value?.length > maxCharacterCount;
+    const isSubmitDisabled =
+      disabled || (uploading ?? isOverCharacterLimit) || (value.length === 0 && !attachment);
 
-  const overLimitText = maxCharacterCount ? maxCharacterCount - value?.length : '';
+    const overLimitText = maxCharacterCount ? maxCharacterCount - value?.length : '';
 
-  const renderSuggestionValue = (emoji: any) =>
-    `${(value).slice(0, suggestions.tokenStart)}${emoji.native} ${(value).slice(suggestions.tokenStart + suggestions.token.length)}`;
+    const renderSuggestionValue = (emoji: any) =>
+      `${value.slice(0, suggestions.tokenStart)}${emoji.native} ${value.slice(suggestions.tokenStart + suggestions.token.length)}`;
 
-  const onSelectComboboxOption = (selection: string) => {
-    const event = { target: { value: selection } } as React.ChangeEvent<HTMLTextAreaElement>;
+    const onSelectComboboxOption = (selection: string) => {
+      const event = { target: { value: selection } } as React.ChangeEvent<HTMLTextAreaElement>;
 
-    if (onChange) {
-      onChange(event);
-      setSuggestions(initialSuggestionState);
-    }
-  };
+      if (onChange) {
+        onChange(event);
+        setSuggestions(initialSuggestionState);
+      }
+    };
 
-  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-    const [tokenStart, token] = textAtCursorMatchesToken(
-      event.target.value,
-      event.target.selectionStart,
-      [':'],
-    );
+    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
+      const [tokenStart, token] = textAtCursorMatchesToken(
+        event.target.value,
+        event.target.selectionStart,
+        [':'],
+      );
 
-    if (token && tokenStart) {
-      const results = emojiSearch(token.replace(':', ''), { maxResults: 5 });
-      setSuggestions({
-        list: results,
-        token,
-        tokenStart: tokenStart - 1,
+      if (token && tokenStart) {
+        const results = emojiSearch(token.replace(':', ''), { maxResults: 5 });
+        setSuggestions({
+          list: results,
+          token,
+          tokenStart: tokenStart - 1,
+        });
+      } else {
+        setSuggestions(initialSuggestionState);
+      }
+
+      if (onChange) {
+        onChange(event);
+      }
+    };
+
+    const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (event) => {
+      if (event.key === 'Enter' && !event.shiftKey && isSuggestionsAvailable) {
+        return;
+      }
+
+      if (onKeyDown) {
+        onKeyDown(event);
+      }
+    };
+
+    const handleUnblockUser = () => {
+      openModal('CONFIRM', {
+        heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
+        message: intl.formatMessage(messages.unblockMessage),
+        confirm: intl.formatMessage(messages.unblockConfirm),
+        onConfirm: () => {
+          unblockAccount();
+        },
       });
-    } else {
-      setSuggestions(initialSuggestionState);
-    }
+    };
 
-    if (onChange) {
-      onChange(event);
-    }
-  };
-
-  const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (event) => {
-    if (event.key === 'Enter' && !event.shiftKey && isSuggestionsAvailable) {
-      return;
-    }
-
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-
-  const handleUnblockUser = () => {
-    openModal('CONFIRM', {
-      heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
-      message: intl.formatMessage(messages.unblockMessage),
-      confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () =>{
-        unblockAccount();
-      },
-    });
-  };
-
-  if (isBlocking) {
-    return (
-      <div className='mt-auto p-6 shadow-3xl dark:border-t-2 dark:border-solid dark:border-gray-800'>
-        <Stack space={3} alignItems='center'>
-          <Text align='center' theme='muted'>
-            <FormattedMessage id='chat_message_list.blocked' defaultMessage='You blocked this user' />
-          </Text>
-
-          <Button theme='secondary' onClick={handleUnblockUser}>
-            <FormattedMessage id='chat_composer.unblock' defaultMessage='Unblock' />
-          </Button>
-        </Stack>
-      </div>
-    );
-  }
-
-  if (isBlocked) {
-    return null;
-  }
-
-  return (
-    <div className='mt-auto px-4 shadow-3xl'>
-      {/* Spacer */}
-      <div className='h-5' />
-
-      <HStack alignItems='stretch' justifyContent='between' space={4}>
-        <Stack justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
-          <UploadButton
-            onSelectFile={onSelectFile}
-            resetFileKey={resetFileKey}
-            iconClassName='h-5 w-5'
-            className='text-primary-500'
-            disabled={uploading ?? !!attachment}
-          />
-        </Stack>
-
-        <Stack grow>
-          <Combobox onSelect={onSelectComboboxOption}>
-            <ComboboxInput
-              key={resetContentKey}
-              as={ChatTextarea}
-              autoFocus
-              ref={ref}
-              placeholder={intl.formatMessage(messages.placeholder)}
-              onKeyDown={handleKeyDown}
-              value={value}
-              onChange={handleChange}
-              onPaste={onPaste}
-              isResizeable={false}
-              autoGrow
-              maxRows={5}
-              disabled={disabled}
-              attachment={attachment}
-              onDeleteAttachment={onDeleteAttachment}
-              uploading={uploading}
-              uploadProgress={uploadProgress}
-            />
-            {isSuggestionsAvailable ? (
-              <ComboboxPopover>
-                <ComboboxList>
-                  {suggestions.list.map((emojiSuggestion) => (
-                    <ComboboxOption
-                      key={emojiSuggestion.colons}
-                      value={renderSuggestionValue(emojiSuggestion)}
-                    >
-                      <span>{(emojiSuggestion as NativeEmoji).native}</span>
-                      <span className='ml-1'>
-                        {emojiSuggestion.colons}
-                      </span>
-                    </ComboboxOption>
-                  ))}
-                </ComboboxList>
-              </ComboboxPopover>
-            ) : null}
-          </Combobox>
-        </Stack>
-
-        <Stack space={2} justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
-          {isOverCharacterLimit ? (
-            <Text size='sm' theme='danger'>{overLimitText}</Text>
-          ) : null}
-
-          <IconButton
-            src={require('@phosphor-icons/core/regular/paper-plane-right.svg')}
-            iconClassName='h-5 w-5'
-            className='text-primary-500'
-            disabled={isSubmitDisabled}
-            onClick={onSubmit}
-          />
-        </Stack>
-      </HStack>
-
-      <HStack alignItems='center' className='h-5' space={1}>
-        {errorMessage && (
-          <>
-            <Text theme='danger' size='xs'>
-              {errorMessage}
+    if (isBlocking) {
+      return (
+        <div className='mt-auto p-6 shadow-3xl dark:border-t-2 dark:border-solid dark:border-gray-800'>
+          <Stack space={3} alignItems='center'>
+            <Text align='center' theme='muted'>
+              <FormattedMessage
+                id='chat_message_list.blocked'
+                defaultMessage='You blocked this user'
+              />
             </Text>
 
-            <button onClick={onSubmit} className='flex hover:underline'>
-              <Text theme='primary' size='xs' tag='span'>
-                <FormattedMessage id='chat.retry' defaultMessage='Retry?' />
+            <Button theme='secondary' onClick={handleUnblockUser}>
+              <FormattedMessage id='chat_composer.unblock' defaultMessage='Unblock' />
+            </Button>
+          </Stack>
+        </div>
+      );
+    }
+
+    if (isBlocked) {
+      return null;
+    }
+
+    return (
+      <div className='mt-auto px-4 shadow-3xl'>
+        {/* Spacer */}
+        <div className='h-5' />
+
+        <HStack alignItems='stretch' justifyContent='between' space={4}>
+          <Stack justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
+            <UploadButton
+              onSelectFile={onSelectFile}
+              resetFileKey={resetFileKey}
+              iconClassName='h-5 w-5'
+              className='text-primary-500'
+              disabled={uploading ?? !!attachment}
+            />
+          </Stack>
+
+          <Stack grow>
+            <Combobox onSelect={onSelectComboboxOption}>
+              <ComboboxInput
+                key={resetContentKey}
+                as={ChatTextarea}
+                autoFocus
+                ref={ref}
+                placeholder={intl.formatMessage(messages.placeholder)}
+                onKeyDown={handleKeyDown}
+                value={value}
+                onChange={handleChange}
+                onPaste={onPaste}
+                isResizeable={false}
+                autoGrow
+                maxRows={5}
+                disabled={disabled}
+                attachment={attachment}
+                onDeleteAttachment={onDeleteAttachment}
+                uploading={uploading}
+                uploadProgress={uploadProgress}
+              />
+              {isSuggestionsAvailable ? (
+                <ComboboxPopover>
+                  <ComboboxList>
+                    {suggestions.list.map((emojiSuggestion) => (
+                      <ComboboxOption
+                        key={emojiSuggestion.colons}
+                        value={renderSuggestionValue(emojiSuggestion)}
+                      >
+                        <span>{(emojiSuggestion as NativeEmoji).native}</span>
+                        <span className='ml-1'>{emojiSuggestion.colons}</span>
+                      </ComboboxOption>
+                    ))}
+                  </ComboboxList>
+                </ComboboxPopover>
+              ) : null}
+            </Combobox>
+          </Stack>
+
+          <Stack space={2} justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
+            {isOverCharacterLimit ? (
+              <Text size='sm' theme='danger'>
+                {overLimitText}
               </Text>
-            </button>
-          </>
-        )}
-      </HStack>
-    </div>
-  );
-});
+            ) : null}
+
+            <IconButton
+              src={require('@phosphor-icons/core/regular/paper-plane-right.svg')}
+              iconClassName='h-5 w-5'
+              className='text-primary-500'
+              disabled={isSubmitDisabled}
+              onClick={onSubmit}
+            />
+          </Stack>
+        </HStack>
+
+        <HStack alignItems='center' className='h-5' space={1}>
+          {errorMessage && (
+            <>
+              <Text theme='danger' size='xs'>
+                {errorMessage}
+              </Text>
+
+              <button onClick={onSubmit} className='flex hover:underline'>
+                <Text theme='primary' size='xs' tag='span'>
+                  <FormattedMessage id='chat.retry' defaultMessage='Retry?' />
+                </Text>
+              </button>
+            </>
+          )}
+        </HStack>
+      </div>
+    );
+  },
+);
 
 export { ChatComposer as default };
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
index 8e07b844e..75b1a43c5 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list-item.tsx
@@ -20,7 +20,11 @@ import type { Menu } from '@/components/dropdown-menu';
 import type { Chat } from 'pl-api';
 
 const messages = defineMessages({
-  leaveMessage: { id: 'chat_settings.leave.message', defaultMessage: 'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.' },
+  leaveMessage: {
+    id: 'chat_settings.leave.message',
+    defaultMessage:
+      'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.',
+  },
   leaveHeading: { id: 'chat_settings.leave.heading', defaultMessage: 'Leave chat' },
   leaveConfirm: { id: 'chat_settings.leave.confirm', defaultMessage: 'Leave chat' },
   leaveChat: { id: 'chat_settings.options.leave_chat', defaultMessage: 'Leave chat' },
@@ -45,28 +49,33 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
   const isBlocked = relationship?.blocked_by && false;
   const isBlocking = relationship?.blocking && false;
 
-  const menu = useMemo((): Menu => [{
-    text: intl.formatMessage(messages.leaveChat),
-    action: (event) => {
-      event.stopPropagation();
+  const menu = useMemo(
+    (): Menu => [
+      {
+        text: intl.formatMessage(messages.leaveChat),
+        action: (event) => {
+          event.stopPropagation();
 
-      openModal('CONFIRM', {
-        heading: intl.formatMessage(messages.leaveHeading),
-        message: intl.formatMessage(messages.leaveMessage),
-        confirm: intl.formatMessage(messages.leaveConfirm),
-        onConfirm: () => {
-          deleteChat.mutate(undefined, {
-            onSuccess() {
-              if (isUsingMainChatPage) {
-                navigate({ to: '/chats' });
-              }
+          openModal('CONFIRM', {
+            heading: intl.formatMessage(messages.leaveHeading),
+            message: intl.formatMessage(messages.leaveMessage),
+            confirm: intl.formatMessage(messages.leaveConfirm),
+            onConfirm: () => {
+              deleteChat.mutate(undefined, {
+                onSuccess() {
+                  if (isUsingMainChatPage) {
+                    navigate({ to: '/chats' });
+                  }
+                },
+              });
             },
           });
         },
-      });
-    },
-    icon: require('@phosphor-icons/core/regular/sign-out.svg'),
-  }], []);
+        icon: require('@phosphor-icons/core/regular/sign-out.svg'),
+      },
+    ],
+    [],
+  );
 
   const handleKeyDown: React.KeyboardEventHandler<HTMLDivElement> = (event) => {
     if (event.key === 'Enter' || event.key === ' ') {
@@ -78,7 +87,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
     <div
       role='button'
       key={chat.id}
-      onClick={() =>{
+      onClick={() => {
         onClick(chat);
       }}
       onKeyDown={handleKeyDown}
@@ -107,14 +116,21 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
 
             <p
               className={clsx('⁂-chat-list-item__message', {
-                '⁂-chat-list-item__message--unread': !(isBlocked ?? isBlocking) && chat.last_message?.unread,
+                '⁂-chat-list-item__message--unread':
+                  !(isBlocked ?? isBlocking) && chat.last_message?.unread,
                 '⁂-chat-list-item__message--blocking': isBlocked ?? isBlocking,
               })}
             >
               {isBlocked ? (
-                <FormattedMessage id='chat_list_item.blocked_you' defaultMessage='This user has blocked you' />
+                <FormattedMessage
+                  id='chat_list_item.blocked_you'
+                  defaultMessage='This user has blocked you'
+                />
               ) : isBlocking ? (
-                <FormattedMessage id='chat_list_item.blocking' defaultMessage='You have blocked this user' />
+                <FormattedMessage
+                  id='chat_list_item.blocking'
+                  defaultMessage='You have blocked this user'
+                />
               ) : (
                 chat.last_message?.content && (
                   <ParsedContent
@@ -142,10 +158,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = React.memo(({ chat, onCli
           {chat.last_message && (
             <>
               {chat.last_message.unread && (
-                <div
-                  className='⁂-chat-list-item__unread'
-                  data-testid='chat-unread-indicator'
-                />
+                <div className='⁂-chat-list-item__unread' data-testid='chat-unread-indicator' />
               )}
 
               <RelativeTimestamp
diff --git a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
index e9da04953..d724c92ed 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list-shoutbox.tsx
@@ -33,7 +33,7 @@ const ChatListShoutbox: React.FC<IChatListShoutboxInterface> = ({ onClick }) =>
     <div
       role='button'
       key='shoutbox'
-      onClick={() =>{
+      onClick={() => {
         onClick('shoutbox');
       }}
       onKeyDown={handleKeyDown}
@@ -46,7 +46,11 @@ const ChatListShoutbox: React.FC<IChatListShoutboxInterface> = ({ onClick }) =>
         <div className='⁂-chat-list-item__content'>
           <div className='⁂-chat-list-item__name'>
             <p>
-              <FormattedMessage id='chat_list_item_shoutbox' defaultMessage='{instance} shoutbox' values={{ instance: instance.title }} />
+              <FormattedMessage
+                id='chat_list_item_shoutbox'
+                defaultMessage='{instance} shoutbox'
+                values={{ instance: instance.title }}
+              />
             </p>
           </div>
 
@@ -55,7 +59,11 @@ const ChatListShoutbox: React.FC<IChatListShoutboxInterface> = ({ onClick }) =>
               <p className='⁂-chat-list-item__message'>
                 {lastMessageAuthor && (
                   <span className='⁂-chat-list-item__message__author'>
-                    <Emojify text={lastMessageAuthor.display_name} emojis={lastMessageAuthor.emojis} />{': '}
+                    <Emojify
+                      text={lastMessageAuthor.display_name}
+                      emojis={lastMessageAuthor.emojis}
+                    />
+                    {': '}
                   </span>
                 )}
                 <ParsedContent html={lastMessage.text} />
diff --git a/packages/pl-fe/src/features/chats/components/chat-list.tsx b/packages/pl-fe/src/features/chats/components/chat-list.tsx
index 9efee7a1e..04d1f9781 100644
--- a/packages/pl-fe/src/features/chats/components/chat-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-list.tsx
@@ -22,9 +22,13 @@ interface IChatList {
 const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false }) => {
   const showShoutbox = !useShoutboxIsLoading();
 
-  const { chatsQuery: { data: chats, isFetching, hasNextPage, fetchNextPage, refetch } } = useChats();
+  const {
+    chatsQuery: { data: chats, isFetching, hasNextPage, fetchNextPage, refetch },
+  } = useChats();
 
-  const allChats: Array<Chat | 'shoutbox'> | undefined = showShoutbox ? ['shoutbox', ...(chats ?? [])] : chats;
+  const allChats: Array<Chat | 'shoutbox'> | undefined = showShoutbox
+    ? ['shoutbox', ...(chats ?? [])]
+    : chats;
 
   const [isNearBottom, setNearBottom] = useState<boolean>(false);
   const [isNearTop, setNearTop] = useState<boolean>(true);
@@ -37,13 +41,24 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
 
   const handleRefresh = () => refetch();
 
-  const renderChatListItem = useCallback((_index: number, chat: Chat | 'shoutbox') => {
-    if (chat === 'shoutbox') {
-      return <div key='shoutbox' className='px-2'><ChatListShoutbox onClick={onClickChat} /></div>;
-    }
+  const renderChatListItem = useCallback(
+    (_index: number, chat: Chat | 'shoutbox') => {
+      if (chat === 'shoutbox') {
+        return (
+          <div key='shoutbox' className='px-2'>
+            <ChatListShoutbox onClick={onClickChat} />
+          </div>
+        );
+      }
 
-    return <div key={chat.id} className='px-2'><ChatListItem chat={chat} onClick={onClickChat} /></div>;
-  }, [onClickChat]);
+      return (
+        <div key={chat.id} className='px-2'>
+          <ChatListItem chat={chat} onClick={onClickChat} />
+        </div>
+      );
+    },
+    [onClickChat],
+  );
 
   const renderEmpty = () => {
     if (isFetching) {
@@ -68,10 +83,10 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
       })}
     >
       <Virtuoso
-        atTopStateChange={(atTop) =>{
+        atTopStateChange={(atTop) => {
           setNearTop(atTop);
         }}
-        atBottomStateChange={(atBottom) =>{
+        atBottomStateChange={(atBottom) => {
           setNearBottom(atBottom);
         }}
         useWindowScroll={useWindowScroll}
@@ -80,7 +95,7 @@ const ChatList: React.FC<IChatList> = ({ onClickChat, useWindowScroll = false })
         itemContent={renderChatListItem}
         components={{
           ScrollSeekPlaceholder: PlaceholderChat,
-          Footer: () => hasNextPage ? <Spinner withText={false} /> : null,
+          Footer: () => (hasNextPage ? <Spinner withText={false} /> : null),
           EmptyPlaceholder: renderEmpty,
         }}
       />
diff --git a/packages/pl-fe/src/features/chats/components/chat-message-list.tsx b/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
index 9db36cccd..3b22fbe02 100644
--- a/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-message-list.tsx
@@ -21,13 +21,22 @@ const messages = defineMessages({
   today: { id: 'chats.dividers.today', defaultMessage: 'Today' },
   blockedBy: { id: 'chat_message_list.blocked_by', defaultMessage: 'You are blocked by' },
   networkFailureTitle: { id: 'chat_message_list.network_failure.title', defaultMessage: 'Whoops!' },
-  networkFailureSubtitle: { id: 'chat_message_list.network_failure.subtitle', defaultMessage: 'We encountered a network failure.' },
-  networkFailureAction: { id: 'chat_message_list.network_failure.action', defaultMessage: 'Try again' },
+  networkFailureSubtitle: {
+    id: 'chat_message_list.network_failure.subtitle',
+    defaultMessage: 'We encountered a network failure.',
+  },
+  networkFailureAction: {
+    id: 'chat_message_list.network_failure.action',
+    defaultMessage: 'Try again',
+  },
 });
 
 type TimeFormat = 'today' | 'date';
 
-const timeChange = (prev: Pick<ChatMessageEntity, 'created_at'>, curr: Pick<ChatMessageEntity, 'created_at'>): TimeFormat | null => {
+const timeChange = (
+  prev: Pick<ChatMessageEntity, 'created_at'>,
+  curr: Pick<ChatMessageEntity, 'created_at'>,
+): TimeFormat | null => {
   const prevDate = new Date(prev.created_at).getDate();
   const currDate = new Date(curr.created_at).getDate();
   const nowDate = new Date().getDate();
@@ -160,13 +169,16 @@ const ChatMessageList: React.FC<IChatMessageList> = React.memo(({ chat }) => {
     return false;
   }, [firstItemIndex, hasNextPage, isFetching]);
 
-  const renderChatMessage = useCallback((index: number, chatMessage: ChatMessageEntity | { type: 'divider'; text: string }) => {
-    if ('type' in chatMessage && chatMessage.type === 'divider') {
-      return <Divider key={index} text={chatMessage.text} textSize='xs' />;
-    }
+  const renderChatMessage = useCallback(
+    (index: number, chatMessage: ChatMessageEntity | { type: 'divider'; text: string }) => {
+      if ('type' in chatMessage && chatMessage.type === 'divider') {
+        return <Divider key={index} text={chatMessage.text} textSize='xs' />;
+      }
 
-    return <ChatMessage key={chatMessage.id} chat={chat} chatMessage={chatMessage} />;
-  }, [chat]);
+      return <ChatMessage key={chatMessage.id} chat={chat} chatMessage={chatMessage} />;
+    },
+    [chat],
+  );
 
   useEffect(() => {
     const lastMessage = formattedChatMessages[formattedChatMessages.length - 1];
@@ -181,7 +193,7 @@ const ChatMessageList: React.FC<IChatMessageList> = React.memo(({ chat }) => {
      * Only "mark the message as read" if..
      * 1) it is not pending and
      * 2) it has not already been read
-    */
+     */
     if (!isMessagePending) {
       markChatAsRead.mutate(lastMessageId);
     }
@@ -191,12 +203,19 @@ const ChatMessageList: React.FC<IChatMessageList> = React.memo(({ chat }) => {
     return (
       <Stack alignItems='center' justifyContent='center' className='h-full grow'>
         <Stack alignItems='center' space={2}>
-          <Avatar src={chat.account.avatar} alt={chat.account.avatar_description} size={75} isCat={chat.account.is_cat} username={chat.account.username} />
+          <Avatar
+            src={chat.account.avatar}
+            alt={chat.account.avatar_description}
+            size={75}
+            isCat={chat.account.is_cat}
+            username={chat.account.username}
+          />
           <Text align='center'>
             <>
-              <Text tag='span'>{intl.formatMessage(messages.blockedBy)}</Text>
-              {' '}
-              <Text tag='span' theme='primary'>@{chat.account.acct}</Text>
+              <Text tag='span'>{intl.formatMessage(messages.blockedBy)}</Text>{' '}
+              <Text tag='span' theme='primary'>
+                @{chat.account.acct}
+              </Text>
             </>
           </Text>
         </Stack>
@@ -269,4 +288,8 @@ const ChatMessageList: React.FC<IChatMessageList> = React.memo(({ chat }) => {
   );
 });
 
-export { ChatMessageList as default, List as ChatMessageListList, Scroller as ChatMessageListScroller };
+export {
+  ChatMessageList as default,
+  List as ChatMessageListList,
+  Scroller as ChatMessageListScroller,
+};
diff --git a/packages/pl-fe/src/features/chats/components/chat-message.tsx b/packages/pl-fe/src/features/chats/components/chat-message.tsx
index 7b490e0a6..716688cdf 100644
--- a/packages/pl-fe/src/features/chats/components/chat-message.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-message.tsx
@@ -35,7 +35,7 @@ const parseContent = (chatMessage: ChatMessageEntity) => {
   const content = chatMessage.content || '';
   const pending = chatMessage.pending;
   const deleting = chatMessage.deleting;
-  const formatted = (pending && !deleting) ? parsePendingContent(content) : content;
+  const formatted = pending && !deleting ? parsePendingContent(content) : content;
   return formatted;
 };
 
@@ -95,7 +95,7 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     if (!c) return;
     const links = c.querySelectorAll('a[rel="ugc"]');
 
-    links.forEach(link => {
+    links.forEach((link) => {
       link.classList.add('chat-link');
       link.setAttribute('rel', 'ugc nofollow noopener');
       link.setAttribute('target', '_blank');
@@ -118,7 +118,7 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     if (navigator.clipboard && chatMessage.content) {
       menu.push({
         text: intl.formatMessage(messages.copy),
-        action: () =>{
+        action: () => {
           handleCopyText(chatMessage);
         },
         icon: require('@phosphor-icons/core/regular/clipboard.svg'),
@@ -128,7 +128,7 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     if (isMyMessage) {
       menu.push({
         text: intl.formatMessage(messages.delete),
-        action: () =>{
+        action: () => {
           deleteChatMessage.mutate(chatMessage.id);
         },
         icon: require('@phosphor-icons/core/regular/trash.svg'),
@@ -137,7 +137,7 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
     } else {
       menu.push({
         text: intl.formatMessage(messages.deleteForMe),
-        action: () =>{
+        action: () => {
           deleteChatMessage.mutate(chatMessage.id);
         },
         icon: require('@phosphor-icons/core/regular/trash.svg'),
@@ -150,39 +150,34 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
 
   return (
     <div
-      className={
-        clsx({
-          'group relative px-4 py-2 hover:bg-gray-200/40 dark:hover:bg-gray-800/40': true,
-          'bg-gray-200/40 dark:bg-gray-800/40': isMenuOpen,
-        })
-      }
+      className={clsx({
+        'group relative px-4 py-2 hover:bg-gray-200/40 dark:hover:bg-gray-800/40': true,
+        'bg-gray-200/40 dark:bg-gray-800/40': isMenuOpen,
+      })}
       data-testid='chat-message'
     >
       <div
-        className={
-          clsx({
-            'p-1 flex items-center space-x-0.5 z-10 absolute opacity-0 transition-opacity group-hover:opacity-100 focus:opacity-100 rounded-md shadow-lg bg-white dark:bg-gray-900 dark:ring-2 dark:ring-primary-700': true,
-            'top-2 right-2': !isMyMessage,
-            'top-2 left-2': isMyMessage,
-            '!opacity-100': isMenuOpen,
-          })
-        }
+        className={clsx({
+          'absolute z-10 flex items-center space-x-0.5 rounded-md bg-white p-1 opacity-0 shadow-lg transition-opacity focus:opacity-100 group-hover:opacity-100 dark:bg-gray-900 dark:ring-2 dark:ring-primary-700': true,
+          'right-2 top-2': !isMyMessage,
+          'left-2 top-2': isMyMessage,
+          '!opacity-100': isMenuOpen,
+        })}
       >
-
         {menu.length > 0 && (
           <DropdownMenu
             items={menu}
-            onOpen={() =>{
+            onOpen={() => {
               setIsMenuOpen(true);
             }}
-            onClose={() =>{
+            onClose={() => {
               setIsMenuOpen(false);
             }}
           >
             <button
               title={intl.formatMessage(messages.more)}
               className={clsx({
-                'p-1.5 hover:bg-gray-200 dark:hover:bg-gray-800 rounded-md text-gray-600 dark:text-gray-600 hover:text-gray-700 dark:hover:text-gray-500 focus:text-gray-700 dark:focus:text-gray-500 focus:ring-0': true,
+                'rounded-md p-1.5 text-gray-600 hover:bg-gray-200 hover:text-gray-700 focus:text-gray-700 focus:ring-0 dark:text-gray-600 dark:hover:bg-gray-800 dark:hover:text-gray-500 dark:focus:text-gray-500': true,
                 '!text-gray-700 dark:!text-gray-500': isMenuOpen,
               })}
               data-testid='chat-message-menu'
@@ -225,18 +220,17 @@ const ChatMessage: React.FC<IChatMessage> = React.memo((props) => {
               <HStack alignItems='bottom' className='max-w-full'>
                 <div
                   title={getFormattedTimestamp(chatMessage)}
-                  className={
-                    clsx({
-                      'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
-                      'rounded-tr-sm': (!!chatMessage.attachment) && isMyMessage,
-                      'rounded-tl-sm': (!!chatMessage.attachment) && !isMyMessage,
-                      '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400': !isMyMessage,
-                      '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
-                      'bg-primary-500 text-white': isMyMessage,
-                      'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
-                      '!bg-transparent !p-0 emoji-lg': isOnlyEmoji,
-                    })
-                  }
+                  className={clsx({
+                    'relative max-w-full space-y-2 text-ellipsis break-words rounded-md px-3 py-2 [&_.mention]:underline': true,
+                    'rounded-tr-sm': !!chatMessage.attachment && isMyMessage,
+                    'rounded-tl-sm': !!chatMessage.attachment && !isMyMessage,
+                    '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400':
+                      !isMyMessage,
+                    'dark:[&_.mention]:white [&_.mention]:text-white': isMyMessage,
+                    'bg-primary-500 text-white': isMyMessage,
+                    'bg-gray-200 text-gray-900 dark:bg-gray-800 dark:text-gray-100': !isMyMessage,
+                    'emoji-lg !bg-transparent !p-0': isOnlyEmoji,
+                  })}
                   ref={setBubbleRef}
                   tabIndex={0}
                 >
diff --git a/packages/pl-fe/src/features/chats/components/chat-pane/blankslate.tsx b/packages/pl-fe/src/features/chats/components/chat-pane/blankslate.tsx
index 0e7281994..b2e3c35ef 100644
--- a/packages/pl-fe/src/features/chats/components/chat-pane/blankslate.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-pane/blankslate.tsx
@@ -21,14 +21,10 @@ const Blankslate = ({ onSearch }: IBlankslate) => {
           {intl.formatMessage(messages.title)}
         </p>
 
-        <p className='⁂-chat-widget__blankslate__text__body'>
-          {intl.formatMessage(messages.body)}
-        </p>
+        <p className='⁂-chat-widget__blankslate__text__body'>{intl.formatMessage(messages.body)}</p>
       </div>
 
-      <button onClick={onSearch}>
-        {intl.formatMessage(messages.action)}
-      </button>
+      <button onClick={onSearch}>{intl.formatMessage(messages.action)}</button>
     </div>
   );
 };
diff --git a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx b/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
index 67b654c94..89de90775 100644
--- a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
@@ -23,15 +23,20 @@ const ChatPane = () => {
   const showShoutbox = !useShoutboxIsLoading();
 
   const { screen, changeScreen, isOpen, toggleChatPane } = useChatContext();
-  const { chatsQuery: { data: chats, isLoading } } = useChats();
+  const {
+    chatsQuery: { data: chats, isLoading },
+  } = useChats();
 
-  const handleClickChat = useCallback((nextChat: Chat | 'shoutbox') => {
-    if (nextChat === 'shoutbox') {
-      changeScreen(ChatWidgetScreens.SHOUTBOX);
-    } else {
-      changeScreen(ChatWidgetScreens.CHAT, nextChat.id);
-    }
-  }, [changeScreen]);
+  const handleClickChat = useCallback(
+    (nextChat: Chat | 'shoutbox') => {
+      if (nextChat === 'shoutbox') {
+        changeScreen(ChatWidgetScreens.SHOUTBOX);
+      } else {
+        changeScreen(ChatWidgetScreens.CHAT, nextChat.id);
+      }
+    },
+    [changeScreen],
+  );
 
   const renderBody = () => {
     if (Number(chats?.length) > 0 || showShoutbox || isLoading) {
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
index 2f3bfe566..da16251a3 100644
--- a/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-search/chat-search.tsx
@@ -96,7 +96,7 @@ const ChatSearch: React.FC<IChatSearch> = ({ isMainPage = false }) => {
           autoFocus
           placeholder={intl.formatMessage(messages.placeholder)}
           value={value || ''}
-          onChange={(event) =>{
+          onChange={(event) => {
             setValue(event.target.value);
           }}
           outerClassName='mt-0'
@@ -104,7 +104,11 @@ const ChatSearch: React.FC<IChatSearch> = ({ isMainPage = false }) => {
           append={
             <button onClick={clearValue}>
               <Icon
-                src={hasSearchValue ? require('@phosphor-icons/core/regular/x.svg') : require('@phosphor-icons/core/regular/magnifying-glass.svg')}
+                src={
+                  hasSearchValue
+                    ? require('@phosphor-icons/core/regular/x.svg')
+                    : require('@phosphor-icons/core/regular/magnifying-glass.svg')
+                }
                 className='size-4 text-gray-700 dark:text-gray-600'
                 aria-hidden='true'
               />
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/empty-results-blankslate.tsx b/packages/pl-fe/src/features/chats/components/chat-search/empty-results-blankslate.tsx
index 7e9f68545..2dad5fe91 100644
--- a/packages/pl-fe/src/features/chats/components/chat-search/empty-results-blankslate.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-search/empty-results-blankslate.tsx
@@ -6,7 +6,10 @@ import Text from '@/components/ui/text';
 
 const messages = defineMessages({
   title: { id: 'chat_search.empty_results_blankslate.title', defaultMessage: 'No matches found' },
-  body: { id: 'chat_search.empty_results_blankslate.body', defaultMessage: 'Try searching for another name.' },
+  body: {
+    id: 'chat_search.empty_results_blankslate.body',
+    defaultMessage: 'Try searching for another name.',
+  },
 });
 
 const EmptyResultsBlankslate = () => {
diff --git a/packages/pl-fe/src/features/chats/components/chat-search/results.tsx b/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
index 2d0b23470..e0e535693 100644
--- a/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-search/results.tsx
@@ -32,59 +32,74 @@ const Results = ({ accountSearchResult, onSelect, parentRef }: IResults) => {
     }
   };
 
-  const renderAccount = useCallback((account: Account) => (
-    <button
-      key={account.id}
-      type='button'
-      className='flex w-full flex-col rounded-lg px-2 py-3 hover:bg-gray-100 dark:hover:bg-gray-800'
-      onClick={() =>{
-        onSelect(account.id);
-      }}
-      data-testid='account'
-    >
-      <HStack alignItems='center' space={2}>
-        <Avatar src={account.avatar} alt={account.avatar_description} size={40} isCat={account.is_cat} username={account.username} />
+  const renderAccount = useCallback(
+    (account: Account) => (
+      <button
+        key={account.id}
+        type='button'
+        className='flex w-full flex-col rounded-lg px-2 py-3 hover:bg-gray-100 dark:hover:bg-gray-800'
+        onClick={() => {
+          onSelect(account.id);
+        }}
+        data-testid='account'
+      >
+        <HStack alignItems='center' space={2}>
+          <Avatar
+            src={account.avatar}
+            alt={account.avatar_description}
+            size={40}
+            isCat={account.is_cat}
+            username={account.username}
+          />
 
-        <Stack alignItems='start'>
-          <div className='flex grow items-center space-x-1'>
-            <Text weight='bold' size='sm' truncate>{account.display_name}</Text>
-            {account.verified && <VerificationBadge />}
-          </div>
-          <Text size='sm' weight='medium' theme='muted' direction='ltr' truncate>@{account.acct}</Text>
-        </Stack>
-      </HStack>
-    </button>
-  ), []);
+          <Stack alignItems='start'>
+            <div className='flex grow items-center space-x-1'>
+              <Text weight='bold' size='sm' truncate>
+                {account.display_name}
+              </Text>
+              {account.verified && <VerificationBadge />}
+            </div>
+            <Text size='sm' weight='medium' theme='muted' direction='ltr' truncate>
+              @{account.acct}
+            </Text>
+          </Stack>
+        </HStack>
+      </button>
+    ),
+    [],
+  );
 
   return (
     <div className='relative grow'>
       <Virtuoso
         data={accounts}
-        itemContent={(_index, chat) => (
-          <div className='px-2'>
-            {renderAccount(chat)}
-          </div>
-        )}
+        itemContent={(_index, chat) => <div className='px-2'>{renderAccount(chat)}</div>}
         endReached={handleLoadMore}
-        atTopStateChange={(atTop) =>{
+        atTopStateChange={(atTop) => {
           setNearTop(atTop);
         }}
-        atBottomStateChange={(atBottom) =>{
+        atBottomStateChange={(atBottom) => {
           setNearBottom(atBottom);
         }}
       />
 
       <div
-        className={clsx('pointer-events-none absolute inset-x-0 top-[58px] flex justify-center rounded-t-lg bg-gradient-to-b from-white to-transparent pb-12 pt-8 transition-opacity duration-500 black:from-black dark:from-gray-900', {
-          'opacity-0': isNearTop,
-          'opacity-100': !isNearTop,
-        })}
+        className={clsx(
+          'pointer-events-none absolute inset-x-0 top-[58px] flex justify-center rounded-t-lg bg-gradient-to-b from-white to-transparent pb-12 pt-8 transition-opacity duration-500 black:from-black dark:from-gray-900',
+          {
+            'opacity-0': isNearTop,
+            'opacity-100': !isNearTop,
+          },
+        )}
       />
       <div
-        className={clsx('pointer-events-none absolute inset-x-0 bottom-0 flex justify-center rounded-b-lg bg-gradient-to-t from-white to-transparent pb-8 pt-12 transition-opacity duration-500 black:from-black dark:from-gray-900', {
-          'opacity-0': isNearBottom,
-          'opacity-100': !isNearBottom,
-        })}
+        className={clsx(
+          'pointer-events-none absolute inset-x-0 bottom-0 flex justify-center rounded-b-lg bg-gradient-to-t from-white to-transparent pb-8 pt-12 transition-opacity duration-500 black:from-black dark:from-gray-900',
+          {
+            'opacity-0': isNearBottom,
+            'opacity-100': !isNearBottom,
+          },
+        )}
       />
     </div>
   );
diff --git a/packages/pl-fe/src/features/chats/components/chat-textarea.tsx b/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
index 506209b79..44c4c4993 100644
--- a/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-textarea.tsx
@@ -16,47 +16,34 @@ interface IChatTextarea extends React.ComponentProps<typeof Textarea> {
 }
 
 /** Custom textarea for chats. */
-const ChatTextarea = React.forwardRef<HTMLTextAreaElement, IChatTextarea>(({
-  attachment,
-  onDeleteAttachment,
-  uploading,
-  uploadProgress = 0,
-  ...rest
-}, ref) => (
-  <div className={`
-      block
-      w-full
-      rounded-md border border-gray-400
-      bg-white text-gray-900
-      shadow-sm placeholder:text-gray-600
-      focus-within:border-primary-500
-      focus-within:ring-1 focus-within:ring-primary-500 dark:border-gray-800 dark:bg-gray-800
-      dark:text-gray-100 dark:ring-1 dark:ring-gray-800 dark:placeholder:text-gray-600 dark:focus-within:border-primary-500
-      dark:focus-within:ring-primary-500 sm:text-sm
-    `}
-  >
-    {(attachment ?? uploading) && (
-      <HStack className='-ml-2 -mt-2 p-3 pb-0' wrap>
-        {attachment && (
-          <div className='ml-2 mt-2 flex'>
-            <ChatUpload
-              key={attachment.id}
-              attachment={attachment}
-              onDelete={onDeleteAttachment}
-            />
-          </div>
-        )}
+const ChatTextarea = React.forwardRef<HTMLTextAreaElement, IChatTextarea>(
+  ({ attachment, onDeleteAttachment, uploading, uploadProgress = 0, ...rest }, ref) => (
+    <div
+      className={`block w-full rounded-md border border-gray-400 bg-white text-gray-900 shadow-sm placeholder:text-gray-600 focus-within:border-primary-500 focus-within:ring-1 focus-within:ring-primary-500 dark:border-gray-800 dark:bg-gray-800 dark:text-gray-100 dark:ring-1 dark:ring-gray-800 dark:placeholder:text-gray-600 dark:focus-within:border-primary-500 dark:focus-within:ring-primary-500 sm:text-sm`}
+    >
+      {(attachment ?? uploading) && (
+        <HStack className='-ml-2 -mt-2 p-3 pb-0' wrap>
+          {attachment && (
+            <div className='ml-2 mt-2 flex'>
+              <ChatUpload
+                key={attachment.id}
+                attachment={attachment}
+                onDelete={onDeleteAttachment}
+              />
+            </div>
+          )}
 
-        {uploading && (
-          <div className='ml-2 mt-2 flex'>
-            <ChatPendingUpload progress={uploadProgress} />
-          </div>
-        )}
-      </HStack>
-    )}
+          {uploading && (
+            <div className='ml-2 mt-2 flex'>
+              <ChatPendingUpload progress={uploadProgress} />
+            </div>
+          )}
+        </HStack>
+      )}
 
-    <Textarea ref={ref} theme='transparent' {...rest} />
-  </div>
-));
+      <Textarea ref={ref} theme='transparent' {...rest} />
+    </div>
+  ),
+);
 
 export { ChatTextarea as default };
diff --git a/packages/pl-fe/src/features/chats/components/chat-upload.tsx b/packages/pl-fe/src/features/chats/components/chat-upload.tsx
index e7044c3a0..0d740268b 100644
--- a/packages/pl-fe/src/features/chats/components/chat-upload.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-upload.tsx
@@ -52,10 +52,7 @@ const RemoveButton: React.FC<IRemoveButton> = ({ onClick }) => (
     onClick={onClick}
     className='flex size-5 items-center justify-center rounded-full bg-secondary-500 p-1'
   >
-    <Icon
-      className='size-3 text-white'
-      src={require('@phosphor-icons/core/regular/x.svg')}
-    />
+    <Icon className='size-3 text-white' src={require('@phosphor-icons/core/regular/x.svg')} />
   </button>
 );
 
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-pane-header.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-pane-header.tsx
index 52ba08333..0d2912619 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-pane-header.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-pane-header.tsx
@@ -44,18 +44,12 @@ const ChatPaneHeader = (props: IChatPaneHeader) => {
 
   return (
     <div {...rest} className='⁂-chat-widget__header'>
-      <ButtonComp
-        className='⁂-chat-widget__header__title'
-        data-testid='title'
-        {...buttonProps}
-      >
+      <ButtonComp className='⁂-chat-widget__header__title' data-testid='title' {...buttonProps}>
         <div>{title}</div>
 
-        {(!demetricator && unreadCount !== undefined && unreadCount > 0) && (
+        {!demetricator && unreadCount !== undefined && unreadCount > 0 && (
           <div className='⁂-chat-widget__header__count'>
-            <p data-testid='unread-count'>
-              ({unreadCount})
-            </p>
+            <p data-testid='unread-count'>({unreadCount})</p>
 
             <div className='⁂-chat-widget__header__count__dot' />
           </div>
@@ -75,7 +69,9 @@ const ChatPaneHeader = (props: IChatPaneHeader) => {
           onClick={onToggle}
           src={require('@phosphor-icons/core/regular/caret-up.svg')}
           className='⁂-chat-widget__header__open-button'
-          title={isOpen ? intl.formatMessage(messages.collapse) : intl.formatMessage(messages.expand)}
+          title={
+            isOpen ? intl.formatMessage(messages.collapse) : intl.formatMessage(messages.expand)
+          }
         />
       </div>
     </div>
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
index 824771a9a..cf8538ab7 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-settings.tsx
@@ -9,7 +9,10 @@ import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 import { ChatWidgetScreens, useChatContext } from '@/contexts/chat-context';
 import { useFeatures } from '@/hooks/use-features';
-import { useUnblockAccountMutation, useRelationshipQuery } from '@/queries/accounts/use-relationship';
+import {
+  useUnblockAccountMutation,
+  useRelationshipQuery,
+} from '@/queries/accounts/use-relationship';
 import { useDeleteChat } from '@/queries/chats';
 import { useModalsActions } from '@/stores/modals';
 
@@ -19,7 +22,11 @@ const messages = defineMessages({
   back: { id: 'card.back.label', defaultMessage: 'Back' },
   unblockHeading: { id: 'chat_settings.unblock.heading', defaultMessage: 'Unblock @{acct}' },
   unblockConfirm: { id: 'chat_settings.unblock.confirm', defaultMessage: 'Unblock' },
-  leaveMessage: { id: 'chat_settings.leave.message', defaultMessage: 'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.' },
+  leaveMessage: {
+    id: 'chat_settings.leave.message',
+    defaultMessage:
+      'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.',
+  },
   leaveHeading: { id: 'chat_settings.leave.heading', defaultMessage: 'Leave chat' },
   leaveConfirm: { id: 'chat_settings.leave.confirm', defaultMessage: 'Leave chat' },
 });
@@ -55,9 +62,14 @@ const ChatSettings = () => {
   const handleUnblockUser = () => {
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
-      message: <FormattedMessage id='chat_settings.unblock.message' defaultMessage='Unblocking will allow this profile to direct message you and view your content.' />,
+      message: (
+        <FormattedMessage
+          id='chat_settings.unblock.message'
+          defaultMessage='Unblocking will allow this profile to direct message you and view your content.'
+        />
+      ),
       confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         unblockAccount();
       },
     });
@@ -66,9 +78,14 @@ const ChatSettings = () => {
   const handleLeaveChat = () => {
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.leaveHeading),
-      message: <FormattedMessage id='chat_settings.leave.message' defaultMessage='Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.' />,
+      message: (
+        <FormattedMessage
+          id='chat_settings.leave.message'
+          defaultMessage='Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.'
+        />
+      ),
       confirm: intl.formatMessage(messages.leaveConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         deleteChat.mutate();
       },
     });
@@ -105,15 +122,32 @@ const ChatSettings = () => {
 
         <List>
           <ListItem
-            label={isBlocked
-              ? <FormattedMessage id='chat_settings.options.unblock_user' defaultMessage='Unblock @{acct}' values={{ acct: chat.account.acct }} />
-              : <FormattedMessage id='chat_settings.options.block_user' defaultMessage='Block @{acct}' values={{ acct: chat.account.acct }} />}
+            label={
+              isBlocked ? (
+                <FormattedMessage
+                  id='chat_settings.options.unblock_user'
+                  defaultMessage='Unblock @{acct}'
+                  values={{ acct: chat.account.acct }}
+                />
+              ) : (
+                <FormattedMessage
+                  id='chat_settings.options.block_user'
+                  defaultMessage='Block @{acct}'
+                  values={{ acct: chat.account.acct }}
+                />
+              )
+            }
             onClick={isBlocked ? handleUnblockUser : handleBlockUser}
             size='sm'
           />
           {features.chatsDelete && (
             <ListItem
-              label={<FormattedMessage id='chat_settings.options.leave_chat' defaultMessage='Leave chat' />}
+              label={
+                <FormattedMessage
+                  id='chat_settings.options.leave_chat'
+                  defaultMessage='Leave chat'
+                />
+              }
               onClick={handleLeaveChat}
               size='sm'
             />
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx
index 9650fe7d2..d598eec9a 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/chat-window.tsx
@@ -21,16 +21,16 @@ const messages = defineMessages({
   newChat: { id: 'chat_pane.header.new_chat', defaultMessage: 'New chat' },
 });
 
-const LinkWrapper = ({ enabled, children, ...rest }: LinkProps & { enabled: boolean; children: React.ReactNode }): JSX.Element => {
+const LinkWrapper = ({
+  enabled,
+  children,
+  ...rest
+}: LinkProps & { enabled: boolean; children: React.ReactNode }): JSX.Element => {
   if (!enabled) {
     return <>{children}</>;
   }
 
-  return (
-    <Link {...rest}>
-      {children}
-    </Link>
-  );
+  return <Link {...rest}>{children}</Link>;
 };
 
 /** Floating desktop chat window. */
@@ -76,14 +76,26 @@ const ChatWindow = () => {
             <HStack alignItems='center' space={3}>
               {isOpen && (
                 <Link to='/@{$username}' params={{ username: chat.account.acct }}>
-                  <Avatar src={chat.account.avatar} alt={chat.account.avatar_description} size={40} isCat={chat.account.is_cat} username={chat.account.username} />
+                  <Avatar
+                    src={chat.account.avatar}
+                    alt={chat.account.avatar_description}
+                    size={40}
+                    isCat={chat.account.is_cat}
+                    username={chat.account.username}
+                  />
                 </Link>
               )}
 
               <Stack alignItems='start'>
-                <LinkWrapper enabled={isOpen} to='/@{$username}' params={{ username: chat.account.acct }}>
+                <LinkWrapper
+                  enabled={isOpen}
+                  to='/@{$username}'
+                  params={{ username: chat.account.acct }}
+                >
                   <div className='flex grow items-center space-x-1'>
-                    <Text size='sm' weight='bold' truncate>{chat.account.display_name || `@${chat.account.acct}`}</Text>
+                    <Text size='sm' weight='bold' truncate>
+                      {chat.account.display_name || `@${chat.account.acct}`}
+                    </Text>
                     {chat.account.verified && <VerificationBadge />}
                   </div>
                 </LinkWrapper>
@@ -92,8 +104,14 @@ const ChatWindow = () => {
           </HStack>
         }
         secondaryAction={isOpen ? openChatSettings : openSearch}
-        secondaryActionIcon={isOpen ? require('@phosphor-icons/core/regular/info.svg') : require('@phosphor-icons/core/regular/pencil-simple.svg')}
-        secondaryActionTitle={isOpen ? intl.formatMessage(messages.chatInfo) : intl.formatMessage(messages.newChat)}
+        secondaryActionIcon={
+          isOpen
+            ? require('@phosphor-icons/core/regular/info.svg')
+            : require('@phosphor-icons/core/regular/pencil-simple.svg')
+        }
+        secondaryActionTitle={
+          isOpen ? intl.formatMessage(messages.chatInfo) : intl.formatMessage(messages.newChat)
+        }
         isToggleable={!isOpen}
         isOpen={isOpen}
         onToggle={toggleChatPane}
diff --git a/packages/pl-fe/src/features/chats/components/chat-widget/shoutbox-window.tsx b/packages/pl-fe/src/features/chats/components/chat-widget/shoutbox-window.tsx
index 294d8bdc8..a559da3f0 100644
--- a/packages/pl-fe/src/features/chats/components/chat-widget/shoutbox-window.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-widget/shoutbox-window.tsx
@@ -43,14 +43,16 @@ const ShoutboxWindow = () => {
             )}
 
             <HStack alignItems='center' space={3}>
-              {isOpen && (
-                <Avatar src={logo} alt='' size={40} className='flex-none' />
-              )}
+              {isOpen && <Avatar src={logo} alt='' size={40} className='flex-none' />}
 
               <Stack alignItems='start'>
                 <div className='flex grow items-center space-x-1'>
                   <Text size='sm' weight='bold' truncate>
-                    <FormattedMessage id='chat_list_item_shoutbox' defaultMessage='{instance} shoutbox' values={{ instance: instance.title }} />
+                    <FormattedMessage
+                      id='chat_list_item_shoutbox'
+                      defaultMessage='{instance} shoutbox'
+                      values={{ instance: instance.title }}
+                    />
                   </Text>
                 </div>
               </Stack>
diff --git a/packages/pl-fe/src/features/chats/components/chat.tsx b/packages/pl-fe/src/features/chats/components/chat.tsx
index 96be55b19..02fc515f7 100644
--- a/packages/pl-fe/src/features/chats/components/chat.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat.tsx
@@ -14,7 +14,7 @@ import ChatMessageList from './chat-message-list';
 import type { PlfeResponse } from '@/api';
 import type { Chat as ChatEntity, MediaAttachment } from 'pl-api';
 
-const fileKeyGen = (): number => Math.floor((Math.random() * 0x10000));
+const fileKeyGen = (): number => Math.floor(Math.random() * 0x10000);
 
 const messages = defineMessages({
   failedToSend: { id: 'chat.failed_to_send', defaultMessage: 'Message failed to send.' },
@@ -34,7 +34,10 @@ interface ChatInterface {
  * beyond one line
  */
 const clearNativeInputValue = (element: HTMLTextAreaElement) => {
-  const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, 'value')?.set;
+  const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+    window.HTMLTextAreaElement.prototype,
+    'value',
+  )?.set;
   if (nativeInputValueSetter) {
     nativeInputValueSetter.call(element, '');
 
@@ -64,16 +67,19 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
   const isSubmitDisabled = content.length === 0 && !attachment;
 
   const submitMessage = () => {
-    createChatMessage.mutate({ chatId: chat.id, content, mediaId: attachment?.id }, {
-      onSuccess: () => {
-        setErrorMessage(undefined);
+    createChatMessage.mutate(
+      { chatId: chat.id, content, mediaId: attachment?.id },
+      {
+        onSuccess: () => {
+          setErrorMessage(undefined);
+        },
+        onError: (error: { response: PlfeResponse }, _variables, context) => {
+          const message = error.response?.json?.error;
+          setErrorMessage(message ?? intl.formatMessage(messages.failedToSend));
+          setContent(context.prevContent as string);
+        },
       },
-      onError: (error: { response: PlfeResponse }, _variables, context) => {
-        const message = error.response?.json?.error;
-        setErrorMessage(message ?? intl.formatMessage(messages.failedToSend));
-        setContent(context.prevContent as string);
-      },
-    });
+    );
 
     clearState();
   };
@@ -96,7 +102,7 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
     }
   };
 
-  const insertLine = () =>{
+  const insertLine = () => {
     setContent(content + '\n');
   };
 
@@ -138,11 +144,12 @@ const Chat: React.FC<ChatInterface> = ({ chat, inputRef, className }) => {
 
     setUploading(true);
 
-    dispatch(uploadMedia({ file: files[0] }, onUploadProgress)).then(response => {
-      setAttachment(response);
-      setUploading(false);
-    })
-      .catch(() =>{
+    dispatch(uploadMedia({ file: files[0] }, onUploadProgress))
+      .then((response) => {
+        setAttachment(response);
+        setUploading(false);
+      })
+      .catch(() => {
         setUploading(false);
       });
   };
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/chats-page.tsx b/packages/pl-fe/src/features/chats/components/chats-page/chats-page.tsx
index 4455a9691..563ea9183 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/chats-page.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/chats-page.tsx
@@ -9,9 +9,12 @@ import { useChats } from '@/queries/chats';
 import ChatsPageSidebar from './components/chats-page-sidebar';
 
 const ChatsPage: React.FC = () => {
-  const { chatsQuery: { data: chats } } = useChats();
+  const {
+    chatsQuery: { data: chats },
+  } = useChats();
 
-  const isSidebarHidden = !useMatch({ from: chatsEmptyRoute.id, shouldThrow: false }) || chats?.length === 0;
+  const isSidebarHidden =
+    !useMatch({ from: chatsEmptyRoute.id, shouldThrow: false }) || chats?.length === 0;
 
   const containerRef = useRef<HTMLDivElement>(null);
   const [height, setHeight] = useState<string | number>('100%');
@@ -53,9 +56,12 @@ const ChatsPage: React.FC = () => {
         data-testid='chat-page'
       >
         <Stack
-          className={clsx('dark:inset col-span-9 overflow-hidden bg-gradient-to-r from-white to-gray-100 black:bg-black dark:bg-gray-900 dark:bg-none sm:col-span-3', {
-            'hidden sm:block': isSidebarHidden,
-          })}
+          className={clsx(
+            'dark:inset col-span-9 overflow-hidden bg-gradient-to-r from-white to-gray-100 black:bg-black dark:bg-gray-900 dark:bg-none sm:col-span-3',
+            {
+              'hidden sm:block': isSidebarHidden,
+            },
+          )}
         >
           <ChatsPageSidebar />
         </Stack>
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
index ef8886901..5ab5f6b51 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-empty.tsx
@@ -18,10 +18,7 @@ const BlankslateEmpty: React.FC = () => {
     <Stack space={6} alignItems='center' justifyContent='center' className='h-full p-6'>
       <Stack space={2} className='max-w-sm'>
         <Text size='2xl' weight='bold' tag='h2' align='center'>
-          <FormattedMessage
-            id='chats.main.blankslate.title'
-            defaultMessage='No messages yet'
-          />
+          <FormattedMessage id='chats.main.blankslate.title' defaultMessage='No messages yet' />
         </Text>
 
         <Text size='sm' theme='muted' align='center'>
@@ -33,10 +30,7 @@ const BlankslateEmpty: React.FC = () => {
       </Stack>
 
       <Button theme='primary' onClick={handleNewChat}>
-        <FormattedMessage
-          id='chats.main.blankslate.new_chat'
-          defaultMessage='Message someone'
-        />
+        <FormattedMessage id='chats.main.blankslate.new_chat' defaultMessage='Message someone' />
       </Button>
     </Stack>
   );
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-with-chats.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-with-chats.tsx
index 010c79d2b..6a4b52629 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-with-chats.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/blankslate-with-chats.tsx
@@ -33,10 +33,7 @@ const BlankslateWithChats = () => {
       </Stack>
 
       <Button theme='primary' onClick={handleNewChat}>
-        <FormattedMessage
-          id='chats.main.blankslate.new_chat'
-          defaultMessage='Message someone'
-        />
+        <FormattedMessage id='chats.main.blankslate.new_chat' defaultMessage='Message someone' />
       </Button>
     </Stack>
   );
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
index 5a81bc4ee..1ff037c4b 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-chat.tsx
@@ -12,20 +12,35 @@ import Text from '@/components/ui/text';
 import VerificationBadge from '@/components/verification-badge';
 import { chatRoute } from '@/features/ui/router';
 import { useFeatures } from '@/hooks/use-features';
-import { useUnblockAccountMutation, useRelationshipQuery } from '@/queries/accounts/use-relationship';
+import {
+  useUnblockAccountMutation,
+  useRelationshipQuery,
+} from '@/queries/accounts/use-relationship';
 import { useChat, useDeleteChat } from '@/queries/chats';
 import { useModalsActions } from '@/stores/modals';
 
 import Chat from '../../chat';
 
 const messages = defineMessages({
-  blockMessage: { id: 'chat_settings.block.message', defaultMessage: 'Blocking will prevent this profile from direct messaging you and viewing your content. You can unblock later.' },
+  blockMessage: {
+    id: 'chat_settings.block.message',
+    defaultMessage:
+      'Blocking will prevent this profile from direct messaging you and viewing your content. You can unblock later.',
+  },
   blockHeading: { id: 'chat_settings.block.heading', defaultMessage: 'Block @{acct}' },
   blockConfirm: { id: 'chat_settings.block.confirm', defaultMessage: 'Block' },
-  unblockMessage: { id: 'chat_settings.unblock.message', defaultMessage: 'Unblocking will allow this profile to direct message you and view your content.' },
+  unblockMessage: {
+    id: 'chat_settings.unblock.message',
+    defaultMessage:
+      'Unblocking will allow this profile to direct message you and view your content.',
+  },
   unblockHeading: { id: 'chat_settings.unblock.heading', defaultMessage: 'Unblock @{acct}' },
   unblockConfirm: { id: 'chat_settings.unblock.confirm', defaultMessage: 'Unblock' },
-  leaveMessage: { id: 'chat_settings.leave.message', defaultMessage: 'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.' },
+  leaveMessage: {
+    id: 'chat_settings.leave.message',
+    defaultMessage:
+      'Are you sure you want to leave this chat? Messages will be deleted for you and this chat will be removed from your inbox.',
+  },
   leaveHeading: { id: 'chat_settings.leave.heading', defaultMessage: 'Leave chat' },
   leaveConfirm: { id: 'chat_settings.leave.confirm', defaultMessage: 'Leave chat' },
   blockUser: { id: 'chat_settings.options.block_user', defaultMessage: 'Block @{acct}' },
@@ -63,7 +78,7 @@ const ChatsPageChat = () => {
       heading: intl.formatMessage(messages.unblockHeading, { acct: chat?.account.acct }),
       message: intl.formatMessage(messages.unblockMessage),
       confirm: intl.formatMessage(messages.unblockConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         unblockAccount();
       },
     });
@@ -91,16 +106,19 @@ const ChatsPageChat = () => {
   const menuItems: Menu = [
     {
       icon: require('@phosphor-icons/core/regular/prohibit.svg'),
-      text: intl.formatMessage(isBlocked ? messages.unblockUser : messages.blockUser, { acct: chat.account.acct }),
+      text: intl.formatMessage(isBlocked ? messages.unblockUser : messages.blockUser, {
+        acct: chat.account.acct,
+      }),
       action: isBlocked ? handleUnblockUser : handleBlockUser,
     },
   ];
 
-  if (features.chatsDelete) menuItems.push({
-    icon: require('@phosphor-icons/core/regular/sign-out.svg'),
-    text: intl.formatMessage(messages.leaveChat),
-    action: handleLeaveChat,
-  });
+  if (features.chatsDelete)
+    menuItems.push({
+      icon: require('@phosphor-icons/core/regular/sign-out.svg'),
+      text: intl.formatMessage(messages.leaveChat),
+      action: handleLeaveChat,
+    });
 
   return (
     <Stack className='h-full overflow-hidden'>
@@ -114,7 +132,14 @@ const ChatsPageChat = () => {
             />
 
             <Link to='/@{$username}' params={{ username: chat.account.acct }}>
-              <Avatar src={chat.account.avatar} alt={chat.account.avatar_description} size={40} className='flex-none' isCat={chat.account.is_cat} username={chat.account.username} />
+              <Avatar
+                src={chat.account.avatar}
+                alt={chat.account.avatar_description}
+                size={40}
+                className='flex-none'
+                isCat={chat.account.is_cat}
+                username={chat.account.username}
+              />
             </Link>
           </HStack>
 
@@ -132,17 +157,17 @@ const ChatsPageChat = () => {
 
         <DropdownMenu
           src={require('@phosphor-icons/core/regular/info.svg')}
-          component={() => <div className='px-4 py-2'><Account account={chat.account} disabled hideActions /></div>}
+          component={() => (
+            <div className='px-4 py-2'>
+              <Account account={chat.account} disabled hideActions />
+            </div>
+          )}
           items={menuItems}
         />
       </HStack>
 
       <div className='h-full overflow-hidden'>
-        <Chat
-          className='h-full'
-          chat={chat}
-          inputRef={inputRef}
-        />
+        <Chat className='h-full' chat={chat} inputRef={inputRef} />
       </div>
     </Stack>
   );
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-empty.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-empty.tsx
index 0e4d36e1f..c743cba80 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-empty.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-empty.tsx
@@ -6,7 +6,9 @@ import BlankslateEmpty from './blankslate-empty';
 import BlankslateWithChats from './blankslate-with-chats';
 
 const ChatsPageEmpty = () => {
-  const { chatsQuery: { data: chats, isLoading } } = useChats();
+  const {
+    chatsQuery: { data: chats, isLoading },
+  } = useChats();
 
   if (isLoading) {
     return null;
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
index 564d1da8d..0a8054ff3 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-settings.tsx
@@ -19,14 +19,20 @@ import { useSettings } from '@/stores/settings';
 
 type FormData = {
   accepts_chat_messages?: boolean;
-}
+};
 
 const messages = defineMessages({
   title: { id: 'chat.page_settings.title', defaultMessage: 'Message settings' },
   preferences: { id: 'chat.page_settings.preferences', defaultMessage: 'Preferences' },
   privacy: { id: 'chat.page_settings.privacy', defaultMessage: 'Privacy' },
-  acceptingMessageLabel: { id: 'chat.page_settings.accepting_messages.label', defaultMessage: 'Allow users to start a new chat with you' },
-  playSoundsLabel: { id: 'chat.page_settings.play_sounds.label', defaultMessage: 'Play a sound when you receive a message' },
+  acceptingMessageLabel: {
+    id: 'chat.page_settings.accepting_messages.label',
+    defaultMessage: 'Allow users to start a new chat with you',
+  },
+  playSoundsLabel: {
+    id: 'chat.page_settings.play_sounds.label',
+    defaultMessage: 'Play a sound when you receive a message',
+  },
   submit: { id: 'chat.page_settings.submit', defaultMessage: 'Save' },
 });
 
@@ -68,10 +74,12 @@ const ChatsPageSettings = () => {
         <CardTitle title={intl.formatMessage(messages.preferences)} />
 
         <List>
-          <ListItem
-            label={intl.formatMessage(messages.playSoundsLabel)}
-          >
-            <SettingToggle settings={settings} settingPath={['chats', 'sound']} onChange={onToggleChange} />
+          <ListItem label={intl.formatMessage(messages.playSoundsLabel)}>
+            <SettingToggle
+              settings={settings}
+              settingPath={['chats', 'sound']}
+              onChange={onToggleChange}
+            />
           </ListItem>
         </List>
 
@@ -79,13 +87,14 @@ const ChatsPageSettings = () => {
 
         <CardBody>
           <List>
-            <ListItem
-              label={intl.formatMessage(messages.acceptingMessageLabel)}
-            >
+            <ListItem label={intl.formatMessage(messages.acceptingMessageLabel)}>
               <Toggle
                 checked={data.accepts_chat_messages}
-                onChange={(event) =>{
-                  setData((prevData) => ({ ...prevData, accepts_chat_messages: event.target.checked }));
+                onChange={(event) => {
+                  setData((prevData) => ({
+                    ...prevData,
+                    accepts_chat_messages: event.target.checked,
+                  }));
                 }}
               />
             </ListItem>
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-shoutbox.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-shoutbox.tsx
index ba4d8bcd8..6052ef6d6 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-shoutbox.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-shoutbox.tsx
@@ -34,7 +34,11 @@ const ChatsPageShoutbox = () => {
           <Stack alignItems='start' className='h-11 overflow-hidden'>
             <div className='flex w-full grow items-center space-x-1'>
               <Text weight='bold' size='sm' align='left' truncate>
-                <FormattedMessage id='chat_list_item_shoutbox' defaultMessage='{instance} shoutbox' values={{ instance: instance.title }} />
+                <FormattedMessage
+                  id='chat_list_item_shoutbox'
+                  defaultMessage='{instance} shoutbox'
+                  values={{ instance: instance.title }}
+                />
               </Text>
             </div>
           </Stack>
diff --git a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-sidebar.tsx b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-sidebar.tsx
index 6ef67fa03..26adba16b 100644
--- a/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-sidebar.tsx
+++ b/packages/pl-fe/src/features/chats/components/chats-page/components/chats-page-sidebar.tsx
@@ -19,13 +19,16 @@ const ChatsPageSidebar = () => {
   const intl = useIntl();
   const navigate = useNavigate();
 
-  const handleClickChat = useCallback((chat: Chat | 'shoutbox') => {
-    if (chat === 'shoutbox') {
-      navigate({ to: '/chats/shoutbox' });
-    } else {
-      navigate({ to: '/chats/$chatId', params: { chatId: chat.id } });
-    }
-  }, [navigate]);
+  const handleClickChat = useCallback(
+    (chat: Chat | 'shoutbox') => {
+      if (chat === 'shoutbox') {
+        navigate({ to: '/chats/shoutbox' });
+      } else {
+        navigate({ to: '/chats/$chatId', params: { chatId: chat.id } });
+      }
+    },
+    [navigate],
+  );
 
   const handleChatCreate = () => {
     navigate({ to: '/chats/new' });
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx b/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx
index 448a41f09..1fc8bc300 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox-composer.tsx
@@ -16,96 +16,106 @@ const messages = defineMessages({
   retry: { id: 'chat.retry', defaultMessage: 'Retry?' },
 });
 
-interface IShoutboxComposer extends Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onKeyDown' | 'onChange' | 'onPaste' | 'disabled'> {
+interface IShoutboxComposer extends Pick<
+  React.TextareaHTMLAttributes<HTMLTextAreaElement>,
+  'onKeyDown' | 'onChange' | 'onPaste' | 'disabled'
+> {
   value: string;
   onSubmit: () => void;
   errorMessage: string | undefined;
   resetContentKey: number | null;
 }
 
-const ShoutboxComposer = React.forwardRef<HTMLTextAreaElement | null, IShoutboxComposer>(({
-  onKeyDown,
-  onChange,
-  value,
-  onSubmit,
-  errorMessage = false,
-  disabled = false,
-  resetContentKey,
-  onPaste,
-}, ref) => {
-  const intl = useIntl();
+const ShoutboxComposer = React.forwardRef<HTMLTextAreaElement | null, IShoutboxComposer>(
+  (
+    {
+      onKeyDown,
+      onChange,
+      value,
+      onSubmit,
+      errorMessage = false,
+      disabled = false,
+      resetContentKey,
+      onPaste,
+    },
+    ref,
+  ) => {
+    const intl = useIntl();
 
-  const maxCharacterCount = useInstance().configuration.chats.max_characters;
+    const maxCharacterCount = useInstance().configuration.chats.max_characters;
 
-  const isOverCharacterLimit = maxCharacterCount && value?.length > maxCharacterCount;
-  const isSubmitDisabled = disabled || isOverCharacterLimit || value.length === 0;
+    const isOverCharacterLimit = maxCharacterCount && value?.length > maxCharacterCount;
+    const isSubmitDisabled = disabled || isOverCharacterLimit || value.length === 0;
 
-  const overLimitText = maxCharacterCount ? maxCharacterCount - value?.length : '';
+    const overLimitText = maxCharacterCount ? maxCharacterCount - value?.length : '';
 
-  const onSelectComboboxOption = (selection: string) => {
-    const event = { target: { value: selection } } as React.ChangeEvent<HTMLTextAreaElement>;
+    const onSelectComboboxOption = (selection: string) => {
+      const event = { target: { value: selection } } as React.ChangeEvent<HTMLTextAreaElement>;
 
-    if (onChange) {
-      onChange(event);
-    }
-  };
+      if (onChange) {
+        onChange(event);
+      }
+    };
 
-  const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
-    if (onChange) {
-      onChange(event);
-    }
-  };
+    const handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {
+      if (onChange) {
+        onChange(event);
+      }
+    };
 
-  const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (event) => {
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
+    const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (event) => {
+      if (onKeyDown) {
+        onKeyDown(event);
+      }
+    };
 
-  return (
-    <div className='mt-auto px-4 shadow-3xl'>
-      {/* Spacer */}
-      <div className='h-5' />
+    return (
+      <div className='mt-auto px-4 shadow-3xl'>
+        {/* Spacer */}
+        <div className='h-5' />
 
-      <HStack alignItems='stretch' justifyContent='between' space={4}>
-        <Stack grow>
-          <Combobox onSelect={onSelectComboboxOption}>
-            <ComboboxInput
-              key={resetContentKey}
-              as={ChatTextarea}
-              autoFocus
-              ref={ref}
-              placeholder={intl.formatMessage(messages.placeholder)}
-              onKeyDown={handleKeyDown}
-              value={value}
-              onChange={handleChange}
-              onPaste={onPaste}
-              isResizeable={false}
-              autoGrow
-              maxRows={5}
-              disabled={disabled}
+        <HStack alignItems='stretch' justifyContent='between' space={4}>
+          <Stack grow>
+            <Combobox onSelect={onSelectComboboxOption}>
+              <ComboboxInput
+                key={resetContentKey}
+                as={ChatTextarea}
+                autoFocus
+                ref={ref}
+                placeholder={intl.formatMessage(messages.placeholder)}
+                onKeyDown={handleKeyDown}
+                value={value}
+                onChange={handleChange}
+                onPaste={onPaste}
+                isResizeable={false}
+                autoGrow
+                maxRows={5}
+                disabled={disabled}
+              />
+            </Combobox>
+          </Stack>
+
+          <Stack space={2} justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
+            {isOverCharacterLimit ? (
+              <Text size='sm' theme='danger'>
+                {overLimitText}
+              </Text>
+            ) : null}
+
+            <IconButton
+              src={require('@phosphor-icons/core/regular/paper-plane-right.svg')}
+              iconClassName='h-5 w-5'
+              className='text-primary-500'
+              disabled={isSubmitDisabled}
+              onClick={onSubmit}
             />
-          </Combobox>
-        </Stack>
+          </Stack>
+        </HStack>
 
-        <Stack space={2} justifyContent='end' alignItems='center' className='mb-1.5 w-10'>
-          {isOverCharacterLimit ? (
-            <Text size='sm' theme='danger'>{overLimitText}</Text>
-          ) : null}
-
-          <IconButton
-            src={require('@phosphor-icons/core/regular/paper-plane-right.svg')}
-            iconClassName='h-5 w-5'
-            className='text-primary-500'
-            disabled={isSubmitDisabled}
-            onClick={onSubmit}
-          />
-        </Stack>
-      </HStack>
-
-      <div className='h-5' />
-    </div>
-  );
-});
+        <div className='h-5' />
+      </div>
+    );
+  },
+);
 
 export { ShoutboxComposer as default };
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
index 1a7625767..fd09f64f1 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox-message-list.tsx
@@ -30,7 +30,10 @@ const ShoutboxMessage: React.FC<IShoutboxMessage> = ({ message, isMyMessage }) =
   if (!account) return null;
 
   return (
-    <div key={message.id} className='group relative px-4 py-2 hover:bg-gray-200/40 dark:hover:bg-gray-800/40'>
+    <div
+      key={message.id}
+      className='group relative px-4 py-2 hover:bg-gray-200/40 dark:hover:bg-gray-800/40'
+    >
       <HStack
         space={2}
         alignItems='bottom'
@@ -40,7 +43,12 @@ const ShoutboxMessage: React.FC<IShoutboxMessage> = ({ message, isMyMessage }) =
         })}
       >
         {!isMyMessage && (
-          <Link className='mb-0.5' to='/@{$username}' params={{ username: account.acct }} title={account.acct}>
+          <Link
+            className='mb-0.5'
+            to='/@{$username}'
+            params={{ username: account.acct }}
+            title={account.acct}
+          >
             <HoverAccountWrapper accountId={account.id} element='span'>
               <Avatar
                 src={account.avatar}
@@ -64,16 +72,14 @@ const ShoutboxMessage: React.FC<IShoutboxMessage> = ({ message, isMyMessage }) =
         >
           <HStack alignItems='bottom' className='max-w-full'>
             <div
-              className={
-                clsx({
-                  'text-ellipsis break-words relative rounded-md py-2 px-3 max-w-full space-y-2 [&_.mention]:underline': true,
-                  '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400': !isMyMessage,
-                  '[&_.mention]:text-white dark:[&_.mention]:white': isMyMessage,
-                  'bg-primary-500 text-white': isMyMessage,
-                  'bg-gray-200 dark:bg-gray-800 text-gray-900 dark:text-gray-100': !isMyMessage,
-                  // '!bg-transparent !p-0 emoji-lg': isOnlyEmoji,
-                })
-              }
+              className={clsx({
+                'relative max-w-full space-y-2 text-ellipsis break-words rounded-md px-3 py-2 [&_.mention]:underline': true,
+                '[&_.mention]:text-primary-600 dark:[&_.mention]:text-primary-400': !isMyMessage,
+                'dark:[&_.mention]:white [&_.mention]:text-white': isMyMessage,
+                'bg-primary-500 text-white': isMyMessage,
+                'bg-gray-200 text-gray-900 dark:bg-gray-800 dark:text-gray-100': !isMyMessage,
+                // '!bg-transparent !p-0 emoji-lg': isOnlyEmoji,
+              })}
               tabIndex={0}
             >
               <Text size='sm' theme='inherit' className='break-word-nested'>
@@ -97,7 +103,7 @@ const ShoutboxMessageList: React.FC = () => {
   const node = useRef<VirtuosoHandle>(null);
   const [firstItemIndex, setFirstItemIndex] = useState(START_INDEX - 20);
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const shoutboxMessages = useShoutboxMessages() || [];
   const isLoading = useShoutboxIsLoading();
 
diff --git a/packages/pl-fe/src/features/chats/components/shoutbox.tsx b/packages/pl-fe/src/features/chats/components/shoutbox.tsx
index 8c14e7e14..abf618679 100644
--- a/packages/pl-fe/src/features/chats/components/shoutbox.tsx
+++ b/packages/pl-fe/src/features/chats/components/shoutbox.tsx
@@ -8,7 +8,7 @@ import { clearNativeInputValue } from './chat';
 import ShoutboxComposer from './shoutbox-composer';
 import ShoutboxMessageList from './shoutbox-message-list';
 
-const fileKeyGen = (): number => Math.floor((Math.random() * 0x10000));
+const fileKeyGen = (): number => Math.floor(Math.random() * 0x10000);
 
 interface ChatInterface {
   inputRef?: MutableRefObject<HTMLTextAreaElement | null>;
@@ -44,7 +44,7 @@ const Shoutbox: React.FC<ChatInterface> = ({ inputRef, className }) => {
     }
   };
 
-  const insertLine = () =>{
+  const insertLine = () => {
     setContent(content + '\n');
   };
 
diff --git a/packages/pl-fe/src/features/compose-event/components/upload-button.tsx b/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
index ecda3f4c6..640d0cb36 100644
--- a/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
+++ b/packages/pl-fe/src/features/compose-event/components/upload-button.tsx
@@ -14,8 +14,9 @@ interface IUploadButton {
 const UploadButton: React.FC<IUploadButton> = ({ disabled, onSelectFile }) => {
   const fileElement = useRef<HTMLInputElement>(null);
 
-  const attachmentTypes = useAppSelector(state => state.instance.configuration.media_attachments.supported_mime_types)
-    ?.filter((type) => type.startsWith('image/'));
+  const attachmentTypes = useAppSelector(
+    (state) => state.instance.configuration.media_attachments.supported_mime_types,
+  )?.filter((type) => type.startsWith('image/'));
 
   let accept = attachmentTypes?.join(',');
   if (accept === 'application/octet-stream') accept = undefined;
@@ -31,7 +32,13 @@ const UploadButton: React.FC<IUploadButton> = ({ disabled, onSelectFile }) => {
   };
 
   return (
-    <HStack className='size-full cursor-pointer text-primary-500 dark:text-primary-400' space={3} alignItems='center' justifyContent='center' element='label'>
+    <HStack
+      className='size-full cursor-pointer text-primary-500 dark:text-primary-400'
+      space={3}
+      alignItems='center'
+      justifyContent='center'
+      element='label'
+    >
       <Icon
         src={require('@phosphor-icons/core/regular/upload.svg')}
         className='size-7'
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index 7d225b040..ac33cc6a4 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -3,11 +3,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { resetCompose } from '@/actions/compose';
-import {
-  cancelEventCompose,
-  initEventEdit,
-  submitEvent,
-} from '@/actions/events';
+import { cancelEventCompose, initEventEdit, submitEvent } from '@/actions/events';
 import { uploadFile } from '@/actions/media';
 import { fetchStatus } from '@/actions/statuses';
 import { ADDRESS_ICONS } from '@/components/autosuggest-location';
@@ -37,11 +33,23 @@ import type { Location } from 'pl-api';
 
 const messages = defineMessages({
   eventNamePlaceholder: { id: 'compose_event.fields.name_placeholder', defaultMessage: 'Name' },
-  eventDescriptionPlaceholder: { id: 'compose_event.fields.description_placeholder', defaultMessage: 'Description' },
-  eventStartTimePlaceholder: { id: 'compose_event.fields.start_time_placeholder', defaultMessage: 'Event begins on…' },
-  eventEndTimePlaceholder: { id: 'compose_event.fields.end_time_placeholder', defaultMessage: 'Event ends on…' },
+  eventDescriptionPlaceholder: {
+    id: 'compose_event.fields.description_placeholder',
+    defaultMessage: 'Description',
+  },
+  eventStartTimePlaceholder: {
+    id: 'compose_event.fields.start_time_placeholder',
+    defaultMessage: 'Event begins on…',
+  },
+  eventEndTimePlaceholder: {
+    id: 'compose_event.fields.end_time_placeholder',
+    defaultMessage: 'Event ends on…',
+  },
   resetLocation: { id: 'compose_event.reset_location', defaultMessage: 'Reset location' },
-  eventFetchFail: { id: 'compose_event.fetch_fail', defaultMessage: 'Failed to fetch edited event information' },
+  eventFetchFail: {
+    id: 'compose_event.fetch_fail',
+    defaultMessage: 'Failed to fetch edited event information',
+  },
 });
 
 interface IEditEvent {
@@ -54,12 +62,18 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const navigate = useNavigate();
 
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector((state) => statusId ? getStatus(state, { id: statusId }) : undefined);
+  const status = useAppSelector((state) =>
+    statusId ? getStatus(state, { id: statusId }) : undefined,
+  );
 
   const [name, setName] = useState(status?.event?.name ?? '');
   const [text, setText] = useState('');
-  const [startTime, setStartTime] = useState(status?.event?.start_time ? new Date(status.event.start_time) : new Date());
-  const [endTime, setEndTime] = useState(status?.event?.end_time ? new Date(status.event.end_time) : null);
+  const [startTime, setStartTime] = useState(
+    status?.event?.start_time ? new Date(status.event.start_time) : new Date(),
+  );
+  const [endTime, setEndTime] = useState(
+    status?.event?.end_time ? new Date(status.event.end_time) : null,
+  );
   const [approvalRequired, setApprovalRequired] = useState(status?.event?.join_mode !== 'free');
   const [banner, setBanner] = useState(status?.event?.banner ?? null);
   const [location, setLocation] = useState<Location | null>(null);
@@ -74,7 +88,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   };
 
   const onChangeStartTime = (date: Date | null) => {
-    setStartTime(date ?? new Date);
+    setStartTime(date ?? new Date());
   };
 
   const onChangeEndTime = (date: Date | null) => {
@@ -101,17 +115,19 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const handleFiles = (files: FileList) => {
     setIsUploading(true);
 
-    dispatch(uploadFile(
-      files[0],
-      intl,
-      (data) => {
-        setBanner(data);
-        setIsUploading(false);
-      },
-      () =>{
-        setIsUploading(false);
-      },
-    ));
+    dispatch(
+      uploadFile(
+        files[0],
+        intl,
+        (data) => {
+          setBanner(data);
+          setIsUploading(false);
+        },
+        () => {
+          setIsUploading(false);
+        },
+      ),
+    );
   };
 
   const handleClearBanner = () => {
@@ -121,20 +137,27 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const handleSubmit = () => {
     setIsDisabled(true);
 
-    dispatch(submitEvent({
-      statusId,
-      name,
-      status: text,
-      banner,
-      startTime,
-      endTime,
-      joinMode: approvalRequired ? 'restricted' : 'free',
-      location,
-    })).then((status) => {
-      if (status) navigate({ to: '/@{$username}/events/$statusId', params: { username: status.account.acct, statusId: status.id } });
-      dispatch(resetCompose(composeId));
-    }).catch(() => {
-    });
+    dispatch(
+      submitEvent({
+        statusId,
+        name,
+        status: text,
+        banner,
+        startTime,
+        endTime,
+        joinMode: approvalRequired ? 'restricted' : 'free',
+        location,
+      }),
+    )
+      .then((status) => {
+        if (status)
+          navigate({
+            to: '/@{$username}/events/$statusId',
+            params: { username: status.account.acct, statusId: status.id },
+          });
+        dispatch(resetCompose(composeId));
+      })
+      .catch(() => {});
   };
 
   useEffect(() => {
@@ -153,7 +176,8 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
           setBanner(status?.media_attachments[0] || null);
 
           setIsDisabled(false);
-        }).catch(() => {
+        })
+        .catch(() => {
           toast.error(messages.eventFetchFail);
         });
     }
@@ -163,32 +187,51 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
     };
   }, [statusId]);
 
-  const renderLocation = () => location && (
-    <HStack className='h-[38px] text-gray-700 dark:text-gray-500' alignItems='center' space={2}>
-      <Icon src={ADDRESS_ICONS[location.type] || require('@phosphor-icons/core/regular/map-pin.svg')} />
-      <Stack className='grow'>
-        <Text>{location.description}</Text>
-        <Text theme='muted' size='xs'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
-      </Stack>
-      <IconButton
-        title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() =>{
-          onChangeLocation(null);
-        }}
-      />
-    </HStack>
-  );
+  const renderLocation = () =>
+    location && (
+      <HStack className='h-[38px] text-gray-700 dark:text-gray-500' alignItems='center' space={2}>
+        <Icon
+          src={ADDRESS_ICONS[location.type] || require('@phosphor-icons/core/regular/map-pin.svg')}
+        />
+        <Stack className='grow'>
+          <Text>{location.description}</Text>
+          <Text theme='muted' size='xs'>
+            {[location.street, location.locality, location.country]
+              .filter((val) => val?.trim())
+              .join(' · ')}
+          </Text>
+        </Stack>
+        <IconButton
+          title={intl.formatMessage(messages.resetLocation)}
+          src={require('@phosphor-icons/core/regular/x.svg')}
+          onClick={() => {
+            onChangeLocation(null);
+          }}
+        />
+      </HStack>
+    );
 
   return (
     <Form className='⁂-edit-event' onSubmit={handleSubmit}>
       <FormGroup
-        labelText={<FormattedMessage id='compose_event.fields.banner_label' defaultMessage='Event banner' />}
-        hintText={<FormattedMessage id='compose_event.fields.banner_hint' defaultMessage='PNG, GIF or JPG. Landscape format is preferred.' />}
+        labelText={
+          <FormattedMessage id='compose_event.fields.banner_label' defaultMessage='Event banner' />
+        }
+        hintText={
+          <FormattedMessage
+            id='compose_event.fields.banner_hint'
+            defaultMessage='PNG, GIF or JPG. Landscape format is preferred.'
+          />
+        }
       >
         <div className='⁂-edit-event__banner__container'>
           {banner ? (
             <>
               <img src={banner.url} alt='' />
-              <IconButton src={require('@phosphor-icons/core/regular/x.svg')} onClick={handleClearBanner} />
+              <IconButton
+                src={require('@phosphor-icons/core/regular/x.svg')}
+                onClick={handleClearBanner}
+              />
             </>
           ) : (
             <UploadButton disabled={isUploading} onSelectFile={handleFiles} />
@@ -196,7 +239,9 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         </div>
       </FormGroup>
       <FormGroup
-        labelText={<FormattedMessage id='compose_event.fields.name_label' defaultMessage='Event name' />}
+        labelText={
+          <FormattedMessage id='compose_event.fields.name_label' defaultMessage='Event name' />
+        }
       >
         <Input
           type='text'
@@ -206,7 +251,12 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         />
       </FormGroup>
       <FormGroup
-        labelText={<FormattedMessage id='compose_event.fields.description_label' defaultMessage='Event description' />}
+        labelText={
+          <FormattedMessage
+            id='compose_event.fields.description_label'
+            defaultMessage='Event description'
+          />
+        }
       >
         <div className='relative'>
           <ContentTypeButton composeId={composeId} />
@@ -221,16 +271,22 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         </div>
       </FormGroup>
       <FormGroup
-        labelText={<FormattedMessage id='compose_event.fields.location_label' defaultMessage='Event location' />}
-      >
-        {location ? renderLocation() : (
-          <LocationSearch
-            onSelected={onChangeLocation}
+        labelText={
+          <FormattedMessage
+            id='compose_event.fields.location_label'
+            defaultMessage='Event location'
           />
-        )}
+        }
+      >
+        {location ? renderLocation() : <LocationSearch onSelected={onChangeLocation} />}
       </FormGroup>
       <FormGroup
-        labelText={<FormattedMessage id='compose_event.fields.start_time_label' defaultMessage='Event start date' />}
+        labelText={
+          <FormattedMessage
+            id='compose_event.fields.start_time_label'
+            defaultMessage='Event start date'
+          />
+        }
       >
         <DatePicker
           showTimeSelect
@@ -244,17 +300,22 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         />
       </FormGroup>
       <HStack alignItems='center' space={2}>
-        <Toggle
-          checked={!!endTime}
-          onChange={onChangeHasEndTime}
-        />
+        <Toggle checked={!!endTime} onChange={onChangeHasEndTime} />
         <Text tag='span' theme='muted'>
-          <FormattedMessage id='compose_event.fields.has_end_time' defaultMessage='The event has an end date' />
+          <FormattedMessage
+            id='compose_event.fields.has_end_time'
+            defaultMessage='The event has an end date'
+          />
         </Text>
       </HStack>
       {endTime && (
         <FormGroup
-          labelText={<FormattedMessage id='compose_event.fields.end_time_label' defaultMessage='Event end date' />}
+          labelText={
+            <FormattedMessage
+              id='compose_event.fields.end_time_label'
+              defaultMessage='Event end date'
+            />
+          }
         >
           <DatePicker
             showTimeSelect
@@ -270,20 +331,22 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
       )}
       {!statusId && (
         <HStack alignItems='center' space={2}>
-          <Toggle
-            checked={approvalRequired}
-            onChange={onChangeApprovalRequired}
-          />
+          <Toggle checked={approvalRequired} onChange={onChangeApprovalRequired} />
           <Text tag='span' theme='muted'>
-            <FormattedMessage id='compose_event.fields.approval_required' defaultMessage='I want to approve participation requests manually' />
+            <FormattedMessage
+              id='compose_event.fields.approval_required'
+              defaultMessage='I want to approve participation requests manually'
+            />
           </Text>
         </HStack>
       )}
       <FormActions>
         <Button disabled={isDisabled} theme='primary' type='submit'>
-          {statusId
-            ? <FormattedMessage id='compose_event.update' defaultMessage='Update' />
-            : <FormattedMessage id='compose_event.create' defaultMessage='Create' />}
+          {statusId ? (
+            <FormattedMessage id='compose_event.update' defaultMessage='Update' />
+          ) : (
+            <FormattedMessage id='compose_event.create' defaultMessage='Create' />
+          )}
         </Button>
       </FormActions>
     </Form>
diff --git a/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx b/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
index e7fddebe8..da02fa794 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/manage-pending-participants.tsx
@@ -7,16 +7,32 @@ import HStack from '@/components/ui/hstack';
 import Spinner from '@/components/ui/spinner';
 import Stack from '@/components/ui/stack';
 import AccountContainer from '@/containers/account-container';
-import { useAcceptEventParticipationRequestMutation, useEventParticipationRequests, useRejectEventParticipationRequestMutation } from '@/queries/events/use-event-participation-requests';
+import {
+  useAcceptEventParticipationRequestMutation,
+  useEventParticipationRequests,
+  useRejectEventParticipationRequestMutation,
+} from '@/queries/events/use-event-participation-requests';
 import toast from '@/toast';
 
 const messages = defineMessages({
   authorize: { id: 'compose_event.participation_requests.authorize', defaultMessage: 'Authorize' },
-  authorizeSuccess: { id: 'compose_event.participation_requests.authorize.success', defaultMessage: 'Event participation request authorized successfully' },
-  authorizeFail: { id: 'compose_event.participation_requests.authorize.fail', defaultMessage: 'Failed to authorize event participation request' },
+  authorizeSuccess: {
+    id: 'compose_event.participation_requests.authorize.success',
+    defaultMessage: 'Event participation request authorized successfully',
+  },
+  authorizeFail: {
+    id: 'compose_event.participation_requests.authorize.fail',
+    defaultMessage: 'Failed to authorize event participation request',
+  },
   reject: { id: 'compose_event.participation_requests.reject', defaultMessage: 'Reject' },
-  rejectSuccess: { id: 'compose_event.participation_requests.reject.success', defaultMessage: 'Event participation request rejected successfully' },
-  rejectFail: { id: 'compose_event.participation_requests.reject.fail', defaultMessage: 'Failed to reject event participation request' },
+  rejectSuccess: {
+    id: 'compose_event.participation_requests.reject.success',
+    defaultMessage: 'Event participation request rejected successfully',
+  },
+  rejectFail: {
+    id: 'compose_event.participation_requests.reject.fail',
+    defaultMessage: 'Failed to reject event participation request',
+  },
 });
 
 interface IAccount {
@@ -28,8 +44,14 @@ interface IAccount {
 const Account: React.FC<IAccount> = ({ eventId, id, participationMessage }) => {
   const intl = useIntl();
 
-  const { mutate: acceptEventParticipationRequest } = useAcceptEventParticipationRequestMutation(eventId, id);
-  const { mutate: rejectEventParticipationRequest } = useRejectEventParticipationRequestMutation(eventId, id);
+  const { mutate: acceptEventParticipationRequest } = useAcceptEventParticipationRequestMutation(
+    eventId,
+    id,
+  );
+  const { mutate: rejectEventParticipationRequest } = useRejectEventParticipationRequestMutation(
+    eventId,
+    id,
+  );
 
   return (
     <AccountContainer
@@ -41,7 +63,7 @@ const Account: React.FC<IAccount> = ({ eventId, id, participationMessage }) => {
             theme='secondary'
             size='sm'
             text={intl.formatMessage(messages.authorize)}
-            onClick={() =>{
+            onClick={() => {
               acceptEventParticipationRequest(undefined, {
                 onSuccess: () => {
                   toast.success(messages.authorizeSuccess);
@@ -56,7 +78,7 @@ const Account: React.FC<IAccount> = ({ eventId, id, participationMessage }) => {
             theme='danger'
             size='sm'
             text={intl.formatMessage(messages.reject)}
-            onClick={() =>{
+            onClick={() => {
               rejectEventParticipationRequest(undefined, {
                 onSuccess: () => {
                   toast.success(messages.rejectSuccess);
@@ -78,23 +100,40 @@ interface IManagePendingParticipants {
 }
 
 const ManagePendingParticipants: React.FC<IManagePendingParticipants> = ({ statusId }) => {
-  const { data: accounts, isLoading, hasNextPage, fetchNextPage } = useEventParticipationRequests(statusId);
+  const {
+    data: accounts,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+  } = useEventParticipationRequests(statusId);
 
   return accounts ? (
     <Stack space={3}>
       <ScrollableList
         scrollKey={`eventPendingParticipants:${statusId}`}
-        emptyMessageText={<FormattedMessage id='empty_column.event_participant_requests' defaultMessage='There are no pending event participation requests.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='empty_column.event_participant_requests'
+            defaultMessage='There are no pending event participation requests.'
+          />
+        }
         hasMore={hasNextPage}
         isLoading={isLoading}
         onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
       >
-        {accounts.map(({ account_id, participation_message }) =>
-          <Account key={account_id} eventId={statusId} id={account_id} participationMessage={participation_message} />,
-        )}
+        {accounts.map(({ account_id, participation_message }) => (
+          <Account
+            key={account_id}
+            eventId={statusId}
+            id={account_id}
+            participationMessage={participation_message}
+          />
+        ))}
       </ScrollableList>
     </Stack>
-  ) : <Spinner />;
+  ) : (
+    <Spinner />
+  );
 };
 
 export { ManagePendingParticipants };
diff --git a/packages/pl-fe/src/features/compose/components/autosuggest-account.tsx b/packages/pl-fe/src/features/compose/components/autosuggest-account.tsx
index bdf17e418..10e577dd2 100644
--- a/packages/pl-fe/src/features/compose/components/autosuggest-account.tsx
+++ b/packages/pl-fe/src/features/compose/components/autosuggest-account.tsx
@@ -16,7 +16,6 @@ const AutosuggestAccount: React.FC<IAutosuggestAccount> = ({ id }) => {
       <Account account={account} hideActions showAccountHoverCard={false} disabled />
     </div>
   );
-
 };
 
 export { AutosuggestAccount as default };
diff --git a/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx b/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
index ee2e97ab4..a9be16794 100644
--- a/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
+++ b/packages/pl-fe/src/features/compose/components/clear-link-suggestion.tsx
@@ -14,11 +14,7 @@ interface IClearLinkSuggestion {
   handleReject: (key: string) => void;
 }
 
-const ClearLinkSuggestion = ({
-  composeId,
-  handleAccept,
-  handleReject,
-}: IClearLinkSuggestion) => {
+const ClearLinkSuggestion = ({ composeId, handleAccept, handleReject }: IClearLinkSuggestion) => {
   const compose = useCompose(composeId);
   const suggestion = compose.clearLinkSuggestion;
 
@@ -33,14 +29,22 @@ const ClearLinkSuggestion = ({
             <FormattedMessage
               id='compose.clear_link_suggestion.body'
               defaultMessage='The link {url} likely includes tracking elements used to mark your online activity. They are not required for the URL to work. Do you want to remove them?'
-              values={{ url: <span className='underline'>{suggestion.originalUrl.length > 20 ? suggestion.originalUrl.slice(0, 20) + '…' : suggestion.originalUrl}</span> }}
+              values={{
+                url: (
+                  <span className='underline'>
+                    {suggestion.originalUrl.length > 20
+                      ? suggestion.originalUrl.slice(0, 20) + '…'
+                      : suggestion.originalUrl}
+                  </span>
+                ),
+              }}
             />
           </span>
           <HStack space={2} justifyContent='end'>
             <Button
               theme='muted'
               size='xs'
-              onClick={() =>{
+              onClick={() => {
                 handleReject(suggestion.key);
               }}
             >
@@ -49,7 +53,7 @@ const ClearLinkSuggestion = ({
             <Button
               theme='muted'
               size='xs'
-              onClick={() =>{
+              onClick={() => {
                 handleAccept(suggestion.key);
               }}
             >
diff --git a/packages/pl-fe/src/features/compose/components/compose-form-button.tsx b/packages/pl-fe/src/features/compose/components/compose-form-button.tsx
index 652a52199..55bab6e29 100644
--- a/packages/pl-fe/src/features/compose/components/compose-form-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/compose-form-button.tsx
@@ -20,12 +20,11 @@ const ComposeFormButton: React.FC<IComposeFormButton> = ({
 }) => (
   <div>
     <IconButton
-      className={
-        clsx({
-          'text-gray-600 hover:text-gray-700 dark:hover:text-gray-500': !active,
-          'text-primary-500 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-400': active,
-        })
-      }
+      className={clsx({
+        'text-gray-600 hover:text-gray-700 dark:hover:text-gray-500': !active,
+        'text-primary-500 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-400':
+          active,
+      })}
       src={icon}
       title={title}
       disabled={disabled}
diff --git a/packages/pl-fe/src/features/compose/components/compose-form.tsx b/packages/pl-fe/src/features/compose/components/compose-form.tsx
index 994926233..cf65e5884 100644
--- a/packages/pl-fe/src/features/compose/components/compose-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/compose-form.tsx
@@ -67,7 +67,7 @@ import type { Emoji } from '@/features/emoji';
 import type { LinkNode } from '@lexical/link';
 
 const messages = defineMessages({
-  placeholder: { id: 'compose_form.placeholder', defaultMessage: 'What\'s on your mind?' },
+  placeholder: { id: 'compose_form.placeholder', defaultMessage: "What's on your mind?" },
   pollPlaceholder: { id: 'compose_form.poll_placeholder', defaultMessage: 'Add a poll topic…' },
   eventPlaceholder: { id: 'compose_form.event_placeholder', defaultMessage: 'Post to this event' },
   publish: { id: 'compose_form.publish', defaultMessage: 'Post' },
@@ -84,7 +84,14 @@ const messages = defineMessages({
 
 interface IComposeButton extends Pick<
   React.ComponentProps<'button'>,
-  'children' | 'disabled' | 'onClick' | 'onMouseDown' | 'onKeyDown' | 'onKeyPress' | 'title' | 'type'
+  | 'children'
+  | 'disabled'
+  | 'onClick'
+  | 'onMouseDown'
+  | 'onKeyDown'
+  | 'onKeyPress'
+  | 'title'
+  | 'type'
 > {
   /** URL to an SVG icon to render inside the button. */
   icon?: string;
@@ -94,7 +101,13 @@ interface IComposeButton extends Pick<
   actionsMenu?: Menu;
 }
 
-const ComposeButton: React.FC<IComposeButton> = ({ actionsMenu, disabled, icon, text, ...props }) => {
+const ComposeButton: React.FC<IComposeButton> = ({
+  actionsMenu,
+  disabled,
+  icon,
+  text,
+  ...props
+}) => {
   const intl = useIntl();
 
   return (
@@ -104,7 +117,10 @@ const ComposeButton: React.FC<IComposeButton> = ({ actionsMenu, disabled, icon,
         <span>{text}</span>
       </button>
       <DropdownMenu items={actionsMenu} placement='bottom' disabled={disabled}>
-        <button className='⁂-compose-form__button__actions' title={intl.formatMessage(messages.more)}>
+        <button
+          className='⁂-compose-form__button__actions'
+          title={intl.formatMessage(messages.more)}
+        >
           <SvgIcon src={require('@phosphor-icons/core/regular/caret-down.svg')} />
         </button>
       </DropdownMenu>
@@ -124,7 +140,17 @@ interface IComposeForm<ID extends string> {
   compact?: boolean;
 }
 
-const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickableAreaRef, event, group, withAvatar, transparent, compact }: IComposeForm<ID>) => {
+const ComposeForm = <ID extends string>({
+  id,
+  shouldCondense,
+  autoFocus,
+  clickableAreaRef,
+  event,
+  group,
+  withAvatar,
+  transparent,
+  compact,
+}: IComposeForm<ID>) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
   const { configuration } = useInstance();
@@ -163,24 +189,34 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
   const isEmpty = !(fulltext.trim() || anyMedia);
   const condensed = shouldCondense && !isDraggedOver && !composeFocused && isEmpty && !isUploading;
   const shouldAutoFocus = autoFocus;
-  const canSubmit = !!editorRef.current && !isSubmitting && !isUploading && !isChangingUpload && !isEmpty && length(fulltext) <= maxTootChars;
+  const canSubmit =
+    !!editorRef.current &&
+    !isSubmitting &&
+    !isUploading &&
+    !isChangingUpload &&
+    !isEmpty &&
+    length(fulltext) <= maxTootChars;
 
-  const getClickableArea = () => clickableAreaRef ? clickableAreaRef.current : formRef.current;
+  const getClickableArea = () => (clickableAreaRef ? clickableAreaRef.current : formRef.current);
 
-  const isClickOutside = (e: MouseEvent | React.MouseEvent) => ![
-    // List of elements that shouldn't collapse the composer when clicked
-    // FIXME: Make this less brittle
-    getClickableArea(),
-    document.getElementById('privacy-dropdown'),
-    document.querySelector('em-emoji-picker'),
-    document.getElementById('modal-overlay'),
-  ].some(element => element?.contains(e.target as any));
+  const isClickOutside = (e: MouseEvent | React.MouseEvent) =>
+    ![
+      // List of elements that shouldn't collapse the composer when clicked
+      // FIXME: Make this less brittle
+      getClickableArea(),
+      document.getElementById('privacy-dropdown'),
+      document.querySelector('em-emoji-picker'),
+      document.getElementById('modal-overlay'),
+    ].some((element) => element?.contains(e.target as any));
 
-  const handleClick = useCallback((e: MouseEvent | React.MouseEvent) => {
-    if (isEmpty && isClickOutside(e)) {
-      handleClickOutside();
-    }
-  }, [isEmpty]);
+  const handleClick = useCallback(
+    (e: MouseEvent | React.MouseEvent) => {
+      if (isEmpty && isClickOutside(e)) {
+        handleClickOutside();
+      }
+    },
+    [isEmpty],
+  );
 
   const handleClickOutside = () => {
     setComposeFocused(false);
@@ -194,11 +230,13 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     if (!canSubmit) return;
     e?.preventDefault();
 
-    dispatch(submitCompose(id, {
-      onSuccess: () => {
-        editorRef.current?.dispatchCommand(CLEAR_EDITOR_COMMAND, undefined);
-      },
-    }));
+    dispatch(
+      submitCompose(id, {
+        onSuccess: () => {
+          editorRef.current?.dispatchCommand(CLEAR_EDITOR_COMMAND, undefined);
+        },
+      }),
+    );
   };
 
   const handlePreview = (e?: React.FormEvent) => {
@@ -229,7 +267,11 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     dispatch(fetchComposeSuggestions(id, token as string));
   };
 
-  const onSpoilerSuggestionSelected = (tokenStart: number, token: string | null, value: AutoSuggestion) => {
+  const onSpoilerSuggestionSelected = (
+    tokenStart: number,
+    token: string | null,
+    value: AutoSuggestion,
+  ) => {
     dispatch(selectComposeSuggestion(id, tokenStart, token, value, ['spoiler_text']));
   };
 
@@ -257,7 +299,11 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
         node.setURL(suggestion.cleanUrl);
         const children = node.getChildren();
         const textNode = children[0] as TextNode;
-        if (children.length === 1 && textNode.getType() === 'text' && textNode.getTextContent() === suggestion.originalUrl) {
+        if (
+          children.length === 1 &&
+          textNode.getType() === 'text' &&
+          textNode.getTextContent() === suggestion.originalUrl
+        ) {
           textNode.setTextContent(suggestion.cleanUrl);
         }
       }
@@ -282,20 +328,31 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     };
   }, []);
 
-  const renderButtons = useCallback(() => (
-    <div className='⁂-compose-form__buttons'>
-      <UploadButtonContainer composeId={id} />
-      {features.drive && <DriveButton composeId={id} />}
-      <EmojiPickerDropdown onPickEmoji={handleEmojiPick} condensed={shouldCondense} />
-      {features.polls && <PollButton composeId={id} />}
-      {features.scheduledStatuses && <ScheduleButton composeId={id} />}
-      {anyMedia && features.spoilers && <SensitiveMediaButton composeId={id} />}
-      {(features.interactionRequests || features.quoteApprovalPolicies) && <InteractionPolicyButton composeId={id} />}
-      {features.statusLocation && <LocationButton composeId={id} />}
-    </div>
-  ), [features, id, anyMedia]);
+  const renderButtons = useCallback(
+    () => (
+      <div className='⁂-compose-form__buttons'>
+        <UploadButtonContainer composeId={id} />
+        {features.drive && <DriveButton composeId={id} />}
+        <EmojiPickerDropdown onPickEmoji={handleEmojiPick} condensed={shouldCondense} />
+        {features.polls && <PollButton composeId={id} />}
+        {features.scheduledStatuses && <ScheduleButton composeId={id} />}
+        {anyMedia && features.spoilers && <SensitiveMediaButton composeId={id} />}
+        {(features.interactionRequests || features.quoteApprovalPolicies) && (
+          <InteractionPolicyButton composeId={id} />
+        )}
+        {features.statusLocation && <LocationButton composeId={id} />}
+      </div>
+    ),
+    [features, id, anyMedia],
+  );
 
-  const showModifiers = !condensed && (compose.mediaAttachments.length || compose.isUploading || (compose.poll && compose.poll.options.length) || compose.scheduledAt || compose.showLocationPicker);
+  const showModifiers =
+    !condensed &&
+    (compose.mediaAttachments.length ||
+      compose.isUploading ||
+      (compose.poll && compose.poll.options.length) ||
+      compose.scheduledAt ||
+      compose.showLocationPicker);
 
   const composeModifiers = showModifiers && (
     <div className='⁂-compose-form__modifiers'>
@@ -318,7 +375,12 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     publishIcon = require('@phosphor-icons/core/regular/lock.svg');
     publishText = intl.formatMessage(messages.publish);
   } else {
-    publishText = visibility !== 'unlisted' ? intl.formatMessage(messages.publishLoud, { publish: intl.formatMessage(messages.publish) }) : intl.formatMessage(messages.publish);
+    publishText =
+      visibility !== 'unlisted'
+        ? intl.formatMessage(messages.publishLoud, {
+            publish: intl.formatMessage(messages.publish),
+          })
+        : intl.formatMessage(messages.publish);
   }
 
   if (scheduledAt) {
@@ -327,9 +389,16 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
 
   const selectButtons = [];
 
-  if (features.privacyScopes && !group && !groupId) selectButtons.push(<PrivacyDropdown key='privacy-dropdown' composeId={id} compact={compact} />);
-  if (features.richText) selectButtons.push(<ContentTypeButton key='compose-type-button' composeId={id} compact={compact} />);
-  if (features.postLanguages) selectButtons.push(<LanguageDropdown key='language-dropdown' composeId={id} compact={compact} />);
+  if (features.privacyScopes && !group && !groupId)
+    selectButtons.push(<PrivacyDropdown key='privacy-dropdown' composeId={id} compact={compact} />);
+  if (features.richText)
+    selectButtons.push(
+      <ContentTypeButton key='compose-type-button' composeId={id} compact={compact} />,
+    );
+  if (features.postLanguages)
+    selectButtons.push(
+      <LanguageDropdown key='language-dropdown' composeId={id} compact={compact} />,
+    );
 
   const actionsMenu: Menu = [];
 
@@ -359,9 +428,12 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
     >
       {!!compose.inReplyToId && compose.approvalRequired && (
         <Warning
-          message={(
-            <FormattedMessage id='compose_form.approval_required' defaultMessage='The reply needs to be approved by the post author.' />
-          )}
+          message={
+            <FormattedMessage
+              id='compose_form.approval_required'
+              defaultMessage='The reply needs to be approved by the post author.'
+            />
+          }
         />
       )}
 
@@ -374,9 +446,7 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
       {!shouldCondense && !event && !group && <ReplyMentions composeId={id} />}
 
       {selectButtons.length > 0 && (
-        <div className='⁂-compose-form__select-buttons'>
-          {selectButtons}
-        </div>
+        <div className='⁂-compose-form__select-buttons'>{selectButtons}</div>
       )}
 
       {features.spoilers && (
@@ -408,7 +478,11 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
         </Suspense>
       </div>
 
-      <ClearLinkSuggestion composeId={id} handleAccept={onAcceptClearLinkSuggestion} handleReject={onRejectClearLinkSuggestion} />
+      <ClearLinkSuggestion
+        composeId={id}
+        handleAccept={onAcceptClearLinkSuggestion}
+        handleReject={onRejectClearLinkSuggestion}
+      />
 
       <HashtagCasingSuggestion composeId={id} />
 
@@ -433,15 +507,31 @@ const ComposeForm = <ID extends string>({ id, shouldCondense, autoFocus, clickab
             </div>
           )}
 
-          <ComposeButton type='submit' icon={publishIcon} text={publishText} disabled={!canSubmit} actionsMenu={actionsMenu} />
+          <ComposeButton
+            type='submit'
+            icon={publishIcon}
+            text={publishText}
+            disabled={!canSubmit}
+            actionsMenu={actionsMenu}
+          />
         </div>
 
         {compose.redacting && (
           <List>
             <ListItem
               className='mt-2'
-              label={<FormattedMessage id='compose.redact.overwrite_label' defaultMessage='Overwrite existing status' />}
-              hint={<FormattedMessage id='compose.redact.overwrite_hint' defaultMessage='This will replace the status with a new one, without keeping edit history. The update will not federate.' />}
+              label={
+                <FormattedMessage
+                  id='compose.redact.overwrite_label'
+                  defaultMessage='Overwrite existing status'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='compose.redact.overwrite_hint'
+                  defaultMessage='This will replace the status with a new one, without keeping edit history. The update will not federate.'
+                />
+              }
             >
               <Toggle
                 checked={compose.redactingOverwrite}
diff --git a/packages/pl-fe/src/features/compose/components/content-type-button.tsx b/packages/pl-fe/src/features/compose/components/content-type-button.tsx
index 6d035eaea..54f2a4c49 100644
--- a/packages/pl-fe/src/features/compose/components/content-type-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/content-type-button.tsx
@@ -9,12 +9,24 @@ import { useCompose } from '@/hooks/use-compose';
 import { useInstance } from '@/hooks/use-instance';
 
 const messages = defineMessages({
-  content_type_plaintext: { id: 'preferences.options.content_type_plaintext', defaultMessage: 'Plain text' },
-  content_type_markdown: { id: 'preferences.options.content_type_markdown', defaultMessage: 'Markdown' },
+  content_type_plaintext: {
+    id: 'preferences.options.content_type_plaintext',
+    defaultMessage: 'Plain text',
+  },
+  content_type_markdown: {
+    id: 'preferences.options.content_type_markdown',
+    defaultMessage: 'Markdown',
+  },
   content_type_mfm: { id: 'preferences.options.content_type_mfm', defaultMessage: 'MFM' },
   content_type_html: { id: 'preferences.options.content_type_html', defaultMessage: 'HTML' },
-  content_type_wysiwyg: { id: 'preferences.options.content_type_wysiwyg', defaultMessage: 'WYSIWYG' },
-  change_content_type: { id: 'compose_form.content_type.change', defaultMessage: 'Change content type' },
+  content_type_wysiwyg: {
+    id: 'preferences.options.content_type_wysiwyg',
+    defaultMessage: 'WYSIWYG',
+  },
+  change_content_type: {
+    id: 'compose_form.content_type.change',
+    defaultMessage: 'Change content type',
+  },
 });
 
 interface IContentTypeButton {
@@ -29,7 +41,8 @@ const ContentTypeButton: React.FC<IContentTypeButton> = ({ composeId, compact })
 
   const { contentType } = useCompose(composeId);
 
-  const handleChange = (contentType: string) => () => dispatch(changeComposeContentType(composeId, contentType));
+  const handleChange = (contentType: string) => () =>
+    dispatch(changeComposeContentType(composeId, contentType));
 
   const postFormats = instance.pleroma.metadata.post_formats;
 
@@ -86,7 +99,10 @@ const ContentTypeButton: React.FC<IContentTypeButton> = ({ composeId, compact })
         active: contentType === value,
       }))}
     >
-      <button className='⁂-content-type-button' title={compact ? option?.text : intl.formatMessage(messages.change_content_type)}>
+      <button
+        className='⁂-content-type-button'
+        title={compact ? option?.text : intl.formatMessage(messages.change_content_type)}
+      >
         {option?.icon && <Icon src={option.icon} aria-hidden />}
         {compact ? undefined : option?.text}
         <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} aria-hidden />
diff --git a/packages/pl-fe/src/features/compose/components/drive-button.tsx b/packages/pl-fe/src/features/compose/components/drive-button.tsx
index 1c7ccf60d..58cfedb9e 100644
--- a/packages/pl-fe/src/features/compose/components/drive-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/drive-button.tsx
@@ -26,11 +26,14 @@ const DriveButton: React.FC<IDriveButton> = ({ composeId }) => {
 
   const attachmentTypes = configuration.media_attachments.supported_mime_types;
 
-  const onClick = () =>{
+  const onClick = () => {
     openModal('SELECT_DRIVE_FILE', {
       title: intl.formatMessage(messages.button),
       type: 'file',
-      accepted: (attachmentTypes?.length === 0 && attachmentTypes[0] === 'application/octet-stream') ? undefined : attachmentTypes,
+      accepted:
+        attachmentTypes?.length === 0 && attachmentTypes[0] === 'application/octet-stream'
+          ? undefined
+          : attachmentTypes,
       onSelect: (file) => {
         let type = file.content_type.split('/')[0] as 'image' | 'video' | 'audio' | 'unknown';
         if (!['image', 'video', 'audio', 'unknown'].includes(type)) {
diff --git a/packages/pl-fe/src/features/compose/components/hashtag-casing-suggestion.tsx b/packages/pl-fe/src/features/compose/components/hashtag-casing-suggestion.tsx
index 5d8480c53..2fd4a2371 100644
--- a/packages/pl-fe/src/features/compose/components/hashtag-casing-suggestion.tsx
+++ b/packages/pl-fe/src/features/compose/components/hashtag-casing-suggestion.tsx
@@ -13,16 +13,17 @@ import toast from '@/toast';
 import Warning from './warning';
 
 const messages = defineMessages({
-  hashtagCasingSuggestionsDisabled: { id: 'compose.hashtag_casing_suggestion.disabled', defaultMessage: 'You will no longer receive suggestions about hashtag capitalization.' },
+  hashtagCasingSuggestionsDisabled: {
+    id: 'compose.hashtag_casing_suggestion.disabled',
+    defaultMessage: 'You will no longer receive suggestions about hashtag capitalization.',
+  },
 });
 
 interface IHashtagCasingSuggestion {
   composeId: string;
 }
 
-const HashtagCasingSuggestion = ({
-  composeId,
-}: IHashtagCasingSuggestion) => {
+const HashtagCasingSuggestion = ({ composeId }: IHashtagCasingSuggestion) => {
   const dispatch = useAppDispatch();
 
   const compose = useCompose(composeId);
@@ -33,7 +34,9 @@ const HashtagCasingSuggestion = ({
   };
 
   const onDontAskAgain = () => {
-    dispatch(changeSetting(['ignoreHashtagCasingSuggestions'], true, { showAlert: false, save: true }));
+    dispatch(
+      changeSetting(['ignoreHashtagCasingSuggestions'], true, { showAlert: false, save: true }),
+    );
     toast.info(messages.hashtagCasingSuggestionsDisabled);
     dispatch(ignoreHashtagCasingSuggestion(composeId));
   };
@@ -53,19 +56,17 @@ const HashtagCasingSuggestion = ({
             />
           </span>
           <HStack space={2} justifyContent='end'>
-            <Button
-              theme='muted'
-              size='xs'
-              onClick={onIgnore}
-            >
-              <FormattedMessage id='compose.hashtag_casing_suggestion.ignore' defaultMessage='Ignore' />
+            <Button theme='muted' size='xs' onClick={onIgnore}>
+              <FormattedMessage
+                id='compose.hashtag_casing_suggestion.ignore'
+                defaultMessage='Ignore'
+              />
             </Button>
-            <Button
-              theme='muted'
-              size='xs'
-              onClick={onDontAskAgain}
-            >
-              <FormattedMessage id='compose.hashtag_casing_suggestion.dont_ask_again' defaultMessage='Don’t ask again' />
+            <Button theme='muted' size='xs' onClick={onDontAskAgain}>
+              <FormattedMessage
+                id='compose.hashtag_casing_suggestion.dont_ask_again'
+                defaultMessage='Don’t ask again'
+              />
             </Button>
           </HStack>
         </Stack>
diff --git a/packages/pl-fe/src/features/compose/components/interaction-policy-button.tsx b/packages/pl-fe/src/features/compose/components/interaction-policy-button.tsx
index 80031adc4..d0c690641 100644
--- a/packages/pl-fe/src/features/compose/components/interaction-policy-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/interaction-policy-button.tsx
@@ -7,7 +7,10 @@ import { useModalsActions } from '@/stores/modals';
 import ComposeFormButton from './compose-form-button';
 
 const messages = defineMessages({
-  label: { id: 'compose_form.interaction_policy.label', defaultMessage: 'Manage interaction policy' },
+  label: {
+    id: 'compose_form.interaction_policy.label',
+    defaultMessage: 'Manage interaction policy',
+  },
 });
 
 interface IInteractionPolicyButton {
diff --git a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
index 4666d1101..46fc89290 100644
--- a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
+++ b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
@@ -3,7 +3,12 @@ import fuzzysort from 'fuzzysort';
 import React, { useDeferredValue, useEffect, useMemo, useRef, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { addComposeLanguage, changeComposeLanguage, changeComposeModifiedLanguage, deleteComposeLanguage } from '@/actions/compose';
+import {
+  addComposeLanguage,
+  changeComposeLanguage,
+  changeComposeModifiedLanguage,
+  deleteComposeLanguage,
+} from '@/actions/compose';
 import DropdownMenu from '@/components/dropdown-menu';
 import Icon from '@/components/ui/icon';
 import Input from '@/components/ui/input';
@@ -13,210 +18,234 @@ import { useCompose } from '@/hooks/use-compose';
 import { useFeatures } from '@/hooks/use-features';
 import { useSettings } from '@/stores/settings';
 
-const getFrequentlyUsedLanguages = (languageCounters: Record<string, number>) => (
+const getFrequentlyUsedLanguages = (languageCounters: Record<string, number>) =>
   Object.keys(languageCounters)
     .toSorted((a, b) => languageCounters[a] - languageCounters[b])
-    .toReversed()
-);
+    .toReversed();
 
 const languages = Object.entries(languagesObject) as Array<[Language, string]>;
 
 const messages = defineMessages({
   languagePrompt: { id: 'compose.language_dropdown.prompt', defaultMessage: 'Select language' },
-  languageSuggestion: { id: 'compose.language_dropdown.suggestion', defaultMessage: '{language} (detected)' },
-  multipleLanguages: { id: 'compose.language_dropdown.more_languages', defaultMessage: '{count, plural, one {# more language} other {# more languages}}' },
+  languageSuggestion: {
+    id: 'compose.language_dropdown.suggestion',
+    defaultMessage: '{language} (detected)',
+  },
+  multipleLanguages: {
+    id: 'compose.language_dropdown.more_languages',
+    defaultMessage: '{count, plural, one {# more language} other {# more languages}}',
+  },
   search: { id: 'compose.language_dropdown.search', defaultMessage: 'Search language…' },
   clear: { id: 'search.clear', defaultMessage: 'Clear input' },
   addLanguage: { id: 'compose.language_dropdown.add_language', defaultMessage: 'Add language' },
-  deleteLanguage: { id: 'compose.language_dropdown.delete_language', defaultMessage: 'Delete language' },
+  deleteLanguage: {
+    id: 'compose.language_dropdown.delete_language',
+    defaultMessage: 'Delete language',
+  },
 });
 
 interface ILanguageDropdown {
   handleClose: () => any;
 }
 
-const getLanguageDropdown = (composeId: string): React.FC<ILanguageDropdown> => ({ handleClose: handleMenuClose }) => {
-  const intl = useIntl();
-  const features = useFeatures();
-  const dispatch = useAppDispatch();
-  const settings = useSettings();
-  const frequentlyUsedLanguages = useMemo(() => getFrequentlyUsedLanguages(settings.frequentlyUsedLanguages), [settings.frequentlyUsedLanguages]);
+const getLanguageDropdown =
+  (composeId: string): React.FC<ILanguageDropdown> =>
+  ({ handleClose: handleMenuClose }) => {
+    const intl = useIntl();
+    const features = useFeatures();
+    const dispatch = useAppDispatch();
+    const settings = useSettings();
+    const frequentlyUsedLanguages = useMemo(
+      () => getFrequentlyUsedLanguages(settings.frequentlyUsedLanguages),
+      [settings.frequentlyUsedLanguages],
+    );
 
-  const node = useRef<HTMLDivElement>(null);
-  const focusedItem = useRef<HTMLButtonElement>(null);
+    const node = useRef<HTMLDivElement>(null);
+    const focusedItem = useRef<HTMLButtonElement>(null);
 
-  const [searchValue, setSearchValue] = useState('');
+    const [searchValue, setSearchValue] = useState('');
 
-  const {
-    language,
-    modifiedLanguage,
-    textMap,
-  } = useCompose(composeId);
+    const { language, modifiedLanguage, textMap } = useCompose(composeId);
 
-  const hasMultipleLanguages = !!Object.keys(textMap).length;
+    const hasMultipleLanguages = !!Object.keys(textMap).length;
 
-  const handleOptionClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
-    const value = (e.currentTarget as HTMLElement)?.getAttribute('data-index') as Language;
+    const handleOptionClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
+      const value = (e.currentTarget as HTMLElement)?.getAttribute('data-index') as Language;
 
-    if (Object.keys(textMap).length) {
-      if (!(value in textMap || language === value)) return;
+      if (Object.keys(textMap).length) {
+        if (!(value in textMap || language === value)) return;
 
-      dispatch(changeComposeModifiedLanguage(composeId, value));
-    } else {
-      dispatch(changeComposeLanguage(composeId, value));
-    }
+        dispatch(changeComposeModifiedLanguage(composeId, value));
+      } else {
+        dispatch(changeComposeLanguage(composeId, value));
+      }
 
-    e.preventDefault();
+      e.preventDefault();
 
-    handleClose();
-  };
+      handleClose();
+    };
 
-  const handleAddLanguageClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
-    const value = (e.currentTarget as HTMLElement)?.parentElement?.getAttribute('data-index') as Language;
+    const handleAddLanguageClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
+      const value = (e.currentTarget as HTMLElement)?.parentElement?.getAttribute(
+        'data-index',
+      ) as Language;
 
-    e.preventDefault();
-    e.stopPropagation();
+      e.preventDefault();
+      e.stopPropagation();
 
-    dispatch(addComposeLanguage(composeId, value));
-  };
+      dispatch(addComposeLanguage(composeId, value));
+    };
 
-  const handleDeleteLanguageClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
-    const value = (e.currentTarget as HTMLElement)?.parentElement?.getAttribute('data-index') as Language;
+    const handleDeleteLanguageClick: React.EventHandler<any> = (e: MouseEvent | KeyboardEvent) => {
+      const value = (e.currentTarget as HTMLElement)?.parentElement?.getAttribute(
+        'data-index',
+      ) as Language;
 
-    e.preventDefault();
-    e.stopPropagation();
+      e.preventDefault();
+      e.stopPropagation();
 
-    dispatch(deleteComposeLanguage(composeId, value));
-  };
+      dispatch(deleteComposeLanguage(composeId, value));
+    };
 
-  const handleClear: React.MouseEventHandler = (e) => {
-    e.preventDefault();
-    e.stopPropagation();
+    const handleClear: React.MouseEventHandler = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
 
-    setSearchValue('');
-  };
+      setSearchValue('');
+    };
 
-  const search = (value: string) => {
-    if (value === '') {
-      return [...languages].sort((a, b) => {
-        // Push current selection to the top of the list
+    const search = (value: string) => {
+      if (value === '') {
+        return [...languages].sort((a, b) => {
+          // Push current selection to the top of the list
 
-        if (a[0] in textMap) {
-          if (b[0] === language) return 1;
-          return -1;
-        }
-        if (b[0] in textMap) {
-          if (a[0] === language) return -1;
-          return 1;
-        }
-        if (a[0] === language) {
-          return -1;
-        } else if (b[0] === language) {
-          return 1;
-        } else {
-          // Sort according to frequently used languages
+          if (a[0] in textMap) {
+            if (b[0] === language) return 1;
+            return -1;
+          }
+          if (b[0] in textMap) {
+            if (a[0] === language) return -1;
+            return 1;
+          }
+          if (a[0] === language) {
+            return -1;
+          } else if (b[0] === language) {
+            return 1;
+          } else {
+            // Sort according to frequently used languages
 
-          const indexOfA = frequentlyUsedLanguages.indexOf(a[0]);
-          const indexOfB = frequentlyUsedLanguages.indexOf(b[0]);
+            const indexOfA = frequentlyUsedLanguages.indexOf(a[0]);
+            const indexOfB = frequentlyUsedLanguages.indexOf(b[0]);
 
-          return ((indexOfA > -1 ? indexOfA : Infinity) - (indexOfB > -1 ? indexOfB : Infinity));
-        }
-      });
-    }
+            return (indexOfA > -1 ? indexOfA : Infinity) - (indexOfB > -1 ? indexOfB : Infinity);
+          }
+        });
+      }
 
-    return fuzzysort.go(value, languages, {
-      keys: ['0', '1'],
-      limit: 5,
-      threshold: -10000,
-    }).map(result => result.obj);
-  };
+      return fuzzysort
+        .go(value, languages, {
+          keys: ['0', '1'],
+          limit: 5,
+          threshold: -10000,
+        })
+        .map((result) => result.obj);
+    };
 
-  const handleClose = () => {
-    setSearchValue('');
-    handleMenuClose();
-  };
+    const handleClose = () => {
+      setSearchValue('');
+      handleMenuClose();
+    };
 
-  useEffect(() => {
-    if (node.current) {
-      (node.current?.querySelector('div[aria-selected=true]') as HTMLDivElement)?.focus();
-    }
-  }, [node.current]);
+    useEffect(() => {
+      if (node.current) {
+        (node.current?.querySelector('div[aria-selected=true]') as HTMLDivElement)?.focus();
+      }
+    }, [node.current]);
 
-  const isSearching = searchValue !== '';
+    const isSearching = searchValue !== '';
 
-  const deferredSearchValue = useDeferredValue(searchValue);
-  const results = useMemo(() => search(deferredSearchValue), [deferredSearchValue]);
+    const deferredSearchValue = useDeferredValue(searchValue);
+    const results = useMemo(() => search(deferredSearchValue), [deferredSearchValue]);
 
-  return (
-    <>
-      <label className='⁂-language-dropdown__search'>
-        <span>{intl.formatMessage(messages.search)}</span>
+    return (
+      <>
+        <label className='⁂-language-dropdown__search'>
+          <span>{intl.formatMessage(messages.search)}</span>
 
-        <Input
-          className='w-64'
-          type='text'
-          value={searchValue}
-          onChange={({ target }) =>{
-            setSearchValue(target.value);
-          }}
-          outerClassName='mt-0'
-          placeholder={intl.formatMessage(messages.search)}
-        />
-        <button
-          tabIndex={0}
-          onClick={handleClear}
-          title={isSearching ? intl.formatMessage(messages.clear) : intl.formatMessage(messages.search)}
-        >
-          <Icon
-            src={isSearching ? require('@phosphor-icons/core/regular/backspace.svg') : require('@phosphor-icons/core/regular/magnifying-glass.svg')}
-            aria-hidden
+          <Input
+            className='w-64'
+            type='text'
+            value={searchValue}
+            onChange={({ target }) => {
+              setSearchValue(target.value);
+            }}
+            outerClassName='mt-0'
+            placeholder={intl.formatMessage(messages.search)}
           />
-        </button>
-      </label>
-      <div className='⁂-language-dropdown__options' ref={node} tabIndex={-1}>
-        {results.map(([code, name]) => {
-          const active = code === language;
-          const modified = code === modifiedLanguage;
+          <button
+            tabIndex={0}
+            onClick={handleClear}
+            title={
+              isSearching ? intl.formatMessage(messages.clear) : intl.formatMessage(messages.search)
+            }
+          >
+            <Icon
+              src={
+                isSearching
+                  ? require('@phosphor-icons/core/regular/backspace.svg')
+                  : require('@phosphor-icons/core/regular/magnifying-glass.svg')
+              }
+              aria-hidden
+            />
+          </button>
+        </label>
+        <div className='⁂-language-dropdown__options' ref={node} tabIndex={-1}>
+          {results.map(([code, name]) => {
+            const active = code === language;
+            const modified = code === modifiedLanguage;
 
-          return (
-            <button
-              role='option'
-              tabIndex={0}
-              key={code}
-              data-index={code}
-              onClick={handleOptionClick}
-              className={clsx(
-                '⁂-language-dropdown__option',
-                {
+            return (
+              <button
+                role='option'
+                tabIndex={0}
+                key={code}
+                data-index={code}
+                onClick={handleOptionClick}
+                className={clsx('⁂-language-dropdown__option', {
                   '⁂-language-dropdown__option--modified': modified,
-                  '⁂-language-dropdown__option--available': !hasMultipleLanguages || code in textMap,
+                  '⁂-language-dropdown__option--available':
+                    !hasMultipleLanguages || code in textMap,
                   '⁂-language-dropdown__option--active': active,
-                },
-              )}
-              aria-selected={active}
-              ref={active ? focusedItem : null}
-            >
-              <div className='⁂-language-dropdown__option__name'>
-                {name}
-              </div>
-              {features.multiLanguage && !!language && !active && (
-                code in textMap ? (
-                  <button title={intl.formatMessage(messages.deleteLanguage)} onClick={handleDeleteLanguageClick}>
-                    <Icon src={require('@phosphor-icons/core/regular/minus.svg')} />
-                  </button>
-                ) : (
-                  <button title={intl.formatMessage(messages.addLanguage)} onClick={handleAddLanguageClick}>
-                    <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
-                  </button>
-                )
-              )}
-            </button>
-          );
-        })}
-      </div>
-    </>
-  );
-};
+                })}
+                aria-selected={active}
+                ref={active ? focusedItem : null}
+              >
+                <div className='⁂-language-dropdown__option__name'>{name}</div>
+                {features.multiLanguage &&
+                  !!language &&
+                  !active &&
+                  (code in textMap ? (
+                    <button
+                      title={intl.formatMessage(messages.deleteLanguage)}
+                      onClick={handleDeleteLanguageClick}
+                    >
+                      <Icon src={require('@phosphor-icons/core/regular/minus.svg')} />
+                    </button>
+                  ) : (
+                    <button
+                      title={intl.formatMessage(messages.addLanguage)}
+                      onClick={handleAddLanguageClick}
+                    >
+                      <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
+                    </button>
+                  ))}
+              </button>
+            );
+          })}
+        </div>
+      </>
+    );
+  };
 
 interface ILanguageDropdownButton {
   composeId: string;
@@ -226,33 +255,29 @@ interface ILanguageDropdownButton {
 const LanguageDropdownButton: React.FC<ILanguageDropdownButton> = ({ composeId, compact }) => {
   const intl = useIntl();
 
-  const {
-    language,
-    modifiedLanguage,
-    suggestedLanguage,
-    textMap,
-  } = useCompose(composeId);
+  const { language, modifiedLanguage, suggestedLanguage, textMap } = useCompose(composeId);
 
   const languagesCount = Object.keys(textMap).length;
 
   let buttonLabel = compact ? undefined : intl.formatMessage(messages.languagePrompt);
   if (language) {
     const list: string[] = [languagesObject[(modifiedLanguage ?? language) as Language]];
-    if (languagesCount) list.push(intl.formatMessage(messages.multipleLanguages, {
-      count: languagesCount,
-    }));
+    if (languagesCount)
+      list.push(
+        intl.formatMessage(messages.multipleLanguages, {
+          count: languagesCount,
+        }),
+      );
     buttonLabel = intl.formatList(list);
-  } else if (suggestedLanguage) buttonLabel = intl.formatMessage(messages.languageSuggestion, {
-    language: languagesObject[suggestedLanguage as Language] || suggestedLanguage,
-  });
+  } else if (suggestedLanguage)
+    buttonLabel = intl.formatMessage(messages.languageSuggestion, {
+      language: languagesObject[suggestedLanguage as Language] || suggestedLanguage,
+    });
 
   const LanguageDropdown = useMemo(() => getLanguageDropdown(composeId), [composeId]);
 
   return (
-    <DropdownMenu
-      component={LanguageDropdown}
-      className='⁂-language-dropdown'
-    >
+    <DropdownMenu component={LanguageDropdown} className='⁂-language-dropdown'>
       <button title={intl.formatMessage(messages.languagePrompt)}>
         <Icon src={require('@phosphor-icons/core/regular/translate.svg')} aria-hidden />
         {buttonLabel}
@@ -260,7 +285,6 @@ const LanguageDropdownButton: React.FC<ILanguageDropdownButton> = ({ composeId,
       </button>
     </DropdownMenu>
   );
-
 };
 
 export { LanguageDropdownButton as default };
diff --git a/packages/pl-fe/src/features/compose/components/location-button.tsx b/packages/pl-fe/src/features/compose/components/location-button.tsx
index 9bea1f7fb..cc6584c10 100644
--- a/packages/pl-fe/src/features/compose/components/location-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/location-button.tsx
@@ -8,8 +8,14 @@ import { useCompose } from '@/hooks/use-compose';
 import ComposeFormButton from './compose-form-button';
 
 const messages = defineMessages({
-  show_location_picker: { id: 'location_button.show_location_picker', defaultMessage: 'Show location picker' },
-  hide_location_picker: { id: 'location_button.hide_location_picker', defaultMessage: 'Hide location picker' },
+  show_location_picker: {
+    id: 'location_button.show_location_picker',
+    defaultMessage: 'Show location picker',
+  },
+  hide_location_picker: {
+    id: 'location_button.hide_location_picker',
+    defaultMessage: 'Hide location picker',
+  },
 });
 
 interface ILocationButton {
@@ -40,7 +46,9 @@ const LocationButton: React.FC<ILocationButton> = ({ composeId }) => {
   return (
     <ComposeFormButton
       icon={require('@phosphor-icons/core/regular/map-pin.svg')}
-      title={intl.formatMessage(active ? messages.hide_location_picker : messages.show_location_picker)}
+      title={intl.formatMessage(
+        active ? messages.hide_location_picker : messages.show_location_picker,
+      )}
       active={active}
       onClick={onClick}
     />
diff --git a/packages/pl-fe/src/features/compose/components/location-form.tsx b/packages/pl-fe/src/features/compose/components/location-form.tsx
index 90619db4d..1a374c9bf 100644
--- a/packages/pl-fe/src/features/compose/components/location-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/location-form.tsx
@@ -39,21 +39,29 @@ const LocationForm: React.FC<ILocationForm> = ({ composeId }) => {
     <div className='⁂-compose-form__schedule'>
       {location ? (
         <HStack className='h-[38px] text-gray-700 dark:text-gray-500' alignItems='center' space={2}>
-          <Icon src={ADDRESS_ICONS[location.type] || require('@phosphor-icons/core/regular/map-pin.svg')} />
+          <Icon
+            src={
+              ADDRESS_ICONS[location.type] || require('@phosphor-icons/core/regular/map-pin.svg')
+            }
+          />
           <Stack className='grow'>
             <Text>{location.description}</Text>
-            <Text theme='muted' size='xs'>{[location.street, location.locality, location.country].filter(val => val?.trim()).join(' · ')}</Text>
+            <Text theme='muted' size='xs'>
+              {[location.street, location.locality, location.country]
+                .filter((val) => val?.trim())
+                .join(' · ')}
+            </Text>
           </Stack>
           <IconButton
-            title={intl.formatMessage(messages.resetLocation)} src={require('@phosphor-icons/core/regular/x.svg')} onClick={() =>{
+            title={intl.formatMessage(messages.resetLocation)}
+            src={require('@phosphor-icons/core/regular/x.svg')}
+            onClick={() => {
               onChangeLocation(null);
             }}
           />
         </HStack>
       ) : (
-        <LocationSearch
-          onSelected={onChangeLocation}
-        />
+        <LocationSearch onSelected={onChangeLocation} />
       )}
     </div>
   );
diff --git a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
index 0fb586d0a..29bf98102 100644
--- a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
@@ -4,9 +4,18 @@ import { defineMessages, useIntl } from 'react-intl';
 import Select from '@/components/ui/select';
 
 const messages = defineMessages({
-  minutes: { id: 'intervals.full.minutes', defaultMessage: '{number, plural, one {# minute} other {# minutes}}' },
-  hours: { id: 'intervals.full.hours', defaultMessage: '{number, plural, one {# hour} other {# hours}}' },
-  days: { id: 'intervals.full.days', defaultMessage: '{number, plural, one {# day} other {# days}}' },
+  minutes: {
+    id: 'intervals.full.minutes',
+    defaultMessage: '{number, plural, one {# minute} other {# minutes}}',
+  },
+  hours: {
+    id: 'intervals.full.hours',
+    defaultMessage: '{number, plural, one {# hour} other {# hours}}',
+  },
+  days: {
+    id: 'intervals.full.days',
+    defaultMessage: '{number, plural, one {# day} other {# days}}',
+  },
 });
 
 interface IDurationSelector {
@@ -21,7 +30,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
   const [hours, setHours] = useState<number>(Math.floor((value % (24 * 60 * 60)) / (60 * 60)));
   const [minutes, setMinutes] = useState<number>(Math.floor((value % (60 * 60)) / 60));
 
-  const newValue = (days * 24 * 60 * 60) + (hours * 60 * 60) + (minutes * 60);
+  const newValue = days * 24 * 60 * 60 + hours * 60 * 60 + minutes * 60;
 
   useEffect(() => {
     if (days === 7) {
@@ -39,7 +48,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={days}
-          onChange={(event) =>{
+          onChange={(event) => {
             setDays(Number(event.target.value));
           }}
           data-testid='duration-selector-days'
@@ -55,7 +64,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={hours}
-          onChange={(event) =>{
+          onChange={(event) => {
             setHours(Number(event.target.value));
           }}
           disabled={days === 7}
@@ -72,7 +81,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
       <div className='sm:col-span-1'>
         <Select
           value={minutes}
-          onChange={(event) =>{
+          onChange={(event) => {
             setMinutes(Number(event.target.value));
           }}
           disabled={days === 7}
diff --git a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
index 55f5f55e6..528ef02d2 100644
--- a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
@@ -1,7 +1,16 @@
 import React from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { addPollOption, changePollOption, changePollSettings, clearComposeSuggestions, fetchComposeSuggestions, removePoll, removePollOption, selectComposeSuggestion } from '@/actions/compose';
+import {
+  addPollOption,
+  changePollOption,
+  changePollSettings,
+  clearComposeSuggestions,
+  fetchComposeSuggestions,
+  removePoll,
+  removePollOption,
+  selectComposeSuggestion,
+} from '@/actions/compose';
 import AutosuggestInput from '@/components/autosuggest-input';
 import Button from '@/components/ui/button';
 import Divider from '@/components/ui/divider';
@@ -18,17 +27,38 @@ import DurationSelector from './duration-selector';
 import type { AutoSuggestion } from '@/components/autosuggest-input';
 
 const messages = defineMessages({
-  option_placeholder: { id: 'compose_form.poll.option_placeholder', defaultMessage: 'Answer #{number}' },
+  option_placeholder: {
+    id: 'compose_form.poll.option_placeholder',
+    defaultMessage: 'Answer #{number}',
+  },
   add_option: { id: 'compose_form.poll.add_option', defaultMessage: 'Add an answer' },
   pollDuration: { id: 'compose_form.poll.duration', defaultMessage: 'Poll duration' },
   removePoll: { id: 'compose_form.poll.remove', defaultMessage: 'Remove poll' },
-  switchToMultiple: { id: 'compose_form.poll.switch_to_multiple', defaultMessage: 'Change poll to allow multiple answers' },
-  switchToSingle: { id: 'compose_form.poll.switch_to_single', defaultMessage: 'Change poll to allow for a single answer' },
-  minutes: { id: 'intervals.full.minutes', defaultMessage: '{number, plural, one {# minute} other {# minutes}}' },
-  hours: { id: 'intervals.full.hours', defaultMessage: '{number, plural, one {# hour} other {# hours}}' },
-  days: { id: 'intervals.full.days', defaultMessage: '{number, plural, one {# day} other {# days}}' },
+  switchToMultiple: {
+    id: 'compose_form.poll.switch_to_multiple',
+    defaultMessage: 'Change poll to allow multiple answers',
+  },
+  switchToSingle: {
+    id: 'compose_form.poll.switch_to_single',
+    defaultMessage: 'Change poll to allow for a single answer',
+  },
+  minutes: {
+    id: 'intervals.full.minutes',
+    defaultMessage: '{number, plural, one {# minute} other {# minutes}}',
+  },
+  hours: {
+    id: 'intervals.full.hours',
+    defaultMessage: '{number, plural, one {# hour} other {# hours}}',
+  },
+  days: {
+    id: 'intervals.full.days',
+    defaultMessage: '{number, plural, one {# day} other {# days}}',
+  },
   multiSelect: { id: 'compose_form.poll.multiselect', defaultMessage: 'Multi-Select' },
-  multiSelectDetail: { id: 'compose_form.poll.multiselect_detail', defaultMessage: 'Allow users to select multiple answers' },
+  multiSelectDetail: {
+    id: 'compose_form.poll.multiselect_detail',
+    defaultMessage: 'Allow users to select multiple answers',
+  },
 });
 
 interface IOption {
@@ -57,7 +87,7 @@ const Option: React.FC<IOption> = ({
 
   const { suggestions, modifiedLanguage: language } = useCompose(composeId);
 
-  const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) =>{
+  const handleOptionTitleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     onChange(index, event.target.value);
   };
 
@@ -71,13 +101,19 @@ const Option: React.FC<IOption> = ({
 
   const onSuggestionsClearRequested = () => dispatch(clearComposeSuggestions(composeId));
 
-  const onSuggestionsFetchRequested = (token: string) =>{
+  const onSuggestionsFetchRequested = (token: string) => {
     dispatch(fetchComposeSuggestions(composeId, token));
   };
 
-  const onSuggestionSelected = (tokenStart: number, token: string | null, value: AutoSuggestion) => {
+  const onSuggestionSelected = (
+    tokenStart: number,
+    token: string | null,
+    value: AutoSuggestion,
+  ) => {
     if (token && typeof token === 'string') {
-      dispatch(selectComposeSuggestion(composeId, tokenStart, token, value, ['poll', 'options', index]));
+      dispatch(
+        selectComposeSuggestion(composeId, tokenStart, token, value, ['poll', 'options', index]),
+      );
     }
   };
 
@@ -107,7 +143,10 @@ const Option: React.FC<IOption> = ({
       {index > 1 && (
         <div>
           <Button theme='danger' size='sm' onClick={handleOptionRemove}>
-            <FormattedMessage id='compose_form.poll.remove_option' defaultMessage='Remove this answer' />
+            <FormattedMessage
+              id='compose_form.poll.remove_option'
+              defaultMessage='Remove this answer'
+            />
           </Button>
         </div>
       )}
@@ -126,17 +165,19 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
 
   const { poll, language, modifiedLanguage } = useCompose(composeId);
 
-  const options = !modifiedLanguage || modifiedLanguage === language ? poll?.options : poll?.options_map.map((option, key) => option[modifiedLanguage] || poll.options[key]);
+  const options =
+    !modifiedLanguage || modifiedLanguage === language
+      ? poll?.options
+      : poll?.options_map.map((option, key) => option[modifiedLanguage] || poll.options[key]);
   const expiresIn = poll?.expires_in;
   const isMultiple = poll?.multiple;
 
-  const {
-    max_options: maxOptions,
-    max_characters_per_option: maxOptionChars,
-  } = configuration.polls;
+  const { max_options: maxOptions, max_characters_per_option: maxOptionChars } =
+    configuration.polls;
 
   const onRemoveOption = (index: number) => dispatch(removePollOption(composeId, index));
-  const onChangeOption = (index: number, title: string) => dispatch(changePollOption(composeId, index, title));
+  const onChangeOption = (index: number, title: string) =>
+    dispatch(changePollOption(composeId, index, title));
   const handleAddOption = () => dispatch(addPollOption(composeId, ''));
   const onChangeSettings = (expiresIn: number, isMultiple?: boolean) =>
     dispatch(changePollSettings(composeId, expiresIn, isMultiple));
@@ -169,12 +210,7 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
           <div className='w-6' />
 
           {options.length < maxOptions && (
-            <Button
-              theme='secondary'
-              onClick={handleAddOption}
-              size='sm'
-              block
-            >
+            <Button theme='secondary' onClick={handleAddOption} size='sm' block>
               <FormattedMessage {...messages.add_option} />
             </Button>
           )}
@@ -186,9 +222,7 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
       <button type='button' onClick={handleToggleMultiple} className='text-start'>
         <HStack alignItems='center' justifyContent='between'>
           <Stack>
-            <Text weight='medium'>
-              {intl.formatMessage(messages.multiSelect)}
-            </Text>
+            <Text weight='medium'>{intl.formatMessage(messages.multiSelect)}</Text>
 
             <Text theme='muted' size='sm'>
               {intl.formatMessage(messages.multiSelectDetail)}
@@ -203,11 +237,12 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
 
       {/* Duration */}
       <Stack space={2}>
-        <Text weight='medium'>
-          {intl.formatMessage(messages.pollDuration)}
-        </Text>
+        <Text weight='medium'>{intl.formatMessage(messages.pollDuration)}</Text>
 
-        <DurationSelector onDurationChange={handleSelectDuration} value={expiresIn ?? (2 * 24 * 60 * 60)} />
+        <DurationSelector
+          onDurationChange={handleSelectDuration}
+          value={expiresIn ?? 2 * 24 * 60 * 60}
+        />
       </Stack>
 
       {/* Remove Poll */}
diff --git a/packages/pl-fe/src/features/compose/components/privacy-dropdown.tsx b/packages/pl-fe/src/features/compose/components/privacy-dropdown.tsx
index 3378ad1b4..1dac277fb 100644
--- a/packages/pl-fe/src/features/compose/components/privacy-dropdown.tsx
+++ b/packages/pl-fe/src/features/compose/components/privacy-dropdown.tsx
@@ -21,9 +21,15 @@ const messages = defineMessages({
   private_short: { id: 'privacy.private.short', defaultMessage: 'Followers-only' },
   private_long: { id: 'privacy.private.long', defaultMessage: 'Post to followers only' },
   conversation_short: { id: 'privacy.conversation.short', defaultMessage: 'Conversation' },
-  conversation_long: { id: 'privacy.conversation.long', defaultMessage: 'Post to recipients of the parent post' },
+  conversation_long: {
+    id: 'privacy.conversation.long',
+    defaultMessage: 'Post to recipients of the parent post',
+  },
   mutuals_only_short: { id: 'privacy.mutuals_only.short', defaultMessage: 'Mutuals-only' },
-  mutuals_only_long: { id: 'privacy.mutuals_only.long', defaultMessage: 'Post to mutually followed users only' },
+  mutuals_only_long: {
+    id: 'privacy.mutuals_only.long',
+    defaultMessage: 'Post to mutually followed users only',
+  },
   direct_short: { id: 'privacy.direct.short', defaultMessage: 'Private mention' },
   direct_long: { id: 'privacy.direct.long', defaultMessage: 'Visible to mentioned users only' },
   local_short: { id: 'privacy.local.short', defaultMessage: 'Local-only' },
@@ -33,7 +39,10 @@ const messages = defineMessages({
   circle_short: { id: 'privacy.circle.short', defaultMessage: 'Circle only' },
   circle_long: { id: 'privacy.circle.long', defaultMessage: 'Visible to members of a circle' },
   subscribers_short: { id: 'privacy.subscribers.short', defaultMessage: 'Subscribers-only' },
-  subscribers_long: { id: 'privacy.subscribers.long', defaultMessage: 'Post to users subscribing you only' },
+  subscribers_long: {
+    id: 'privacy.subscribers.long',
+    defaultMessage: 'Post to users subscribing you only',
+  },
 
   change_privacy: { id: 'privacy.change', defaultMessage: 'Adjust post privacy' },
   local: { id: 'privacy.local', defaultMessage: '{privacy} (local-only)' },
@@ -47,88 +56,104 @@ interface Option {
   items?: Array<Omit<Option, 'items'>>;
 }
 
-const getItems = (features: Features, lists: ReturnType<typeof getOrderedLists>, circles: Array<Circle>, isReply: boolean, intl: IntlShape) => [
-  {
-    icon: require('@phosphor-icons/core/regular/globe.svg'),
-    value: 'public',
-    text: intl.formatMessage(messages.public_short),
-    meta: intl.formatMessage(messages.public_long),
-  },
-  {
-    icon: require('@phosphor-icons/core/regular/moon.svg'),
-    value: 'unlisted',
-    text: intl.formatMessage(messages.unlisted_short),
-    meta: intl.formatMessage(messages.unlisted_long),
-  },
-  {
-    icon: require('@phosphor-icons/core/regular/lock.svg'),
-    value: 'private',
-    text: intl.formatMessage(messages.private_short),
-    meta: intl.formatMessage(messages.private_long),
-  },
-  isReply && features.createStatusConversationScope ? {
-    icon: require('@phosphor-icons/core/regular/chats-circle.svg'),
-    value: 'conversation',
-    text: intl.formatMessage(messages.conversation_short),
-    meta: intl.formatMessage(messages.conversation_long),
-  } : undefined,
-  features.createStatusMutualsOnlyScope ? {
-    icon: require('@phosphor-icons/core/regular/users-three.svg'),
-    value: 'mutuals_only',
-    text: intl.formatMessage(messages.mutuals_only_short),
-    meta: intl.formatMessage(messages.mutuals_only_long),
-  } : undefined,
-  features.createStatusSubscribersScope ? {
-    icon: require('@phosphor-icons/core/regular/coins.svg'),
-    value: 'subscribers',
-    text: intl.formatMessage(messages.subscribers_short),
-    meta: intl.formatMessage(messages.subscribers_long),
-  } : undefined,
-  {
-    icon: require('@phosphor-icons/core/regular/at.svg'),
-    value: 'direct',
-    text: intl.formatMessage(messages.direct_short),
-    meta: intl.formatMessage(messages.direct_long),
-  },
-  features.createStatusLocalScope ? {
-    icon: require('@phosphor-icons/core/regular/planet.svg'),
-    value: 'local',
-    text: intl.formatMessage(messages.local_short),
-    meta: intl.formatMessage(messages.local_long),
-  } : undefined,
-  features.createStatusListScope && Object.keys(lists).length ? {
-    icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
-    value: '',
-    items: Object.values(lists).map((list) => ({
-      icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
-      value: `list:${list.id}`,
-      text: list.title,
-    })),
-    text: intl.formatMessage(messages.list_short),
-    meta: intl.formatMessage(messages.list_long),
-  } as Option : undefined,
-  features.circles && Object.keys(circles).length ? {
-    icon: require('@phosphor-icons/core/regular/circles-three.svg'),
-    value: '',
-    items: Object.values(circles).map((circle) => ({
-      icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
-      value: `circle:${circle.id}`,
-      text: circle.title,
-    })),
-    text: intl.formatMessage(messages.circle_short),
-    meta: intl.formatMessage(messages.circle_long),
-  } as Option : undefined,
-].filter((option): option is Option => !!option);
+const getItems = (
+  features: Features,
+  lists: ReturnType<typeof getOrderedLists>,
+  circles: Array<Circle>,
+  isReply: boolean,
+  intl: IntlShape,
+) =>
+  [
+    {
+      icon: require('@phosphor-icons/core/regular/globe.svg'),
+      value: 'public',
+      text: intl.formatMessage(messages.public_short),
+      meta: intl.formatMessage(messages.public_long),
+    },
+    {
+      icon: require('@phosphor-icons/core/regular/moon.svg'),
+      value: 'unlisted',
+      text: intl.formatMessage(messages.unlisted_short),
+      meta: intl.formatMessage(messages.unlisted_long),
+    },
+    {
+      icon: require('@phosphor-icons/core/regular/lock.svg'),
+      value: 'private',
+      text: intl.formatMessage(messages.private_short),
+      meta: intl.formatMessage(messages.private_long),
+    },
+    isReply && features.createStatusConversationScope
+      ? {
+          icon: require('@phosphor-icons/core/regular/chats-circle.svg'),
+          value: 'conversation',
+          text: intl.formatMessage(messages.conversation_short),
+          meta: intl.formatMessage(messages.conversation_long),
+        }
+      : undefined,
+    features.createStatusMutualsOnlyScope
+      ? {
+          icon: require('@phosphor-icons/core/regular/users-three.svg'),
+          value: 'mutuals_only',
+          text: intl.formatMessage(messages.mutuals_only_short),
+          meta: intl.formatMessage(messages.mutuals_only_long),
+        }
+      : undefined,
+    features.createStatusSubscribersScope
+      ? {
+          icon: require('@phosphor-icons/core/regular/coins.svg'),
+          value: 'subscribers',
+          text: intl.formatMessage(messages.subscribers_short),
+          meta: intl.formatMessage(messages.subscribers_long),
+        }
+      : undefined,
+    {
+      icon: require('@phosphor-icons/core/regular/at.svg'),
+      value: 'direct',
+      text: intl.formatMessage(messages.direct_short),
+      meta: intl.formatMessage(messages.direct_long),
+    },
+    features.createStatusLocalScope
+      ? {
+          icon: require('@phosphor-icons/core/regular/planet.svg'),
+          value: 'local',
+          text: intl.formatMessage(messages.local_short),
+          meta: intl.formatMessage(messages.local_long),
+        }
+      : undefined,
+    features.createStatusListScope && Object.keys(lists).length
+      ? ({
+          icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
+          value: '',
+          items: Object.values(lists).map((list) => ({
+            icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
+            value: `list:${list.id}`,
+            text: list.title,
+          })),
+          text: intl.formatMessage(messages.list_short),
+          meta: intl.formatMessage(messages.list_long),
+        } as Option)
+      : undefined,
+    features.circles && Object.keys(circles).length
+      ? ({
+          icon: require('@phosphor-icons/core/regular/circles-three.svg'),
+          value: '',
+          items: Object.values(circles).map((circle) => ({
+            icon: require('@phosphor-icons/core/regular/list-dashes.svg'),
+            value: `circle:${circle.id}`,
+            text: circle.title,
+          })),
+          text: intl.formatMessage(messages.circle_short),
+          meta: intl.formatMessage(messages.circle_long),
+        } as Option)
+      : undefined,
+  ].filter((option): option is Option => !!option);
 
 interface IPrivacyDropdown {
   composeId: string;
   compact?: boolean;
 }
 
-const PrivacyDropdown: React.FC<IPrivacyDropdown> = ({
-  composeId,
-  compact,
-}) => {
+const PrivacyDropdown: React.FC<IPrivacyDropdown> = ({ composeId, compact }) => {
   const intl = useIntl();
   const features = useFeatures();
   const dispatch = useAppDispatch();
@@ -142,42 +167,56 @@ const PrivacyDropdown: React.FC<IPrivacyDropdown> = ({
   const value = compose.visibility;
   const unavailable = !!compose.editedId;
 
-  const onChange = (value: string) => value && dispatch(changeComposeVisibility(composeId,
-    value));
+  const onChange = (value: string) => value && dispatch(changeComposeVisibility(composeId, value));
 
-  const options = useMemo(() => getItems(features, lists, circles, isReply, intl), [features, lists, circles, isReply]);
-  const items: Array<MenuItem> = options.map(item => ({
+  const options = useMemo(
+    () => getItems(features, lists, circles, isReply, intl),
+    [features, lists, circles, isReply],
+  );
+  const items: Array<MenuItem> = options.map((item) => ({
     ...item,
     action: item.value ? () => onChange(item.value) : undefined,
     active: item.value === value || item.items?.some((item) => item.value === value),
-    items: item.items?.map(item => ({
+    items: item.items?.map((item) => ({
       ...item,
       action: item.value ? () => onChange(item.value) : undefined,
       active: item.value === value,
     })),
   }));
 
-  if (features.localOnlyStatuses) items.push({
-    icon: require('@phosphor-icons/core/regular/planet.svg'),
-    text: intl.formatMessage(messages.local_short),
-    meta: intl.formatMessage(messages.local_long),
-    type: 'toggle',
-    checked: compose.localOnly,
-    onChange: () => dispatch(changeComposeFederated(composeId)),
-  });
+  if (features.localOnlyStatuses)
+    items.push({
+      icon: require('@phosphor-icons/core/regular/planet.svg'),
+      text: intl.formatMessage(messages.local_short),
+      meta: intl.formatMessage(messages.local_long),
+      type: 'toggle',
+      checked: compose.localOnly,
+      onChange: () => dispatch(changeComposeFederated(composeId)),
+    });
 
-  const valueOption = useMemo(() => [
-    options,
-    options.filter(option => option.items).map(option => option.items).flat(),
-  ].flat().find(item => item!.value === value), [value, lists, circles]);
+  const valueOption = useMemo(
+    () =>
+      [
+        options,
+        options
+          .filter((option) => option.items)
+          .map((option) => option.items)
+          .flat(),
+      ]
+        .flat()
+        .find((item) => item!.value === value),
+    [value, lists, circles],
+  );
 
   if (unavailable) {
     return null;
   }
 
-  const text = compose.visibility ? valueOption?.text : intl.formatMessage(messages.local, {
-    privacy: valueOption?.text,
-  });
+  const text = compose.visibility
+    ? valueOption?.text
+    : intl.formatMessage(messages.local, {
+        privacy: valueOption?.text,
+      });
 
   return (
     <DropdownMenu items={items} width='16rem'>
diff --git a/packages/pl-fe/src/features/compose/components/reply-group-indicator.tsx b/packages/pl-fe/src/features/compose/components/reply-group-indicator.tsx
index 1722eebe0..7c0d1dd26 100644
--- a/packages/pl-fe/src/features/compose/components/reply-group-indicator.tsx
+++ b/packages/pl-fe/src/features/compose/components/reply-group-indicator.tsx
@@ -16,7 +16,9 @@ const ReplyGroupIndicator = (props: IReplyGroupIndicator) => {
 
   const getStatus = useCallback(makeGetStatus(), []);
 
-  const status = useAppSelector((state) => getStatus(state, { id: state.compose[composeId]?.inReplyToId! }));
+  const status = useAppSelector((state) =>
+    getStatus(state, { id: state.compose[composeId]?.inReplyToId! }),
+  );
   const group = status?.group;
 
   if (!group) {
diff --git a/packages/pl-fe/src/features/compose/components/reply-indicator.tsx b/packages/pl-fe/src/features/compose/components/reply-indicator.tsx
index 11b5645d3..df4fbba4a 100644
--- a/packages/pl-fe/src/features/compose/components/reply-indicator.tsx
+++ b/packages/pl-fe/src/features/compose/components/reply-indicator.tsx
@@ -12,12 +12,30 @@ import type { Status } from '@/normalizers/status';
 
 interface IReplyIndicator {
   className?: string;
-  status?: Pick<Status, 'account_id' | 'content' | 'created_at' | 'emojis' | 'filtered' | 'media_attachments' | 'mentions' | 'search_index' | 'sensitive' | 'spoiler_text' | 'quote_id'>;
+  status?: Pick<
+    Status,
+    | 'account_id'
+    | 'content'
+    | 'created_at'
+    | 'emojis'
+    | 'filtered'
+    | 'media_attachments'
+    | 'mentions'
+    | 'search_index'
+    | 'sensitive'
+    | 'spoiler_text'
+    | 'quote_id'
+  >;
   onCancel?: () => void;
   hideActions: boolean;
 }
 
-const ReplyIndicator: React.FC<IReplyIndicator> = ({ className, status, hideActions, onCancel }) => {
+const ReplyIndicator: React.FC<IReplyIndicator> = ({
+  className,
+  status,
+  hideActions,
+  onCancel,
+}) => {
   const handleClick = () => {
     onCancel!();
   };
@@ -37,7 +55,13 @@ const ReplyIndicator: React.FC<IReplyIndicator> = ({ className, status, hideActi
   }
 
   return (
-    <Stack space={2} className={clsx('max-h-72 overflow-y-auto rounded-lg bg-gray-100 p-4 black:bg-gray-900 dark:bg-gray-800', className)}>
+    <Stack
+      space={2}
+      className={clsx(
+        'max-h-72 overflow-y-auto rounded-lg bg-gray-100 p-4 black:bg-gray-900 dark:bg-gray-800',
+        className,
+      )}
+    >
       <AccountContainer
         {...actions}
         id={status.account_id}
@@ -47,19 +71,16 @@ const ReplyIndicator: React.FC<IReplyIndicator> = ({ className, status, hideActi
         hideActions={hideActions}
       />
 
-      <Markup
-        className='break-words'
-        size='sm'
-        direction={getTextDirection(status.search_index)}
-      >
-        <ParsedContent html={status.content} mentions={status.mentions} hasQuote={!!status.quote_id} emojis={status.emojis} />
+      <Markup className='break-words' size='sm' direction={getTextDirection(status.search_index)}>
+        <ParsedContent
+          html={status.content}
+          mentions={status.mentions}
+          hasQuote={!!status.quote_id}
+          emojis={status.emojis}
+        />
       </Markup>
 
-      {status.media_attachments.length > 0 && (
-        <AttachmentThumbs
-          status={status}
-        />
-      )}
+      {status.media_attachments.length > 0 && <AttachmentThumbs status={status} />}
     </Stack>
   );
 };
diff --git a/packages/pl-fe/src/features/compose/components/reply-mentions.tsx b/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
index 9b7ae1184..8dfaff8f1 100644
--- a/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
+++ b/packages/pl-fe/src/features/compose/components/reply-mentions.tsx
@@ -38,10 +38,7 @@ const ReplyMentions: React.FC<IReplyMentions> = ({ composeId }) => {
   if (to.length === 0) {
     return (
       <a href='#' className='mb-1 text-sm text-gray-700 dark:text-gray-600' onClick={handleClick}>
-        <FormattedMessage
-          id='reply_mentions.reply_empty'
-          defaultMessage='Replying to post'
-        />
+        <FormattedMessage id='reply_mentions.reply_empty' defaultMessage='Replying to post' />
       </a>
     );
   }
@@ -60,7 +57,11 @@ const ReplyMentions: React.FC<IReplyMentions> = ({ composeId }) => {
 
   if (to.length > 2) {
     accounts.push(
-      <FormattedMessage id='reply_mentions.more' defaultMessage='{count} more' values={{ count: to.length - 2 }} />,
+      <FormattedMessage
+        id='reply_mentions.more'
+        defaultMessage='{count} more'
+        values={{ count: to.length - 2 }}
+      />,
     );
   }
 
diff --git a/packages/pl-fe/src/features/compose/components/schedule-form.tsx b/packages/pl-fe/src/features/compose/components/schedule-form.tsx
index e85e95f68..d42f32b38 100644
--- a/packages/pl-fe/src/features/compose/components/schedule-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/schedule-form.tsx
@@ -10,7 +10,8 @@ import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useCompose } from '@/hooks/use-compose';
 import { useFeatures } from '@/hooks/use-features';
 
-const isCurrentOrFutureDate = (date: Date) => (date && new Date().setHours(0, 0, 0, 0) <= new Date(date).setHours(0, 0, 0, 0));
+const isCurrentOrFutureDate = (date: Date) =>
+  date && new Date().setHours(0, 0, 0, 0) <= new Date(date).setHours(0, 0, 0, 0);
 
 const isFiveMinutesFromNow = (selectedDate: Date) => {
   const fiveMinutesFromNow = new Date(new Date().getTime() + 1000 * 60 * 5);
@@ -46,7 +47,9 @@ const ScheduleForm: React.FC<IScheduleForm> = ({ composeId }) => {
   };
 
   const isValidTime = useCallback(
-    (date: Date) => isFiveMinutesFromNow(date) || features.scheduledStatusesBackwards && new Date().getTime() > date.getTime(),
+    (date: Date) =>
+      isFiveMinutesFromNow(date) ||
+      (features.scheduledStatusesBackwards && new Date().getTime() > date.getTime()),
     [features.scheduledStatusesBackwards],
   );
 
diff --git a/packages/pl-fe/src/features/compose/components/sensitive-media-button.tsx b/packages/pl-fe/src/features/compose/components/sensitive-media-button.tsx
index 378493d24..d34d79094 100644
--- a/packages/pl-fe/src/features/compose/components/sensitive-media-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/sensitive-media-button.tsx
@@ -9,7 +9,10 @@ import ComposeFormButton from './compose-form-button';
 
 const messages = defineMessages({
   marked: { id: 'compose_form.sensitive.marked', defaultMessage: 'Media is marked as sensitive' },
-  unmarked: { id: 'compose_form.sensitive.unmarked', defaultMessage: 'Media is not marked as sensitive' },
+  unmarked: {
+    id: 'compose_form.sensitive.unmarked',
+    defaultMessage: 'Media is not marked as sensitive',
+  },
 });
 
 interface ISensitiveMediaButton {
@@ -22,8 +25,7 @@ const SensitiveMediaButton: React.FC<ISensitiveMediaButton> = ({ composeId }) =>
 
   const active = useCompose(composeId).sensitive;
 
-  const onClick = () =>
-    dispatch(changeComposeSpoilerness(composeId));
+  const onClick = () => dispatch(changeComposeSpoilerness(composeId));
 
   return (
     <ComposeFormButton
diff --git a/packages/pl-fe/src/features/compose/components/spoiler-input.tsx b/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
index e9fa791ac..4c9bb40ef 100644
--- a/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
+++ b/packages/pl-fe/src/features/compose/components/spoiler-input.tsx
@@ -10,7 +10,10 @@ const messages = defineMessages({
   placeholder: { id: 'compose_form.spoiler_placeholder', defaultMessage: 'Subject (optional)' },
 });
 
-interface ISpoilerInput extends Pick<IAutosuggestInput, 'onSuggestionsFetchRequested' | 'onSuggestionsClearRequested' | 'onSuggestionSelected' | 'theme'> {
+interface ISpoilerInput extends Pick<
+  IAutosuggestInput,
+  'onSuggestionsFetchRequested' | 'onSuggestionsClearRequested' | 'onSuggestionSelected' | 'theme'
+> {
   composeId: string extends 'default' ? never : string;
 }
 
@@ -24,13 +27,17 @@ const SpoilerInput: React.FC<ISpoilerInput> = ({
 }) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
-  const { language, modifiedLanguage, spoilerText, spoilerTextMap, suggestions } = useCompose(composeId);
+  const { language, modifiedLanguage, spoilerText, spoilerTextMap, suggestions } =
+    useCompose(composeId);
 
   const handleChangeSpoilerText: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     dispatch(changeComposeSpoilerText(composeId, e.target.value));
   };
 
-  const value = !modifiedLanguage || modifiedLanguage === language ? spoilerText : spoilerTextMap[modifiedLanguage] || '';
+  const value =
+    !modifiedLanguage || modifiedLanguage === language
+      ? spoilerText
+      : spoilerTextMap[modifiedLanguage] || '';
 
   return (
     <AutosuggestInput
diff --git a/packages/pl-fe/src/features/compose/components/text-character-counter.tsx b/packages/pl-fe/src/features/compose/components/text-character-counter.tsx
index 6ef20d836..b4a038b8b 100644
--- a/packages/pl-fe/src/features/compose/components/text-character-counter.tsx
+++ b/packages/pl-fe/src/features/compose/components/text-character-counter.tsx
@@ -4,7 +4,10 @@ import { defineMessages, useIntl } from 'react-intl';
 import { length } from 'stringz';
 
 const messages = defineMessages({
-  characterCount: { id: 'compose_form.remaining_character_count', defaultMessage: 'Remaining characters: {value} of {max}' },
+  characterCount: {
+    id: 'compose_form.remaining_character_count',
+    defaultMessage: 'Remaining characters: {value} of {max}',
+  },
 });
 
 interface ITextCharacterCounter {
diff --git a/packages/pl-fe/src/features/compose/components/upload-button.tsx b/packages/pl-fe/src/features/compose/components/upload-button.tsx
index 619718b5f..370a7079b 100644
--- a/packages/pl-fe/src/features/compose/components/upload-button.tsx
+++ b/packages/pl-fe/src/features/compose/components/upload-button.tsx
@@ -54,11 +54,11 @@ const UploadButton: React.FC<IUploadButton> = ({
     return null;
   }
 
-  const src = icon ?? (
-    onlyImages(attachmentTypes)
+  const src =
+    icon ??
+    (onlyImages(attachmentTypes)
       ? require('@phosphor-icons/core/regular/image.svg')
-      : require('@phosphor-icons/core/regular/paperclip.svg')
-  );
+      : require('@phosphor-icons/core/regular/paperclip.svg'));
 
   return (
     <div>
diff --git a/packages/pl-fe/src/features/compose/components/upload-form.tsx b/packages/pl-fe/src/features/compose/components/upload-form.tsx
index 34431024a..4ae9ddcd7 100644
--- a/packages/pl-fe/src/features/compose/components/upload-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/upload-form.tsx
@@ -24,13 +24,19 @@ const UploadForm: React.FC<IUploadForm> = ({ composeId, onSubmit }) => {
   const dragItem = useRef<string | null>();
   const dragOverItem = useRef<string | null>();
 
-  const handleDragStart = useCallback((id: string) => {
-    dragItem.current = id;
-  }, [dragItem]);
+  const handleDragStart = useCallback(
+    (id: string) => {
+      dragItem.current = id;
+    },
+    [dragItem],
+  );
 
-  const handleDragEnter = useCallback((id: string) => {
-    dragOverItem.current = id;
-  }, [dragOverItem]);
+  const handleDragEnter = useCallback(
+    (id: string) => {
+      dragOverItem.current = id;
+    },
+    [dragOverItem],
+  );
 
   const handleDragEnd = useCallback(() => {
     dispatch(changeMediaOrder(composeId, dragItem.current!, dragOverItem.current!));
diff --git a/packages/pl-fe/src/features/compose/components/upload-progress.tsx b/packages/pl-fe/src/features/compose/components/upload-progress.tsx
index ccc655df0..9c6fab332 100644
--- a/packages/pl-fe/src/features/compose/components/upload-progress.tsx
+++ b/packages/pl-fe/src/features/compose/components/upload-progress.tsx
@@ -15,9 +15,7 @@ const ComposeUploadProgress: React.FC<IComposeUploadProgress> = ({ composeId })
     return null;
   }
 
-  return (
-    <UploadProgress progress={progress} />
-  );
+  return <UploadProgress progress={progress} />;
 };
 
 export { ComposeUploadProgress as default };
diff --git a/packages/pl-fe/src/features/compose/components/upload.tsx b/packages/pl-fe/src/features/compose/components/upload.tsx
index d8db1717d..f868bb1de 100644
--- a/packages/pl-fe/src/features/compose/components/upload.tsx
+++ b/packages/pl-fe/src/features/compose/components/upload.tsx
@@ -15,17 +15,32 @@ interface IUploadCompose {
   onDragEnd: () => void;
 }
 
-const UploadCompose: React.FC<IUploadCompose> = ({ composeId, id, onSubmit, onDragStart, onDragEnter, onDragEnd }) => {
+const UploadCompose: React.FC<IUploadCompose> = ({
+  composeId,
+  id,
+  onSubmit,
+  onDragStart,
+  onDragEnter,
+  onDragEnd,
+}) => {
   const dispatch = useAppDispatch();
-  const { pleroma: { metadata: { description_limit: descriptionLimit } } } = useInstance();
+  const {
+    pleroma: {
+      metadata: { description_limit: descriptionLimit },
+    },
+  } = useInstance();
 
-  const media = useCompose(composeId).mediaAttachments.find(item => item.id === id)!;
+  const media = useCompose(composeId).mediaAttachments.find((item) => item.id === id)!;
 
   const handleDescriptionChange = (description: string, position?: [number, number]) => {
-    return dispatch(changeUploadCompose(composeId, media.id, {
-      description,
-      focus: position ? `${((position[0] - 0.5) * 2).toFixed(2)},${((position[1] - 0.5) * -2).toFixed(2)}` : undefined,
-    }));
+    return dispatch(
+      changeUploadCompose(composeId, media.id, {
+        description,
+        focus: position
+          ? `${((position[0] - 0.5) * 2).toFixed(2)},${((position[1] - 0.5) * -2).toFixed(2)}`
+          : undefined,
+      }),
+    );
   };
 
   const handleDelete = () => {
diff --git a/packages/pl-fe/src/features/compose/components/visual-character-counter.tsx b/packages/pl-fe/src/features/compose/components/visual-character-counter.tsx
index bbfaa6c3c..b089b7a0d 100644
--- a/packages/pl-fe/src/features/compose/components/visual-character-counter.tsx
+++ b/packages/pl-fe/src/features/compose/components/visual-character-counter.tsx
@@ -5,7 +5,11 @@ import { length } from 'stringz';
 import ProgressCircle from '@/components/progress-circle';
 
 const messages = defineMessages({
-  title: { id: 'compose.character_counter.title', defaultMessage: 'Used {chars} out of {maxChars} {maxChars, plural, one {character} other {characters}}' },
+  title: {
+    id: 'compose.character_counter.title',
+    defaultMessage:
+      'Used {chars} out of {maxChars} {maxChars, plural, one {character} other {characters}}',
+  },
 });
 
 interface IVisualCharacterCounter {
diff --git a/packages/pl-fe/src/features/compose/components/warning.tsx b/packages/pl-fe/src/features/compose/components/warning.tsx
index 0d2c32b07..6203b40cd 100644
--- a/packages/pl-fe/src/features/compose/components/warning.tsx
+++ b/packages/pl-fe/src/features/compose/components/warning.tsx
@@ -24,21 +24,19 @@ const Warning: React.FC<IWarning> = ({ message, animated: animate }) => {
     immediate: !animate || reduceMotion,
   });
 
-  const className = 'rounded border border-solid border-gray-400 bg-transparent px-2.5 py-2 text-xs text-gray-900 dark:border-gray-800 dark:text-white';
+  const className =
+    'rounded border border-solid border-gray-400 bg-transparent px-2.5 py-2 text-xs text-gray-900 dark:border-gray-800 dark:text-white';
 
   if (!message) return null;
 
-  if (animate) return (
-    <animated.div className={className} style={styles}>
-      {message}
-    </animated.div>
-  );
+  if (animate)
+    return (
+      <animated.div className={className} style={styles}>
+        {message}
+      </animated.div>
+    );
 
-  return (
-    <div className={className}>
-      {message}
-    </div>
-  );
+  return <div className={className}>{message}</div>;
 };
 
 export { Warning as default };
diff --git a/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx b/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx
index 70a24172b..ce74123ef 100644
--- a/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx
+++ b/packages/pl-fe/src/features/compose/containers/preview-compose-container.tsx
@@ -44,10 +44,16 @@ const PreviewComposeContainer: React.FC<IQuotedStatusContainer> = ({ composeId }
     dispatch(cancelPreviewCompose(composeId));
   };
 
-  const status = useMemo(() => previewedStatus ? ({
-    ...previewedStatus,
-    account: previewedStatus.account || ownAccount,
-  }) : null, [previewedStatus, ownAccount]);
+  const status = useMemo(
+    () =>
+      previewedStatus
+        ? {
+            ...previewedStatus,
+            account: previewedStatus.account || ownAccount,
+          }
+        : null,
+    [previewedStatus, ownAccount],
+  );
 
   if (!status) {
     return null;
@@ -57,7 +63,10 @@ const PreviewComposeContainer: React.FC<IQuotedStatusContainer> = ({ composeId }
     <OutlineBox>
       <Stack space={2}>
         <HStack space={1} alignItems='center'>
-          <Icon className='size-4 text-gray-700 dark:text-gray-600' src={require('@phosphor-icons/core/regular/eye.svg')} />
+          <Icon
+            className='size-4 text-gray-700 dark:text-gray-600'
+            src={require('@phosphor-icons/core/regular/eye.svg')}
+          />
           <Text theme='muted' size='sm' className='grow'>
             <FormattedMessage id='compose_form.preview_label' defaultMessage='Preview' />
           </Text>
@@ -80,7 +89,9 @@ const PreviewComposeContainer: React.FC<IQuotedStatusContainer> = ({ composeId }
 
         <StatusReplyMentions status={status} hoverable={false} />
 
-        {status.event ? <EventPreview status={status} hideAction /> : (
+        {status.event ? (
+          <EventPreview status={status} hideAction />
+        ) : (
           <Stack className='relative z-0'>
             <Stack space={4}>
               <StatusContent status={status} isQuote />
diff --git a/packages/pl-fe/src/features/compose/containers/quoted-status-container.tsx b/packages/pl-fe/src/features/compose/containers/quoted-status-container.tsx
index 76f455038..9887194e8 100644
--- a/packages/pl-fe/src/features/compose/containers/quoted-status-container.tsx
+++ b/packages/pl-fe/src/features/compose/containers/quoted-status-container.tsx
@@ -15,7 +15,9 @@ const QuotedStatusContainer: React.FC<IQuotedStatusContainer> = ({ composeId })
   const dispatch = useAppDispatch();
   const getStatus = useCallback(makeGetStatus(), []);
 
-  const status = useAppSelector(state => getStatus(state, { id: state.compose[composeId]?.quoteId! }));
+  const status = useAppSelector((state) =>
+    getStatus(state, { id: state.compose[composeId]?.quoteId! }),
+  );
 
   const onCancel = () => {
     dispatch(cancelQuoteCompose(composeId));
@@ -27,11 +29,7 @@ const QuotedStatusContainer: React.FC<IQuotedStatusContainer> = ({ composeId })
 
   return (
     <div className='mb-2'>
-      <QuotedStatus
-        status={status}
-        onCancel={onCancel}
-        compose
-      />
+      <QuotedStatus status={status} onCancel={onCancel} compose />
     </div>
   );
 };
diff --git a/packages/pl-fe/src/features/compose/containers/reply-indicator-container.tsx b/packages/pl-fe/src/features/compose/containers/reply-indicator-container.tsx
index 8853de5a9..48adced17 100644
--- a/packages/pl-fe/src/features/compose/containers/reply-indicator-container.tsx
+++ b/packages/pl-fe/src/features/compose/containers/reply-indicator-container.tsx
@@ -16,7 +16,7 @@ const ReplyIndicatorContainer: React.FC<IReplyIndicatorContainer> = ({ composeId
   const getStatus = useCallback(makeGetStatus(), []);
 
   const { inReplyToId, editedId } = useCompose(composeId);
-  const status = useAppSelector(state => getStatus(state, { id: inReplyToId! }));
+  const status = useAppSelector((state) => getStatus(state, { id: inReplyToId! }));
   const dispatch = useAppDispatch();
 
   const onCancel = () => {
@@ -25,9 +25,7 @@ const ReplyIndicatorContainer: React.FC<IReplyIndicatorContainer> = ({ composeId
 
   if (!status) return null;
 
-  return (
-    <ReplyIndicator status={status} hideActions={!!editedId} onCancel={onCancel} />
-  );
+  return <ReplyIndicator status={status} hideActions={!!editedId} onCancel={onCancel} />;
 };
 
 export { ReplyIndicatorContainer as default };
diff --git a/packages/pl-fe/src/features/compose/containers/upload-button-container.tsx b/packages/pl-fe/src/features/compose/containers/upload-button-container.tsx
index a7a2bc8f9..5f7a57e7e 100644
--- a/packages/pl-fe/src/features/compose/containers/upload-button-container.tsx
+++ b/packages/pl-fe/src/features/compose/containers/upload-button-container.tsx
@@ -20,7 +20,9 @@ const UploadButtonContainer: React.FC<IUploadButtonContainer> = ({ composeId })
     dispatch(uploadCompose(composeId, files, intl));
   };
 
-  return <UploadButton disabled={isUploading} resetFileKey={resetFileKey} onSelectFile={onSelectFile} />;
+  return (
+    <UploadButton disabled={isUploading} resetFileKey={resetFileKey} onSelectFile={onSelectFile} />
+  );
 };
 
 export { UploadButtonContainer as default };
diff --git a/packages/pl-fe/src/features/compose/containers/warning-container.tsx b/packages/pl-fe/src/features/compose/containers/warning-container.tsx
index 1fd5450ae..1fed10c13 100644
--- a/packages/pl-fe/src/features/compose/containers/warning-container.tsx
+++ b/packages/pl-fe/src/features/compose/containers/warning-container.tsx
@@ -17,26 +17,36 @@ interface IWarningWrapper {
 const WarningWrapper: React.FC<IWarningWrapper> = ({ composeId }) => {
   const compose = useCompose(composeId);
 
-  const needsLockWarning = useAppSelector((state) => (compose.visibility === 'private' || compose.visibility === 'mutuals_only') && !selectOwnAccount(state)!.locked);
-  const hashtagWarning = (compose.visibility !== 'public' && compose.visibility !== 'group') && APPROX_HASHTAG_RE.test(compose.text);
+  const needsLockWarning = useAppSelector(
+    (state) =>
+      (compose.visibility === 'private' || compose.visibility === 'mutuals_only') &&
+      !selectOwnAccount(state)!.locked,
+  );
+  const hashtagWarning =
+    compose.visibility !== 'public' &&
+    compose.visibility !== 'group' &&
+    APPROX_HASHTAG_RE.test(compose.text);
   const directMessageWarning = compose.visibility === 'direct';
 
   if (needsLockWarning) {
     return (
       <Warning
-        message={(
+        message={
           <FormattedMessage
             id='compose_form.lock_disclaimer'
             defaultMessage='Your account is not {locked}. Anyone can follow you to view your follower-only posts.'
             values={{
               locked: (
                 <Link className='underline' to='/settings/profile'>
-                  <FormattedMessage id='compose_form.lock_disclaimer.lock' defaultMessage='locked' />
+                  <FormattedMessage
+                    id='compose_form.lock_disclaimer.lock'
+                    defaultMessage='locked'
+                  />
                 </Link>
               ),
             }}
           />
-        )}
+        }
         animated
       />
     );
@@ -45,12 +55,12 @@ const WarningWrapper: React.FC<IWarningWrapper> = ({ composeId }) => {
   if (hashtagWarning) {
     return (
       <Warning
-        message={(
+        message={
           <FormattedMessage
             id='compose_form.hashtag_warning'
             defaultMessage="This post won't be listed under any hashtag as it is unlisted. Only public posts can be searched by hashtag."
           />
-        )}
+        }
         animated
       />
     );
diff --git a/packages/pl-fe/src/features/compose/editor/index.tsx b/packages/pl-fe/src/features/compose/editor/index.tsx
index 8c516868b..f76ab8976 100644
--- a/packages/pl-fe/src/features/compose/editor/index.tsx
+++ b/packages/pl-fe/src/features/compose/editor/index.tsx
@@ -17,7 +17,13 @@ import { ListPlugin } from '@lexical/react/LexicalListPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
 import { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin';
 import clsx from 'clsx';
-import { $createParagraphNode, $createTextNode, $getRoot, type EditorState, type LexicalEditor } from 'lexical';
+import {
+  $createParagraphNode,
+  $createTextNode,
+  $getRoot,
+  type EditorState,
+  type LexicalEditor,
+} from 'lexical';
 import React, { useMemo, useState } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
@@ -39,12 +45,12 @@ import { TRANSFORMERS } from './transformers';
 const LINK_MATCHERS = [
   createLinkMatcherWithRegExp(
     /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/i,
-    (text) => text.startsWith('http') ? text : `https://${text}`,
+    (text) => (text.startsWith('http') ? text : `https://${text}`),
   ),
 ];
 
 const messages = defineMessages({
-  placeholder: { id: 'compose_form.placeholder', defaultMessage: 'What\'s on your mind?' },
+  placeholder: { id: 'compose_form.placeholder', defaultMessage: "What's on your mind?" },
   eventPlaceholder: { id: 'compose_form.event_placeholder', defaultMessage: 'Post to this event' },
   pollPlaceholder: { id: 'compose_form.poll_placeholder', defaultMessage: 'Add a poll topic…' },
 });
@@ -67,7 +73,8 @@ interface IComposeEditor {
 
 const theme: InitialConfigType['theme'] = {
   emoji: 'select-none',
-  hashtag: 'hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400',
+  hashtag:
+    'hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400',
   link: 'hover:underline text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-400',
   text: {
     bold: 'font-bold',
@@ -84,153 +91,166 @@ const theme: InitialConfigType['theme'] = {
   },
 };
 
-const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(({
-  className,
-  editableClassName,
-  placeholderClassName,
-  composeId,
-  condensed,
-  eventDiscussion,
-  hasPoll,
-  autoFocus,
-  handleSubmit,
-  onChange,
-  onFocus,
-  onPaste,
-  placeholder,
-}, ref) => {
-  const dispatch = useAppDispatch();
-  const { contentType, modifiedLanguage: language } = useCompose(composeId);
-  const isWysiwyg = contentType === 'wysiwyg';
-  const previouslyWasWysiwyg = usePrevious(isWysiwyg);
-  const nodes = useNodes(isWysiwyg);
-  const intl = useIntl();
+const ComposeEditor = React.forwardRef<LexicalEditor, IComposeEditor>(
+  (
+    {
+      className,
+      editableClassName,
+      placeholderClassName,
+      composeId,
+      condensed,
+      eventDiscussion,
+      hasPoll,
+      autoFocus,
+      handleSubmit,
+      onChange,
+      onFocus,
+      onPaste,
+      placeholder,
+    },
+    ref,
+  ) => {
+    const dispatch = useAppDispatch();
+    const { contentType, modifiedLanguage: language } = useCompose(composeId);
+    const isWysiwyg = contentType === 'wysiwyg';
+    const previouslyWasWysiwyg = usePrevious(isWysiwyg);
+    const nodes = useNodes(isWysiwyg);
+    const intl = useIntl();
 
-  const [suggestionsHidden, setSuggestionsHidden] = useState(true);
+    const [suggestionsHidden, setSuggestionsHidden] = useState(true);
 
-  const initialConfig = useMemo<InitialConfigType>(() => ({
-    namespace: 'ComposeForm',
-    onError: console.error,
-    nodes,
-    theme,
-    editorState: dispatch((_, getState) => {
-      const state = getState();
-      const compose = state.compose[composeId];
+    const initialConfig = useMemo<InitialConfigType>(
+      () => ({
+        namespace: 'ComposeForm',
+        onError: console.error,
+        nodes,
+        theme,
+        editorState: dispatch((_, getState) => {
+          const state = getState();
+          const compose = state.compose[composeId];
 
-      if (!compose) return;
+          if (!compose) return;
 
-      const editorState = !compose.modifiedLanguage || compose.modifiedLanguage === compose.language
-        ? compose.editorState
-        : compose.editorStateMap[compose.modifiedLanguage] ?? '';
+          const editorState =
+            !compose.modifiedLanguage || compose.modifiedLanguage === compose.language
+              ? compose.editorState
+              : (compose.editorStateMap[compose.modifiedLanguage] ?? '');
 
-      if (editorState && !previouslyWasWysiwyg) {
-        return editorState;
-      }
-
-      return () => {
-        const text = !compose.modifiedLanguage || compose.modifiedLanguage === compose.language
-          ? compose.text
-          : compose.textMap[compose.modifiedLanguage] || '';
-
-        if (isWysiwyg) {
-          $convertFromMarkdownString(text, TRANSFORMERS);
-        } else {
-          const paragraph = $createParagraphNode();
-          const textNode = $createTextNode(text);
-
-          paragraph.append(textNode);
-
-          $getRoot().clear().append(paragraph);
-        }
-      };
-    }),
-  }), [composeId, isWysiwyg]);
-
-  const [floatingAnchorElem, setFloatingAnchorElem] =
-    useState<HTMLDivElement | null>(null);
-
-  const onRef = (_floatingAnchorElem: HTMLDivElement) => {
-    if (_floatingAnchorElem !== null) {
-      setFloatingAnchorElem(_floatingAnchorElem);
-    }
-  };
-
-  const handlePaste: React.ClipboardEventHandler<HTMLDivElement> = (e) => {
-    if (onPaste && e.clipboardData && e.clipboardData.files.length === 1) {
-      onPaste(e.clipboardData.files);
-      e.preventDefault();
-    }
-  };
-
-  const handleChange = (_: EditorState, editor: LexicalEditor) => {
-    if (onChange) {
-      editor.update(() => {
-        onChange($convertToMarkdownString(TRANSFORMERS));
-      });
-    }
-  };
-
-  let textareaPlaceholder = placeholder ?? intl.formatMessage(messages.placeholder);
-
-  if (eventDiscussion) {
-    textareaPlaceholder = intl.formatMessage(messages.eventPlaceholder);
-  } else if (hasPoll) {
-    textareaPlaceholder = intl.formatMessage(messages.pollPlaceholder);
-  }
-
-  return (
-    <LexicalComposer key={isWysiwyg ? 'wysiwyg' : 'no-wysiwyg'} initialConfig={initialConfig}>
-      <div className={clsx('lexical relative', className)} data-markup>
-        <RichTextPlugin
-          contentEditable={
-            <div onFocus={onFocus} onPaste={handlePaste} ref={onRef}>
-              <ContentEditable
-                tabIndex={0}
-                className={clsx(
-                  'relative z-10 text-[1rem] outline-none transition-[min-height] motion-reduce:transition-none',
-                  editableClassName,
-                  {
-                    'min-h-[39px]': condensed,
-                    'min-h-[99px]': !condensed,
-                  },
-                )}
-                lang={language ?? undefined}
-                data-compose-id={composeId}
-                aria-label={textareaPlaceholder}
-                placeholder={<></>}
-                aria-placeholder={textareaPlaceholder}
-              />
-            </div>
+          if (editorState && !previouslyWasWysiwyg) {
+            return editorState;
           }
-          placeholder={(
-            <div className={placeholderClassName} aria-hidden>
-              {textareaPlaceholder}
-            </div>
+
+          return () => {
+            const text =
+              !compose.modifiedLanguage || compose.modifiedLanguage === compose.language
+                ? compose.text
+                : compose.textMap[compose.modifiedLanguage] || '';
+
+            if (isWysiwyg) {
+              $convertFromMarkdownString(text, TRANSFORMERS);
+            } else {
+              const paragraph = $createParagraphNode();
+              const textNode = $createTextNode(text);
+
+              paragraph.append(textNode);
+
+              $getRoot().clear().append(paragraph);
+            }
+          };
+        }),
+      }),
+      [composeId, isWysiwyg],
+    );
+
+    const [floatingAnchorElem, setFloatingAnchorElem] = useState<HTMLDivElement | null>(null);
+
+    const onRef = (_floatingAnchorElem: HTMLDivElement) => {
+      if (_floatingAnchorElem !== null) {
+        setFloatingAnchorElem(_floatingAnchorElem);
+      }
+    };
+
+    const handlePaste: React.ClipboardEventHandler<HTMLDivElement> = (e) => {
+      if (onPaste && e.clipboardData && e.clipboardData.files.length === 1) {
+        onPaste(e.clipboardData.files);
+        e.preventDefault();
+      }
+    };
+
+    const handleChange = (_: EditorState, editor: LexicalEditor) => {
+      if (onChange) {
+        editor.update(() => {
+          onChange($convertToMarkdownString(TRANSFORMERS));
+        });
+      }
+    };
+
+    let textareaPlaceholder = placeholder ?? intl.formatMessage(messages.placeholder);
+
+    if (eventDiscussion) {
+      textareaPlaceholder = intl.formatMessage(messages.eventPlaceholder);
+    } else if (hasPoll) {
+      textareaPlaceholder = intl.formatMessage(messages.pollPlaceholder);
+    }
+
+    return (
+      <LexicalComposer key={isWysiwyg ? 'wysiwyg' : 'no-wysiwyg'} initialConfig={initialConfig}>
+        <div className={clsx('lexical relative', className)} data-markup>
+          <RichTextPlugin
+            contentEditable={
+              <div onFocus={onFocus} onPaste={handlePaste} ref={onRef}>
+                <ContentEditable
+                  tabIndex={0}
+                  className={clsx(
+                    'relative z-10 text-[1rem] outline-none transition-[min-height] motion-reduce:transition-none',
+                    editableClassName,
+                    {
+                      'min-h-[39px]': condensed,
+                      'min-h-[99px]': !condensed,
+                    },
+                  )}
+                  lang={language ?? undefined}
+                  data-compose-id={composeId}
+                  aria-label={textareaPlaceholder}
+                  placeholder={<></>}
+                  aria-placeholder={textareaPlaceholder}
+                />
+              </div>
+            }
+            placeholder={
+              <div className={placeholderClassName} aria-hidden>
+                {textareaPlaceholder}
+              </div>
+            }
+            ErrorBoundary={LexicalErrorBoundary}
+          />
+          <OnChangePlugin onChange={handleChange} />
+          <HistoryPlugin />
+          <HashtagPlugin />
+          <AutosuggestPlugin
+            composeId={composeId}
+            suggestionsHidden={suggestionsHidden}
+            setSuggestionsHidden={setSuggestionsHidden}
+          />
+          <AutoLinkPlugin matchers={LINK_MATCHERS} />
+          {isWysiwyg && <LinkPlugin />}
+          {isWysiwyg && <ListPlugin />}
+          {isWysiwyg && floatingAnchorElem && (
+            <>
+              <FloatingBlockTypeToolbarPlugin anchorElem={floatingAnchorElem} />
+              <FloatingTextFormatToolbarPlugin anchorElem={floatingAnchorElem} />
+              <FloatingLinkEditorPlugin anchorElem={floatingAnchorElem} />
+            </>
           )}
-          ErrorBoundary={LexicalErrorBoundary}
-        />
-        <OnChangePlugin onChange={handleChange} />
-        <HistoryPlugin />
-        <HashtagPlugin />
-        <AutosuggestPlugin composeId={composeId} suggestionsHidden={suggestionsHidden} setSuggestionsHidden={setSuggestionsHidden} />
-        <AutoLinkPlugin matchers={LINK_MATCHERS} />
-        {isWysiwyg && <LinkPlugin />}
-        {isWysiwyg && <ListPlugin />}
-        {isWysiwyg && floatingAnchorElem && (
-          <>
-            <FloatingBlockTypeToolbarPlugin anchorElem={floatingAnchorElem} />
-            <FloatingTextFormatToolbarPlugin anchorElem={floatingAnchorElem} />
-            <FloatingLinkEditorPlugin anchorElem={floatingAnchorElem} />
-          </>
-        )}
-        <StatePlugin composeId={composeId} isWysiwyg={isWysiwyg} />
-        <SubmitPlugin composeId={composeId} handleSubmit={handleSubmit} />
-        <FocusPlugin autoFocus={autoFocus} />
-        <ClearEditorPlugin />
-        <RefPlugin ref={ref} />
-      </div>
-    </LexicalComposer>
-  );
-});
+          <StatePlugin composeId={composeId} isWysiwyg={isWysiwyg} />
+          <SubmitPlugin composeId={composeId} handleSubmit={handleSubmit} />
+          <FocusPlugin autoFocus={autoFocus} />
+          <ClearEditorPlugin />
+          <RefPlugin ref={ref} />
+        </div>
+      </LexicalComposer>
+    );
+  },
+);
 
 export { ComposeEditor as default };
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/emoji-node.tsx b/packages/pl-fe/src/features/compose/editor/nodes/emoji-node.tsx
index bf91e5d09..e51df96b3 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/emoji-node.tsx
+++ b/packages/pl-fe/src/features/compose/editor/nodes/emoji-node.tsx
@@ -4,22 +4,18 @@ import React from 'react';
 import Component from '@/components/ui/emoji';
 import { isNativeEmoji, type Emoji } from '@/features/emoji';
 
-import type {
-  EditorConfig,
-  LexicalNode,
-  NodeKey,
-  SerializedLexicalNode,
-  Spread,
-} from 'lexical';
+import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
 
-type SerializedEmojiNode = Spread<{
-  data: Emoji;
-  type: 'emoji';
-  version: 1;
-}, SerializedLexicalNode>;
+type SerializedEmojiNode = Spread<
+  {
+    data: Emoji;
+    type: 'emoji';
+    version: 1;
+  },
+  SerializedLexicalNode
+>;
 
 class EmojiNode extends DecoratorNode<JSX.Element> {
-
   __emoji: Emoji;
 
   static getType(): 'emoji' {
@@ -81,12 +77,18 @@ class EmojiNode extends DecoratorNode<JSX.Element> {
   decorate(): JSX.Element {
     const emoji = this.__emoji;
     if (isNativeEmoji(emoji)) {
-      return <Component emoji={emoji.native} alt={emoji.colons} title={emoji.colons} className='emojione size-4' />;
+      return (
+        <Component
+          emoji={emoji.native}
+          alt={emoji.colons}
+          title={emoji.colons}
+          className='emojione size-4'
+        />
+      );
     } else {
       return <Component src={emoji.imageUrl} alt={emoji.colons} className='emojione size-4' />;
     }
   }
-
 }
 
 function $createEmojiNode(emoji: Emoji): EmojiNode {
@@ -94,8 +96,7 @@ function $createEmojiNode(emoji: Emoji): EmojiNode {
   return $applyNodeReplacement(node);
 }
 
-const $isEmojiNode = (
-  node: LexicalNode | null | undefined,
-): node is EmojiNode => node instanceof EmojiNode;
+const $isEmojiNode = (node: LexicalNode | null | undefined): node is EmojiNode =>
+  node instanceof EmojiNode;
 
 export { EmojiNode, $createEmojiNode, $isEmojiNode };
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
index dc1263303..84836eb29 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
+++ b/packages/pl-fe/src/features/compose/editor/nodes/image-component.tsx
@@ -36,15 +36,17 @@ import { useSettings } from '@/stores/settings';
 
 import { $isImageNode } from './image-node';
 
-import type {
-  BaseSelection,
-  LexicalEditor,
-  NodeKey,
-} from 'lexical';
+import type { BaseSelection, LexicalEditor, NodeKey } from 'lexical';
 
 const messages = defineMessages({
-  description: { id: 'upload_form.description', defaultMessage: 'Describe for the visually impaired' },
-  descriptionMissingTitle: { id: 'upload_form.description_missing.title', defaultMessage: 'This attachment doesn\'t have a description' },
+  description: {
+    id: 'upload_form.description',
+    defaultMessage: 'Describe for the visually impaired',
+  },
+  descriptionMissingTitle: {
+    id: 'upload_form.description_missing.title',
+    defaultMessage: "This attachment doesn't have a description",
+  },
 });
 
 const imageCache = new Set();
@@ -70,7 +72,7 @@ const LazyImage = ({
 }: {
   altText: string;
   className: string | null;
-  imageRef: {current: null | HTMLImageElement};
+  imageRef: { current: null | HTMLImageElement };
   src: string;
 }): JSX.Element => {
   useSuspenseImage(src);
@@ -100,29 +102,23 @@ const ImageComponent = ({
 
   const imageRef = useRef<null | HTMLImageElement>(null);
   const buttonRef = useRef<HTMLButtonElement | null>(null);
-  const [isSelected, setSelected, clearSelection] =
-    useLexicalNodeSelection(nodeKey);
+  const [isSelected, setSelected, clearSelection] = useLexicalNodeSelection(nodeKey);
   const [editor] = useLexicalComposerContext();
-  const [selection, setSelection] = useState<
-    BaseSelection | null
-  >(null);
+  const [selection, setSelection] = useState<BaseSelection | null>(null);
   const activeEditorRef = useRef<LexicalEditor | null>(null);
 
   const [hovered, setHovered] = useState(false);
   const [focused, setFocused] = useState(false);
   const [dirtyDescription, setDirtyDescription] = useState<string | null>(null);
 
-  const deleteNode = useCallback(
-    () => {
-      editor.update(() => {
-        const node = $getNodeByKey(nodeKey);
-        if ($isImageNode(node)) {
-          node.remove();
-        }
-      });
-    },
-    [nodeKey],
-  );
+  const deleteNode = useCallback(() => {
+    editor.update(() => {
+      const node = $getNodeByKey(nodeKey);
+      if ($isImageNode(node)) {
+        node.remove();
+      }
+    });
+  }, [nodeKey]);
 
   const previewImage = () => {
     const image = v.parse(mediaAttachmentSchema, {
@@ -151,7 +147,11 @@ const ImageComponent = ({
     (event: KeyboardEvent) => {
       const latestSelection = $getSelection();
       const buttonElem = buttonRef.current;
-      if (isSelected && $isNodeSelection(latestSelection) && latestSelection.getNodes().length === 1) {
+      if (
+        isSelected &&
+        $isNodeSelection(latestSelection) &&
+        latestSelection.getNodes().length === 1
+      ) {
         if (buttonElem !== null && buttonElem !== document.activeElement) {
           event.preventDefault();
           buttonElem.focus();
@@ -202,7 +202,7 @@ const ImageComponent = ({
     }
   };
 
-  const handleInputChange: React.ChangeEventHandler<HTMLTextAreaElement> = e => {
+  const handleInputChange: React.ChangeEventHandler<HTMLTextAreaElement> = (e) => {
     setDirtyDescription(e.target.value);
   };
 
@@ -270,37 +270,16 @@ const ImageComponent = ({
         },
         COMMAND_PRIORITY_LOW,
       ),
-      editor.registerCommand(
-        KEY_DELETE_COMMAND,
-        onDelete,
-        COMMAND_PRIORITY_LOW,
-      ),
-      editor.registerCommand(
-        KEY_BACKSPACE_COMMAND,
-        onDelete,
-        COMMAND_PRIORITY_LOW,
-      ),
+      editor.registerCommand(KEY_DELETE_COMMAND, onDelete, COMMAND_PRIORITY_LOW),
+      editor.registerCommand(KEY_BACKSPACE_COMMAND, onDelete, COMMAND_PRIORITY_LOW),
       editor.registerCommand(KEY_ENTER_COMMAND, onEnter, COMMAND_PRIORITY_LOW),
-      editor.registerCommand(
-        KEY_ESCAPE_COMMAND,
-        onEscape,
-        COMMAND_PRIORITY_LOW,
-      ),
+      editor.registerCommand(KEY_ESCAPE_COMMAND, onEscape, COMMAND_PRIORITY_LOW),
     );
     return () => {
       isMounted = false;
       unregister();
     };
-  }, [
-    clearSelection,
-    editor,
-    isSelected,
-    nodeKey,
-    onDelete,
-    onEnter,
-    onEscape,
-    setSelected,
-  ]);
+  }, [clearSelection, editor, isSelected, nodeKey, onDelete, onEnter, onEscape, setSelected]);
 
   const active = hovered || focused;
   const description = (dirtyDescription ?? (dirtyDescription !== '' && altText)) || '';
@@ -309,7 +288,14 @@ const ImageComponent = ({
   return (
     <Suspense fallback={null}>
       <>
-        <div className='relative' draggable={draggable} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} onClick={handleClick} role='button'>
+        <div
+          className='relative'
+          draggable={draggable}
+          onMouseEnter={handleMouseEnter}
+          onMouseLeave={handleMouseLeave}
+          onClick={handleClick}
+          role='button'
+        >
           <HStack className='absolute right-2 top-2 z-10' space={2}>
             <IconButton
               onClick={previewImage}
@@ -328,9 +314,12 @@ const ImageComponent = ({
           </HStack>
 
           <div
-            className={clsx('absolute inset-x-0 bottom-0 z-[2px] bg-gradient-to-b from-transparent via-gray-900/50 to-gray-900/80 p-2.5 opacity-0 transition-opacity duration-100 ease-linear', {
-              'opacity-100': active,
-            })}
+            className={clsx(
+              'absolute inset-x-0 bottom-0 z-[2px] bg-gradient-to-b from-transparent via-gray-900/50 to-gray-900/80 p-2.5 opacity-0 transition-opacity duration-100 ease-linear',
+              {
+                'opacity-100': active,
+              },
+            )}
           >
             <label>
               <span style={{ display: 'none' }}>{intl.formatMessage(messages.description)}</span>
@@ -350,23 +339,27 @@ const ImageComponent = ({
           {missingDescriptionModal && !description && (
             <span
               title={intl.formatMessage(messages.descriptionMissingTitle)}
-              className={clsx('absolute bottom-2 left-2 z-10 inline-flex items-center gap-1 rounded bg-gray-900 px-2 py-1 text-xs font-medium uppercase text-white transition-opacity duration-100 ease-linear', {
-                'opacity-0 pointer-events-none': active,
-                'opacity-100': !active,
-              })}
+              className={clsx(
+                'absolute bottom-2 left-2 z-10 inline-flex items-center gap-1 rounded bg-gray-900 px-2 py-1 text-xs font-medium uppercase text-white transition-opacity duration-100 ease-linear',
+                {
+                  'pointer-events-none opacity-0': active,
+                  'opacity-100': !active,
+                },
+              )}
             >
               <Icon className='size-4' src={require('@phosphor-icons/core/regular/warning.svg')} />
-              <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />
+              <FormattedMessage
+                id='upload_form.description_missing.indicator'
+                defaultMessage='Alt'
+              />
             </span>
           )}
 
           <LazyImage
-            className={
-              clsx('mx-auto cursor-default', {
-                'select-none': isSelected,
-                'cursor-grab active:cursor-grabbing': isSelected && $isNodeSelection(selection),
-              })
-            }
+            className={clsx('mx-auto cursor-default', {
+              'select-none': isSelected,
+              'cursor-grab active:cursor-grabbing': isSelected && $isNodeSelection(selection),
+            })}
             src={src}
             altText={altText}
             imageRef={imageRef}
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/image-node.tsx b/packages/pl-fe/src/features/compose/editor/nodes/image-node.tsx
index e8988542a..735c6e6e4 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/image-node.tsx
+++ b/packages/pl-fe/src/features/compose/editor/nodes/image-node.tsx
@@ -44,7 +44,6 @@ type SerializedImageNode = Spread<
 >;
 
 class ImageNode extends DecoratorNode<JSX.Element> {
-
   __src: string;
   __altText: string;
 
@@ -53,16 +52,11 @@ class ImageNode extends DecoratorNode<JSX.Element> {
   }
 
   static clone(node: ImageNode): ImageNode {
-    return new ImageNode(
-      node.__src,
-      node.__altText,
-      node.__key,
-    );
+    return new ImageNode(node.__src, node.__altText, node.__key);
   }
 
   static importJSON(serializedNode: SerializedImageNode): ImageNode {
-    const { altText, src } =
-      serializedNode;
+    const { altText, src } = serializedNode;
     const node = $createImageNode({
       altText,
       src,
@@ -86,11 +80,7 @@ class ImageNode extends DecoratorNode<JSX.Element> {
     };
   }
 
-  constructor(
-    src: string,
-    altText: string,
-    key?: NodeKey,
-  ) {
+  constructor(src: string, altText: string, key?: NodeKey) {
     super(key);
     this.__src = src;
     this.__altText = altText;
@@ -140,37 +130,17 @@ class ImageNode extends DecoratorNode<JSX.Element> {
   decorate(): JSX.Element {
     return (
       // <Suspense fallback={null}>
-      <ImageComponent
-        src={this.__src}
-        altText={this.__altText}
-        nodeKey={this.getKey()}
-      />
+      <ImageComponent src={this.__src} altText={this.__altText} nodeKey={this.getKey()} />
       // </Suspense>
     );
   }
-
 }
 
-const $createImageNode = ({
-  altText = '',
-  src,
-  key,
-}: ImagePayload): ImageNode => {
-  return $applyNodeReplacement(
-    new ImageNode(
-      src,
-      altText,
-      key,
-    ),
-  );
+const $createImageNode = ({ altText = '', src, key }: ImagePayload): ImageNode => {
+  return $applyNodeReplacement(new ImageNode(src, altText, key));
 };
 
-const $isImageNode = (
-  node: LexicalNode | null | undefined,
-): node is ImageNode => node instanceof ImageNode;
+const $isImageNode = (node: LexicalNode | null | undefined): node is ImageNode =>
+  node instanceof ImageNode;
 
-export {
-  ImageNode,
-  $createImageNode,
-  $isImageNode,
-};
+export { ImageNode, $createImageNode, $isImageNode };
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/index.ts b/packages/pl-fe/src/features/compose/editor/nodes/index.ts
index a6c7772a8..08a226682 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/index.ts
+++ b/packages/pl-fe/src/features/compose/editor/nodes/index.ts
@@ -22,12 +22,7 @@ import type { Klass, LexicalNode } from 'lexical';
 const useNodes = (isWysiwyg?: boolean) => {
   const { composeAllowHeadings, composeAllowInlineImages } = useFeatures();
 
-  const nodes: Array<Klass<LexicalNode>> = [
-    AutoLinkNode,
-    HashtagNode,
-    EmojiNode,
-    MentionNode,
-  ];
+  const nodes: Array<Klass<LexicalNode>> = [AutoLinkNode, HashtagNode, EmojiNode, MentionNode];
 
   if (isWysiwyg) {
     nodes.push(
diff --git a/packages/pl-fe/src/features/compose/editor/nodes/mention-node.tsx b/packages/pl-fe/src/features/compose/editor/nodes/mention-node.tsx
index b0d640217..3e6603249 100644
--- a/packages/pl-fe/src/features/compose/editor/nodes/mention-node.tsx
+++ b/packages/pl-fe/src/features/compose/editor/nodes/mention-node.tsx
@@ -9,23 +9,19 @@ import React from 'react';
 
 import Mention from '@/components/mention';
 
-import type {
-  EditorConfig,
-  LexicalNode,
-  NodeKey,
-  SerializedLexicalNode,
-  Spread,
-} from 'lexical';
+import type { EditorConfig, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
 import type { Mention as MentionEntity } from 'pl-api';
 
-type SerializedMentionNode = Spread<{
-  mention: MentionEntity;
-  type: 'mention';
-  version: 1;
-}, SerializedLexicalNode>;
+type SerializedMentionNode = Spread<
+  {
+    mention: MentionEntity;
+    type: 'mention';
+    version: 1;
+  },
+  SerializedLexicalNode
+>;
 
 class MentionNode extends DecoratorNode<JSX.Element> {
-
   __mention: MentionEntity;
 
   static getType(): string {
@@ -75,11 +71,8 @@ class MentionNode extends DecoratorNode<JSX.Element> {
   }
 
   decorate(): JSX.Element {
-    return (
-      <Mention mention={this.__mention} disabled />
-    );
+    return <Mention mention={this.__mention} disabled />;
   }
-
 }
 
 function $createMentionNode(mention: MentionEntity): MentionNode {
@@ -87,8 +80,7 @@ function $createMentionNode(mention: MentionEntity): MentionNode {
   return $applyNodeReplacement(node);
 }
 
-const $isMentionNode = (
-  node: LexicalNode | null | undefined,
-): node is MentionNode => node instanceof MentionNode;
+const $isMentionNode = (node: LexicalNode | null | undefined): node is MentionNode =>
+  node instanceof MentionNode;
 
 export { MentionNode, $createMentionNode, $isMentionNode };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
index 0de2855b6..a6f4ce69c 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/autosuggest-plugin.tsx
@@ -86,10 +86,7 @@ const tryToPositionRange = (leadOffset: number, range: Range): boolean => {
   return true;
 };
 
-const isSelectionOnEntityBoundary = (
-  editor: LexicalEditor,
-  offset: number,
-): boolean => {
+const isSelectionOnEntityBoundary = (editor: LexicalEditor, offset: number): boolean => {
   if (offset !== 0) {
     return false;
   }
@@ -120,13 +117,11 @@ const getScrollParent = (
 ): HTMLElement | HTMLBodyElement => {
   let style = getComputedStyle(element);
   const excludeStaticParent = style.position === 'absolute';
-  const overflowRegex = includeHidden
-    ? /(auto|scroll|hidden)/
-    : /(auto|scroll)/;
+  const overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/;
   if (style.position === 'fixed') {
     return document.body;
   }
-  for (let parent: HTMLElement | null = element; (parent = parent.parentElement);) {
+  for (let parent: HTMLElement | null = element; (parent = parent.parentElement); ) {
     style = getComputedStyle(parent);
     if (excludeStaticParent && style.position === 'static') {
       continue;
@@ -158,10 +153,7 @@ const useDynamicPositioning = (
   useEffect(() => {
     if (targetElement && resolution) {
       const rootElement = editor.getRootElement();
-      const rootScrollParent =
-        rootElement
-          ? getScrollParent(rootElement, false)
-          : document.body;
+      const rootScrollParent = rootElement ? getScrollParent(rootElement, false) : document.body;
       let ticking = false;
       let previousIsInView = isTriggerVisibleInNearestScrollContainer(
         targetElement,
@@ -175,10 +167,7 @@ const useDynamicPositioning = (
           });
           ticking = true;
         }
-        const isInView = isTriggerVisibleInNearestScrollContainer(
-          targetElement,
-          rootScrollParent,
-        );
+        const isInView = isTriggerVisibleInNearestScrollContainer(targetElement, rootScrollParent);
         if (isInView !== previousIsInView) {
           previousIsInView = isInView;
           if (onVisibilityChange) {
@@ -202,7 +191,10 @@ const useDynamicPositioning = (
   }, [targetElement, editor, onVisibilityChange, onReposition, resolution]);
 };
 
-const LexicalPopoverMenu = ({ anchorElementRef, menuRenderFn }: {
+const LexicalPopoverMenu = ({
+  anchorElementRef,
+  menuRenderFn,
+}: {
   anchorElementRef: MutableRefObject<HTMLElement>;
   menuRenderFn: MenuRenderFn;
 }): JSX.Element | null => menuRenderFn(anchorElementRef);
@@ -265,12 +257,7 @@ const useMenuAnchorRef = (
     [resolution, setResolution],
   );
 
-  useDynamicPositioning(
-    resolution,
-    anchorElementRef.current,
-    positionMenu,
-    onVisibilityChange,
-  );
+  useDynamicPositioning(resolution, anchorElementRef.current, positionMenu, onVisibilityChange);
 
   return anchorElementRef;
 };
@@ -293,10 +280,7 @@ const AutosuggestPlugin = ({
   const [editor] = useLexicalComposerContext();
   const [resolution, setResolution] = useState<Resolution | null>(null);
   const [selectedSuggestion, setSelectedSuggestion] = useState(0);
-  const anchorElementRef = useMenuAnchorRef(
-    resolution,
-    setResolution,
-  );
+  const anchorElementRef = useMenuAnchorRef(resolution, setResolution);
 
   const handleSelectSuggestion: React.MouseEventHandler<HTMLDivElement> = (e) => {
     e.preventDefault();
@@ -386,9 +370,10 @@ const AutosuggestPlugin = ({
         key={key}
         data-index={i}
         className={clsx({
-          'snap-start snap-always px-4 py-2.5 text-sm text-gray-700 dark:text-gray-500 focus:bg-gray-100 dark:focus:bg-primary-800 group': true,
+          'group snap-start snap-always px-4 py-2.5 text-sm text-gray-700 focus:bg-gray-100 dark:text-gray-500 dark:focus:bg-primary-800': true,
           'hover:bg-gray-100 dark:hover:bg-gray-800': i !== selectedSuggestion,
-          'bg-gray-100 dark:bg-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800': i === selectedSuggestion,
+          'bg-gray-100 hover:bg-gray-100 dark:bg-gray-800 dark:hover:bg-gray-800':
+            i === selectedSuggestion,
         })}
         onMouseDown={handleSelectSuggestion}
       >
@@ -425,13 +410,12 @@ const AutosuggestPlugin = ({
         if (!isSelectionOnEntityBoundary(editor, match.leadOffset)) {
           const isRangePositioned = tryToPositionRange(match.leadOffset, range);
           if (isRangePositioned !== null) {
-            startTransition(() =>{
+            startTransition(() => {
               openTypeahead({
                 getRect: () => range.getBoundingClientRect(),
                 match,
               });
-            },
-            );
+            });
             return;
           }
         }
@@ -444,12 +428,7 @@ const AutosuggestPlugin = ({
     return () => {
       removeUpdateListener();
     };
-  }, [
-    editor,
-    resolution,
-    closeTypeahead,
-    openTypeahead,
-  ]);
+  }, [editor, resolution, closeTypeahead, openTypeahead]);
 
   useEffect(() => {
     if (suggestions && suggestions.length > 0) setSuggestionsHidden(false);
@@ -466,7 +445,7 @@ const AutosuggestPlugin = ({
       };
       document.addEventListener('click', handleClick);
 
-      return () =>{
+      return () => {
         document.removeEventListener('click', handleClick);
       };
     }
@@ -481,7 +460,8 @@ const AutosuggestPlugin = ({
         (payload) => {
           const event = payload;
           if (suggestions !== null && suggestions.length && selectedSuggestion !== null) {
-            const newSelectedSuggestion = selectedSuggestion !== 0 ? selectedSuggestion - 1 : suggestions.length - 1;
+            const newSelectedSuggestion =
+              selectedSuggestion !== 0 ? selectedSuggestion - 1 : suggestions.length - 1;
             setSelectedSuggestion(newSelectedSuggestion);
             event.preventDefault();
             event.stopImmediatePropagation();
@@ -495,7 +475,8 @@ const AutosuggestPlugin = ({
         (payload) => {
           const event = payload;
           if (suggestions !== null && suggestions.length && selectedSuggestion !== null) {
-            const newSelectedSuggestion = selectedSuggestion !== suggestions.length - 1 ? selectedSuggestion + 1 : 0;
+            const newSelectedSuggestion =
+              selectedSuggestion !== suggestions.length - 1 ? selectedSuggestion + 1 : 0;
             setSelectedSuggestion(newSelectedSuggestion);
             event.preventDefault();
             event.stopImmediatePropagation();
@@ -548,17 +529,17 @@ const AutosuggestPlugin = ({
       menuRenderFn={(anchorElementRef) =>
         anchorElementRef.current
           ? ReactDOM.createPortal(
-            <div
-              className={clsx({
-                'scroll-smooth snap-y snap-always will-change-scroll mt-6 overflow-y-auto max-h-56 relative w-max z-[1000] shadow bg-white dark:bg-gray-900 rounded-lg py-1 space-y-0 dark:ring-2 dark:ring-primary-700 focus:outline-none': true,
-                hidden: suggestionsHidden || !suggestions.length,
-                block: !suggestionsHidden && suggestions.length,
-              })}
-            >
-              {suggestions.map(renderSuggestion)}
-            </div>,
-            anchorElementRef.current,
-          )
+              <div
+                className={clsx({
+                  'relative z-[1000] mt-6 max-h-56 w-max snap-y snap-always space-y-0 overflow-y-auto scroll-smooth rounded-lg bg-white py-1 shadow will-change-scroll focus:outline-none dark:bg-gray-900 dark:ring-2 dark:ring-primary-700': true,
+                  hidden: suggestionsHidden || !suggestions.length,
+                  block: !suggestionsHidden && suggestions.length,
+                })}
+              >
+                {suggestions.map(renderSuggestion)}
+              </div>,
+              anchorElementRef.current,
+            )
           : null
       }
     />
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
index a3aa20acd..e172b7379 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-block-type-toolbar-plugin.tsx
@@ -33,7 +33,10 @@ import { setFloatingElemPosition } from '../utils/set-floating-elem-position';
 import { ToolbarButton } from './floating-text-format-toolbar-plugin';
 
 const messages = defineMessages({
-  createHorizontalLine: { id: 'compose_form.lexical.create_horizontal_line', defaultMessage: 'Create horizontal line' },
+  createHorizontalLine: {
+    id: 'compose_form.lexical.create_horizontal_line',
+    defaultMessage: 'Create horizontal line',
+  },
   uploadMedia: { id: 'compose_form.lexical.upload_media', defaultMessage: 'Upload media' },
 });
 
@@ -55,17 +58,19 @@ const UploadButton: React.FC<IUploadButton> = ({ onSelectFile }) => {
       setDisabled(true);
 
       // @ts-ignore
-      dispatch(uploadFile(
-        e.target.files.item(0) as File,
-        intl,
-        ({ url }) => {
-          onSelectFile(url);
-          setDisabled(false);
-        },
-        () =>{
-          setDisabled(false);
-        },
-      ));
+      dispatch(
+        uploadFile(
+          e.target.files.item(0) as File,
+          intl,
+          ({ url }) => {
+            onSelectFile(url);
+            setDisabled(false);
+          },
+          () => {
+            setDisabled(false);
+          },
+        ),
+      );
     }
   };
 
@@ -86,7 +91,11 @@ const UploadButton: React.FC<IUploadButton> = ({ onSelectFile }) => {
         ref={fileElement}
         type='file'
         multiple
-        accept={attachmentTypes ? attachmentTypes.filter(type => type.startsWith('image/')).join(',') : 'image/*'}
+        accept={
+          attachmentTypes
+            ? attachmentTypes.filter((type) => type.startsWith('image/')).join(',')
+            : 'image/*'
+        }
         onChange={handleChange}
         disabled={disabled}
         className='hidden'
@@ -99,9 +108,9 @@ const BlockTypeFloatingToolbar = ({
   editor,
   anchorElem,
 }: {
-   editor: LexicalEditor;
-   anchorElem: HTMLElement;
- }): JSX.Element => {
+  editor: LexicalEditor;
+  anchorElem: HTMLElement;
+}): JSX.Element => {
   const intl = useIntl();
   const popupCharStylesEditorRef = useRef<HTMLDivElement | null>(null);
   const { composeAllowInlineImages } = useFeatures();
@@ -124,7 +133,11 @@ const BlockTypeFloatingToolbar = ({
       rootElement !== null &&
       rootElement.contains(nativeSelection.anchorNode)
     ) {
-      setFloatingElemPosition((nativeSelection.focusNode as HTMLParagraphElement)?.getBoundingClientRect(), popupCharStylesEditorElem, anchorElem);
+      setFloatingElemPosition(
+        (nativeSelection.focusNode as HTMLParagraphElement)?.getBoundingClientRect(),
+        popupCharStylesEditorElem,
+        anchorElem,
+      );
     }
   }, [editor, anchorElem]);
 
@@ -247,7 +260,9 @@ const useFloatingBlockTypeToolbar = (
 
       const anchorNode = selection.anchor.getNode();
 
-      setIsEmptyBlock(anchorNode.getType() === 'paragraph' && anchorNode.getTextContentSize() === 0);
+      setIsEmptyBlock(
+        anchorNode.getType() === 'paragraph' && anchorNode.getTextContentSize() === 0,
+      );
     });
   }, [editor]);
 
@@ -276,10 +291,7 @@ const useFloatingBlockTypeToolbar = (
   }
 
   return createPortal(
-    <BlockTypeFloatingToolbar
-      editor={editor}
-      anchorElem={anchorElem}
-    />,
+    <BlockTypeFloatingToolbar editor={editor} anchorElem={anchorElem} />,
     anchorElem,
   );
 };
@@ -287,8 +299,8 @@ const useFloatingBlockTypeToolbar = (
 const FloatingBlockTypeToolbarPlugin = ({
   anchorElem = document.body,
 }: {
-   anchorElem?: HTMLElement;
- }): JSX.Element | null => {
+  anchorElem?: HTMLElement;
+}): JSX.Element | null => {
   const [editor] = useLexicalComposerContext();
   return useFloatingBlockTypeToolbar(editor, anchorElem);
 };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
index 5bf701364..8dcc2afb4 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-link-editor-plugin.tsx
@@ -30,9 +30,9 @@ const FloatingLinkEditor = ({
   editor,
   anchorElem,
 }: {
-   editor: LexicalEditor;
-   anchorElem: HTMLElement;
- }): JSX.Element => {
+  editor: LexicalEditor;
+  anchorElem: HTMLElement;
+}): JSX.Element => {
   const editorRef = useRef<HTMLDivElement | null>(null);
   const inputRef = useRef<HTMLInputElement>(null);
   const [linkUrl, setLinkUrl] = useState('');
@@ -64,9 +64,9 @@ const FloatingLinkEditor = ({
 
     if (
       selection !== null &&
-       nativeSelection !== null &&
-       rootElement !== null &&
-       rootElement.contains(nativeSelection.anchorNode)
+      nativeSelection !== null &&
+      rootElement !== null &&
+      rootElement.contains(nativeSelection.anchorNode)
     ) {
       const domRange = nativeSelection.getRangeAt(0);
       let rect;
@@ -169,10 +169,7 @@ const FloatingLinkEditor = ({
                   event.preventDefault();
                   if (lastSelection !== null) {
                     if (linkUrl !== '') {
-                      editor.dispatchCommand(
-                        TOGGLE_LINK_COMMAND,
-                        sanitizeUrl(linkUrl),
-                      );
+                      editor.dispatchCommand(TOGGLE_LINK_COMMAND, sanitizeUrl(linkUrl));
                     } else {
                       editor.dispatchCommand(TOGGLE_LINK_COMMAND, null);
                     }
@@ -188,7 +185,7 @@ const FloatingLinkEditor = ({
               className='absolute inset-y-0 right-0 flex w-9 cursor-pointer items-center justify-center'
               role='button'
               tabIndex={0}
-              onMouseDown={(event) =>{
+              onMouseDown={(event) => {
                 event.preventDefault();
               }}
               onClick={() => {
@@ -200,21 +197,29 @@ const FloatingLinkEditor = ({
           </>
         ) : (
           <>
-            <a className='mr-8 block truncate text-primary-600 no-underline hover:underline dark:text-primary-400' href={linkUrl} target='_blank' rel='noopener noreferrer'>
+            <a
+              className='mr-8 block truncate text-primary-600 no-underline hover:underline dark:text-primary-400'
+              href={linkUrl}
+              target='_blank'
+              rel='noopener noreferrer'
+            >
               {linkUrl}
             </a>
             <div
               className='absolute inset-y-0 right-0 flex w-9 cursor-pointer items-center justify-center'
               role='button'
               tabIndex={0}
-              onMouseDown={(event) =>{
+              onMouseDown={(event) => {
                 event.preventDefault();
               }}
               onClick={() => {
                 setEditMode(true);
               }}
             >
-              <Icon className='size-5' src={require('@phosphor-icons/core/regular/pencil-simple.svg')} />
+              <Icon
+                className='size-5'
+                src={require('@phosphor-icons/core/regular/pencil-simple.svg')}
+              />
             </div>
           </>
         )}
@@ -259,18 +264,15 @@ const useFloatingLinkEditorToolbar = (
   }, [editor, updateToolbar]);
 
   return isLink
-    ? createPortal(
-      <FloatingLinkEditor editor={activeEditor} anchorElem={anchorElem} />,
-      anchorElem,
-    )
+    ? createPortal(<FloatingLinkEditor editor={activeEditor} anchorElem={anchorElem} />, anchorElem)
     : null;
 };
 
 const FloatingLinkEditorPlugin = ({
   anchorElem = document.body,
 }: {
-   anchorElem?: HTMLElement;
- }): JSX.Element | null => {
+  anchorElem?: HTMLElement;
+}): JSX.Element | null => {
   const [editor] = useLexicalComposerContext();
   return useFloatingLinkEditorToolbar(editor, anchorElem);
 };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
index 9c6ac1d55..08208d9e3 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/floating-text-format-toolbar-plugin.tsx
@@ -49,9 +49,18 @@ import { setFloatingElemPosition } from '../utils/set-floating-elem-position';
 const messages = defineMessages({
   formatBold: { id: 'compose_form.lexical.format_bold', defaultMessage: 'Format bold' },
   formatItalic: { id: 'compose_form.lexical.format_italic', defaultMessage: 'Format italic' },
-  formatUnderline: { id: 'compose_form.lexical.format_underline', defaultMessage: 'Format underline' },
-  formatStrikethrough: { id: 'compose_form.lexical.format_strikethrough', defaultMessage: 'Format strikethrough' },
-  insertCodeBlock: { id: 'compose_form.lexical.insert_code_block', defaultMessage: 'Insert code block' },
+  formatUnderline: {
+    id: 'compose_form.lexical.format_underline',
+    defaultMessage: 'Format underline',
+  },
+  formatStrikethrough: {
+    id: 'compose_form.lexical.format_strikethrough',
+    defaultMessage: 'Format strikethrough',
+  },
+  insertCodeBlock: {
+    id: 'compose_form.lexical.insert_code_block',
+    defaultMessage: 'Insert code block',
+  },
   insertLink: { id: 'compose_form.lexical.insert_link', defaultMessage: 'Insert link' },
 });
 
@@ -103,7 +112,12 @@ export const ToolbarButton: React.FC<IToolbarButton> = ({ active, icon, ...props
   </button>
 );
 
-const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
+const BlockTypeDropdown = ({
+  editor,
+  anchorElem,
+  blockType,
+  icon,
+}: {
   editor: LexicalEditor;
   anchorElem: HTMLElement;
   blockType: keyof typeof blockTypeToBlockName;
@@ -173,8 +187,7 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
             const codeNode = $createCodeNode();
             selection.insertNodes([codeNode]);
             selection = $getSelection();
-            if ($isRangeSelection(selection))
-              selection.insertRawText(textContent);
+            if ($isRangeSelection(selection)) selection.insertRawText(textContent);
           }
         }
       });
@@ -184,7 +197,7 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
   return (
     <>
       <button
-        onClick={() =>{
+        onClick={() => {
           setShowDropDown(!showDropDown);
         }}
         className='relative flex cursor-pointer rounded-lg border-0 bg-none p-1 align-middle hover:bg-gray-100 disabled:cursor-not-allowed disabled:hover:bg-none dark:hover:bg-primary-700'
@@ -192,11 +205,12 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
         type='button'
       >
         <Icon src={icon} />
-        <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} className='-bottom-2 size-4' />
+        <Icon
+          src={require('@phosphor-icons/core/regular/caret-down.svg')}
+          className='-bottom-2 size-4'
+        />
         {showDropDown && (
-          <div
-            className='absolute left-0 top-9 z-10 flex h-[38px] gap-0.5 rounded-lg bg-white p-1 shadow-lg transition-opacity dark:bg-gray-900'
-          >
+          <div className='absolute left-0 top-9 z-10 flex h-[38px] gap-0.5 rounded-lg bg-white p-1 shadow-lg transition-opacity dark:bg-gray-900'>
             <ToolbarButton
               onClick={formatParagraph}
               active={blockType === 'paragraph'}
@@ -205,21 +219,21 @@ const BlockTypeDropdown = ({ editor, anchorElem, blockType, icon }: {
             {composeAllowHeadings && (
               <>
                 <ToolbarButton
-                  onClick={() =>{
+                  onClick={() => {
                     formatHeading('h1');
                   }}
                   active={blockType === 'h1'}
                   icon={blockTypeToIcon.h1}
                 />
                 <ToolbarButton
-                  onClick={() =>{
+                  onClick={() => {
                     formatHeading('h2');
                   }}
                   active={blockType === 'h2'}
                   icon={blockTypeToIcon.h2}
                 />
                 <ToolbarButton
-                  onClick={() =>{
+                  onClick={() => {
                     formatHeading('h3');
                   }}
                   active={blockType === 'h3'}
@@ -265,16 +279,16 @@ const TextFormatFloatingToolbar = ({
   isCode,
   isStrikethrough,
 }: {
-   editor: LexicalEditor;
-   anchorElem: HTMLElement;
-   blockType: keyof typeof blockTypeToBlockName;
-   isBold: boolean;
-   isCode: boolean;
-   isItalic: boolean;
-   isLink: boolean;
-   isStrikethrough: boolean;
-   isUnderline: boolean;
- }): JSX.Element => {
+  editor: LexicalEditor;
+  anchorElem: HTMLElement;
+  blockType: keyof typeof blockTypeToBlockName;
+  isBold: boolean;
+  isCode: boolean;
+  isItalic: boolean;
+  isLink: boolean;
+  isStrikethrough: boolean;
+  isUnderline: boolean;
+}): JSX.Element => {
   const intl = useIntl();
   const popupCharStylesEditorRef = useRef<HTMLDivElement | null>(null);
 
@@ -424,8 +438,7 @@ const useFloatingTextFormatToolbar = (
   editor: LexicalEditor,
   anchorElem: HTMLElement,
 ): JSX.Element | null => {
-  const [blockType, setBlockType] =
-    useState<keyof typeof blockTypeToBlockName>('paragraph');
+  const [blockType, setBlockType] = useState<keyof typeof blockTypeToBlockName>('paragraph');
   const [isText, setIsText] = useState(false);
   const [isLink, setIsLink] = useState(false);
   const [isBold, setIsBold] = useState(false);
@@ -463,9 +476,9 @@ const useFloatingTextFormatToolbar = (
         anchorNode.getKey() === 'root'
           ? anchorNode
           : $findMatchingParent(anchorNode, (e) => {
-            const parent = e.getParent();
-            return parent !== null && $isRootOrShadowRoot(parent);
-          });
+              const parent = e.getParent();
+              return parent !== null && $isRootOrShadowRoot(parent);
+            });
 
       element ??= anchorNode.getTopLevelElementOrThrow();
 
@@ -483,18 +496,11 @@ const useFloatingTextFormatToolbar = (
 
       if (elementDOM !== null) {
         if ($isListNode(element)) {
-          const parentList = $getNearestNodeOfType<ListNode>(
-            anchorNode,
-            ListNode,
-          );
-          const type = parentList
-            ? parentList.getListType()
-            : element.getListType();
+          const parentList = $getNearestNodeOfType<ListNode>(anchorNode, ListNode);
+          const type = parentList ? parentList.getListType() : element.getListType();
           setBlockType(type);
         } else {
-          const type = $isHeadingNode(element)
-            ? element.getTag()
-            : element.getType();
+          const type = $isHeadingNode(element) ? element.getTag() : element.getType();
           if (type in blockTypeToBlockName) {
             setBlockType(type as keyof typeof blockTypeToBlockName);
           }
@@ -560,8 +566,8 @@ const useFloatingTextFormatToolbar = (
 const FloatingTextFormatToolbarPlugin = ({
   anchorElem = document.body,
 }: {
-   anchorElem?: HTMLElement;
- }): JSX.Element | null => {
+  anchorElem?: HTMLElement;
+}): JSX.Element | null => {
   const [editor] = useLexicalComposerContext();
   return useFloatingTextFormatToolbar(editor, anchorElem);
 };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/focus-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/focus-plugin.tsx
index d35ba2d0f..eb5c574ef 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/focus-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/focus-plugin.tsx
@@ -11,18 +11,28 @@ const FOCUS_EDITOR_COMMAND: LexicalCommand<void> = createCommand();
 const FocusPlugin: React.FC<IFocusPlugin> = ({ autoFocus }) => {
   const [editor] = useLexicalComposerContext();
 
-  useEffect(() => editor.registerCommand(FOCUS_EDITOR_COMMAND, () => {
-    editor.focus(
+  useEffect(() =>
+    editor.registerCommand(
+      FOCUS_EDITOR_COMMAND,
       () => {
-        const activeElement = document.activeElement;
-        const rootElement = editor.getRootElement();
-        if (rootElement !== null && (activeElement === null || !rootElement.contains(activeElement))) {
-          rootElement.focus({ preventScroll: true });
-        }
-      }, { defaultSelection: 'rootEnd' },
-    );
-    return true;
-  }, COMMAND_PRIORITY_NORMAL));
+        editor.focus(
+          () => {
+            const activeElement = document.activeElement;
+            const rootElement = editor.getRootElement();
+            if (
+              rootElement !== null &&
+              (activeElement === null || !rootElement.contains(activeElement))
+            ) {
+              rootElement.focus({ preventScroll: true });
+            }
+          },
+          { defaultSelection: 'rootEnd' },
+        );
+        return true;
+      },
+      COMMAND_PRIORITY_NORMAL,
+    ),
+  );
 
   useEffect(() => {
     if (autoFocus) {
@@ -33,7 +43,4 @@ const FocusPlugin: React.FC<IFocusPlugin> = ({ autoFocus }) => {
   return null;
 };
 
-export {
-  FOCUS_EDITOR_COMMAND,
-  FocusPlugin as default,
-};
+export { FOCUS_EDITOR_COMMAND, FocusPlugin as default };
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
index 3d1c4ee4e..4b092e034 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/state-plugin.tsx
@@ -7,7 +7,13 @@ import debounce from 'lodash/debounce';
 import { useCallback, useEffect } from 'react';
 import { useIntl } from 'react-intl';
 
-import { addSuggestedLanguage, addSuggestedQuote, setEditorState, suggestClearLink, suggestHashtagCasing } from '@/actions/compose';
+import {
+  addSuggestedLanguage,
+  addSuggestedQuote,
+  setEditorState,
+  suggestClearLink,
+  suggestHashtagCasing,
+} from '@/actions/compose';
 import { fetchStatus } from '@/actions/statuses';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useFeatures } from '@/hooks/use-features';
@@ -33,134 +39,148 @@ const StatePlugin: React.FC<IStatePlugin> = ({ composeId, isWysiwyg }) => {
   const features = useFeatures();
   const { urlPrivacy, ignoreHashtagCasingSuggestions } = useSettings();
 
-  const checkUrls = useCallback(debounce((editorState: EditorState) => {
-    dispatch((_, getState) => {
-      if (!urlPrivacy.clearLinksInCompose) return;
+  const checkUrls = useCallback(
+    debounce((editorState: EditorState) => {
+      dispatch((_, getState) => {
+        if (!urlPrivacy.clearLinksInCompose) return;
 
-      const state = getState();
-      const compose = state.compose[composeId];
+        const state = getState();
+        const compose = state.compose[composeId];
 
-      editorState.read(() => {
-        const compareUrl = (url: string) => {
-          const cleanUrl = Purify.clearUrl(url, true, false);
-          return {
-            originalUrl: url,
-            cleanUrl,
-            isDirty: cleanUrl !== url,
+        editorState.read(() => {
+          const compareUrl = (url: string) => {
+            const cleanUrl = Purify.clearUrl(url, true, false);
+            return {
+              originalUrl: url,
+              cleanUrl,
+              isDirty: cleanUrl !== url,
+            };
           };
-        };
 
-        if (compose.clearLinkSuggestion?.key) {
-          const node = $getNodeByKey(compose.clearLinkSuggestion.key);
-          const url = (node as LinkNode | null)?.getURL?.();
-          if (!url || node === null || !compareUrl(url).isDirty) {
-            dispatch(suggestClearLink(composeId, null));
-          } else {
-            return;
+          if (compose.clearLinkSuggestion?.key) {
+            const node = $getNodeByKey(compose.clearLinkSuggestion.key);
+            const url = (node as LinkNode | null)?.getURL?.();
+            if (!url || node === null || !compareUrl(url).isDirty) {
+              dispatch(suggestClearLink(composeId, null));
+            } else {
+              return;
+            }
+          }
+
+          const links = [...$nodesOfType(AutoLinkNode), ...$nodesOfType(LinkNode)];
+
+          for (const link of links) {
+            if (compose.dismissedClearLinksSuggestions.includes(link.getKey())) {
+              continue;
+            }
+
+            const { originalUrl, cleanUrl, isDirty } = compareUrl(link.getURL());
+            if (!isDirty) {
+              continue;
+            }
+
+            if (isDirty) {
+              return dispatch(
+                suggestClearLink(composeId, { key: link.getKey(), originalUrl, cleanUrl }),
+              );
+            }
+          }
+        });
+      });
+    }, 2000),
+    [urlPrivacy.clearLinksInCompose],
+  );
+
+  const checkHashtagCasingSuggestions = useCallback(
+    debounce((editorState: EditorState) => {
+      dispatch((_, getState) => {
+        if (ignoreHashtagCasingSuggestions) return;
+
+        const state = getState();
+        const compose = state.compose[composeId];
+
+        if (compose.hashtagCasingSuggestionIgnored) return;
+
+        editorState.read(() => {
+          const hashtagNodes = $nodesOfType(HashtagNode);
+
+          for (const tag of hashtagNodes) {
+            const text = tag.getTextContent();
+
+            if (text.length > 10 && text.toLowerCase() === text && !text.match(/[0-9]/)) {
+              dispatch(suggestHashtagCasing(composeId, text));
+              return;
+            }
+          }
+
+          dispatch(suggestHashtagCasing(composeId, null));
+        });
+      });
+    }, 1000),
+    [ignoreHashtagCasingSuggestions],
+  );
+
+  const getQuoteSuggestions = useCallback(
+    debounce((text: string) => {
+      dispatch(async (_, getState) => {
+        const state = getState();
+        const compose = state.compose[composeId];
+
+        if (!features.quotePosts || compose?.quoteId) return;
+
+        const ids = getStatusIdsFromLinksInContent(text);
+
+        let quoteId: string | undefined;
+
+        for (const id of ids) {
+          if (compose?.dismissedQuotes.includes(id)) continue;
+
+          if (state.statuses[id]) {
+            quoteId = id;
+            break;
+          }
+
+          const status = await dispatch(fetchStatus(id, intl));
+
+          if (status) {
+            quoteId = status.id;
+            break;
           }
         }
 
-        const links = [...$nodesOfType(AutoLinkNode), ...$nodesOfType(LinkNode)];
+        if (quoteId) dispatch(addSuggestedQuote(composeId, quoteId));
+      });
+    }, 2000),
+    [],
+  );
 
-        for (const link of links) {
-          if (compose.dismissedClearLinksSuggestions.includes(link.getKey())) {
-            continue;
-          }
+  const detectLanguage = useCallback(
+    debounce((text: string) => {
+      dispatch(async (dispatch, getState) => {
+        const state = getState();
+        const compose = state.compose[composeId];
 
-          const { originalUrl, cleanUrl, isDirty } = compareUrl(link.getURL());
-          if (!isDirty) {
-            continue;
-          }
+        if (!features.postLanguages || features.languageDetection || compose?.language) return;
 
-          if (isDirty) {
-            return dispatch(suggestClearLink(composeId, { key: link.getKey(), originalUrl, cleanUrl }));
-          }
+        const wordsLength = text.split(/\s+/).length;
+
+        if (wordsLength < 4) return;
+
+        if (!lidModel) {
+          // eslint-disable-next-line import/extensions
+          const { getLIDModel } = await import('fasttext.wasm.js/common');
+          lidModel = await getLIDModel();
+        }
+        if (!lidModel.model) await lidModel.load();
+        const { alpha2, possibility } = await lidModel.identify(text.replace(/\s+/i, ' '));
+
+        if (alpha2 && possibility > 0.5) {
+          dispatch(addSuggestedLanguage(composeId, alpha2));
         }
       });
-    });
-  }, 2000), [urlPrivacy.clearLinksInCompose]);
-
-  const checkHashtagCasingSuggestions = useCallback(debounce((editorState: EditorState) => {
-    dispatch((_, getState) => {
-      if (ignoreHashtagCasingSuggestions) return;
-
-      const state = getState();
-      const compose = state.compose[composeId];
-
-      if (compose.hashtagCasingSuggestionIgnored) return;
-
-      editorState.read(() => {
-        const hashtagNodes = $nodesOfType(HashtagNode);
-
-        for (const tag of hashtagNodes) {
-          const text = tag.getTextContent();
-
-          if (text.length > 10 && text.toLowerCase() === text && !text.match(/[0-9]/)) {
-            dispatch(suggestHashtagCasing(composeId, text));
-            return;
-          }
-        }
-
-        dispatch(suggestHashtagCasing(composeId, null));
-      });
-    });
-  }, 1000), [ignoreHashtagCasingSuggestions]);
-
-  const getQuoteSuggestions = useCallback(debounce((text: string) => {
-    dispatch(async (_, getState) => {
-      const state = getState();
-      const compose = state.compose[composeId];
-
-      if (!features.quotePosts || compose?.quoteId) return;
-
-      const ids = getStatusIdsFromLinksInContent(text);
-
-      let quoteId: string | undefined;
-
-      for (const id of ids) {
-        if (compose?.dismissedQuotes.includes(id)) continue;
-
-        if (state.statuses[id]) {
-          quoteId = id;
-          break;
-        }
-
-        const status = await dispatch(fetchStatus(id, intl));
-
-        if (status) {
-          quoteId = status.id;
-          break;
-        }
-      }
-
-      if (quoteId) dispatch(addSuggestedQuote(composeId, quoteId));
-    });
-  }, 2000), []);
-
-  const detectLanguage = useCallback(debounce((text: string) => {
-    dispatch(async (dispatch, getState) => {
-      const state = getState();
-      const compose = state.compose[composeId];
-
-      if (!features.postLanguages || features.languageDetection || compose?.language) return;
-
-      const wordsLength = text.split(/\s+/).length;
-
-      if (wordsLength < 4) return;
-
-      if (!lidModel) {
-        // eslint-disable-next-line import/extensions
-        const { getLIDModel } = await import('fasttext.wasm.js/common');
-        lidModel = await getLIDModel();
-      }
-      if (!lidModel.model) await lidModel.load();
-      const { alpha2, possibility } = await lidModel.identify(text.replace(/\s+/i, ' '));
-
-      if (alpha2 && possibility > 0.5) {
-        dispatch(addSuggestedLanguage(composeId, alpha2));
-      }
-    });
-  }, 750), []);
+    }, 750),
+    [],
+  );
 
   useEffect(() => {
     return editor.registerUpdateListener(({ editorState }) => {
diff --git a/packages/pl-fe/src/features/compose/editor/plugins/submit-plugin.tsx b/packages/pl-fe/src/features/compose/editor/plugins/submit-plugin.tsx
index 05db8f5ac..cfa4a13dd 100644
--- a/packages/pl-fe/src/features/compose/editor/plugins/submit-plugin.tsx
+++ b/packages/pl-fe/src/features/compose/editor/plugins/submit-plugin.tsx
@@ -1,6 +1,12 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
 import { CAN_USE_BEFORE_INPUT, IS_APPLE_WEBKIT, IS_IOS, IS_SAFARI } from '@lexical/utils';
-import { $getSelection, $isRangeSelection, INSERT_LINE_BREAK_COMMAND, INSERT_PARAGRAPH_COMMAND, KEY_ENTER_COMMAND } from 'lexical';
+import {
+  $getSelection,
+  $isRangeSelection,
+  INSERT_LINE_BREAK_COMMAND,
+  INSERT_PARAGRAPH_COMMAND,
+  KEY_ENTER_COMMAND,
+} from 'lexical';
 import { useEffect } from 'react';
 
 interface ISubmitPlugin {
@@ -13,28 +19,32 @@ const SubmitPlugin: React.FC<ISubmitPlugin> = ({ composeId, handleSubmit }) => {
 
   useEffect(() => {
     // Adapted from https://github.com/facebook/lexical/blob/main/packages/lexical-rich-text/src/index.ts#L929
-    return editor.registerCommand(KEY_ENTER_COMMAND, (event) => {
-      if (handleSubmit && (event?.ctrlKey || event?.metaKey) && !event.shiftKey) {
-        handleSubmit();
-        return true;
-      }
+    return editor.registerCommand(
+      KEY_ENTER_COMMAND,
+      (event) => {
+        if (handleSubmit && (event?.ctrlKey || event?.metaKey) && !event.shiftKey) {
+          handleSubmit();
+          return true;
+        }
 
-      const selection = $getSelection();
-      if (!$isRangeSelection(selection)) {
-        return false;
-      }
-
-      if (event !== null) {
-        if ((IS_IOS || IS_SAFARI || IS_APPLE_WEBKIT) && CAN_USE_BEFORE_INPUT) {
+        const selection = $getSelection();
+        if (!$isRangeSelection(selection)) {
           return false;
         }
-        event.preventDefault();
-        if ((event.ctrlKey || event.metaKey) && event.shiftKey) {
-          return editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);
+
+        if (event !== null) {
+          if ((IS_IOS || IS_SAFARI || IS_APPLE_WEBKIT) && CAN_USE_BEFORE_INPUT) {
+            return false;
+          }
+          event.preventDefault();
+          if ((event.ctrlKey || event.metaKey) && event.shiftKey) {
+            return editor.dispatchCommand(INSERT_PARAGRAPH_COMMAND, undefined);
+          }
         }
-      }
-      return editor.dispatchCommand(INSERT_LINE_BREAK_COMMAND, false);
-    }, 1);
+        return editor.dispatchCommand(INSERT_LINE_BREAK_COMMAND, false);
+      },
+      1,
+    );
   }, [handleSubmit]);
 
   return null;
diff --git a/packages/pl-fe/src/features/compose/editor/transformers/index.ts b/packages/pl-fe/src/features/compose/editor/transformers/index.ts
index c9b84a5cf..6f15509d9 100644
--- a/packages/pl-fe/src/features/compose/editor/transformers/index.ts
+++ b/packages/pl-fe/src/features/compose/editor/transformers/index.ts
@@ -4,8 +4,16 @@
  * LICENSE file in the /src/features/compose/editor directory.
  */
 
-import { TRANSFORMERS as DEFAULT_TRANSFORMERS, type ElementTransformer, type TextMatchTransformer } from '@lexical/markdown';
-import { $createHorizontalRuleNode, $isHorizontalRuleNode, HorizontalRuleNode } from '@lexical/react/LexicalHorizontalRuleNode';
+import {
+  TRANSFORMERS as DEFAULT_TRANSFORMERS,
+  type ElementTransformer,
+  type TextMatchTransformer,
+} from '@lexical/markdown';
+import {
+  $createHorizontalRuleNode,
+  $isHorizontalRuleNode,
+  HorizontalRuleNode,
+} from '@lexical/react/LexicalHorizontalRuleNode';
 import { LexicalNode } from 'lexical';
 
 import { $createImageNode, $isImageNode, ImageNode } from '../nodes/image-node';
@@ -54,10 +62,6 @@ const HORIZONTAL_RULE_TRANSFORMER: ElementTransformer = {
   type: 'element',
 };
 
-const TRANSFORMERS = [
-  ...DEFAULT_TRANSFORMERS,
-  HORIZONTAL_RULE_TRANSFORMER,
-  IMAGE_TRANSFORMER,
-];
+const TRANSFORMERS = [...DEFAULT_TRANSFORMERS, HORIZONTAL_RULE_TRANSFORMER, IMAGE_TRANSFORMER];
 
 export { TRANSFORMERS };
diff --git a/packages/pl-fe/src/features/compose/editor/utils/get-dom-range-rect.ts b/packages/pl-fe/src/features/compose/editor/utils/get-dom-range-rect.ts
index fe6d10ad0..c7a3e8222 100644
--- a/packages/pl-fe/src/features/compose/editor/utils/get-dom-range-rect.ts
+++ b/packages/pl-fe/src/features/compose/editor/utils/get-dom-range-rect.ts
@@ -6,10 +6,7 @@
 
 /* eslint-disable eqeqeq */
 
-export const getDOMRangeRect = (
-  nativeSelection: Selection,
-  rootElement: HTMLElement,
-): DOMRect => {
+export const getDOMRangeRect = (nativeSelection: Selection, rootElement: HTMLElement): DOMRect => {
   const domRange = nativeSelection.getRangeAt(0);
 
   let rect;
diff --git a/packages/pl-fe/src/features/compose/editor/utils/get-selected-node.ts b/packages/pl-fe/src/features/compose/editor/utils/get-selected-node.ts
index f1fcd4f18..8dc00cb9e 100644
--- a/packages/pl-fe/src/features/compose/editor/utils/get-selected-node.ts
+++ b/packages/pl-fe/src/features/compose/editor/utils/get-selected-node.ts
@@ -7,9 +7,7 @@
 import { $isAtNodeEnd } from '@lexical/selection';
 import { ElementNode, RangeSelection, TextNode } from 'lexical';
 
-export const getSelectedNode = (
-  selection: RangeSelection,
-): TextNode | ElementNode => {
+export const getSelectedNode = (selection: RangeSelection): TextNode | ElementNode => {
   const anchor = selection.anchor;
   const focus = selection.focus;
   const anchorNode = selection.anchor.getNode();
diff --git a/packages/pl-fe/src/features/compose/editor/utils/url.ts b/packages/pl-fe/src/features/compose/editor/utils/url.ts
index 2fe5e2b71..352c03b28 100644
--- a/packages/pl-fe/src/features/compose/editor/utils/url.ts
+++ b/packages/pl-fe/src/features/compose/editor/utils/url.ts
@@ -4,13 +4,7 @@
  * LICENSE file in the /src/features/compose/editor directory.
  */
 
-const SUPPORTED_URL_PROTOCOLS = new Set([
-  'http:',
-  'https:',
-  'mailto:',
-  'sms:',
-  'tel:',
-]);
+const SUPPORTED_URL_PROTOCOLS = new Set(['http:', 'https:', 'mailto:', 'sms:', 'tel:']);
 
 export const sanitizeUrl = (url: string): string => {
   try {
diff --git a/packages/pl-fe/src/features/compose/util/counter.ts b/packages/pl-fe/src/features/compose/util/counter.ts
index 675996015..a14b65fe4 100644
--- a/packages/pl-fe/src/features/compose/util/counter.ts
+++ b/packages/pl-fe/src/features/compose/util/counter.ts
@@ -5,6 +5,6 @@ const urlPlaceholder = 'xxxxxxxxxxxxxxxxxxxxxxx';
 const countableText = (inputText: string) =>
   inputText
     .replace(urlRegex, urlPlaceholder)
-    .replace(/(^|[^/\w])@(([a-z0-9_]+)@[a-z0-9.-]+[a-z0-9]+)/ig, '$1@$3');
+    .replace(/(^|[^/\w])@(([a-z0-9_]+)@[a-z0-9.-]+[a-z0-9]+)/gi, '$1@$3');
 
 export { countableText };
diff --git a/packages/pl-fe/src/features/compose/util/url-regex.ts b/packages/pl-fe/src/features/compose/util/url-regex.ts
index 7b0d71fa0..b4fde314a 100644
--- a/packages/pl-fe/src/features/compose/util/url-regex.ts
+++ b/packages/pl-fe/src/features/compose/util/url-regex.ts
@@ -14,182 +14,209 @@ const regexSupplant = (regex: string | RegExp, flags = '') => {
 
     regex = regex.source;
   }
-  return new RegExp(regex.replace(/#\{(\w+)\}/g, (match, name) => {
-    let newRegex = regexen[name] || '';
-    if (typeof newRegex !== 'string') {
-      newRegex = newRegex.source;
-    }
-    return newRegex;
-  }), flags);
+  return new RegExp(
+    regex.replace(/#\{(\w+)\}/g, (match, name) => {
+      let newRegex = regexen[name] || '';
+      if (typeof newRegex !== 'string') {
+        newRegex = newRegex.source;
+      }
+      return newRegex;
+    }),
+    flags,
+  );
 };
 
 const stringSupplant = (str: string, values: { [x: string]: any }) =>
   str.replace(/#\{(\w+)\}/g, (match, name) => values[name] ?? '');
 
 const urlRegex = (() => {
-  regexen.spaces_group = /\x09-\x0D\x20\x85\xA0\u1680\u180E\u2000-\u200A\u2028\u2029\u202F\u205F\u3000/; // eslint-disable-line no-control-regex
+  regexen.spaces_group =
+    /\x09-\x0D\x20\x85\xA0\u1680\u180E\u2000-\u200A\u2028\u2029\u202F\u205F\u3000/; // eslint-disable-line no-control-regex
   regexen.invalid_chars_group = /\uFFFE\uFEFF\uFFFF\u202A-\u202E/;
   // eslint-disable-next-line no-useless-escape
   regexen.punct = /!'#%&@,:;<=>_~{}\$\?\^\*\+\-\.\(\)\[\]\|\/\\/;
   regexen.validUrlPrecedingChars = regexSupplant(/(?:[^A-Za-z0-9@＠$#＃#{invalid_chars_group}]|^)/);
-  regexen.invalidDomainChars = stringSupplant('#{punct}#{spaces_group}#{invalid_chars_group}', regexen);
+  regexen.invalidDomainChars = stringSupplant(
+    '#{punct}#{spaces_group}#{invalid_chars_group}',
+    regexen,
+  );
   regexen.validDomainChars = regexSupplant(/[^#{invalidDomainChars}]/);
-  regexen.validSubdomain = regexSupplant(/(?:(?:#{validDomainChars}(?:[_-]|#{validDomainChars})*)?#{validDomainChars}\.)/);
-  regexen.validDomainName = regexSupplant(/(?:(?:#{validDomainChars}(?:-|#{validDomainChars})*)?#{validDomainChars}\.)/);
-  regexen.validGTLD = regexSupplant(RegExp(
-    '(?:(?:' +
-      '삼성|닷컴|닷넷|香格里拉|餐厅|食品|飞利浦|電訊盈科|集团|通販|购物|谷歌|诺基亚|联通|网络|网站|网店|网址|组织机构|移动|珠宝|点看|游戏|淡马锡|机构|書籍|时尚|新闻|政府|' +
-      '政务|手表|手机|我爱你|慈善|微博|广东|工行|家電|娱乐|天主教|大拿|大众汽车|在线|嘉里大酒店|嘉里|商标|商店|商城|公益|公司|八卦|健康|信息|佛山|企业|中文网|中信|世界|' +
-      'ポイント|ファッション|セール|ストア|コム|グーグル|クラウド|みんな|คอม|संगठन|नेट|कॉम|همراه|موقع|موبايلي|كوم|كاثوليك|عرب|شبكة|' +
-      'بيتك|بازار|العليان|ارامكو|اتصالات|ابوظبي|קום|сайт|рус|орг|онлайн|москва|ком|католик|дети|' +
-      'zuerich|zone|zippo|zip|zero|zara|zappos|yun|youtube|you|yokohama|yoga|yodobashi|yandex|yamaxun|' +
-      'yahoo|yachts|xyz|xxx|xperia|xin|xihuan|xfinity|xerox|xbox|wtf|wtc|wow|world|works|work|woodside|' +
-      'wolterskluwer|wme|winners|wine|windows|win|williamhill|wiki|wien|whoswho|weir|weibo|wedding|wed|' +
-      'website|weber|webcam|weatherchannel|weather|watches|watch|warman|wanggou|wang|walter|walmart|' +
-      'wales|vuelos|voyage|voto|voting|vote|volvo|volkswagen|vodka|vlaanderen|vivo|viva|vistaprint|' +
-      'vista|vision|visa|virgin|vip|vin|villas|viking|vig|video|viajes|vet|versicherung|' +
-      'vermögensberatung|vermögensberater|verisign|ventures|vegas|vanguard|vana|vacations|ups|uol|uno|' +
-      'university|unicom|uconnect|ubs|ubank|tvs|tushu|tunes|tui|tube|trv|trust|travelersinsurance|' +
-      'travelers|travelchannel|travel|training|trading|trade|toys|toyota|town|tours|total|toshiba|' +
-      'toray|top|tools|tokyo|today|tmall|tkmaxx|tjx|tjmaxx|tirol|tires|tips|tiffany|tienda|tickets|' +
-      'tiaa|theatre|theater|thd|teva|tennis|temasek|telefonica|telecity|tel|technology|tech|team|tdk|' +
-      'tci|taxi|tax|tattoo|tatar|tatamotors|target|taobao|talk|taipei|tab|systems|symantec|sydney|' +
-      'swiss|swiftcover|swatch|suzuki|surgery|surf|support|supply|supplies|sucks|style|study|studio|' +
-      'stream|store|storage|stockholm|stcgroup|stc|statoil|statefarm|statebank|starhub|star|staples|' +
-      'stada|srt|srl|spreadbetting|spot|spiegel|space|soy|sony|song|solutions|solar|sohu|software|' +
-      'softbank|social|soccer|sncf|smile|smart|sling|skype|sky|skin|ski|site|singles|sina|silk|shriram|' +
-      'showtime|show|shouji|shopping|shop|shoes|shiksha|shia|shell|shaw|sharp|shangrila|sfr|sexy|sex|' +
-      'sew|seven|ses|services|sener|select|seek|security|secure|seat|search|scot|scor|scjohnson|' +
-      'science|schwarz|schule|school|scholarships|schmidt|schaeffler|scb|sca|sbs|sbi|saxo|save|sas|' +
-      'sarl|sapo|sap|sanofi|sandvikcoromant|sandvik|samsung|samsclub|salon|sale|sakura|safety|safe|' +
-      'saarland|ryukyu|rwe|run|ruhr|rugby|rsvp|room|rogers|rodeo|rocks|rocher|rmit|rip|rio|ril|' +
-      'rightathome|ricoh|richardli|rich|rexroth|reviews|review|restaurant|rest|republican|report|' +
-      'repair|rentals|rent|ren|reliance|reit|reisen|reise|rehab|redumbrella|redstone|red|recipes|' +
-      'realty|realtor|realestate|read|raid|radio|racing|qvc|quest|quebec|qpon|pwc|pub|prudential|pru|' +
-      'protection|property|properties|promo|progressive|prof|productions|prod|pro|prime|press|praxi|' +
-      'pramerica|post|porn|politie|poker|pohl|pnc|plus|plumbing|playstation|play|place|pizza|pioneer|' +
-      'pink|ping|pin|pid|pictures|pictet|pics|piaget|physio|photos|photography|photo|phone|philips|phd|' +
-      'pharmacy|pfizer|pet|pccw|pay|passagens|party|parts|partners|pars|paris|panerai|panasonic|' +
-      'pamperedchef|page|ovh|ott|otsuka|osaka|origins|orientexpress|organic|org|orange|oracle|open|ooo|' +
-      'onyourside|online|onl|ong|one|omega|ollo|oldnavy|olayangroup|olayan|okinawa|office|off|observer|' +
-      'obi|nyc|ntt|nrw|nra|nowtv|nowruz|now|norton|northwesternmutual|nokia|nissay|nissan|ninja|nikon|' +
-      'nike|nico|nhk|ngo|nfl|nexus|nextdirect|next|news|newholland|new|neustar|network|netflix|netbank|' +
-      'net|nec|nba|navy|natura|nationwide|name|nagoya|nadex|nab|mutuelle|mutual|museum|mtr|mtpc|mtn|' +
-      'msd|movistar|movie|mov|motorcycles|moto|moscow|mortgage|mormon|mopar|montblanc|monster|money|' +
-      'monash|mom|moi|moe|moda|mobily|mobile|mobi|mma|mls|mlb|mitsubishi|mit|mint|mini|mil|microsoft|' +
-      'miami|metlife|merckmsd|meo|menu|men|memorial|meme|melbourne|meet|media|med|mckinsey|mcdonalds|' +
-      'mcd|mba|mattel|maserati|marshalls|marriott|markets|marketing|market|map|mango|management|man|' +
-      'makeup|maison|maif|madrid|macys|luxury|luxe|lupin|lundbeck|ltda|ltd|lplfinancial|lpl|love|lotto|' +
-      'lotte|london|lol|loft|locus|locker|loans|loan|lixil|living|live|lipsy|link|linde|lincoln|limo|' +
-      'limited|lilly|like|lighting|lifestyle|lifeinsurance|life|lidl|liaison|lgbt|lexus|lego|legal|' +
-      'lefrak|leclerc|lease|lds|lawyer|law|latrobe|latino|lat|lasalle|lanxess|landrover|land|lancome|' +
-      'lancia|lancaster|lamer|lamborghini|ladbrokes|lacaixa|kyoto|kuokgroup|kred|krd|kpn|kpmg|kosher|' +
-      'komatsu|koeln|kiwi|kitchen|kindle|kinder|kim|kia|kfh|kerryproperties|kerrylogistics|kerryhotels|' +
-      'kddi|kaufen|juniper|juegos|jprs|jpmorgan|joy|jot|joburg|jobs|jnj|jmp|jll|jlc|jio|jewelry|jetzt|' +
-      'jeep|jcp|jcb|java|jaguar|iwc|iveco|itv|itau|istanbul|ist|ismaili|iselect|irish|ipiranga|' +
-      'investments|intuit|international|intel|int|insure|insurance|institute|ink|ing|info|infiniti|' +
-      'industries|immobilien|immo|imdb|imamat|ikano|iinet|ifm|ieee|icu|ice|icbc|ibm|hyundai|hyatt|' +
-      'hughes|htc|hsbc|how|house|hotmail|hotels|hoteles|hot|hosting|host|hospital|horse|honeywell|' +
-      'honda|homesense|homes|homegoods|homedepot|holiday|holdings|hockey|hkt|hiv|hitachi|hisamitsu|' +
-      'hiphop|hgtv|hermes|here|helsinki|help|healthcare|health|hdfcbank|hdfc|hbo|haus|hangout|hamburg|' +
-      'hair|guru|guitars|guide|guge|gucci|guardian|group|grocery|gripe|green|gratis|graphics|grainger|' +
-      'gov|got|gop|google|goog|goodyear|goodhands|goo|golf|goldpoint|gold|godaddy|gmx|gmo|gmbh|gmail|' +
-      'globo|global|gle|glass|glade|giving|gives|gifts|gift|ggee|george|genting|gent|gea|gdn|gbiz|' +
-      'garden|gap|games|game|gallup|gallo|gallery|gal|fyi|futbol|furniture|fund|fun|fujixerox|fujitsu|' +
-      'ftr|frontier|frontdoor|frogans|frl|fresenius|free|fox|foundation|forum|forsale|forex|ford|' +
-      'football|foodnetwork|food|foo|fly|flsmidth|flowers|florist|flir|flights|flickr|fitness|fit|' +
-      'fishing|fish|firmdale|firestone|fire|financial|finance|final|film|fido|fidelity|fiat|ferrero|' +
-      'ferrari|feedback|fedex|fast|fashion|farmers|farm|fans|fan|family|faith|fairwinds|fail|fage|' +
-      'extraspace|express|exposed|expert|exchange|everbank|events|eus|eurovision|etisalat|esurance|' +
-      'estate|esq|erni|ericsson|equipment|epson|epost|enterprises|engineering|engineer|energy|emerck|' +
-      'email|education|edu|edeka|eco|eat|earth|dvr|dvag|durban|dupont|duns|dunlop|duck|dubai|dtv|drive|' +
-      'download|dot|doosan|domains|doha|dog|dodge|doctor|docs|dnp|diy|dish|discover|discount|directory|' +
-      'direct|digital|diet|diamonds|dhl|dev|design|desi|dentist|dental|democrat|delta|deloitte|dell|' +
-      'delivery|degree|deals|dealer|deal|dds|dclk|day|datsun|dating|date|data|dance|dad|dabur|cyou|' +
-      'cymru|cuisinella|csc|cruises|cruise|crs|crown|cricket|creditunion|creditcard|credit|courses|' +
-      'coupons|coupon|country|corsica|coop|cool|cookingchannel|cooking|contractors|contact|consulting|' +
-      'construction|condos|comsec|computer|compare|company|community|commbank|comcast|com|cologne|' +
-      'college|coffee|codes|coach|clubmed|club|cloud|clothing|clinique|clinic|click|cleaning|claims|' +
-      'cityeats|city|citic|citi|citadel|cisco|circle|cipriani|church|chrysler|chrome|christmas|chloe|' +
-      'chintai|cheap|chat|chase|channel|chanel|cfd|cfa|cern|ceo|center|ceb|cbs|cbre|cbn|cba|catholic|' +
-      'catering|cat|casino|cash|caseih|case|casa|cartier|cars|careers|career|care|cards|caravan|car|' +
-      'capitalone|capital|capetown|canon|cancerresearch|camp|camera|cam|calvinklein|call|cal|cafe|cab|' +
-      'bzh|buzz|buy|business|builders|build|bugatti|budapest|brussels|brother|broker|broadway|' +
-      'bridgestone|bradesco|box|boutique|bot|boston|bostik|bosch|boots|booking|book|boo|bond|bom|bofa|' +
-      'boehringer|boats|bnpparibas|bnl|bmw|bms|blue|bloomberg|blog|blockbuster|blanco|blackfriday|' +
-      'black|biz|bio|bingo|bing|bike|bid|bible|bharti|bet|bestbuy|best|berlin|bentley|beer|beauty|' +
-      'beats|bcn|bcg|bbva|bbt|bbc|bayern|bauhaus|basketball|baseball|bargains|barefoot|barclays|' +
-      'barclaycard|barcelona|bar|bank|band|bananarepublic|banamex|baidu|baby|azure|axa|aws|avianca|' +
-      'autos|auto|author|auspost|audio|audible|audi|auction|attorney|athleta|associates|asia|asda|arte|' +
-      'art|arpa|army|archi|aramco|arab|aquarelle|apple|app|apartments|aol|anz|anquan|android|analytics|' +
-      'amsterdam|amica|amfam|amex|americanfamily|americanexpress|alstom|alsace|ally|allstate|allfinanz|' +
-      'alipay|alibaba|alfaromeo|akdn|airtel|airforce|airbus|aigo|aig|agency|agakhan|africa|afl|' +
-      'afamilycompany|aetna|aero|aeg|adult|ads|adac|actor|active|aco|accountants|accountant|accenture|' +
-      'academy|abudhabi|abogado|able|abc|abbvie|abbott|abb|abarth|aarp|aaa|onion' +
-    ')(?=[^0-9a-zA-Z@]|$))'));
-  regexen.validCCTLD = regexSupplant(RegExp(
-    '(?:(?:' +
-      '한국|香港|澳門|新加坡|台灣|台湾|中國|中国|გე|ไทย|ලංකා|ഭാരതം|ಭಾರತ|భారత్|சிங்கப்பூர்|இலங்கை|இந்தியா|ଭାରତ|ભારત|ਭਾਰਤ|' +
-      'ভাৰত|ভারত|বাংলা|भारोत|भारतम्|भारत|ڀارت|پاکستان|مليسيا|مصر|قطر|فلسطين|عمان|عراق|سورية|سودان|تونس|' +
-      'بھارت|بارت|ایران|امارات|المغرب|السعودية|الجزائر|الاردن|հայ|қаз|укр|срб|рф|мон|мкд|ею|бел|бг|ελ|' +
-      'zw|zm|za|yt|ye|ws|wf|vu|vn|vi|vg|ve|vc|va|uz|uy|us|um|uk|ug|ua|tz|tw|tv|tt|tr|tp|to|tn|tm|tl|tk|' +
-      'tj|th|tg|tf|td|tc|sz|sy|sx|sv|su|st|ss|sr|so|sn|sm|sl|sk|sj|si|sh|sg|se|sd|sc|sb|sa|rw|ru|rs|ro|' +
-      're|qa|py|pw|pt|ps|pr|pn|pm|pl|pk|ph|pg|pf|pe|pa|om|nz|nu|nr|np|no|nl|ni|ng|nf|ne|nc|na|mz|my|mx|' +
-      'mw|mv|mu|mt|ms|mr|mq|mp|mo|mn|mm|ml|mk|mh|mg|mf|me|md|mc|ma|ly|lv|lu|lt|ls|lr|lk|li|lc|lb|la|kz|' +
-      'ky|kw|kr|kp|kn|km|ki|kh|kg|ke|jp|jo|jm|je|it|is|ir|iq|io|in|im|il|ie|id|hu|ht|hr|hn|hm|hk|gy|gw|' +
-      'gu|gt|gs|gr|gq|gp|gn|gm|gl|gi|gh|gg|gf|ge|gd|gb|ga|fr|fo|fm|fk|fj|fi|eu|et|es|er|eh|eg|ee|ec|dz|' +
-      'do|dm|dk|dj|de|cz|cy|cx|cw|cv|cu|cr|co|cn|cm|cl|ck|ci|ch|cg|cf|cd|cc|ca|bz|by|bw|bv|bt|bs|br|bq|' +
-      'bo|bn|bm|bl|bj|bi|bh|bg|bf|be|bd|bb|ba|az|ax|aw|au|at|as|ar|aq|ao|an|am|al|ai|ag|af|ae|ad|ac' +
-    ')(?=[^0-9a-zA-Z@]|$))'));
+  regexen.validSubdomain = regexSupplant(
+    /(?:(?:#{validDomainChars}(?:[_-]|#{validDomainChars})*)?#{validDomainChars}\.)/,
+  );
+  regexen.validDomainName = regexSupplant(
+    /(?:(?:#{validDomainChars}(?:-|#{validDomainChars})*)?#{validDomainChars}\.)/,
+  );
+  regexen.validGTLD = regexSupplant(
+    RegExp(
+      '(?:(?:' +
+        '삼성|닷컴|닷넷|香格里拉|餐厅|食品|飞利浦|電訊盈科|集团|通販|购物|谷歌|诺基亚|联通|网络|网站|网店|网址|组织机构|移动|珠宝|点看|游戏|淡马锡|机构|書籍|时尚|新闻|政府|' +
+        '政务|手表|手机|我爱你|慈善|微博|广东|工行|家電|娱乐|天主教|大拿|大众汽车|在线|嘉里大酒店|嘉里|商标|商店|商城|公益|公司|八卦|健康|信息|佛山|企业|中文网|中信|世界|' +
+        'ポイント|ファッション|セール|ストア|コム|グーグル|クラウド|みんな|คอม|संगठन|नेट|कॉम|همراه|موقع|موبايلي|كوم|كاثوليك|عرب|شبكة|' +
+        'بيتك|بازار|العليان|ارامكو|اتصالات|ابوظبي|קום|сайт|рус|орг|онлайн|москва|ком|католик|дети|' +
+        'zuerich|zone|zippo|zip|zero|zara|zappos|yun|youtube|you|yokohama|yoga|yodobashi|yandex|yamaxun|' +
+        'yahoo|yachts|xyz|xxx|xperia|xin|xihuan|xfinity|xerox|xbox|wtf|wtc|wow|world|works|work|woodside|' +
+        'wolterskluwer|wme|winners|wine|windows|win|williamhill|wiki|wien|whoswho|weir|weibo|wedding|wed|' +
+        'website|weber|webcam|weatherchannel|weather|watches|watch|warman|wanggou|wang|walter|walmart|' +
+        'wales|vuelos|voyage|voto|voting|vote|volvo|volkswagen|vodka|vlaanderen|vivo|viva|vistaprint|' +
+        'vista|vision|visa|virgin|vip|vin|villas|viking|vig|video|viajes|vet|versicherung|' +
+        'vermögensberatung|vermögensberater|verisign|ventures|vegas|vanguard|vana|vacations|ups|uol|uno|' +
+        'university|unicom|uconnect|ubs|ubank|tvs|tushu|tunes|tui|tube|trv|trust|travelersinsurance|' +
+        'travelers|travelchannel|travel|training|trading|trade|toys|toyota|town|tours|total|toshiba|' +
+        'toray|top|tools|tokyo|today|tmall|tkmaxx|tjx|tjmaxx|tirol|tires|tips|tiffany|tienda|tickets|' +
+        'tiaa|theatre|theater|thd|teva|tennis|temasek|telefonica|telecity|tel|technology|tech|team|tdk|' +
+        'tci|taxi|tax|tattoo|tatar|tatamotors|target|taobao|talk|taipei|tab|systems|symantec|sydney|' +
+        'swiss|swiftcover|swatch|suzuki|surgery|surf|support|supply|supplies|sucks|style|study|studio|' +
+        'stream|store|storage|stockholm|stcgroup|stc|statoil|statefarm|statebank|starhub|star|staples|' +
+        'stada|srt|srl|spreadbetting|spot|spiegel|space|soy|sony|song|solutions|solar|sohu|software|' +
+        'softbank|social|soccer|sncf|smile|smart|sling|skype|sky|skin|ski|site|singles|sina|silk|shriram|' +
+        'showtime|show|shouji|shopping|shop|shoes|shiksha|shia|shell|shaw|sharp|shangrila|sfr|sexy|sex|' +
+        'sew|seven|ses|services|sener|select|seek|security|secure|seat|search|scot|scor|scjohnson|' +
+        'science|schwarz|schule|school|scholarships|schmidt|schaeffler|scb|sca|sbs|sbi|saxo|save|sas|' +
+        'sarl|sapo|sap|sanofi|sandvikcoromant|sandvik|samsung|samsclub|salon|sale|sakura|safety|safe|' +
+        'saarland|ryukyu|rwe|run|ruhr|rugby|rsvp|room|rogers|rodeo|rocks|rocher|rmit|rip|rio|ril|' +
+        'rightathome|ricoh|richardli|rich|rexroth|reviews|review|restaurant|rest|republican|report|' +
+        'repair|rentals|rent|ren|reliance|reit|reisen|reise|rehab|redumbrella|redstone|red|recipes|' +
+        'realty|realtor|realestate|read|raid|radio|racing|qvc|quest|quebec|qpon|pwc|pub|prudential|pru|' +
+        'protection|property|properties|promo|progressive|prof|productions|prod|pro|prime|press|praxi|' +
+        'pramerica|post|porn|politie|poker|pohl|pnc|plus|plumbing|playstation|play|place|pizza|pioneer|' +
+        'pink|ping|pin|pid|pictures|pictet|pics|piaget|physio|photos|photography|photo|phone|philips|phd|' +
+        'pharmacy|pfizer|pet|pccw|pay|passagens|party|parts|partners|pars|paris|panerai|panasonic|' +
+        'pamperedchef|page|ovh|ott|otsuka|osaka|origins|orientexpress|organic|org|orange|oracle|open|ooo|' +
+        'onyourside|online|onl|ong|one|omega|ollo|oldnavy|olayangroup|olayan|okinawa|office|off|observer|' +
+        'obi|nyc|ntt|nrw|nra|nowtv|nowruz|now|norton|northwesternmutual|nokia|nissay|nissan|ninja|nikon|' +
+        'nike|nico|nhk|ngo|nfl|nexus|nextdirect|next|news|newholland|new|neustar|network|netflix|netbank|' +
+        'net|nec|nba|navy|natura|nationwide|name|nagoya|nadex|nab|mutuelle|mutual|museum|mtr|mtpc|mtn|' +
+        'msd|movistar|movie|mov|motorcycles|moto|moscow|mortgage|mormon|mopar|montblanc|monster|money|' +
+        'monash|mom|moi|moe|moda|mobily|mobile|mobi|mma|mls|mlb|mitsubishi|mit|mint|mini|mil|microsoft|' +
+        'miami|metlife|merckmsd|meo|menu|men|memorial|meme|melbourne|meet|media|med|mckinsey|mcdonalds|' +
+        'mcd|mba|mattel|maserati|marshalls|marriott|markets|marketing|market|map|mango|management|man|' +
+        'makeup|maison|maif|madrid|macys|luxury|luxe|lupin|lundbeck|ltda|ltd|lplfinancial|lpl|love|lotto|' +
+        'lotte|london|lol|loft|locus|locker|loans|loan|lixil|living|live|lipsy|link|linde|lincoln|limo|' +
+        'limited|lilly|like|lighting|lifestyle|lifeinsurance|life|lidl|liaison|lgbt|lexus|lego|legal|' +
+        'lefrak|leclerc|lease|lds|lawyer|law|latrobe|latino|lat|lasalle|lanxess|landrover|land|lancome|' +
+        'lancia|lancaster|lamer|lamborghini|ladbrokes|lacaixa|kyoto|kuokgroup|kred|krd|kpn|kpmg|kosher|' +
+        'komatsu|koeln|kiwi|kitchen|kindle|kinder|kim|kia|kfh|kerryproperties|kerrylogistics|kerryhotels|' +
+        'kddi|kaufen|juniper|juegos|jprs|jpmorgan|joy|jot|joburg|jobs|jnj|jmp|jll|jlc|jio|jewelry|jetzt|' +
+        'jeep|jcp|jcb|java|jaguar|iwc|iveco|itv|itau|istanbul|ist|ismaili|iselect|irish|ipiranga|' +
+        'investments|intuit|international|intel|int|insure|insurance|institute|ink|ing|info|infiniti|' +
+        'industries|immobilien|immo|imdb|imamat|ikano|iinet|ifm|ieee|icu|ice|icbc|ibm|hyundai|hyatt|' +
+        'hughes|htc|hsbc|how|house|hotmail|hotels|hoteles|hot|hosting|host|hospital|horse|honeywell|' +
+        'honda|homesense|homes|homegoods|homedepot|holiday|holdings|hockey|hkt|hiv|hitachi|hisamitsu|' +
+        'hiphop|hgtv|hermes|here|helsinki|help|healthcare|health|hdfcbank|hdfc|hbo|haus|hangout|hamburg|' +
+        'hair|guru|guitars|guide|guge|gucci|guardian|group|grocery|gripe|green|gratis|graphics|grainger|' +
+        'gov|got|gop|google|goog|goodyear|goodhands|goo|golf|goldpoint|gold|godaddy|gmx|gmo|gmbh|gmail|' +
+        'globo|global|gle|glass|glade|giving|gives|gifts|gift|ggee|george|genting|gent|gea|gdn|gbiz|' +
+        'garden|gap|games|game|gallup|gallo|gallery|gal|fyi|futbol|furniture|fund|fun|fujixerox|fujitsu|' +
+        'ftr|frontier|frontdoor|frogans|frl|fresenius|free|fox|foundation|forum|forsale|forex|ford|' +
+        'football|foodnetwork|food|foo|fly|flsmidth|flowers|florist|flir|flights|flickr|fitness|fit|' +
+        'fishing|fish|firmdale|firestone|fire|financial|finance|final|film|fido|fidelity|fiat|ferrero|' +
+        'ferrari|feedback|fedex|fast|fashion|farmers|farm|fans|fan|family|faith|fairwinds|fail|fage|' +
+        'extraspace|express|exposed|expert|exchange|everbank|events|eus|eurovision|etisalat|esurance|' +
+        'estate|esq|erni|ericsson|equipment|epson|epost|enterprises|engineering|engineer|energy|emerck|' +
+        'email|education|edu|edeka|eco|eat|earth|dvr|dvag|durban|dupont|duns|dunlop|duck|dubai|dtv|drive|' +
+        'download|dot|doosan|domains|doha|dog|dodge|doctor|docs|dnp|diy|dish|discover|discount|directory|' +
+        'direct|digital|diet|diamonds|dhl|dev|design|desi|dentist|dental|democrat|delta|deloitte|dell|' +
+        'delivery|degree|deals|dealer|deal|dds|dclk|day|datsun|dating|date|data|dance|dad|dabur|cyou|' +
+        'cymru|cuisinella|csc|cruises|cruise|crs|crown|cricket|creditunion|creditcard|credit|courses|' +
+        'coupons|coupon|country|corsica|coop|cool|cookingchannel|cooking|contractors|contact|consulting|' +
+        'construction|condos|comsec|computer|compare|company|community|commbank|comcast|com|cologne|' +
+        'college|coffee|codes|coach|clubmed|club|cloud|clothing|clinique|clinic|click|cleaning|claims|' +
+        'cityeats|city|citic|citi|citadel|cisco|circle|cipriani|church|chrysler|chrome|christmas|chloe|' +
+        'chintai|cheap|chat|chase|channel|chanel|cfd|cfa|cern|ceo|center|ceb|cbs|cbre|cbn|cba|catholic|' +
+        'catering|cat|casino|cash|caseih|case|casa|cartier|cars|careers|career|care|cards|caravan|car|' +
+        'capitalone|capital|capetown|canon|cancerresearch|camp|camera|cam|calvinklein|call|cal|cafe|cab|' +
+        'bzh|buzz|buy|business|builders|build|bugatti|budapest|brussels|brother|broker|broadway|' +
+        'bridgestone|bradesco|box|boutique|bot|boston|bostik|bosch|boots|booking|book|boo|bond|bom|bofa|' +
+        'boehringer|boats|bnpparibas|bnl|bmw|bms|blue|bloomberg|blog|blockbuster|blanco|blackfriday|' +
+        'black|biz|bio|bingo|bing|bike|bid|bible|bharti|bet|bestbuy|best|berlin|bentley|beer|beauty|' +
+        'beats|bcn|bcg|bbva|bbt|bbc|bayern|bauhaus|basketball|baseball|bargains|barefoot|barclays|' +
+        'barclaycard|barcelona|bar|bank|band|bananarepublic|banamex|baidu|baby|azure|axa|aws|avianca|' +
+        'autos|auto|author|auspost|audio|audible|audi|auction|attorney|athleta|associates|asia|asda|arte|' +
+        'art|arpa|army|archi|aramco|arab|aquarelle|apple|app|apartments|aol|anz|anquan|android|analytics|' +
+        'amsterdam|amica|amfam|amex|americanfamily|americanexpress|alstom|alsace|ally|allstate|allfinanz|' +
+        'alipay|alibaba|alfaromeo|akdn|airtel|airforce|airbus|aigo|aig|agency|agakhan|africa|afl|' +
+        'afamilycompany|aetna|aero|aeg|adult|ads|adac|actor|active|aco|accountants|accountant|accenture|' +
+        'academy|abudhabi|abogado|able|abc|abbvie|abbott|abb|abarth|aarp|aaa|onion' +
+        ')(?=[^0-9a-zA-Z@]|$))',
+    ),
+  );
+  regexen.validCCTLD = regexSupplant(
+    RegExp(
+      '(?:(?:' +
+        '한국|香港|澳門|新加坡|台灣|台湾|中國|中国|გე|ไทย|ලංකා|ഭാരതം|ಭಾರತ|భారత్|சிங்கப்பூர்|இலங்கை|இந்தியா|ଭାରତ|ભારત|ਭਾਰਤ|' +
+        'ভাৰত|ভারত|বাংলা|भारोत|भारतम्|भारत|ڀارت|پاکستان|مليسيا|مصر|قطر|فلسطين|عمان|عراق|سورية|سودان|تونس|' +
+        'بھارت|بارت|ایران|امارات|المغرب|السعودية|الجزائر|الاردن|հայ|қаз|укр|срб|рф|мон|мкд|ею|бел|бг|ελ|' +
+        'zw|zm|za|yt|ye|ws|wf|vu|vn|vi|vg|ve|vc|va|uz|uy|us|um|uk|ug|ua|tz|tw|tv|tt|tr|tp|to|tn|tm|tl|tk|' +
+        'tj|th|tg|tf|td|tc|sz|sy|sx|sv|su|st|ss|sr|so|sn|sm|sl|sk|sj|si|sh|sg|se|sd|sc|sb|sa|rw|ru|rs|ro|' +
+        're|qa|py|pw|pt|ps|pr|pn|pm|pl|pk|ph|pg|pf|pe|pa|om|nz|nu|nr|np|no|nl|ni|ng|nf|ne|nc|na|mz|my|mx|' +
+        'mw|mv|mu|mt|ms|mr|mq|mp|mo|mn|mm|ml|mk|mh|mg|mf|me|md|mc|ma|ly|lv|lu|lt|ls|lr|lk|li|lc|lb|la|kz|' +
+        'ky|kw|kr|kp|kn|km|ki|kh|kg|ke|jp|jo|jm|je|it|is|ir|iq|io|in|im|il|ie|id|hu|ht|hr|hn|hm|hk|gy|gw|' +
+        'gu|gt|gs|gr|gq|gp|gn|gm|gl|gi|gh|gg|gf|ge|gd|gb|ga|fr|fo|fm|fk|fj|fi|eu|et|es|er|eh|eg|ee|ec|dz|' +
+        'do|dm|dk|dj|de|cz|cy|cx|cw|cv|cu|cr|co|cn|cm|cl|ck|ci|ch|cg|cf|cd|cc|ca|bz|by|bw|bv|bt|bs|br|bq|' +
+        'bo|bn|bm|bl|bj|bi|bh|bg|bf|be|bd|bb|ba|az|ax|aw|au|at|as|ar|aq|ao|an|am|al|ai|ag|af|ae|ad|ac' +
+        ')(?=[^0-9a-zA-Z@]|$))',
+    ),
+  );
   regexen.validPunycode = /(?:xn--[0-9a-z]+)/;
   regexen.validSpecialCCTLD = /(?:(?:co|tv)(?=[^0-9a-zA-Z@]|$))/;
-  regexen.validDomain = regexSupplant(/(?:#{validSubdomain}*#{validDomainName}(?:#{validGTLD}|#{validCCTLD}|#{validPunycode}))/);
+  regexen.validDomain = regexSupplant(
+    /(?:#{validSubdomain}*#{validDomainName}(?:#{validGTLD}|#{validCCTLD}|#{validPunycode}))/,
+  );
   regexen.validPortNumber = /[0-9]+/;
-  regexen.pd = /\u002d\u058a\u05be\u1400\u1806\u2010-\u2015\u2e17\u2e1a\u2e3a\u2e40\u301c\u3030\u30a0\ufe31\ufe58\ufe63\uff0d/;
+  regexen.pd =
+    /\u002d\u058a\u05be\u1400\u1806\u2010-\u2015\u2e17\u2e1a\u2e3a\u2e40\u301c\u3030\u30a0\ufe31\ufe58\ufe63\uff0d/;
   regexen.validGeneralUrlPathChars = regexSupplant(/[^#{spaces_group}()?]/i);
   // Allow URL paths to contain up to two nested levels of balanced parens
   //  1. Used in Wikipedia URLs like /Primer_(film)
   //  2. Used in IIS sessions like /S(dfd346)/
   //  3. Used in Rdio URLs like /track/We_Up_(Album_Version_(Edited))/
   regexen.validUrlBalancedParens = regexSupplant(
-    '\\('                                   +
-      '(?:'                                 +
-        '#{validGeneralUrlPathChars}+'      +
-        '|'                                 +
-        // allow one nested level of balanced parentheses
-        '(?:'                               +
-          '#{validGeneralUrlPathChars}*'    +
-          '\\('                             +
-            '#{validGeneralUrlPathChars}+'  +
-          '\\)'                             +
-          '#{validGeneralUrlPathChars}*'    +
-        ')'                                 +
-      ')'                                   +
-    '\\)',
-    'i');
+    '\\(' +
+      '(?:' +
+      '#{validGeneralUrlPathChars}+' +
+      '|' +
+      // allow one nested level of balanced parentheses
+      '(?:' +
+      '#{validGeneralUrlPathChars}*' +
+      '\\(' +
+      '#{validGeneralUrlPathChars}+' +
+      '\\)' +
+      '#{validGeneralUrlPathChars}*' +
+      ')' +
+      ')' +
+      '\\)',
+    'i',
+  );
   // Valid end-of-path characters (so /foo. does not gobble the period).
   // 1. Allow =&# for empty URL parameters and other URL-join artifacts
-  regexen.validUrlPathEndingChars = regexSupplant(/[^#{spaces_group}()?!*';:=,.$%[\]#{pd}~&|@]|(?:#{validUrlBalancedParens})/i);
+  regexen.validUrlPathEndingChars = regexSupplant(
+    /[^#{spaces_group}()?!*';:=,.$%[\]#{pd}~&|@]|(?:#{validUrlBalancedParens})/i,
+  );
   // Allow @ in a url, but only in the middle. Catch things like http://example.com/@user/
-  regexen.validUrlPath = regexSupplant('(?:' +
+  regexen.validUrlPath = regexSupplant(
     '(?:' +
+      '(?:' +
       '#{validGeneralUrlPathChars}*' +
-        '(?:#{validUrlBalancedParens}#{validGeneralUrlPathChars}*)*' +
-        '#{validUrlPathEndingChars}' +
+      '(?:#{validUrlBalancedParens}#{validGeneralUrlPathChars}*)*' +
+      '#{validUrlPathEndingChars}' +
       // eslint-disable-next-line no-useless-escape
       ')|(?:@#{validGeneralUrlPathChars}+\/)' +
-    ')', 'i');
+      ')',
+    'i',
+  );
   regexen.validUrlQueryChars = /[a-z0-9!?*'@();:&=+$/%#[\]\-_.,~|]/i;
   regexen.validUrlQueryEndingChars = /[a-z0-9_&=#/]/i;
   regexen.validUrl = regexSupplant(
-    '('                                                          + // $1 URL
-      '(https?:\\/\\/)'                                          + // $2 Protocol
-      '(#{validDomain})'                                         + // $3 Domain(s)
-      '(?::(#{validPortNumber}))?'                               + // $4 Port number (optional)
-      '(\\/#{validUrlPath}*)?'                                   + // $5 URL Path
-      '(\\?#{validUrlQueryChars}*#{validUrlQueryEndingChars})?'  + // $6 Query String
-    ')',
-    'gi');
+    '(' + // $1 URL
+      '(https?:\\/\\/)' + // $2 Protocol
+      '(#{validDomain})' + // $3 Domain(s)
+      '(?::(#{validPortNumber}))?' + // $4 Port number (optional)
+      '(\\/#{validUrlPath}*)?' + // $5 URL Path
+      '(\\?#{validUrlQueryChars}*#{validUrlQueryEndingChars})?' + // $6 Query String
+      ')',
+    'gi',
+  );
   return regexen.validUrl;
 })();
 
diff --git a/packages/pl-fe/src/features/conversations/components/conversation.tsx b/packages/pl-fe/src/features/conversations/components/conversation.tsx
index ec85fc158..46b077ad9 100644
--- a/packages/pl-fe/src/features/conversations/components/conversation.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversation.tsx
@@ -18,7 +18,7 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
   const navigate = useNavigate();
 
   const { accounts, unread, lastStatusId } = useAppSelector((state) => {
-    const conversation = state.conversations.items.find(x => x.id === conversationId)!;
+    const conversation = state.conversations.items.find((x) => x.id === conversationId)!;
 
     return {
       accounts: conversation.accounts.map((accountId: string) => selectAccount(state, accountId)!),
@@ -32,7 +32,11 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
       dispatch(markConversationRead(conversationId));
     }
 
-    if (lastStatusId) navigate({ to: '/@{$username}/posts/$statusId', params: { username: accounts[0].acct, statusId: lastStatusId } });
+    if (lastStatusId)
+      navigate({
+        to: '/@{$username}/posts/$statusId',
+        params: { username: accounts[0].acct, statusId: lastStatusId },
+      });
   };
 
   const handleHotkeyMoveUp = () => {
diff --git a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
index 3444c1c2d..6f5ec4584 100644
--- a/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversations-list.tsx
@@ -20,7 +20,7 @@ const ConversationsList: React.FC = () => {
   const isLoading = useAppSelector((state) => state.conversations.isLoading);
   const hasMore = useAppSelector((state) => state.conversations.hasMore);
 
-  const getCurrentIndex = (id: string) => conversations.findIndex(x => x.id === id);
+  const getCurrentIndex = (id: string) => conversations.findIndex((x) => x.id === id);
 
   const handleMoveUp = (id: string) => {
     const elementIndex = getCurrentIndex(id) - 1;
@@ -29,12 +29,23 @@ const ConversationsList: React.FC = () => {
 
   const handleMoveDown = (id: string) => {
     const elementIndex = getCurrentIndex(id) + 1;
-    selectChild(elementIndex, ref, document.getElementById('direct-list') ?? undefined, conversations.length);
+    selectChild(
+      elementIndex,
+      ref,
+      document.getElementById('direct-list') ?? undefined,
+      conversations.length,
+    );
   };
 
-  const handleLoadOlder = useCallback(debounce(() => {
-    if (hasMore) dispatch(expandConversations());
-  }, { wait: 300, leading: true }), [hasMore]);
+  const handleLoadOlder = useCallback(
+    debounce(
+      () => {
+        if (hasMore) dispatch(expandConversations());
+      },
+      { wait: 300, leading: true },
+    ),
+    [hasMore],
+  );
 
   return (
     <ScrollableList
@@ -45,7 +56,12 @@ const ConversationsList: React.FC = () => {
       id='direct-list'
       isLoading={isLoading}
       showLoading={isLoading && conversations.length === 0}
-      emptyMessageText={<FormattedMessage id='empty_column.direct' defaultMessage="You don't have any direct messages yet. When you send or receive one, it will show up here." />}
+      emptyMessageText={
+        <FormattedMessage
+          id='empty_column.direct'
+          defaultMessage="You don't have any direct messages yet. When you send or receive one, it will show up here."
+        />
+      }
       listClassName='⁂-status-list'
     >
       {conversations.map((item: any) => (
diff --git a/packages/pl-fe/src/features/crypto-donate/components/crypto-address.tsx b/packages/pl-fe/src/features/crypto-donate/components/crypto-address.tsx
index 20662a6f5..ad7a6d3f1 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/crypto-address.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/crypto-address.tsx
@@ -47,16 +47,11 @@ const CryptoAddress: React.FC<ICryptoAddress> = (props): JSX.Element => {
         </HStack>
       </HStack>
 
-      {note && (
-        <Text>{note}</Text>
-      )}
+      {note && <Text>{note}</Text>}
 
       <CopyableInput value={address} />
     </Stack>
   );
 };
 
-export {
-  type ICryptoAddress,
-  CryptoAddress as default,
-};
+export { type ICryptoAddress, CryptoAddress as default };
diff --git a/packages/pl-fe/src/features/crypto-donate/components/crypto-donate-panel.tsx b/packages/pl-fe/src/features/crypto-donate/components/crypto-donate-panel.tsx
index 78d30d94f..d1403f5c3 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/crypto-donate-panel.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/crypto-donate-panel.tsx
@@ -10,7 +10,10 @@ import { useInstance } from '@/hooks/use-instance';
 import SiteWallet from './site-wallet';
 
 const messages = defineMessages({
-  actionTitle: { id: 'crypto_donate_panel.actions.view', defaultMessage: 'Click to see {count, plural, one {# wallet} other {# wallets}}' },
+  actionTitle: {
+    id: 'crypto_donate_panel.actions.view',
+    defaultMessage: 'Click to see {count, plural, one {# wallet} other {# wallets}}',
+  },
 });
 
 interface ICryptoDonatePanel {
@@ -34,7 +37,9 @@ const CryptoDonatePanel: React.FC<ICryptoDonatePanel> = ({ limit = 3 }): JSX.Ele
 
   return (
     <Widget
-      title={<FormattedMessage id='crypto_donate_panel.heading' defaultMessage='Donate cryptocurrency' />}
+      title={
+        <FormattedMessage id='crypto_donate_panel.heading' defaultMessage='Donate cryptocurrency' />
+      }
       onActionClick={handleAction}
       actionTitle={intl.formatMessage(messages.actionTitle, { count: addresses.length })}
     >
diff --git a/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx b/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
index 0eafae44b..7dcb3b34e 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/crypto-icon.tsx
@@ -3,7 +3,10 @@ import React from 'react';
 
 /** Get crypto icon URL by ticker symbol, or fall back to generic icon */
 const getIcon = (ticker: string): string => {
-  const modules: Record<string, any> = import.meta.glob('../../../../node_modules/cryptocurrency-icons/svg/color/*.svg', { eager: true });
+  const modules: Record<string, any> = import.meta.glob(
+    '../../../../node_modules/cryptocurrency-icons/svg/color/*.svg',
+    { eager: true },
+  );
   const key = `../../../../node_modules/cryptocurrency-icons/svg/color/${ticker}.svg`;
   return modules[key]?.default ?? genericIcon;
 };
@@ -15,13 +18,14 @@ interface ICryptoIcon {
   imgClassName?: string;
 }
 
-const CryptoIcon: React.FC<ICryptoIcon> = ({ ticker, title, className, imgClassName }): JSX.Element => (
+const CryptoIcon: React.FC<ICryptoIcon> = ({
+  ticker,
+  title,
+  className,
+  imgClassName,
+}): JSX.Element => (
   <div className={className}>
-    <img
-      className={imgClassName}
-      src={getIcon(ticker)}
-      alt={title ?? ticker}
-    />
+    <img className={imgClassName} src={getIcon(ticker)} alt={title ?? ticker} />
   </div>
 );
 
diff --git a/packages/pl-fe/src/features/crypto-donate/components/detailed-crypto-address.tsx b/packages/pl-fe/src/features/crypto-donate/components/detailed-crypto-address.tsx
index b433bcf8b..a9cedc6cb 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/detailed-crypto-address.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/detailed-crypto-address.tsx
@@ -13,7 +13,11 @@ interface IDetailedCryptoAddress {
   note?: string;
 }
 
-const DetailedCryptoAddress: React.FC<IDetailedCryptoAddress> = ({ address, ticker, note }): JSX.Element => {
+const DetailedCryptoAddress: React.FC<IDetailedCryptoAddress> = ({
+  address,
+  ticker,
+  note,
+}): JSX.Element => {
   const title = getTitle(ticker);
 
   return (
diff --git a/packages/pl-fe/src/features/crypto-donate/components/site-wallet.tsx b/packages/pl-fe/src/features/crypto-donate/components/site-wallet.tsx
index 7dcd2d948..dba4cf762 100644
--- a/packages/pl-fe/src/features/crypto-donate/components/site-wallet.tsx
+++ b/packages/pl-fe/src/features/crypto-donate/components/site-wallet.tsx
@@ -15,7 +15,7 @@ const SiteWallet: React.FC<ISiteWallet> = ({ limit }): JSX.Element => {
 
   return (
     <Stack space={4}>
-      {addresses.map(address => (
+      {addresses.map((address) => (
         <CryptoAddress
           key={address.ticker}
           address={address.address}
diff --git a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts b/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
index 781ff82e2..e434c5dfd 100644
--- a/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
+++ b/packages/pl-fe/src/features/crypto-donate/utils/manifest-map.ts
@@ -12,10 +12,13 @@ const manifestMap = compileTime(() => {
   const require = createRequire(import.meta.url);
   const manifest = require('cryptocurrency-icons/manifest.json');
 
-  const manifestMap = manifest.reduce((acc: Record<string, typeof manifest[0]>, entry: typeof manifest[0]) => {
-    acc[entry.symbol.toLowerCase()] = entry;
-    return acc;
-  }, {});
+  const manifestMap = manifest.reduce(
+    (acc: Record<string, (typeof manifest)[0]>, entry: (typeof manifest)[0]) => {
+      acc[entry.symbol.toLowerCase()] = entry;
+      return acc;
+    },
+    {},
+  );
 
   return manifestMap;
 });
diff --git a/packages/pl-fe/src/features/developers/components/indicator.tsx b/packages/pl-fe/src/features/developers/components/indicator.tsx
index 1fc90ab96..cc9e71093 100644
--- a/packages/pl-fe/src/features/developers/components/indicator.tsx
+++ b/packages/pl-fe/src/features/developers/components/indicator.tsx
@@ -10,7 +10,7 @@ interface IIndicator {
 const Indicator: React.FC<IIndicator> = ({ state = 'inactive', size = 'sm' }) => (
   <div
     className={clsx('rounded-full outline-double', {
-      'w-1.5 h-1.5 shadow-sm': size === 'sm',
+      'h-1.5 w-1.5 shadow-sm': size === 'sm',
       'bg-green-500 outline-green-400': state === 'active',
       'bg-yellow-500 outline-yellow-400': state === 'pending',
       'bg-red-500 outline-red-400': state === 'error',
diff --git a/packages/pl-fe/src/features/draft-statuses/builder.tsx b/packages/pl-fe/src/features/draft-statuses/builder.tsx
index e942188ed..23cfa9c9d 100644
--- a/packages/pl-fe/src/features/draft-statuses/builder.tsx
+++ b/packages/pl-fe/src/features/draft-statuses/builder.tsx
@@ -25,7 +25,10 @@ const buildStatus = (state: RootState, draftStatus: DraftStatus) => {
   const status = v.parse(statusSchema, {
     id: 'draft',
     account,
-    content: draftStatus.text.replace(new RegExp('\n', 'g'), '<br>'), /* eslint-disable-line no-control-regex */
+    content: draftStatus.text.replace(
+      new RegExp('\n', 'g'),
+      '<br>',
+    ) /* eslint-disable-line no-control-regex */,
     created_at: draftStatus.schedule,
     group: draftStatus.group_id,
     in_reply_to_id: draftStatus.in_reply_to,
diff --git a/packages/pl-fe/src/features/draft-statuses/components/draft-status-action-bar.tsx b/packages/pl-fe/src/features/draft-statuses/components/draft-status-action-bar.tsx
index 95db3e5e5..558d77d00 100644
--- a/packages/pl-fe/src/features/draft-statuses/components/draft-status-action-bar.tsx
+++ b/packages/pl-fe/src/features/draft-statuses/components/draft-status-action-bar.tsx
@@ -15,8 +15,14 @@ import type { DraftStatus } from '@/queries/statuses/use-draft-statuses';
 
 const messages = defineMessages({
   deleteConfirm: { id: 'confirmations.draft_status_delete.confirm', defaultMessage: 'Discard' },
-  deleteHeading: { id: 'confirmations.draft_status_delete.heading', defaultMessage: 'Cancel draft post' },
-  deleteMessage: { id: 'confirmations.draft_status_delete.message', defaultMessage: 'Are you sure you want to discard this draft post?' },
+  deleteHeading: {
+    id: 'confirmations.draft_status_delete.heading',
+    defaultMessage: 'Cancel draft post',
+  },
+  deleteMessage: {
+    id: 'confirmations.draft_status_delete.message',
+    defaultMessage: 'Are you sure you want to discard this draft post?',
+  },
 });
 
 interface IDraftStatusActionBar {
@@ -48,7 +54,18 @@ const DraftStatusActionBar: React.FC<IDraftStatusActionBar> = ({ source, status
 
   const handleEditClick = () => {
     if (status.in_reply_to_id) dispatch(fetchStatus(status.in_reply_to_id));
-    dispatch(setComposeToStatus(status, status.poll, source.text, source.spoiler_text, source.content_type, false, source.draft_id, source.editorState));
+    dispatch(
+      setComposeToStatus(
+        status,
+        status.poll,
+        source.text,
+        source.spoiler_text,
+        source.content_type,
+        false,
+        source.draft_id,
+        source.editorState,
+      ),
+    );
     openModal('COMPOSE');
   };
 
diff --git a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
index 0348434b9..3105ec4db 100644
--- a/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
+++ b/packages/pl-fe/src/features/draft-statuses/components/draft-status.tsx
@@ -39,7 +39,9 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
     if (!(status.quote_visible ?? true)) {
       quote = (
         <OutlineBox>
-          <p><FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' /></p>
+          <p>
+            <FormattedMessage id='statuses.quote_tombstone' defaultMessage='Post is unavailable.' />
+          </p>
         </OutlineBox>
       );
     } else {
@@ -48,8 +50,18 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
   }
 
   return (
-    <div className={clsx('status__wrapper py-4', `status__wrapper-${status.visibility}`, { 'status__wrapper-reply': !!status.in_reply_to_id })} tabIndex={0}>
-      <div className={clsx('status', `status-${status.visibility}`, { 'status-reply': !!status.in_reply_to_id })} data-id={status.id}>
+    <div
+      className={clsx('status__wrapper py-4', `status__wrapper-${status.visibility}`, {
+        'status__wrapper-reply': !!status.in_reply_to_id,
+      })}
+      tabIndex={0}
+    >
+      <div
+        className={clsx('status', `status-${status.visibility}`, {
+          'status-reply': !!status.in_reply_to_id,
+        })}
+        data-id={status.id}
+      >
         <div className='mb-4'>
           <HStack justifyContent='between' alignItems='start'>
             <Account
@@ -63,16 +75,9 @@ const DraftStatus: React.FC<IDraftStatus> = ({ draftStatus, ...other }) => {
         <StatusReplyMentions status={status} />
 
         <Stack space={4}>
-          <StatusContent
-            status={status}
-            collapsable
-          />
+          <StatusContent status={status} collapsable />
 
-          {status.media_attachments.length > 0 && (
-            <AttachmentThumbs
-              status={status}
-            />
-          )}
+          {status.media_attachments.length > 0 && <AttachmentThumbs status={status} />}
 
           {quote}
 
diff --git a/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
index b125785c4..1dd89865e 100644
--- a/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/avatar-picker.tsx
@@ -10,8 +10,14 @@ import { useDraggedFiles } from '@/hooks/use-dragged-files';
 import { useModalsActions } from '@/stores/modals';
 
 const messages = defineMessages({
-  changeDescriptionHeading: { id: 'group.upload_avatar.alt.heading', defaultMessage: 'Change avatar description' },
-  changeDescriptionPlaceholder: { id: 'group.upload_avatar.alt.placeholder', defaultMessage: 'Image description' },
+  changeDescriptionHeading: {
+    id: 'group.upload_avatar.alt.heading',
+    defaultMessage: 'Change avatar description',
+  },
+  changeDescriptionPlaceholder: {
+    id: 'group.upload_avatar.alt.placeholder',
+    defaultMessage: 'Image description',
+  },
   changeDescriptionConfirm: { id: 'group.upload_avatar.alt.confirm', defaultMessage: 'Save' },
 });
 
@@ -25,78 +31,86 @@ interface IMediaInput {
   onChangeDescription?: (value: string) => void;
 }
 
-const AvatarPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
-  className, src, onChange, accept, disabled, description, onChangeDescription,
-}, ref) => {
-  const { openModal } = useModalsActions();
-  const intl = useIntl();
+const AvatarPicker = React.forwardRef<HTMLInputElement, IMediaInput>(
+  ({ className, src, onChange, accept, disabled, description, onChangeDescription }, ref) => {
+    const { openModal } = useModalsActions();
+    const intl = useIntl();
 
-  const picker = useRef<HTMLLabelElement>(null);
+    const picker = useRef<HTMLLabelElement>(null);
 
-  const { isDragging, isDraggedOver } = useDraggedFiles(picker, (files) => {
-    onChange(files);
-  });
-
-  const handleChangeDescriptionClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    e.stopPropagation();
-
-    openModal('TEXT_FIELD', {
-      heading: intl.formatMessage(messages.changeDescriptionHeading),
-      placeholder: intl.formatMessage(messages.changeDescriptionPlaceholder),
-      confirm: intl.formatMessage(messages.changeDescriptionConfirm),
-      onConfirm: (description?: string) => {
-        onChangeDescription?.(description ?? '');
-      },
-      text: description,
+    const { isDragging, isDraggedOver } = useDraggedFiles(picker, (files) => {
+      onChange(files);
     });
-  };
 
-  return (
-    <label
-      ref={picker}
-      className={clsx(
-        'absolute bottom-0 left-1/2 size-20 -translate-x-1/2 translate-y-1/2 cursor-pointer rounded-lg bg-primary-300 ring-2',
-        {
-          'border-2 border-primary-600 border-dashed !z-[99] overflow-hidden': isDragging,
-          'ring-white dark:ring-primary-900': !isDraggedOver,
-          'ring-offset-2 ring-primary-600': isDraggedOver,
+    const handleChangeDescriptionClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+      e.stopPropagation();
+
+      openModal('TEXT_FIELD', {
+        heading: intl.formatMessage(messages.changeDescriptionHeading),
+        placeholder: intl.formatMessage(messages.changeDescriptionPlaceholder),
+        confirm: intl.formatMessage(messages.changeDescriptionConfirm),
+        onConfirm: (description?: string) => {
+          onChangeDescription?.(description ?? '');
         },
-        className,
-      )}
-      style={{ height: 80, width: 80 }}
-    >
-      {src && <Avatar className={clsx(onChangeDescription && '!rounded-lg')} src={src} size={80} />}
-      <HStack
-        alignItems='center'
-        justifyContent='center'
-        className={clsx('absolute left-0 top-0 size-full rounded-lg transition-opacity', {
-          'opacity-0 hover:opacity-90 bg-primary-500': src,
-        })}
+        text: description,
+      });
+    };
+
+    return (
+      <label
+        ref={picker}
+        className={clsx(
+          'absolute bottom-0 left-1/2 size-20 -translate-x-1/2 translate-y-1/2 cursor-pointer rounded-lg bg-primary-300 ring-2',
+          {
+            '!z-[99] overflow-hidden border-2 border-dashed border-primary-600': isDragging,
+            'ring-white dark:ring-primary-900': !isDraggedOver,
+            'ring-primary-600 ring-offset-2': isDraggedOver,
+          },
+          className,
+        )}
+        style={{ height: 80, width: 80 }}
       >
-        <Icon
-          src={require('@phosphor-icons/core/regular/camera-plus.svg')}
-          className='size-5 text-white'
+        {src && (
+          <Avatar className={clsx(onChangeDescription && '!rounded-lg')} src={src} size={80} />
+        )}
+        <HStack
+          alignItems='center'
+          justifyContent='center'
+          className={clsx('absolute left-0 top-0 size-full rounded-lg transition-opacity', {
+            'bg-primary-500 opacity-0 hover:opacity-90': src,
+          })}
+        >
+          <Icon
+            src={require('@phosphor-icons/core/regular/camera-plus.svg')}
+            className='size-5 text-white'
+          />
+        </HStack>
+        <span className='sr-only'>
+          <FormattedMessage id='group.upload_avatar' defaultMessage='Upload avatar' />
+        </span>
+        <input
+          ref={ref}
+          name='avatar'
+          type='file'
+          accept={accept}
+          onChange={({ target }) => {
+            onChange(target.files);
+          }}
+          disabled={disabled}
+          className='hidden'
         />
-      </HStack>
-      <span className='sr-only'><FormattedMessage id='group.upload_avatar' defaultMessage='Upload avatar' /></span>
-      <input
-        ref={ref}
-        name='avatar'
-        type='file'
-        accept={accept}
-        onChange={({ target }) =>{
-          onChange(target.files);
-        }}
-        disabled={disabled}
-        className='hidden'
-      />
-      {onChangeDescription && src && (
-        <button type='button' className='absolute left-1 top-1' onClick={handleChangeDescriptionClick}>
-          <AltIndicator warning={!description} />
-        </button>
-      )}
-    </label>
-  );
-});
+        {onChangeDescription && src && (
+          <button
+            type='button'
+            className='absolute left-1 top-1'
+            onClick={handleChangeDescriptionClick}
+          >
+            <AltIndicator warning={!description} />
+          </button>
+        )}
+      </label>
+    );
+  },
+);
 
 export { AvatarPicker as default };
diff --git a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
index d46c5bd07..50ddb8693 100644
--- a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
@@ -12,8 +12,14 @@ import { useModalsActions } from '@/stores/modals';
 
 const messages = defineMessages({
   title: { id: 'group.upload_banner.title', defaultMessage: 'Upload background picture' },
-  changeHeaderDescriptionHeading: { id: 'group.upload_banner.alt.heading', defaultMessage: 'Change header description' },
-  changeHeaderDescriptionPlaceholder: { id: 'group.upload_banner.alt.placeholder', defaultMessage: 'Image description' },
+  changeHeaderDescriptionHeading: {
+    id: 'group.upload_banner.alt.heading',
+    defaultMessage: 'Change header description',
+  },
+  changeHeaderDescriptionPlaceholder: {
+    id: 'group.upload_banner.alt.placeholder',
+    defaultMessage: 'Image description',
+  },
   changeHeaderDescriptionConfirm: { id: 'group.upload_banner.alt.confirm', defaultMessage: 'Save' },
 });
 
@@ -27,97 +33,98 @@ interface IMediaInput {
   onChangeDescription?: (value: string) => void;
 }
 
-const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(({
-  src, onChange, onClear, accept, disabled, description, onChangeDescription,
-}, ref) => {
-  const { openModal } = useModalsActions();
-  const intl = useIntl();
+const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(
+  ({ src, onChange, onClear, accept, disabled, description, onChangeDescription }, ref) => {
+    const { openModal } = useModalsActions();
+    const intl = useIntl();
 
-  const picker = useRef<HTMLLabelElement>(null);
+    const picker = useRef<HTMLLabelElement>(null);
 
-  const { isDragging, isDraggedOver } = useDraggedFiles(picker, (files) => {
-    onChange(files);
-  });
-
-  const handleClear: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    e.stopPropagation();
-
-    onClear!();
-  };
-
-  const handleChangeDescriptionClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
-    e.stopPropagation();
-
-    openModal('TEXT_FIELD', {
-      heading: intl.formatMessage(messages.changeHeaderDescriptionHeading),
-      placeholder: intl.formatMessage(messages.changeHeaderDescriptionPlaceholder),
-      confirm: intl.formatMessage(messages.changeHeaderDescriptionConfirm),
-      onConfirm: (description?: string) => {
-        onChangeDescription?.(description ?? '');
-      },
-      text: description,
+    const { isDragging, isDraggedOver } = useDraggedFiles(picker, (files) => {
+      onChange(files);
     });
-  };
 
-  return (
-    <label
-      ref={picker}
-      className={clsx(
-        'dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow',
-        {
-          'border-2 border-primary-600 border-dashed !z-[99]': isDragging,
-          'ring-2 ring-offset-2 ring-primary-600': isDraggedOver,
+    const handleClear: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+      e.stopPropagation();
+
+      onClear!();
+    };
+
+    const handleChangeDescriptionClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+      e.stopPropagation();
+
+      openModal('TEXT_FIELD', {
+        heading: intl.formatMessage(messages.changeHeaderDescriptionHeading),
+        placeholder: intl.formatMessage(messages.changeHeaderDescriptionPlaceholder),
+        confirm: intl.formatMessage(messages.changeHeaderDescriptionConfirm),
+        onConfirm: (description?: string) => {
+          onChangeDescription?.(description ?? '');
         },
-      )}
-      title={intl.formatMessage(messages.title)}
-      tabIndex={0}
-    >
-      {src && <img className='size-full object-cover' src={src} alt='' />}
-      <HStack
-        className={clsx('absolute top-0 size-full transition-opacity', {
-          'opacity-0 hover:opacity-90 bg-primary-100 dark:bg-gray-800': src,
-        })}
-        space={1.5}
-        alignItems='center'
-        justifyContent='center'
+        text: description,
+      });
+    };
+
+    return (
+      <label
+        ref={picker}
+        className={clsx(
+          'dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow',
+          {
+            '!z-[99] border-2 border-dashed border-primary-600': isDragging,
+            'ring-2 ring-primary-600 ring-offset-2': isDraggedOver,
+          },
+        )}
+        title={intl.formatMessage(messages.title)}
+        tabIndex={0}
       >
-        <Icon
-          src={require('@phosphor-icons/core/regular/upload.svg')}
-          className='size-4.5'
-        />
+        {src && <img className='size-full object-cover' src={src} alt='' />}
+        <HStack
+          className={clsx('absolute top-0 size-full transition-opacity', {
+            'bg-primary-100 opacity-0 hover:opacity-90 dark:bg-gray-800': src,
+          })}
+          space={1.5}
+          alignItems='center'
+          justifyContent='center'
+        >
+          <Icon src={require('@phosphor-icons/core/regular/upload.svg')} className='size-4.5' />
 
-        <Text size='md' theme='primary' weight='semibold'>
-          <FormattedMessage id='group.upload_banner' defaultMessage='Upload photo' />
-        </Text>
+          <Text size='md' theme='primary' weight='semibold'>
+            <FormattedMessage id='group.upload_banner' defaultMessage='Upload photo' />
+          </Text>
 
-        <input
-          ref={ref}
-          name='header'
-          type='file'
-          accept={accept}
-          onChange={({ target }) =>{
-            onChange(target.files);
-          }}
-          disabled={disabled}
-          className='hidden'
-        />
-      </HStack>
-      {onClear && src && (
-        <IconButton
-          onClick={handleClear}
-          src={require('@phosphor-icons/core/regular/x.svg')}
-          theme='dark'
-          className='absolute right-2 top-2 z-10 hover:scale-105 hover:bg-gray-900'
-          iconClassName='h-5 w-5'
-        />
-      )}
-      {onChangeDescription && src && (
-        <button type='button' className='absolute left-2 top-2' onClick={handleChangeDescriptionClick}>
-          <AltIndicator warning={!description} />
-        </button>
-      )}
-    </label>
-  );
-});
+          <input
+            ref={ref}
+            name='header'
+            type='file'
+            accept={accept}
+            onChange={({ target }) => {
+              onChange(target.files);
+            }}
+            disabled={disabled}
+            className='hidden'
+          />
+        </HStack>
+        {onClear && src && (
+          <IconButton
+            onClick={handleClear}
+            src={require('@phosphor-icons/core/regular/x.svg')}
+            theme='dark'
+            className='absolute right-2 top-2 z-10 hover:scale-105 hover:bg-gray-900'
+            iconClassName='h-5 w-5'
+          />
+        )}
+        {onChangeDescription && src && (
+          <button
+            type='button'
+            className='absolute left-2 top-2'
+            onClick={handleChangeDescriptionClick}
+          >
+            <AltIndicator warning={!description} />
+          </button>
+        )}
+      </label>
+    );
+  },
+);
 
 export { HeaderPicker as default };
diff --git a/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx b/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
index 1cbf80e30..993afc253 100644
--- a/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
+++ b/packages/pl-fe/src/features/emoji/components/emoji-picker-dropdown.tsx
@@ -78,25 +78,28 @@ const getFrequentlyUsedEmojis = (emojiCounters: Record<string, number>) => {
     .slice(0, perLine * lines);
 
   if (emojis.length < DEFAULTS.length) {
-    const uniqueDefaults = DEFAULTS.filter(emoji => !emojis.includes(emoji));
+    const uniqueDefaults = DEFAULTS.filter((emoji) => !emojis.includes(emoji));
     emojis = emojis.concat(uniqueDefaults.slice(0, DEFAULTS.length - emojis.length));
   }
 
   return emojis;
 };
 
-const getCustomEmojis = (emojis: Array<BaseCustomEmoji>) => emojis.filter(e => e.visible_in_picker).toSorted((a, b) => {
-  const aShort = a.shortcode.toLowerCase();
-  const bShort = b.shortcode.toLowerCase();
+const getCustomEmojis = (emojis: Array<BaseCustomEmoji>) =>
+  emojis
+    .filter((e) => e.visible_in_picker)
+    .toSorted((a, b) => {
+      const aShort = a.shortcode.toLowerCase();
+      const bShort = b.shortcode.toLowerCase();
 
-  if (aShort < bShort) {
-    return -1;
-  } else if (aShort > bShort) {
-    return 1;
-  } else {
-    return 0;
-  }
-});
+      if (aShort < bShort) {
+        return -1;
+      } else if (aShort > bShort) {
+        return 1;
+      } else {
+        return 0;
+      }
+    });
 
 // Fixes render bug where popover has a delayed position update
 const RenderAfter = ({ children, update }: any) => {
@@ -118,7 +121,11 @@ const RenderAfter = ({ children, update }: any) => {
 };
 
 const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
-  onPickEmoji, visible, setVisible, update, withCustom = true,
+  onPickEmoji,
+  visible,
+  setVisible,
+  update,
+  withCustom = true,
 }) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
@@ -129,7 +136,10 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
   const { data: customEmojis } = useCustomEmojis(getCustomEmojis);
 
   const settings = useSettings();
-  const frequentlyUsedEmojis = useMemo(() => getFrequentlyUsedEmojis(settings.frequentlyUsedEmojis), [settings.frequentlyUsedEmojis]);
+  const frequentlyUsedEmojis = useMemo(
+    () => getFrequentlyUsedEmojis(settings.frequentlyUsedEmojis),
+    [settings.frequentlyUsedEmojis],
+  );
 
   const handlePick = (emoji: any) => {
     setVisible(false);
@@ -204,40 +214,38 @@ const EmojiPickerDropdown: React.FC<IEmojiPickerDropdown> = ({
     }
   }, [visible]);
 
-  useEffect(() => () => {
-    document.body.style.overflow = '';
-  }, []);
+  useEffect(
+    () => () => {
+      document.body.style.overflow = '';
+    },
+    [],
+  );
 
   const customEmojiCategories = useMemo(() => {
     return withCustom ? buildCustomEmojiCategories(customEmojis ?? [], intl) : undefined;
   }, [withCustom, customEmojis]);
 
-  return (
-    visible ? (
-      <RenderAfter update={update}>
-        <Suspense>
-          <EmojiPicker
-            custom={customEmojiCategories}
-            title={title}
-            onEmojiSelect={handlePick}
-            recent={frequentlyUsedEmojis}
-            perLine={8}
-            skin={handleSkinTone}
-            emojiSize={22}
-            emojiButtonSize={34}
-            set='twitter'
-            theme={theme === 'light' ? 'light' : 'dark'}
-            i18n={getI18n()}
-            skinTonePosition='search'
-            previewPosition='none'
-          />
-        </Suspense>
-      </RenderAfter>
-    ) : null
-  );
+  return visible ? (
+    <RenderAfter update={update}>
+      <Suspense>
+        <EmojiPicker
+          custom={customEmojiCategories}
+          title={title}
+          onEmojiSelect={handlePick}
+          recent={frequentlyUsedEmojis}
+          perLine={8}
+          skin={handleSkinTone}
+          emojiSize={22}
+          emojiButtonSize={34}
+          set='twitter'
+          theme={theme === 'light' ? 'light' : 'dark'}
+          i18n={getI18n()}
+          skinTonePosition='search'
+          previewPosition='none'
+        />
+      </Suspense>
+    </RenderAfter>
+  ) : null;
 };
 
-export {
-  EmojiPickerDropdown as default,
-  type IEmojiPickerDropdown,
-};
+export { EmojiPickerDropdown as default, type IEmojiPickerDropdown };
diff --git a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
index e7e6001ce..290a301ef 100644
--- a/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
+++ b/packages/pl-fe/src/features/emoji/containers/emoji-picker-dropdown-container.tsx
@@ -13,12 +13,19 @@ const messages = defineMessages({
   emoji: { id: 'emoji_button.label', defaultMessage: 'Insert emoji' },
 });
 
-interface IEmojiPickerDropdownContainer extends Pick<IEmojiPickerDropdown, 'onPickEmoji' | 'condensed' | 'withCustom'> {
+interface IEmojiPickerDropdownContainer extends Pick<
+  IEmojiPickerDropdown,
+  'onPickEmoji' | 'condensed' | 'withCustom'
+> {
   children?: JSX.Element;
   theme?: 'default' | 'inverse';
 }
 
-const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({ theme = 'default', children, ...props }) => {
+const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
+  theme = 'default',
+  children,
+  ...props
+}) => {
   const intl = useIntl();
   const title = intl.formatMessage(messages.emoji);
   const [isOpen, setIsOpen] = useState<boolean>(false);
@@ -59,13 +66,17 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
     }
   };
 
-  const clonedChildren = useMemo(() => children ? (
-    React.cloneElement(children, {
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      ref: refs.setReference,
-    })
-  ) : null, [children]);
+  const clonedChildren = useMemo(
+    () =>
+      children
+        ? React.cloneElement(children, {
+            onClick: handleClick,
+            onKeyDown: handleKeyDown,
+            ref: refs.setReference,
+          })
+        : null,
+    [children],
+  );
 
   return (
     <div className='relative'>
@@ -73,8 +84,10 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
         <IconButton
           theme='transparent'
           className={clsx('emoji-picker-dropdown -m-1 p-2', {
-            'text-gray-600 hover:text-gray-800 dark:hover:text-white bg-transparent hover:bg-primary-100 dark:hover:bg-primary-800 black:hover:bg-gray-800': theme === 'default',
-            'text-white/80 hover:text-white bg-transparent dark:bg-transparent': theme === 'inverse',
+            'bg-transparent text-gray-600 hover:bg-primary-100 hover:text-gray-800 black:hover:bg-gray-800 dark:hover:bg-primary-800 dark:hover:text-white':
+              theme === 'default',
+            'bg-transparent text-white/80 hover:text-white dark:bg-transparent':
+              theme === 'inverse',
           })}
           ref={refs.setReference}
           src={require('@phosphor-icons/core/regular/smiley.svg')}
@@ -85,7 +98,8 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
           onClick={handleClick as any}
           onKeyDown={handleKeyDown as React.KeyboardEventHandler<HTMLButtonElement>}
           tabIndex={0}
-        />)}
+        />
+      )}
 
       {isMounted && (
         <Portal>
@@ -100,12 +114,7 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
               ...styles,
             }}
           >
-            <EmojiPickerDropdown
-              visible
-              setVisible={setIsOpen}
-              update={update}
-              {...props}
-            />
+            <EmojiPickerDropdown visible setVisible={setIsOpen} update={update} {...props} />
           </div>
         </Portal>
       )}
@@ -113,7 +122,4 @@ const EmojiPickerDropdownContainer: React.FC<IEmojiPickerDropdownContainer> = ({
   );
 };
 
-export {
-  messages,
-  EmojiPickerDropdownContainer as default,
-};
+export { messages, EmojiPickerDropdownContainer as default };
diff --git a/packages/pl-fe/src/features/emoji/data.ts b/packages/pl-fe/src/features/emoji/data.ts
index ad9fef2b7..9688b18cf 100644
--- a/packages/pl-fe/src/features/emoji/data.ts
+++ b/packages/pl-fe/src/features/emoji/data.ts
@@ -47,10 +47,4 @@ interface EmojiData {
 const emojiData = data as EmojiData;
 const { emojis } = emojiData;
 
-export {
-  type CustomEmoji,
-  type Emoji,
-  type EmojiData,
-  emojis,
-  emojiData as default,
-};
+export { type CustomEmoji, type Emoji, type EmojiData, emojis, emojiData as default };
diff --git a/packages/pl-fe/src/features/emoji/emojify.tsx b/packages/pl-fe/src/features/emoji/emojify.tsx
index 08c30837a..0348334b4 100644
--- a/packages/pl-fe/src/features/emoji/emojify.tsx
+++ b/packages/pl-fe/src/features/emoji/emojify.tsx
@@ -71,7 +71,14 @@ const Emojify: React.FC<IEmojify> = React.memo(({ text, emojis = {} }) => {
       const { unified, shortcode } = unicodeMapping[c];
 
       nodes.push(
-        <img key={index} draggable={false} className='emojione ⁂-emoji' alt={c} title={`:${shortcode}:`} src={joinPublicPath(`packs/emoji/${unified}.svg`)} />,
+        <img
+          key={index}
+          draggable={false}
+          className='emojione ⁂-emoji'
+          alt={c}
+          title={`:${shortcode}:`}
+          src={joinPublicPath(`packs/emoji/${unified}.svg`)}
+        />,
       );
     } else if (!systemEmojiFont && unqualified in unicodeMapping) {
       clearStack();
@@ -79,7 +86,14 @@ const Emojify: React.FC<IEmojify> = React.memo(({ text, emojis = {} }) => {
       const { unified, shortcode } = unicodeMapping[unqualified];
 
       nodes.push(
-        <img key={index} draggable={false} className='emojione ⁂-emoji' alt={unqualified} title={`:${shortcode}:`} src={joinPublicPath(`packs/emoji/${unified}.svg`)} />,
+        <img
+          key={index}
+          draggable={false}
+          className='emojione ⁂-emoji'
+          alt={unqualified}
+          title={`:${shortcode}:`}
+          src={joinPublicPath(`packs/emoji/${unified}.svg`)}
+        />,
       );
     } else if (!disableUserProvidedMedia && c === ':') {
       if (!open) {
diff --git a/packages/pl-fe/src/features/emoji/index.ts b/packages/pl-fe/src/features/emoji/index.ts
index ad322552d..6fd8bd222 100644
--- a/packages/pl-fe/src/features/emoji/index.ts
+++ b/packages/pl-fe/src/features/emoji/index.ts
@@ -43,17 +43,19 @@ const isNativeEmoji = (emoji: Emoji): emoji is NativeEmoji =>
 const isAlphaNumeric = (c: string) => {
   const code = c.charCodeAt(0);
 
-  if (!(code > 47 && code < 58) &&  // numeric (0-9)
-      !(code > 64 && code < 91) &&  // upper alpha (A-Z)
-      !(code > 96 && code < 123)) { // lower alpha (a-z)
+  if (
+    !(code > 47 && code < 58) && // numeric (0-9)
+    !(code > 64 && code < 91) && // upper alpha (A-Z)
+    !(code > 96 && code < 123)
+  ) {
+    // lower alpha (a-z)
     return false;
   } else {
     return true;
   }
 };
 
-const validEmojiChar = (c: string) =>
-  isAlphaNumeric(c) || ['_', '-', '.'].includes(c);
+const validEmojiChar = (c: string) => isAlphaNumeric(c) || ['_', '-', '.'].includes(c);
 
 const buildCustomEmojis = (customEmojis: Array<BaseCustomEmoji>) => {
   const emojis: EmojiMart<EmojiMartCustom>[] = [];
@@ -100,9 +102,13 @@ const buildCustomEmojiCategories = (customEmojis: Array<BaseCustomEmoji>, intl?:
     .toSorted((a, b) => a[0].localeCompare(b[0]))
     .map(([categoryName, emojis]) => ({
       id: categoryName,
-      name: categoryName === 'uncategorized' && intl
-        ? intl.formatMessage({ id: 'emoji_button.uncategorized', defaultMessage: 'Uncategorized' })
-        : categoryName.replace(/^pack:/, ''),
+      name:
+        categoryName === 'uncategorized' && intl
+          ? intl.formatMessage({
+              id: 'emoji_button.uncategorized',
+              defaultMessage: 'Uncategorized',
+            })
+          : categoryName.replace(/^pack:/, ''),
       emojis,
     }));
 };
diff --git a/packages/pl-fe/src/features/emoji/mapping.ts b/packages/pl-fe/src/features/emoji/mapping.ts
index 2e6ca376a..522cc158a 100644
--- a/packages/pl-fe/src/features/emoji/mapping.ts
+++ b/packages/pl-fe/src/features/emoji/mapping.ts
@@ -16,13 +16,13 @@ const unicodeMapping = compileTime(() => {
   const stripLeadingZeros = /^0+/;
 
   /*
- * Twemoji strips their hex codes from unicode codepoints to make it look "pretty"
- * - leading 0s are removed
- * - fe0f is removed unless it has 200d
- * - fe0f is NOT removed for 1f441-fe0f-200d-1f5e8-fe0f even though it has a 200d
- *
- * this is all wrong
- */
+   * Twemoji strips their hex codes from unicode codepoints to make it look "pretty"
+   * - leading 0s are removed
+   * - fe0f is removed unless it has 200d
+   * - fe0f is NOT removed for 1f441-fe0f-200d-1f5e8-fe0f even though it has a 200d
+   *
+   * this is all wrong
+   */
   const blacklist = {
     '1f441-fe0f-200d-1f5e8-fe0f': true,
   };
diff --git a/packages/pl-fe/src/features/emoji/search.ts b/packages/pl-fe/src/features/emoji/search.ts
index c6dc249fc..16ef4087d 100644
--- a/packages/pl-fe/src/features/emoji/search.ts
+++ b/packages/pl-fe/src/features/emoji/search.ts
@@ -6,14 +6,16 @@ import type { CustomEmoji } from 'pl-api';
 
 let emojis: EmojiData['emojis'] = {};
 
-import('./data').then(data => {
-  emojis = data.emojis;
+import('./data')
+  .then((data) => {
+    emojis = data.emojis;
 
-  const sortedEmojis = Object.entries(emojis).sort((a, b) => a[0].localeCompare(b[0]));
-  for (const [key, emoji] of sortedEmojis) {
-    index.add('n' + key, `${emoji.id} ${emoji.name} ${emoji.keywords.join(' ')}`);
-  }
-}).catch(() => { });
+    const sortedEmojis = Object.entries(emojis).sort((a, b) => a[0].localeCompare(b[0]));
+    for (const [key, emoji] of sortedEmojis) {
+      index.add('n' + key, `${emoji.id} ${emoji.name} ${emoji.keywords.join(' ')}`);
+    }
+  })
+  .catch(() => {});
 
 const index = new FlexSearch.Index({
   tokenize: 'full',
@@ -43,36 +45,40 @@ const addCustomToPool = (customEmojis: any[]) => {
 
 // we can share an index by prefixing custom emojis with 'c' and native with 'n'
 const search = (
-  str: string, { maxResults = 5 }: searchOptions = {},
+  str: string,
+  { maxResults = 5 }: searchOptions = {},
   custom_emojis?: Array<CustomEmoji>,
-): Emoji[] => index.search(str, maxResults)
-  .flatMap((id) => {
-    if (typeof id !== 'string') return;
+): Emoji[] =>
+  index
+    .search(str, maxResults)
+    .flatMap((id) => {
+      if (typeof id !== 'string') return;
 
-    if (id[0] === 'c' && custom_emojis) {
-      const index = Number(id.slice(1));
-      const custom = custom_emojis[index];
+      if (id[0] === 'c' && custom_emojis) {
+        const index = Number(id.slice(1));
+        const custom = custom_emojis[index];
 
-      if (custom) {
+        if (custom) {
+          return {
+            id: custom.shortcode,
+            colons: ':' + custom.shortcode + ':',
+            custom: true,
+            imageUrl: custom.static_url,
+          };
+        }
+      }
+
+      const skins = emojis[id.slice(1)]?.skins;
+
+      if (skins) {
         return {
-          id: custom.shortcode,
-          colons: ':' + custom.shortcode + ':',
-          custom: true,
-          imageUrl: custom.static_url,
+          id: id.slice(1),
+          colons: ':' + id.slice(1) + ':',
+          unified: skins[0].unified,
+          native: skins[0].native,
         };
       }
-    }
-
-    const skins = emojis[id.slice(1)]?.skins;
-
-    if (skins) {
-      return {
-        id: id.slice(1),
-        colons: ':' + id.slice(1) + ':',
-        unified: skins[0].unified,
-        native: skins[0].native,
-      };
-    }
-  }).filter(Boolean) as Emoji[];
+    })
+    .filter(Boolean) as Emoji[];
 
 export { search as default, addCustomToPool };
diff --git a/packages/pl-fe/src/features/event/components/event-action-button.tsx b/packages/pl-fe/src/features/event/components/event-action-button.tsx
index cde305b5f..f234461e6 100644
--- a/packages/pl-fe/src/features/event/components/event-action-button.tsx
+++ b/packages/pl-fe/src/features/event/components/event-action-button.tsx
@@ -3,7 +3,10 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import Button from '@/components/ui/button';
 import { useAppSelector } from '@/hooks/use-app-selector';
-import { useJoinEventMutation, useLeaveEventMutation } from '@/queries/statuses/use-event-interactions';
+import {
+  useJoinEventMutation,
+  useLeaveEventMutation,
+} from '@/queries/statuses/use-event-interactions';
 import { useModalsActions } from '@/stores/modals';
 
 import type { ButtonThemes } from '@/components/ui/button/useButtonStyles';
@@ -11,7 +14,11 @@ import type { Status as StatusEntity } from '@/normalizers/status';
 
 const messages = defineMessages({
   leaveHeading: { id: 'confirmations.leave_event.heading', defaultMessage: 'Leave event' },
-  leaveMessage: { id: 'confirmations.leave_event.message', defaultMessage: 'If you want to rejoin the event, the request will be manually reviewed again. Are you sure you want to proceed?' },
+  leaveMessage: {
+    id: 'confirmations.leave_event.message',
+    defaultMessage:
+      'If you want to rejoin the event, the request will be manually reviewed again. Are you sure you want to proceed?',
+  },
   leaveConfirm: { id: 'confirmations.leave_event.confirm', defaultMessage: 'Leave event' },
 });
 
@@ -66,7 +73,7 @@ const EventActionButton: React.FC<IEventAction> = ({ status, theme = 'secondary'
         heading: intl.formatMessage(messages.leaveHeading),
         message: intl.formatMessage(messages.leaveMessage),
         confirm: intl.formatMessage(messages.leaveConfirm),
-        onConfirm: () =>{
+        onConfirm: () => {
           leaveEvent();
         },
       });
diff --git a/packages/pl-fe/src/features/event/components/event-date.tsx b/packages/pl-fe/src/features/event/components/event-date.tsx
index 550f09001..c2ef82469 100644
--- a/packages/pl-fe/src/features/event/components/event-date.tsx
+++ b/packages/pl-fe/src/features/event/components/event-date.tsx
@@ -23,12 +23,23 @@ const EventDate: React.FC<IEventDate> = ({ status }) => {
     const endDate = new Date(event.end_time);
 
     const sameYear = startDate.getFullYear() === endDate.getFullYear();
-    const sameDay = startDate.getDate() === endDate.getDate() && startDate.getMonth() === endDate.getMonth() && sameYear;
+    const sameDay =
+      startDate.getDate() === endDate.getDate() &&
+      startDate.getMonth() === endDate.getMonth() &&
+      sameYear;
 
     if (sameDay) {
       date = (
         <>
-          <FormattedDate value={event.start_time} year={sameYear ? undefined : '2-digit'} month='short' day='2-digit' weekday='short' hour='2-digit' minute='2-digit' />
+          <FormattedDate
+            value={event.start_time}
+            year={sameYear ? undefined : '2-digit'}
+            month='short'
+            day='2-digit'
+            weekday='short'
+            hour='2-digit'
+            minute='2-digit'
+          />
           {' - '}
           <FormattedDate value={event.end_time} hour='2-digit' minute='2-digit' />
         </>
@@ -36,15 +47,35 @@ const EventDate: React.FC<IEventDate> = ({ status }) => {
     } else {
       date = (
         <>
-          <FormattedDate value={event.start_time} year='2-digit' month='short' day='2-digit' weekday='short' />
+          <FormattedDate
+            value={event.start_time}
+            year='2-digit'
+            month='short'
+            day='2-digit'
+            weekday='short'
+          />
           {' - '}
-          <FormattedDate value={event.end_time} year='2-digit' month='short' day='2-digit' weekday='short' />
+          <FormattedDate
+            value={event.end_time}
+            year='2-digit'
+            month='short'
+            day='2-digit'
+            weekday='short'
+          />
         </>
       );
     }
   } else {
     date = (
-      <FormattedDate value={event.start_time} year='2-digit' month='short' day='2-digit' weekday='short' hour='2-digit' minute='2-digit' />
+      <FormattedDate
+        value={event.start_time}
+        year='2-digit'
+        month='short'
+        day='2-digit'
+        weekday='short'
+        hour='2-digit'
+        minute='2-digit'
+      />
     );
   }
 
diff --git a/packages/pl-fe/src/features/event/components/event-header.tsx b/packages/pl-fe/src/features/event/components/event-header.tsx
index 4d4555bfa..2cb247b8a 100644
--- a/packages/pl-fe/src/features/event/components/event-header.tsx
+++ b/packages/pl-fe/src/features/event/components/event-header.tsx
@@ -21,7 +21,14 @@ import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useFeatures } from '@/hooks/use-features';
 import { useOwnAccount } from '@/hooks/use-own-account';
 import { useChats } from '@/queries/chats';
-import { useBookmarkStatus, usePinStatus, useReblogStatus, useUnbookmarkStatus, useUnpinStatus, useUnreblogStatus } from '@/queries/statuses/use-status-interactions';
+import {
+  useBookmarkStatus,
+  usePinStatus,
+  useReblogStatus,
+  useUnbookmarkStatus,
+  useUnpinStatus,
+  useUnreblogStatus,
+} from '@/queries/statuses/use-status-interactions';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
 import copy from '@/utils/copy';
@@ -45,9 +52,18 @@ const messages = defineMessages({
   reblog: { id: 'event.reblog', defaultMessage: 'Repost event' },
   reblog_private: { id: 'status.reblog_private', defaultMessage: 'Repost to original audience' },
   cancel_reblog_private: { id: 'status.cancel_reblog_private', defaultMessage: 'Un-repost' },
-  reblog_visibility_public: { id: 'status.reblog_visibility_public', defaultMessage: 'Public repost' },
-  reblog_visibility_unlisted: { id: 'status.reblog_visibility_unlisted', defaultMessage: 'Quiet public repost' },
-  reblog_visibility_private: { id: 'status.reblog_visibility_private', defaultMessage: 'Followers-only repost' },
+  reblog_visibility_public: {
+    id: 'status.reblog_visibility_public',
+    defaultMessage: 'Public repost',
+  },
+  reblog_visibility_unlisted: {
+    id: 'status.reblog_visibility_unlisted',
+    defaultMessage: 'Quiet public repost',
+  },
+  reblog_visibility_private: {
+    id: 'status.reblog_visibility_private',
+    defaultMessage: 'Followers-only repost',
+  },
   unreblog: { id: 'event.unreblog', defaultMessage: 'Un-repost event' },
   pin: { id: 'status.pin', defaultMessage: 'Pin on profile' },
   unpin: { id: 'status.unpin', defaultMessage: 'Unpin from profile' },
@@ -59,17 +75,44 @@ const messages = defineMessages({
   block: { id: 'account.block', defaultMessage: 'Block @{name}' },
   report: { id: 'account.report', defaultMessage: 'Report @{name}' },
   adminAccount: { id: 'status.admin_account', defaultMessage: 'Moderate @{name}' },
-  adminStatus: { id: 'status.admin_status', defaultMessage: 'Open this post in the moderation interface' },
-  markStatusSensitive: { id: 'admin.statuses.actions.mark_status_sensitive', defaultMessage: 'Mark post sensitive' },
-  markStatusNotSensitive: { id: 'admin.statuses.actions.mark_status_not_sensitive', defaultMessage: 'Mark post not sensitive' },
+  adminStatus: {
+    id: 'status.admin_status',
+    defaultMessage: 'Open this post in the moderation interface',
+  },
+  markStatusSensitive: {
+    id: 'admin.statuses.actions.mark_status_sensitive',
+    defaultMessage: 'Mark post sensitive',
+  },
+  markStatusNotSensitive: {
+    id: 'admin.statuses.actions.mark_status_not_sensitive',
+    defaultMessage: 'Mark post not sensitive',
+  },
   deleteStatus: { id: 'admin.statuses.actions.delete_status', defaultMessage: 'Delete post' },
   deleteConfirm: { id: 'confirmations.delete_event.confirm', defaultMessage: 'Delete' },
   deleteHeading: { id: 'confirmations.delete_event.heading', defaultMessage: 'Delete event' },
-  deleteMessage: { id: 'confirmations.delete_event.message', defaultMessage: 'Are you sure you want to delete this event?' },
+  deleteMessage: {
+    id: 'confirmations.delete_event.message',
+    defaultMessage: 'Are you sure you want to delete this event?',
+  },
 });
 
 interface IEventHeader {
-  status?: Pick<Status, 'id' | 'account' | 'bookmarked' | 'event' | 'group_id' | 'pinned' | 'reblog_id' | 'reblogged' | 'sensitive' | 'uri' | 'url' | 'visibility' | 'list_id'>;
+  status?: Pick<
+    Status,
+    | 'id'
+    | 'account'
+    | 'bookmarked'
+    | 'event'
+    | 'group_id'
+    | 'pinned'
+    | 'reblog_id'
+    | 'reblogged'
+    | 'sensitive'
+    | 'uri'
+    | 'url'
+    | 'visibility'
+    | 'list_id'
+  >;
 }
 
 const EventHeader: React.FC<IEventHeader> = ({ status }) => {
@@ -83,7 +126,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
   const features = useFeatures();
   const { boostModal } = useSettings();
   const { account: ownAccount } = useOwnAccount();
-  const isStaff = ownAccount ? ownAccount.is_admin ?? ownAccount.is_moderator : false;
+  const isStaff = ownAccount ? (ownAccount.is_admin ?? ownAccount.is_moderator) : false;
   const isAdmin = ownAccount ? ownAccount.is_admin : false;
 
   const { mutate: reblogStatus } = useReblogStatus(status?.id!);
@@ -119,9 +162,11 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
   };
 
   const handleExportClick = () => {
-    dispatch(fetchEventIcs(status.id)).then((data) => {
-      download(data, 'calendar.ics');
-    }).catch(() => {});
+    dispatch(fetchEventIcs(status.id))
+      .then((data) => {
+        download(data, 'calendar.ics');
+      })
+      .catch(() => {});
   };
 
   const handleCopy = () => {
@@ -230,42 +275,46 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
       menu.push({
         text: intl.formatMessage(status.bookmarked ? messages.unbookmark : messages.bookmark),
         action: handleBookmarkClick,
-        icon: status.bookmarked ? require('@phosphor-icons/core/regular/bookmark.svg') : require('@phosphor-icons/core/regular/bookmark-simple.svg'),
+        icon: status.bookmarked
+          ? require('@phosphor-icons/core/regular/bookmark.svg')
+          : require('@phosphor-icons/core/regular/bookmark-simple.svg'),
       });
     }
 
     if (ownAccount.id === account.id && ['public', 'unlisted'].includes(status.visibility)) {
       menu.push({
         text: intl.formatMessage(status.reblogged ? messages.unreblog : messages.reblog),
-        ...(features.reblogVisibility && !status.reblogged ? {
-          items: [
-            {
-              text: intl.formatMessage(messages.reblog_visibility_public),
-              action: () =>{
-                handleReblogClick('public');
+        ...(features.reblogVisibility && !status.reblogged
+          ? {
+              items: [
+                {
+                  text: intl.formatMessage(messages.reblog_visibility_public),
+                  action: () => {
+                    handleReblogClick('public');
+                  },
+                  icon: require('@phosphor-icons/core/regular/globe.svg'),
+                },
+                {
+                  text: intl.formatMessage(messages.reblog_visibility_unlisted),
+                  action: () => {
+                    handleReblogClick('unlisted');
+                  },
+                  icon: require('@phosphor-icons/core/regular/moon.svg'),
+                },
+                {
+                  text: intl.formatMessage(messages.reblog_visibility_private),
+                  action: () => {
+                    handleReblogClick('private');
+                  },
+                  icon: require('@phosphor-icons/core/regular/lock.svg'),
+                },
+              ],
+            }
+          : {
+              action: () => {
+                handleReblogClick();
               },
-              icon: require('@phosphor-icons/core/regular/globe.svg'),
-            },
-            {
-              text: intl.formatMessage(messages.reblog_visibility_unlisted),
-              action: () =>{
-                handleReblogClick('unlisted');
-              },
-              icon: require('@phosphor-icons/core/regular/moon.svg'),
-            },
-            {
-              text: intl.formatMessage(messages.reblog_visibility_private),
-              action: () =>{
-                handleReblogClick('private');
-              },
-              icon: require('@phosphor-icons/core/regular/lock.svg'),
-            },
-          ],
-        } : {
-          action: () =>{
-            handleReblogClick();
-          },
-        }),
+            }),
         icon: require('@phosphor-icons/core/regular/repeat.svg'),
       });
 
@@ -278,8 +327,10 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
       }
     } else if (status.visibility === 'private' || status.visibility === 'mutuals_only') {
       menu.push({
-        text: intl.formatMessage(status.reblogged ? messages.cancel_reblog_private : messages.reblog_private),
-        action: () =>{
+        text: intl.formatMessage(
+          status.reblogged ? messages.cancel_reblog_private : messages.reblog_private,
+        ),
+        action: () => {
           handleReblogClick();
         },
         icon: require('@phosphor-icons/core/regular/repeat.svg'),
@@ -293,7 +344,9 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
         menu.push({
           text: intl.formatMessage(status.pinned ? messages.unpin : messages.pin),
           action: handlePinClick,
-          icon: status.pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg'),
+          icon: status.pinned
+            ? require('@phosphor-icons/core/regular/push-pin-slash.svg')
+            : require('@phosphor-icons/core/regular/push-pin.svg'),
         });
       }
 
@@ -362,7 +415,9 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
 
       if (features.pleromaAdminStatuses) {
         menu.push({
-          text: intl.formatMessage(!status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive),
+          text: intl.formatMessage(
+            !status.sensitive ? messages.markStatusSensitive : messages.markStatusNotSensitive,
+          ),
           action: handleToggleStatusSensitivity,
           icon: require('@phosphor-icons/core/regular/warning.svg'),
         });
@@ -381,7 +436,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
     return menu;
   };
 
-  const handleParticipantsClick: React.MouseEventHandler = e => {
+  const handleParticipantsClick: React.MouseEventHandler = (e) => {
     e.preventDefault();
     e.stopPropagation();
 
@@ -409,7 +464,9 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
       </div>
       <Stack space={2}>
         <HStack className='w-full' alignItems='start' space={2}>
-          <Text className='grow' size='lg' weight='bold'>{event.name}</Text>
+          <Text className='grow' size='lg' weight='bold'>
+            {event.name}
+          </Text>
 
           <DropdownMenu items={makeMenu()} placement='bottom-end'>
             <IconButton
@@ -429,7 +486,9 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
             >
               <FormattedMessage id='event.manage' defaultMessage='Manage' />
             </Button>
-          ) : <EventActionButton status={status} />}
+          ) : (
+            <EventActionButton status={status} />
+          )}
         </HStack>
 
         <Stack space={1}>
@@ -441,9 +500,15 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
                 defaultMessage='Organized by {name}'
                 values={{
                   name: (
-                    <Link className='mention inline-block' to='/@{$username}' params={{ username: account.acct }}>
+                    <Link
+                      className='mention inline-block'
+                      to='/@{$username}'
+                      params={{ username: account.acct }}
+                    >
                       <HStack space={1} alignItems='center' grow>
-                        <span><Emojify text={account.display_name} emojis={account.emojis} /></span>
+                        <span>
+                          <Emojify text={account.display_name} emojis={account.emojis} />
+                        </span>
                         {account.verified && <VerificationBadge />}
                       </HStack>
                     </Link>
@@ -476,9 +541,7 @@ const EventHeader: React.FC<IEventHeader> = ({ status }) => {
           {event.location && (
             <HStack alignItems='center' space={2}>
               <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
-              <span>
-                {event.location.name}
-              </span>
+              <span>{event.location.name}</span>
             </HStack>
           )}
         </Stack>
diff --git a/packages/pl-fe/src/features/external-login/components/external-login-form.tsx b/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
index 0a95c4a56..526cd8f24 100644
--- a/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
+++ b/packages/pl-fe/src/features/external-login/components/external-login-form.tsx
@@ -12,8 +12,14 @@ import toast from '@/toast';
 const messages = defineMessages({
   instanceLabel: { id: 'login.fields.instance_label', defaultMessage: 'Instance' },
   instancePlaceholder: { id: 'login.fields.instance_placeholder', defaultMessage: 'example.com' },
-  instanceFailed: { id: 'login_external.errors.instance_fail', defaultMessage: 'The instance returned an error.' },
-  networkFailed: { id: 'login_external.errors.network_fail', defaultMessage: 'Connection failed. Is a browser extension blocking it?' },
+  instanceFailed: {
+    id: 'login_external.errors.instance_fail',
+    defaultMessage: 'The instance returned an error.',
+  },
+  networkFailed: {
+    id: 'login_external.errors.network_fail',
+    defaultMessage: 'Connection failed. Is a browser extension blocking it?',
+  },
 });
 
 /** Form for logging into a remote instance */
@@ -36,7 +42,7 @@ const ExternalLoginForm: React.FC = () => {
     setLoading(true);
 
     externalLogin(host)
-      .then(() =>{
+      .then(() => {
         setLoading(false);
       })
       .catch((error) => {
diff --git a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
index 7b3f853bc..697f8078e 100644
--- a/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
+++ b/packages/pl-fe/src/features/federation-restrictions/components/instance-restrictions.tsx
@@ -23,9 +23,7 @@ const Restriction: React.FC<IRestriction> = ({ icon, children }) => (
   <HStack space={3}>
     <Icon className='size-5 flex-none' src={icon} />
 
-    <Text theme='muted'>
-      {children}
-    </Text>
+    <Text theme='muted'>{children}</Text>
   </HStack>
 );
 
@@ -52,54 +50,63 @@ const InstanceRestrictions: React.FC<IInstanceRestrictions> = ({ remoteInstance
     const partialMediaRemoval = media_removal || avatar_removal || banner_removal;
 
     if (followers_only) {
-      items.push((
+      items.push(
         <Restriction key='followersOnly' icon={require('@phosphor-icons/core/regular/lock.svg')}>
           <FormattedMessage
             id='federation_restriction.followers_only'
             defaultMessage='Hidden except to followers'
           />
-        </Restriction>
-      ));
+        </Restriction>,
+      );
     } else if (federated_timeline_removal) {
-      items.push((
-        <Restriction key='federatedTimelineRemoval' icon={require('@phosphor-icons/core/regular/lock-open.svg')}>
+      items.push(
+        <Restriction
+          key='federatedTimelineRemoval'
+          icon={require('@phosphor-icons/core/regular/lock-open.svg')}
+        >
           <FormattedMessage
             id='federation_restriction.federated_timeline_removal'
             defaultMessage='Fediverse timeline removal'
           />
-        </Restriction>
-      ));
+        </Restriction>,
+      );
     }
 
     if (fullMediaRemoval) {
-      items.push((
-        <Restriction key='fullMediaRemoval' icon={require('@phosphor-icons/core/regular/image-broken.svg')}>
+      items.push(
+        <Restriction
+          key='fullMediaRemoval'
+          icon={require('@phosphor-icons/core/regular/image-broken.svg')}
+        >
           <FormattedMessage
             id='federation_restriction.full_media_removal'
             defaultMessage='Full media removal'
           />
-        </Restriction>
-      ));
+        </Restriction>,
+      );
     } else if (partialMediaRemoval) {
-      items.push((
-        <Restriction key='partialMediaRemoval' icon={require('@phosphor-icons/core/regular/image-broken.svg')}>
+      items.push(
+        <Restriction
+          key='partialMediaRemoval'
+          icon={require('@phosphor-icons/core/regular/image-broken.svg')}
+        >
           <FormattedMessage
             id='federation_restriction.partial_media_removal'
             defaultMessage='Partial media removal'
           />
-        </Restriction>
-      ));
+        </Restriction>,
+      );
     }
 
     if (!fullMediaRemoval && media_nsfw) {
-      items.push((
+      items.push(
         <Restriction key='mediaNsfw' icon={require('@phosphor-icons/core/regular/eye-slash.svg')}>
           <FormattedMessage
             id='federation_restriction.media_nsfw'
             defaultMessage='Attachments marked NSFW'
           />
-        </Restriction>
-      ));
+        </Restriction>,
+      );
     }
 
     return items;
@@ -148,11 +155,7 @@ const InstanceRestrictions: React.FC<IInstanceRestrictions> = ({ remoteInstance
     }
   };
 
-  return (
-    <Stack space={3}>
-      {renderContent()}
-    </Stack>
-  );
+  return <Stack space={3}>{renderContent()}</Stack>;
 };
 
 export { InstanceRestrictions as default };
diff --git a/packages/pl-fe/src/features/federation-restrictions/components/restricted-instance.tsx b/packages/pl-fe/src/features/federation-restrictions/components/restricted-instance.tsx
index 82c106b43..466089c57 100644
--- a/packages/pl-fe/src/features/federation-restrictions/components/restricted-instance.tsx
+++ b/packages/pl-fe/src/features/federation-restrictions/components/restricted-instance.tsx
@@ -18,7 +18,7 @@ const RestrictedInstance: React.FC<IRestrictedInstance> = ({ host }) => {
 
   const [expanded, setExpanded] = useState(false);
 
-  const toggleExpanded: React.MouseEventHandler<HTMLAnchorElement> = e => {
+  const toggleExpanded: React.MouseEventHandler<HTMLAnchorElement> = (e) => {
     setExpanded((value) => !value);
     e.preventDefault();
   };
@@ -26,7 +26,13 @@ const RestrictedInstance: React.FC<IRestrictedInstance> = ({ host }) => {
   return (
     <div>
       <a href='#' className='flex items-center gap-1 py-2.5 no-underline' onClick={toggleExpanded}>
-        <Icon src={expanded ? require('@phosphor-icons/core/regular/caret-down.svg') : require('@phosphor-icons/core/regular/caret-right.svg')} />
+        <Icon
+          src={
+            expanded
+              ? require('@phosphor-icons/core/regular/caret-down.svg')
+              : require('@phosphor-icons/core/regular/caret-right.svg')
+          }
+        />
         <div className={clsx({ 'line-through': remoteInstance.federation.reject })}>
           {remoteInstance.host}
         </div>
diff --git a/packages/pl-fe/src/features/forms/index.tsx b/packages/pl-fe/src/features/forms/index.tsx
index eee41a09a..b5f2edf96 100644
--- a/packages/pl-fe/src/features/forms/index.tsx
+++ b/packages/pl-fe/src/features/forms/index.tsx
@@ -21,8 +21,10 @@ interface ISelectDropdown {
 const SelectDropdown: React.FC<ISelectDropdown> = (props) => {
   const { label, hint, items, ...rest } = props;
 
-  const optionElems = Object.keys(items).map(item => (
-    <option key={item} value={item}>{items[item]}</option>
+  const optionElems = Object.keys(items).map((item) => (
+    <option key={item} value={item}>
+      {items[item]}
+    </option>
   ));
 
   return <Select {...rest}>{optionElems}</Select>;
@@ -32,7 +34,7 @@ interface IMultiselect {
   className?: string;
   items: Record<string, string>;
   value?: string[];
-  onChange?: ((values: string[]) => void);
+  onChange?: (values: string[]) => void;
   disabled?: boolean;
 }
 
@@ -40,8 +42,13 @@ const Multiselect: React.FC<IMultiselect> = (props) => {
   const intl = useIntl();
   const { items, value, onChange, disabled } = props;
 
-  const options = useMemo(() => Object.entries(items).map(([key, value]) => ({ key, value })), [items]);
-  const selectedValues = value?.map(key => options.find(option => option.key === key)).filter(value => value);
+  const options = useMemo(
+    () => Object.entries(items).map(([key, value]) => ({ key, value })),
+    [items],
+  );
+  const selectedValues = value
+    ?.map((key) => options.find((option) => option.key === key))
+    .filter((value) => value);
 
   const handleChange = (values: Record<'key' | 'value', string>[]) => {
     onChange?.(values.map(({ key }) => key));
@@ -62,7 +69,4 @@ const Multiselect: React.FC<IMultiselect> = (props) => {
   );
 };
 
-export {
-  Multiselect,
-  SelectDropdown,
-};
+export { Multiselect, SelectDropdown };
diff --git a/packages/pl-fe/src/features/group/components/group-action-button.tsx b/packages/pl-fe/src/features/group/components/group-action-button.tsx
index ed59e9bc3..a10d35c27 100644
--- a/packages/pl-fe/src/features/group/components/group-action-button.tsx
+++ b/packages/pl-fe/src/features/group/components/group-action-button.tsx
@@ -20,8 +20,14 @@ interface IGroupActionButton {
 const messages = defineMessages({
   confirmationConfirm: { id: 'confirmations.leave_group.confirm', defaultMessage: 'Leave' },
   confirmationHeading: { id: 'confirmations.leave_group.heading', defaultMessage: 'Leave group' },
-  confirmationMessage: { id: 'confirmations.leave_group.message', defaultMessage: 'You are about to leave the group. Do you want to continue?' },
-  joinRequestSuccess: { id: 'group.join.request_success', defaultMessage: 'Request sent to group owner' },
+  confirmationMessage: {
+    id: 'confirmations.leave_group.message',
+    defaultMessage: 'You are about to leave the group. Do you want to continue?',
+  },
+  joinRequestSuccess: {
+    id: 'group.join.request_success',
+    defaultMessage: 'Request sent to group owner',
+  },
   joinSuccess: { id: 'group.join.success', defaultMessage: 'Group joined successfully!' },
   leaveSuccess: { id: 'group.leave.success', defaultMessage: 'Left the group' },
 });
@@ -39,55 +45,57 @@ const GroupActionButton = ({ group }: IGroupActionButton) => {
   const isOwner = group.relationship?.role === GroupRoles.OWNER;
   const isAdmin = group.relationship?.role === GroupRoles.ADMIN;
 
-  const onJoinGroup = () => joinGroup.mutate({}, {
-    onSuccess() {
-      joinGroup.invalidate();
+  const onJoinGroup = () =>
+    joinGroup.mutate(
+      {},
+      {
+        onSuccess() {
+          joinGroup.invalidate();
 
-      toast.success(
-        group.locked
-          ? intl.formatMessage(messages.joinRequestSuccess)
-          : intl.formatMessage(messages.joinSuccess),
-      );
-    },
-    onError(error) {
-      const message = error.response?.json?.error;
-      if (message) {
-        toast.error(message);
-      }
-    },
-  });
+          toast.success(
+            group.locked
+              ? intl.formatMessage(messages.joinRequestSuccess)
+              : intl.formatMessage(messages.joinSuccess),
+          );
+        },
+        onError(error) {
+          const message = error.response?.json?.error;
+          if (message) {
+            toast.error(message);
+          }
+        },
+      },
+    );
 
-  const onLeaveGroup = () =>{
+  const onLeaveGroup = () => {
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.confirmationHeading),
       message: intl.formatMessage(messages.confirmationMessage),
       confirm: intl.formatMessage(messages.confirmationConfirm),
-      onConfirm: () => leaveGroup.mutate(group.relationship?.id as string, {
-        onSuccess() {
-          leaveGroup.invalidate();
-          toast.success(intl.formatMessage(messages.leaveSuccess));
-        },
-      }),
+      onConfirm: () =>
+        leaveGroup.mutate(group.relationship?.id as string, {
+          onSuccess() {
+            leaveGroup.invalidate();
+            toast.success(intl.formatMessage(messages.leaveSuccess));
+          },
+        }),
     });
   };
 
-  const onCancelRequest = () => leaveGroup.mutate(group.relationship?.id as string, {
-    onSuccess() {
-      const entity = {
-        ...group.relationship as GroupRelationship,
-        requested: false,
-      };
-      dispatch(importEntities([entity], Entities.GROUP_RELATIONSHIPS));
-    },
-  });
+  const onCancelRequest = () =>
+    leaveGroup.mutate(group.relationship?.id as string, {
+      onSuccess() {
+        const entity = {
+          ...(group.relationship as GroupRelationship),
+          requested: false,
+        };
+        dispatch(importEntities([entity], Entities.GROUP_RELATIONSHIPS));
+      },
+    });
 
   if (isOwner || isAdmin) {
     return (
-      <Button
-        theme='secondary'
-        to='/groups/$groupId/manage'
-        params={{ groupId: group.id }}
-      >
+      <Button theme='secondary' to='/groups/$groupId/manage' params={{ groupId: group.id }}>
         <FormattedMessage id='group.manage' defaultMessage='Manage group' />
       </Button>
     );
@@ -95,36 +103,26 @@ const GroupActionButton = ({ group }: IGroupActionButton) => {
 
   if (isNonMember) {
     return (
-      <Button
-        theme='primary'
-        onClick={onJoinGroup}
-        disabled={joinGroup.isSubmitting}
-      >
-        {group.locked
-          ? <FormattedMessage id='group.join.private' defaultMessage='Request access' />
-          : <FormattedMessage id='group.join.public' defaultMessage='Join group' />}
+      <Button theme='primary' onClick={onJoinGroup} disabled={joinGroup.isSubmitting}>
+        {group.locked ? (
+          <FormattedMessage id='group.join.private' defaultMessage='Request access' />
+        ) : (
+          <FormattedMessage id='group.join.public' defaultMessage='Join group' />
+        )}
       </Button>
     );
   }
 
   if (isRequested) {
     return (
-      <Button
-        theme='secondary'
-        onClick={onCancelRequest}
-        disabled={leaveGroup.isSubmitting}
-      >
+      <Button theme='secondary' onClick={onCancelRequest} disabled={leaveGroup.isSubmitting}>
         <FormattedMessage id='group.cancel_request' defaultMessage='Cancel request' />
       </Button>
     );
   }
 
   return (
-    <Button
-      theme='secondary'
-      onClick={onLeaveGroup}
-      disabled={leaveGroup.isSubmitting}
-    >
+    <Button theme='secondary' onClick={onLeaveGroup} disabled={leaveGroup.isSubmitting}>
       <FormattedMessage id='group.leave' defaultMessage='Leave group' />
     </Button>
   );
diff --git a/packages/pl-fe/src/features/group/components/group-header-image.tsx b/packages/pl-fe/src/features/group/components/group-header-image.tsx
index a1e56ae34..416d55d72 100644
--- a/packages/pl-fe/src/features/group/components/group-header-image.tsx
+++ b/packages/pl-fe/src/features/group/components/group-header-image.tsx
@@ -27,7 +27,10 @@ const GroupHeaderImage: React.FC<IGroupHeaderImage> = ({ className, group }) =>
   if (isHeaderMissing) {
     return (
       <div
-        className={clsx(className, 'flex items-center justify-center bg-gray-200 dark:bg-gray-800/30')}
+        className={clsx(
+          className,
+          'flex items-center justify-center bg-gray-200 dark:bg-gray-800/30',
+        )}
       >
         <Icon
           src={require('@phosphor-icons/core/regular/image-square.svg')}
@@ -42,7 +45,7 @@ const GroupHeaderImage: React.FC<IGroupHeaderImage> = ({ className, group }) =>
       className={className}
       src={group.header}
       alt={group.header_description || intl.formatMessage(messages.header)}
-      onError={() =>{
+      onError={() => {
         setIsHeaderMissing(true);
       }}
     />
diff --git a/packages/pl-fe/src/features/group/components/group-header.tsx b/packages/pl-fe/src/features/group/components/group-header.tsx
index b90f7ba3a..0707580d0 100644
--- a/packages/pl-fe/src/features/group/components/group-header.tsx
+++ b/packages/pl-fe/src/features/group/components/group-header.tsx
@@ -45,9 +45,7 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
         <div className='px-4 sm:px-6'>
           <HStack alignItems='bottom' space={5} className='-mt-12'>
             <div className='relative flex'>
-              <div
-                className='size-24 rounded-lg bg-gray-400 ring-4 ring-white dark:ring-gray-800'
-              />
+              <div className='size-24 rounded-lg bg-gray-400 ring-4 ring-white dark:ring-gray-800' />
             </div>
           </HStack>
         </div>
@@ -96,7 +94,7 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
           src={group.header}
           alt={group.header_description || intl.formatMessage(messages.header)}
           className='relative h-32 w-full bg-gray-200 object-center black:rounded-t-none dark:bg-gray-900/50 md:rounded-t-xl lg:h-52'
-          onError={() =>{
+          onError={() => {
             setIsHeaderMissing(true);
           }}
         />
@@ -104,7 +102,12 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
 
       if (!group.header_default) {
         header = (
-          <a href={group.header} onClick={handleHeaderClick} target='_blank' className='relative w-full'>
+          <a
+            href={group.header}
+            onClick={handleHeaderClick}
+            target='_blank'
+            className='relative w-full'
+          >
             {header}
           </a>
         );
@@ -117,8 +120,13 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
         className='flex h-32 w-full items-center justify-center bg-gray-200 dark:bg-gray-800/30 md:rounded-t-xl lg:h-52'
       >
         {isHeaderMissing ? (
-          <Icon src={require('@phosphor-icons/core/regular/image-square.svg')} className='size-6 text-gray-500 dark:text-gray-700' />
-        ) : header}
+          <Icon
+            src={require('@phosphor-icons/core/regular/image-square.svg')}
+            className='size-6 text-gray-500 dark:text-gray-700'
+          />
+        ) : (
+          header
+        )}
       </div>
     );
   };
@@ -128,23 +136,18 @@ const GroupHeader: React.FC<IGroupHeader> = ({ group }) => {
       <div className='relative'>
         {renderHeader()}
 
-        <div className='absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2' data-testid='group-avatar'>
+        <div
+          className='absolute bottom-0 left-1/2 -translate-x-1/2 translate-y-1/2'
+          data-testid='group-avatar'
+        >
           <a href={group.avatar} onClick={handleAvatarClick} target='_blank'>
-            <GroupAvatar
-              group={group}
-              size={80}
-              withRing
-            />
+            <GroupAvatar group={group} size={80} withRing />
           </a>
         </div>
       </div>
 
       <Stack alignItems='center' space={3} className='mx-auto mt-10 w-5/6 py-4'>
-        <Text
-          size='xl'
-          weight='bold'
-          data-testid='group-name'
-        >
+        <Text size='xl' weight='bold' data-testid='group-name'>
           <Emojify text={group.display_name} emojis={group.emojis} />
         </Text>
 
diff --git a/packages/pl-fe/src/features/group/components/group-member-count.tsx b/packages/pl-fe/src/features/group/components/group-member-count.tsx
index 613a480be..61d9bca88 100644
--- a/packages/pl-fe/src/features/group/components/group-member-count.tsx
+++ b/packages/pl-fe/src/features/group/components/group-member-count.tsx
@@ -14,8 +14,7 @@ interface IGroupMemberCount {
 const GroupMemberCount = ({ group }: IGroupMemberCount) => (
   <Link to='/groups/$groupId/members' params={{ groupId: group.id }} className='hover:underline'>
     <Text theme='inherit' tag='span' size='sm' weight='medium' data-testid='group-member-count'>
-      {shortNumberFormat(group.members_count)}
-      {' '}
+      {shortNumberFormat(group.members_count)}{' '}
       <FormattedMessage
         id='groups.discover.search.results.member_count'
         defaultMessage='{members, plural, one {member} other {members}}'
diff --git a/packages/pl-fe/src/features/group/components/group-member-list-item.tsx b/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
index 8783cdc44..c283de365 100644
--- a/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
+++ b/packages/pl-fe/src/features/group/components/group-member-list-item.tsx
@@ -14,7 +14,10 @@ import { Entities } from '@/entity-store/entities';
 import PlaceholderAccount from '@/features/placeholder/components/placeholder-account';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useBlockGroupUserMutation } from '@/queries/groups/use-group-blocks';
-import { useKickGroupMemberMutation, type MinifiedGroupMember } from '@/queries/groups/use-group-members';
+import {
+  useKickGroupMemberMutation,
+  type MinifiedGroupMember,
+} from '@/queries/groups/use-group-members';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 
@@ -23,22 +26,44 @@ import type { Group } from 'pl-api';
 
 const messages = defineMessages({
   adminLimitTitle: { id: 'group.member.admin.limit.title', defaultMessage: 'Admin limit reached' },
-  adminLimitSummary: { id: 'group.member.admin.limit.summary', defaultMessage: 'You can assign up to {count, plural, one {admin} other {admins}} for the group at this time.' },
+  adminLimitSummary: {
+    id: 'group.member.admin.limit.summary',
+    defaultMessage:
+      'You can assign up to {count, plural, one {admin} other {admins}} for the group at this time.',
+  },
   blockConfirm: { id: 'confirmations.block_from_group.confirm', defaultMessage: 'Ban user' },
-  blockFromGroupHeading: { id: 'confirmations.block_from_group.heading', defaultMessage: 'Ban from group' },
-  blockFromGroupMessage: { id: 'confirmations.block_from_group.message', defaultMessage: 'Are you sure you want to ban @{name} from the group?' },
+  blockFromGroupHeading: {
+    id: 'confirmations.block_from_group.heading',
+    defaultMessage: 'Ban from group',
+  },
+  blockFromGroupMessage: {
+    id: 'confirmations.block_from_group.message',
+    defaultMessage: 'Are you sure you want to ban @{name} from the group?',
+  },
   blocked: { id: 'group.group_mod_block.success', defaultMessage: '@{name} is banned' },
   demotedToUser: { id: 'group.demote.user.success', defaultMessage: '@{name} is now a member' },
   groupModBlock: { id: 'group.group_mod_block', defaultMessage: 'Ban from group' },
   groupModDemote: { id: 'group.group_mod_demote', defaultMessage: 'Remove {role} role' },
   groupModKick: { id: 'group.group_mod_kick', defaultMessage: 'Kick @{name} from group' },
   groupModPromoteMod: { id: 'group.group_mod_promote_mod', defaultMessage: 'Assign {role} role' },
-  kickFromGroupHeading: { id: 'confirmations.kick_from_group.heading', defaultMessage: 'Kick @{name}' },
-  kickFromGroupMessage: { id: 'confirmations.kick_from_group.message', defaultMessage: 'Are you sure you want to kick @{name} from this group?' },
+  kickFromGroupHeading: {
+    id: 'confirmations.kick_from_group.heading',
+    defaultMessage: 'Kick @{name}',
+  },
+  kickFromGroupMessage: {
+    id: 'confirmations.kick_from_group.message',
+    defaultMessage: 'Are you sure you want to kick @{name} from this group?',
+  },
   kickConfirm: { id: 'confirmations.kick_from_group.confirm', defaultMessage: 'Kick' },
   kicked: { id: 'group.group_mod_kick.success', defaultMessage: 'Kicked @{name} from group' },
-  promoteConfirm: { id: 'group.promote.admin.confirmation.title', defaultMessage: 'Assign admin role' },
-  promoteConfirmMessage: { id: 'group.promote.admin.confirmation.message', defaultMessage: 'Are you sure you want to assign the admin role to @{name}?' },
+  promoteConfirm: {
+    id: 'group.promote.admin.confirmation.title',
+    defaultMessage: 'Assign admin role',
+  },
+  promoteConfirmMessage: {
+    id: 'group.promote.admin.confirmation.message',
+    defaultMessage: 'Are you sure you want to assign the admin role to @{name}?',
+  },
   promotedToAdmin: { id: 'group.promote.admin.success', defaultMessage: '@{name} is now an admin' },
 });
 
@@ -73,9 +98,9 @@ const GroupMemberListItem = ({ member, group }: IGroupMemberListItem) => {
       heading: intl.formatMessage(messages.kickFromGroupHeading, { name: account?.username }),
       message: intl.formatMessage(messages.kickFromGroupMessage, { name: account?.username }),
       confirm: intl.formatMessage(messages.kickConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         kickGroupMember(undefined, {
-          onSuccess: () =>{
+          onSuccess: () => {
             toast.success(intl.formatMessage(messages.kicked, { name: account?.acct }));
           },
         });
@@ -105,23 +130,27 @@ const GroupMemberListItem = ({ member, group }: IGroupMemberListItem) => {
       message: intl.formatMessage(messages.promoteConfirmMessage, { name: account?.username }),
       confirm: intl.formatMessage(messages.promoteConfirm),
       onConfirm: () => {
-        promoteGroupMember({ role: GroupRoles.ADMIN, account_ids: [member.account_id] }, {
-          onSuccess() {
-            toast.success(
-              intl.formatMessage(messages.promotedToAdmin, { name: account?.acct }),
-            );
+        promoteGroupMember(
+          { role: GroupRoles.ADMIN, account_ids: [member.account_id] },
+          {
+            onSuccess() {
+              toast.success(intl.formatMessage(messages.promotedToAdmin, { name: account?.acct }));
+            },
           },
-        });
+        );
       },
     });
   };
 
   const handleUserAssignment = () => {
-    demoteGroupMember({ role: GroupRoles.USER, account_ids: [member.account_id] }, {
-      onSuccess() {
-        toast.success(intl.formatMessage(messages.demotedToUser, { name: account?.acct }));
+    demoteGroupMember(
+      { role: GroupRoles.USER, account_ids: [member.account_id] },
+      {
+        onSuccess() {
+          toast.success(intl.formatMessage(messages.demotedToUser, { name: account?.acct }));
+        },
       },
-    });
+    );
   };
 
   const menu: IMenu = useMemo(() => {
@@ -140,7 +169,10 @@ const GroupMemberListItem = ({ member, group }: IGroupMemberListItem) => {
         });
       } else if (isMemberAdmin) {
         items.push({
-          text: intl.formatMessage(messages.groupModDemote, { role: GroupRoles.ADMIN, name: account.username }),
+          text: intl.formatMessage(messages.groupModDemote, {
+            role: GroupRoles.ADMIN,
+            name: account.username,
+          }),
           icon: require('@phosphor-icons/core/regular/suitcase.svg'),
           action: handleUserAssignment,
           destructive: true,
@@ -175,25 +207,23 @@ const GroupMemberListItem = ({ member, group }: IGroupMemberListItem) => {
   }
 
   return (
-    <HStack
-      alignItems='center'
-      justifyContent='between'
-      data-testid='group-member-list-item'
-    >
+    <HStack alignItems='center' justifyContent='between' data-testid='group-member-list-item'>
       <div className='w-full'>
         <Account account={account} withRelationship={false} />
       </div>
 
       <HStack alignItems='center' space={2}>
-        {(isMemberOwner || isMemberAdmin) ? (
+        {isMemberOwner || isMemberAdmin ? (
           <span
             data-testid='role-badge'
-            className={
-              clsx('inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize', {
-                'bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200': isMemberOwner,
+            className={clsx(
+              'inline-flex items-center rounded px-2 py-1 text-xs font-medium capitalize',
+              {
+                'bg-primary-200 text-primary-500 dark:bg-primary-800 dark:text-primary-200':
+                  isMemberOwner,
                 'bg-gray-200 text-gray-900 dark:bg-gray-800 dark:text-gray-100': isMemberAdmin,
-              })
-            }
+              },
+            )}
           >
             {member.role}
           </span>
diff --git a/packages/pl-fe/src/features/group/components/group-options-button.tsx b/packages/pl-fe/src/features/group/components/group-options-button.tsx
index 0910bcc69..1f67cfa39 100644
--- a/packages/pl-fe/src/features/group/components/group-options-button.tsx
+++ b/packages/pl-fe/src/features/group/components/group-options-button.tsx
@@ -11,7 +11,10 @@ import toast from '@/toast';
 const messages = defineMessages({
   confirmationConfirm: { id: 'confirmations.leave_group.confirm', defaultMessage: 'Leave' },
   confirmationHeading: { id: 'confirmations.leave_group.heading', defaultMessage: 'Leave group' },
-  confirmationMessage: { id: 'confirmations.leave_group.message', defaultMessage: 'You are about to leave the group. Do you want to continue?' },
+  confirmationMessage: {
+    id: 'confirmations.leave_group.message',
+    defaultMessage: 'You are about to leave the group. Do you want to continue?',
+  },
   leave: { id: 'group.leave.label', defaultMessage: 'Leave' },
   leaveSuccess: { id: 'group.leave.success', defaultMessage: 'Left the group' },
   share: { id: 'group.share.label', defaultMessage: 'Share' },
@@ -32,25 +35,28 @@ const GroupOptionsButton = ({ group }: IGroupActionButton) => {
   const isInGroup = !!group.relationship?.member;
 
   const handleShare = () => {
-    navigator.share({
-      text: group.display_name,
-      url: group.url,
-    }).catch((e) => {
-      if (e.name !== 'AbortError') console.error(e);
-    });
+    navigator
+      .share({
+        text: group.display_name,
+        url: group.url,
+      })
+      .catch((e) => {
+        if (e.name !== 'AbortError') console.error(e);
+      });
   };
 
-  const handleLeave = () =>{
+  const handleLeave = () => {
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.confirmationHeading),
       message: intl.formatMessage(messages.confirmationMessage),
       confirm: intl.formatMessage(messages.confirmationConfirm),
-      onConfirm: () => leaveGroup.mutate(group.relationship?.id as string, {
-        onSuccess() {
-          leaveGroup.invalidate();
-          toast.success(intl.formatMessage(messages.leaveSuccess));
-        },
-      }),
+      onConfirm: () =>
+        leaveGroup.mutate(group.relationship?.id as string, {
+          onSuccess() {
+            leaveGroup.invalidate();
+            toast.success(intl.formatMessage(messages.leaveSuccess));
+          },
+        }),
     });
   };
 
diff --git a/packages/pl-fe/src/features/group/components/group-privacy.tsx b/packages/pl-fe/src/features/group/components/group-privacy.tsx
index db142aa43..fb09f1411 100644
--- a/packages/pl-fe/src/features/group/components/group-privacy.tsx
+++ b/packages/pl-fe/src/features/group/components/group-privacy.tsx
@@ -40,9 +40,15 @@ const GroupPrivacy = ({ group }: IGroupPolicy) => (
 
           <Text theme='muted' align='center'>
             {group.locked ? (
-              <FormattedMessage id='group.privacy.locked.info' defaultMessage='Discoverable. Users can join after their request is approved.' />
+              <FormattedMessage
+                id='group.privacy.locked.info'
+                defaultMessage='Discoverable. Users can join after their request is approved.'
+              />
             ) : (
-              <FormattedMessage id='group.privacy.public.info' defaultMessage='Discoverable. Anyone can join.' />
+              <FormattedMessage
+                id='group.privacy.public.info'
+                defaultMessage='Discoverable. Anyone can join.'
+              />
             )}
           </Text>
         </Stack>
diff --git a/packages/pl-fe/src/features/group/components/group-relationship.tsx b/packages/pl-fe/src/features/group/components/group-relationship.tsx
index 3d115faf6..dd5e85749 100644
--- a/packages/pl-fe/src/features/group/components/group-relationship.tsx
+++ b/packages/pl-fe/src/features/group/components/group-relationship.tsx
@@ -35,9 +35,11 @@ const GroupRelationship = ({ group }: IGroupRelationship) => {
       />
 
       <Text tag='span' weight='medium' size='sm' theme='inherit'>
-        {isOwner
-          ? <FormattedMessage id='group.role.owner' defaultMessage='Owner' />
-          : <FormattedMessage id='group.role.admin' defaultMessage='Admin' />}
+        {isOwner ? (
+          <FormattedMessage id='group.role.owner' defaultMessage='Owner' />
+        ) : (
+          <FormattedMessage id='group.role.admin' defaultMessage='Admin' />
+        )}
       </Text>
     </HStack>
   );
diff --git a/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx b/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx
index 873357ba9..82ba85339 100644
--- a/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx
+++ b/packages/pl-fe/src/features/groups/components/discover/group-list-item.tsx
@@ -14,7 +14,17 @@ import { shortNumberFormat } from '@/utils/numbers';
 import type { Group } from 'pl-api';
 
 interface IGroupListItem {
-  group: Pick<Group, 'id' | 'avatar' | 'avatar_description' | 'display_name' | 'emojis' | 'locked' | 'members_count' | 'relationship'>;
+  group: Pick<
+    Group,
+    | 'id'
+    | 'avatar'
+    | 'avatar_description'
+    | 'display_name'
+    | 'emojis'
+    | 'locked'
+    | 'members_count'
+    | 'relationship'
+  >;
   withJoinAction?: boolean;
 }
 
@@ -22,17 +32,15 @@ const GroupListItem = (props: IGroupListItem) => {
   const { group, withJoinAction = true } = props;
 
   return (
-    <HStack
-      alignItems='center'
-      justifyContent='between'
-      data-testid='group-list-item'
-    >
-      <Link key={group.id} to='/groups/$groupId' params={{ groupId: group.id }} className='overflow-hidden'>
+    <HStack alignItems='center' justifyContent='between' data-testid='group-list-item'>
+      <Link
+        key={group.id}
+        to='/groups/$groupId'
+        params={{ groupId: group.id }}
+        className='overflow-hidden'
+      >
         <HStack alignItems='center' space={2}>
-          <GroupAvatar
-            group={group}
-            size={44}
-          />
+          <GroupAvatar group={group} size={44} />
 
           <Stack className='overflow-hidden'>
             <Text weight='bold' truncate>
@@ -42,7 +50,11 @@ const GroupListItem = (props: IGroupListItem) => {
             <HStack className='text-gray-700 dark:text-gray-600' space={1} alignItems='center'>
               <Icon
                 className='size-4.5'
-                src={group.locked ? require('@phosphor-icons/core/regular/lock.svg') : require('@phosphor-icons/core/regular/globe.svg')}
+                src={
+                  group.locked
+                    ? require('@phosphor-icons/core/regular/lock.svg')
+                    : require('@phosphor-icons/core/regular/globe.svg')
+                }
               />
 
               <Text theme='inherit' tag='span' size='sm' weight='medium'>
@@ -57,8 +69,7 @@ const GroupListItem = (props: IGroupListItem) => {
                 <>
                   <span>&bull;</span>
                   <Text theme='inherit' tag='span' size='sm' weight='medium'>
-                    {shortNumberFormat(group.members_count)}
-                    {' '}
+                    {shortNumberFormat(group.members_count)}{' '}
                     <FormattedMessage
                       id='groups.discover.search.results.member_count'
                       defaultMessage='{members, plural, one {member} other {members}}'
@@ -74,9 +85,7 @@ const GroupListItem = (props: IGroupListItem) => {
         </HStack>
       </Link>
 
-      {withJoinAction && (
-        <GroupActionButton group={group} />
-      )}
+      {withJoinAction && <GroupActionButton group={group} />}
     </HStack>
   );
 };
diff --git a/packages/pl-fe/src/features/notifications/components/notification.tsx b/packages/pl-fe/src/features/notifications/components/notification.tsx
index 21344246e..4f7171189 100644
--- a/packages/pl-fe/src/features/notifications/components/notification.tsx
+++ b/packages/pl-fe/src/features/notifications/components/notification.tsx
@@ -1,6 +1,13 @@
 import { Link, useNavigate } from '@tanstack/react-router';
 import React, { useCallback, useMemo, useRef } from 'react';
-import { defineMessages, useIntl, FormattedList, FormattedMessage, IntlShape, MessageDescriptor } from 'react-intl';
+import {
+  defineMessages,
+  useIntl,
+  FormattedList,
+  FormattedMessage,
+  IntlShape,
+  MessageDescriptor,
+} from 'react-intl';
 
 import { mentionCompose, replyCompose } from '@/actions/compose';
 import AttachmentThumbs from '@/components/attachment-thumbs';
@@ -19,7 +26,12 @@ import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useInstance } from '@/hooks/use-instance';
 import { useLoggedIn } from '@/hooks/use-logged-in';
-import { useFavouriteStatus, useUnfavouriteStatus, useReblogStatus, useUnreblogStatus } from '@/queries/statuses/use-status-interactions';
+import {
+  useFavouriteStatus,
+  useUnfavouriteStatus,
+  useReblogStatus,
+  useUnreblogStatus,
+} from '@/queries/statuses/use-status-interactions';
 import { makeGetNotification } from '@/selectors';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
@@ -32,12 +44,21 @@ import type { Account, NotificationGroup } from 'pl-api';
 const notificationForScreenReader = (intl: IntlShape, message: string, timestamp: string) => {
   const output = [message];
 
-  output.push(intl.formatDate(timestamp, { hour: '2-digit', minute: '2-digit', month: 'short', day: 'numeric' }));
+  output.push(
+    intl.formatDate(timestamp, {
+      hour: '2-digit',
+      minute: '2-digit',
+      month: 'short',
+      day: 'numeric',
+    }),
+  );
 
   return output.join(', ');
 };
 
-const buildLink = (account: Pick<Account, 'acct' | 'display_name' | 'emojis' | 'id'>): JSX.Element => (
+const buildLink = (
+  account: Pick<Account, 'acct' | 'display_name' | 'emojis' | 'id'>,
+): JSX.Element => (
   <Link
     className='font-bold text-gray-800 hover:underline dark:text-gray-200'
     title={account.acct}
@@ -172,7 +193,10 @@ const buildMessage = (
   hasStatus: boolean,
   isReblog: boolean,
 ): React.ReactNode => {
-  const renderedAccounts = accounts.slice(0, 2).map(account => buildLink(account)).filter(Boolean);
+  const renderedAccounts = accounts
+    .slice(0, 2)
+    .map((account) => buildLink(account))
+    .filter(Boolean);
 
   if (accounts.length > 2) {
     renderedAccounts.push(
@@ -211,7 +235,13 @@ const StatusPreview: React.FC<IStatusPreview> = ({ status }) => {
         className='line-clamp-2 inline text-ellipsis [&_br]:hidden [&_p:first-child]:inline [&_p:first-child]:truncate [&_p]:hidden'
         size='sm'
       >
-        <ParsedContent key='content' html={status.content} mentions={status.mentions} hasQuote={!!status.quote_id} emojis={status.emojis} />
+        <ParsedContent
+          key='content'
+          html={status.content}
+          mentions={status.mentions}
+          hasQuote={!!status.quote_id}
+          emojis={status.emojis}
+        />
       </Markup>,
     );
   }
@@ -230,8 +260,26 @@ interface INotification {
   compact?: boolean;
 }
 
-const getNotificationStatus = (n: Pick<NotificationGroup, 'type'> & ({ status: StatusEntity } | { })): StatusEntity | null => {
-  if (['mention', 'status', 'reblog', 'favourite', 'poll', 'update', 'emoji_reaction', 'event_reminder', 'participation_accepted', 'participation_request', 'bite', 'quote', 'quoted_update'].includes(n.type))
+const getNotificationStatus = (
+  n: Pick<NotificationGroup, 'type'> & ({ status: StatusEntity } | {}),
+): StatusEntity | null => {
+  if (
+    [
+      'mention',
+      'status',
+      'reblog',
+      'favourite',
+      'poll',
+      'update',
+      'emoji_reaction',
+      'event_reminder',
+      'participation_accepted',
+      'participation_request',
+      'bite',
+      'quote',
+      'quoted_update',
+    ].includes(n.type)
+  )
     // @ts-ignore
     return n.status;
   return null;
@@ -269,7 +317,10 @@ const Notification: React.FC<INotification> = (props) => {
 
   const handleOpen = () => {
     if (status && typeof status === 'object' && account && typeof account === 'object') {
-      navigate({ to: '/@{$username}/posts/$statusId', params: { username: account.acct, statusId: status.id } });
+      navigate({
+        to: '/@{$username}/posts/$statusId',
+        params: { username: account.acct, statusId: status.id },
+      });
     } else {
       handleOpenProfile();
     }
@@ -281,49 +332,61 @@ const Notification: React.FC<INotification> = (props) => {
     }
   };
 
-  const handleMention = useCallback((e?: KeyboardEvent) => {
-    e?.preventDefault();
+  const handleMention = useCallback(
+    (e?: KeyboardEvent) => {
+      e?.preventDefault();
 
-    dispatch(mentionCompose(account));
-  }, [account]);
-
-  const handleReply = useCallback((e?: KeyboardEvent) => {
-    e?.preventDefault();
-
-    if (status) {
-      dispatch(replyCompose(status, account));
-    } else {
       dispatch(mentionCompose(account));
-    }
-  }, [account]);
+    },
+    [account],
+  );
 
-  const handleHotkeyFavourite = useCallback((e?: KeyboardEvent) => {
-    if (status && typeof status === 'object') {
-      if (status.favourited) {
-        unfavouriteStatus();
-      } else {
-        favouriteStatus();
-      }
-    }
-  }, [status]);
+  const handleReply = useCallback(
+    (e?: KeyboardEvent) => {
+      e?.preventDefault();
 
-  const handleHotkeyBoost = useCallback((e?: KeyboardEvent) => {
-    if (status && typeof status === 'object') {
-      const boostModal = settings.boostModal;
-      if (status.reblogged) {
-        unreblogStatus();
-      } else if (e?.shiftKey || !boostModal) {
-        reblogStatus(undefined);
+      if (status) {
+        dispatch(replyCompose(status, account));
       } else {
-        openModal('BOOST', {
-          statusId: status.id,
-          onReblog: () => {
-            reblogStatus(undefined);
-          },
-        });
+        dispatch(mentionCompose(account));
       }
-    }
-  }, [status]);
+    },
+    [account],
+  );
+
+  const handleHotkeyFavourite = useCallback(
+    (e?: KeyboardEvent) => {
+      if (status && typeof status === 'object') {
+        if (status.favourited) {
+          unfavouriteStatus();
+        } else {
+          favouriteStatus();
+        }
+      }
+    },
+    [status],
+  );
+
+  const handleHotkeyBoost = useCallback(
+    (e?: KeyboardEvent) => {
+      if (status && typeof status === 'object') {
+        const boostModal = settings.boostModal;
+        if (status.reblogged) {
+          unreblogStatus();
+        } else if (e?.shiftKey || !boostModal) {
+          reblogStatus(undefined);
+        } else {
+          openModal('BOOST', {
+            statusId: status.id,
+            onReblog: () => {
+              reblogStatus(undefined);
+            },
+          });
+        }
+      }
+    },
+    [status],
+  );
 
   const handleHotkeyToggleSensitive = useCallback(() => {
     if (status && typeof status === 'object') {
@@ -355,7 +418,11 @@ const Notification: React.FC<INotification> = (props) => {
     toggleSensitive: handleHotkeyToggleSensitive,
   };
 
-  const displayedType = notification.type === 'mention' && (notification.subtype === 'reply' || status?.in_reply_to_account_id === me) ? 'reply' : notification.type;
+  const displayedType =
+    notification.type === 'mention' &&
+    (notification.subtype === 'reply' || status?.in_reply_to_account_id === me)
+      ? 'reply'
+      : notification.type;
 
   const icon = useMemo(() => {
     if (type === 'emoji_reaction' && notification.emoji) {
@@ -367,12 +434,7 @@ const Notification: React.FC<INotification> = (props) => {
         />
       );
     } else if (icons[displayedType]) {
-      return (
-        <Icon
-          src={icons[displayedType]}
-          className='⁂-notification__icon'
-        />
-      );
+      return <Icon src={icons[displayedType]} className='⁂-notification__icon' />;
     } else {
       return null;
     }
@@ -380,7 +442,9 @@ const Notification: React.FC<INotification> = (props) => {
 
   const renderContent = () => {
     if (type === 'bite' && status) {
-      return compact ? <StatusPreview status={status} /> : (
+      return compact ? (
+        <StatusPreview status={status} />
+      ) : (
         <StatusContainer
           id={status.id}
           onMoveDown={handleMoveDown}
@@ -396,13 +460,7 @@ const Notification: React.FC<INotification> = (props) => {
 
     switch (type) {
       case 'follow':
-        return (
-          <AccountContainer
-            id={account.id}
-            avatarSize={avatarSize}
-            withRelationship
-          />
-        );
+        return <AccountContainer id={account.id} avatarSize={avatarSize} withRelationship />;
       case 'follow_request':
         return (
           <AccountContainer
@@ -423,11 +481,7 @@ const Notification: React.FC<INotification> = (props) => {
         );
       case 'move':
         return notification.target ? (
-          <AccountContainer
-            id={notification.target_id}
-            avatarSize={avatarSize}
-            withRelationship
-          />
+          <AccountContainer id={notification.target_id} avatarSize={avatarSize} withRelationship />
         ) : null;
       case 'favourite':
       case 'mention':
@@ -442,7 +496,9 @@ const Notification: React.FC<INotification> = (props) => {
       case 'quote':
       case 'quoted_update':
         return status ? (
-          compact ? <StatusPreview status={status} /> : (
+          compact ? (
+            <StatusPreview status={status} />
+          ) : (
             <StatusContainer
               id={status.id}
               onMoveDown={handleMoveDown}
@@ -453,7 +509,8 @@ const Notification: React.FC<INotification> = (props) => {
               showInfo={false}
               variant='slim'
             />
-          )) : null;
+          )
+        ) : null;
       default:
         return null;
     }
@@ -462,42 +519,60 @@ const Notification: React.FC<INotification> = (props) => {
   const targetName = notification.type === 'move' ? notification.target.acct : '';
 
   const message: React.ReactNode = accounts.length
-    ? buildMessage(intl, displayedType, accounts, targetName, instance.title, !!status, !!status?.reblog_id)
+    ? buildMessage(
+        intl,
+        displayedType,
+        accounts,
+        targetName,
+        instance.title,
+        !!status,
+        !!status?.reblog_id,
+      )
     : null;
 
-  const ariaLabel = (
-    notificationForScreenReader(
-      intl,
-      intl.formatMessage(messages[displayedType], {
-        name: accounts.length ? intl.formatList(accounts.map(account => account.acct), { type: 'conjunction' }) : '',
-        targetName,
-        isReblog: status?.reblog_id ? 1 : 0,
-      }),
-      notification.latest_page_notification_at!,
-    )
+  const ariaLabel = notificationForScreenReader(
+    intl,
+    intl.formatMessage(messages[displayedType], {
+      name: accounts.length
+        ? intl.formatList(
+            accounts.map((account) => account.acct),
+            { type: 'conjunction' },
+          )
+        : '',
+      targetName,
+      isReblog: status?.reblog_id ? 1 : 0,
+    }),
+    notification.latest_page_notification_at!,
   );
 
-  const statusInfo = <StatusInfo avatarSize={compact ? 0 : avatarSize} icon={icon} text={message} title={ariaLabel} />;
+  const statusInfo = (
+    <StatusInfo
+      avatarSize={compact ? 0 : avatarSize}
+      icon={icon}
+      text={message}
+      title={ariaLabel}
+    />
+  );
 
   return (
     <Hotkeys handlers={handlers} data-testid='notification'>
-      <div
-        className='⁂-notification'
-        tabIndex={0}
-        aria-label={ariaLabel}
-        ref={node}
-      >
+      <div className='⁂-notification' tabIndex={0} aria-label={ariaLabel} ref={node}>
         {compact || !['mention', 'status'].includes(notification.type) ? (
           <div className='⁂-notification__header'>
-            <div className='⁂-notification__info'>
-              {statusInfo}
-            </div>
+            <div className='⁂-notification__info'>{statusInfo}</div>
 
             <p className='⁂-notification__timestamp'>
-              <RelativeTimestamp timestamp={notification.latest_page_notification_at!} theme='muted' size='sm' className='whitespace-nowrap' />
+              <RelativeTimestamp
+                timestamp={notification.latest_page_notification_at!}
+                theme='muted'
+                size='sm'
+                className='whitespace-nowrap'
+              />
             </p>
           </div>
-        ) : statusInfo}
+        ) : (
+          statusInfo
+        )}
 
         {renderContent()}
       </div>
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/color-picker.tsx b/packages/pl-fe/src/features/pl-fe-config/components/color-picker.tsx
index f4b0f0341..a1ef6950e 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/color-picker.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/color-picker.tsx
@@ -11,26 +11,21 @@ interface IColorPicker {
 
 const ColorPicker: React.FC<IColorPicker> = ({ value, onChange, className }) => {
   const colorPreview = (
-    <div
-      className='size-full'
-      role='presentation'
-      style={{ background: value }}
-      title={value}
-    />
+    <div className='size-full' role='presentation' style={{ background: value }} title={value} />
   );
   return (
     <div className={className}>
       {onChange ? (
         <Popover
           interaction='click'
-          content={
-            <SketchPicker color={value} disableAlpha onChange={onChange} />
-          }
+          content={<SketchPicker color={value} disableAlpha onChange={onChange} />}
           isFlush
         >
           {colorPreview}
         </Popover>
-      ) : colorPreview}
+      ) : (
+        colorPreview
+      )}
     </div>
   );
 };
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/crypto-address-input.tsx b/packages/pl-fe/src/features/pl-fe-config/components/crypto-address-input.tsx
index 3cb22a70c..02046ce7b 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/crypto-address-input.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/crypto-address-input.tsx
@@ -8,17 +8,28 @@ import type { StreamfieldComponent } from '@/components/ui/streamfield';
 import type { CryptoAddress } from '@/normalizers/frontend-config';
 
 const messages = defineMessages({
-  ticker: { id: 'plfe_config.crypto_address.meta_fields.ticker_placeholder', defaultMessage: 'Ticker' },
-  address: { id: 'plfe_config.crypto_address.meta_fields.address_placeholder', defaultMessage: 'Address' },
-  note: { id: 'plfe_config.crypto_address.meta_fields.note_placeholder', defaultMessage: 'Note (optional)' },
+  ticker: {
+    id: 'plfe_config.crypto_address.meta_fields.ticker_placeholder',
+    defaultMessage: 'Ticker',
+  },
+  address: {
+    id: 'plfe_config.crypto_address.meta_fields.address_placeholder',
+    defaultMessage: 'Address',
+  },
+  note: {
+    id: 'plfe_config.crypto_address.meta_fields.note_placeholder',
+    defaultMessage: 'Note (optional)',
+  },
 });
 
 const CryptoAddressInput: StreamfieldComponent<CryptoAddress> = ({ value, onChange }) => {
   const intl = useIntl();
 
-  const handleChange = (key: 'ticker' | 'address' | 'note'): React.ChangeEventHandler<HTMLInputElement> => e => {
-    onChange({ ...value, [key]: e.currentTarget.value });
-  };
+  const handleChange =
+    (key: 'ticker' | 'address' | 'note'): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      onChange({ ...value, [key]: e.currentTarget.value });
+    };
 
   return (
     <HStack space={2} grow>
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/footer-link-input.tsx b/packages/pl-fe/src/features/pl-fe-config/components/footer-link-input.tsx
index 16c572163..ef8b74989 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/footer-link-input.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/footer-link-input.tsx
@@ -15,9 +15,11 @@ const messages = defineMessages({
 const PromoPanelInput: StreamfieldComponent<FooterItem> = ({ value, onChange }) => {
   const intl = useIntl();
 
-  const handleChange = (key: 'title' | 'url'): React.ChangeEventHandler<HTMLInputElement> => e => {
-    onChange({ ...value, [key]: e.currentTarget.value });
-  };
+  const handleChange =
+    (key: 'title' | 'url'): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      onChange({ ...value, [key]: e.currentTarget.value });
+    };
 
   return (
     <HStack space={2} grow>
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-dropdown.tsx b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-dropdown.tsx
index 014264a89..08ba34a5c 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-dropdown.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-dropdown.tsx
@@ -25,12 +25,7 @@ const IconPickerDropdown: React.FC<IIconPickerDropdown> = ({ value, onPickIcon }
     <div>
       <Popover
         interaction='click'
-        content={
-          <IconPickerMenu
-            icons={forkAwesomeIcons}
-            onPick={onPickIcon}
-          />
-        }
+        content={<IconPickerMenu icons={forkAwesomeIcons} onPick={onPickIcon} />}
         isFlush
       >
         <div
@@ -42,7 +37,6 @@ const IconPickerDropdown: React.FC<IIconPickerDropdown> = ({ value, onPickIcon }
         >
           <ForkAwesomeIcon id={value} />
         </div>
-
       </Popover>
     </div>
   );
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
index a63779f9b..b8ac1f185 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
@@ -21,7 +21,7 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
     if (!c) return;
 
     // Nice and dirty hack to display the icons
-    c.querySelectorAll('button.emoji-mart-emoji > img').forEach(elem => {
+    c.querySelectorAll('button.emoji-mart-emoji > img').forEach((elem) => {
       const newIcon = document.createElement('span');
       newIcon.innerHTML = `<i class="fa fa-${(elem.parentNode as any).getAttribute('title')} fa-hack"></i>`;
       (elem.parentNode as any).replaceChild(newIcon, elem);
@@ -41,7 +41,7 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
           className='flex items-center justify-center rounded-full p-1.5 hover:bg-gray-50 dark:hover:bg-primary-800'
           aria-label={name}
           title={name}
-          onClick={() =>{
+          onClick={() => {
             handleClick(name);
           }}
         >
@@ -59,9 +59,13 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
       aria-label={title}
       ref={setRef}
     >
-      <Text className='px-1.5 py-1'><FormattedMessage id='icon_button.icons' defaultMessage='Icons' /></Text>
+      <Text className='px-1.5 py-1'>
+        <FormattedMessage id='icon_button.icons' defaultMessage='Icons' />
+      </Text>
       <ul className='grid grid-cols-8'>
-        {Object.values(icons).flat().map(icon => renderIcon(icon))}
+        {Object.values(icons)
+          .flat()
+          .map((icon) => renderIcon(icon))}
       </ul>
     </div>
   );
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/promo-panel-input.tsx b/packages/pl-fe/src/features/pl-fe-config/components/promo-panel-input.tsx
index caf50ce06..777ca2983 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/promo-panel-input.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/promo-panel-input.tsx
@@ -22,16 +22,15 @@ const PromoPanelInput: StreamfieldComponent<PromoPanelItem> = ({ value, onChange
     onChange({ ...value, icon });
   };
 
-  const handleChange = (key: 'text' | 'url'): React.ChangeEventHandler<HTMLInputElement> => e => {
-    onChange({ ...value, [key]: e.currentTarget.value });
-  };
+  const handleChange =
+    (key: 'text' | 'url'): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      onChange({ ...value, [key]: e.currentTarget.value });
+    };
 
   return (
     <HStack space={2} alignItems='center' grow>
-      <IconPicker
-        value={value.icon}
-        onChange={handleIconChange}
-      />
+      <IconPicker value={value.icon} onChange={handleIconChange} />
 
       <Input
         type='text'
diff --git a/packages/pl-fe/src/features/pl-fe-config/components/site-preview.tsx b/packages/pl-fe/src/features/pl-fe-config/components/site-preview.tsx
index 296c4cf1a..d03645f08 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/site-preview.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/site-preview.tsx
@@ -19,7 +19,9 @@ const SitePreview: React.FC<ISitePreview> = ({ frontendConfig }) => {
   const userTheme = frontendConfig.defaultSettings.themeMode;
   const systemTheme = useSystemTheme();
 
-  const dark = ['dark', 'black'].includes(userTheme as string) || (userTheme === 'system' && systemTheme === 'black');
+  const dark =
+    ['dark', 'black'].includes(userTheme as string) ||
+    (userTheme === 'system' && systemTheme === 'black');
 
   const themeCss = useThemeCss(frontendConfig);
 
@@ -32,7 +34,8 @@ const SitePreview: React.FC<ISitePreview> = ({ frontendConfig }) => {
       'bg-white': !dark,
       'bg-gray-900': dark && userTheme !== 'black',
       'bg-black': userTheme === 'black',
-    });
+    },
+  );
 
   return (
     <div className={bodyClass}>
@@ -51,7 +54,6 @@ const SitePreview: React.FC<ISitePreview> = ({ frontendConfig }) => {
       />
     </div>
   );
-
 };
 
 export { SitePreview as default };
diff --git a/packages/pl-fe/src/features/pl-fe-config/forkawesome.json b/packages/pl-fe/src/features/pl-fe-config/forkawesome.json
index e1d7c7c37..d8d4d2616 100644
--- a/packages/pl-fe/src/features/pl-fe-config/forkawesome.json
+++ b/packages/pl-fe/src/features/pl-fe-config/forkawesome.json
@@ -359,8 +359,5 @@
     "fa fa-neuter",
     "fa fa-genderless"
   ],
-  "Transportation Icons": [
-    "fa fa-train",
-    "fa fa-subway"
-  ]
+  "Transportation Icons": ["fa fa-train", "fa fa-subway"]
 }
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-avatar.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-avatar.tsx
index 5b5b218d2..2742029ac 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-avatar.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-avatar.tsx
@@ -23,17 +23,14 @@ const PlaceholderAvatar: React.FC<IPlaceholderAvatar> = ({ size, withText = fals
   }, [size]);
 
   return (
-    <Stack
-      space={2}
-      className={clsx('animate-pulse text-center', className)}
-    >
-      <div
-        className='mx-auto block rounded-lg bg-primary-50 dark:bg-primary-800'
-        style={style}
-      />
+    <Stack space={2} className={clsx('animate-pulse text-center', className)}>
+      <div className='mx-auto block rounded-lg bg-primary-50 dark:bg-primary-800' style={style} />
 
       {withText && (
-        <div style={{ width: size, height: 15 }} className='mx-auto rounded-full bg-primary-50 dark:bg-primary-800' />
+        <div
+          style={{ width: size, height: 15 }}
+          className='mx-auto rounded-full bg-primary-50 dark:bg-primary-800'
+        />
       )}
     </Stack>
   );
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-card.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-card.tsx
index f4945a45c..ccf172334 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-card.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-card.tsx
@@ -5,9 +5,10 @@ import { randomIntFromInterval, generateText } from '../utils';
 
 /** Fake link preview to display while data is loading. */
 const PlaceholderCard: React.FC = React.memo(() => (
-  <div className={clsx('status-card', {
-    'animate-pulse': true,
-  })}
+  <div
+    className={clsx('status-card', {
+      'animate-pulse': true,
+    })}
   >
     <div className='primary-500 w-2/5 rounded-l'>&nbsp;</div>
 
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-chat-message.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-chat-message.tsx
index 14d5f3358..e2ab66e7c 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-chat-message.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-chat-message.tsx
@@ -22,20 +22,18 @@ const PlaceholderChatMessage = ({ isMyMessage = false }: { isMyMessage?: boolean
         'ml-auto': isMyMessage,
       })}
     >
-      <HStack
-        alignItems='center'
-        justifyContent={isMyMessage ? 'end' : 'start'}
-      >
+      <HStack alignItems='center' justifyContent={isMyMessage ? 'end' : 'start'}>
         <div
-          className={
-            clsx({
-              'text-ellipsis break-words relative rounded-md p-2': true,
-              'mr-2': isMyMessage,
-              'order-2 ml-2': !isMyMessage,
-            })
-          }
+          className={clsx({
+            'relative text-ellipsis break-words rounded-md p-2': true,
+            'mr-2': isMyMessage,
+            'order-2 ml-2': !isMyMessage,
+          })}
         >
-          <div style={{ width: messageLength, height: 20 }} className='rounded-full bg-primary-50 dark:bg-primary-800' />
+          <div
+            style={{ width: messageLength, height: 20 }}
+            className='rounded-full bg-primary-50 dark:bg-primary-800'
+          />
         </div>
 
         <div className={clsx({ 'order-1': !isMyMessage })}>
@@ -58,7 +56,10 @@ const PlaceholderChatMessage = ({ isMyMessage = false }: { isMyMessage?: boolean
             'order-2': !isMyMessage,
           })}
         >
-          <span style={{ width: 50, height: 12 }} className='block rounded-full bg-primary-50 dark:bg-primary-800' />
+          <span
+            style={{ width: 50, height: 12 }}
+            className='block rounded-full bg-primary-50 dark:bg-primary-800'
+          />
         </Text>
 
         <div className={clsx({ 'order-1': !isMyMessage })}>
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-display-name.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-display-name.tsx
index f196cd5df..c05cb8dc4 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-display-name.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-display-name.tsx
@@ -9,16 +9,18 @@ interface IPlaceholderDisplayName {
 }
 
 /** Fake display name to show when data is loading. */
-const PlaceholderDisplayName: React.FC<IPlaceholderDisplayName> = React.memo(({ minLength, maxLength, withSuffix = true }) => {
-  const length = randomIntFromInterval(maxLength, minLength);
-  const acctLength = randomIntFromInterval(maxLength, minLength);
+const PlaceholderDisplayName: React.FC<IPlaceholderDisplayName> = React.memo(
+  ({ minLength, maxLength, withSuffix = true }) => {
+    const length = randomIntFromInterval(maxLength, minLength);
+    const acctLength = randomIntFromInterval(maxLength, minLength);
 
-  return (
-    <div className='flex flex-col text-primary-50 dark:text-primary-800'>
-      <p>{generateText(length)}</p>
-      {withSuffix && <p>{generateText(acctLength)}</p>}
-    </div>
-  );
-});
+    return (
+      <div className='flex flex-col text-primary-50 dark:text-primary-800'>
+        <p>{generateText(length)}</p>
+        {withSuffix && <p>{generateText(acctLength)}</p>}
+      </div>
+    );
+  },
+);
 
 export { PlaceholderDisplayName as default };
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-group-card.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-group-card.tsx
index b291b97e5..82ac61f1d 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-group-card.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-group-card.tsx
@@ -22,7 +22,9 @@ const PlaceholderGroupCard = () => {
 
         {/* Group Info */}
         <Stack alignItems='center' justifyContent='end' grow className='basis-1/2 py-4' space={0.5}>
-          <Text size='lg' theme='subtle' weight='bold'>{generateText(groupNameLength)}</Text>
+          <Text size='lg' theme='subtle' weight='bold'>
+            {generateText(groupNameLength)}
+          </Text>
 
           <HStack className='text-gray-400 dark:text-gray-600' space={3} wrap>
             <span>{generateText(6)}</span>
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-group-search.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-group-search.tsx
index 78a360b5a..51269b882 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-group-search.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-group-search.tsx
@@ -10,11 +10,7 @@ const PlaceholderGroupSearch = ({ withJoinAction = true }: { withJoinAction?: bo
   const groupNameLength = randomIntFromInterval(12, 20);
 
   return (
-    <HStack
-      alignItems='center'
-      justifyContent='between'
-      className='animate-pulse'
-    >
+    <HStack alignItems='center' justifyContent='between' className='animate-pulse'>
       <HStack alignItems='center' space={2} className='overflow-hidden'>
         {/* Group Avatar */}
         <div className='size-11 rounded-lg bg-gray-500 dark:bg-gray-700 dark:ring-primary-900' />
@@ -39,9 +35,7 @@ const PlaceholderGroupSearch = ({ withJoinAction = true }: { withJoinAction?: bo
       </HStack>
 
       {/* Join Group Button */}
-      {withJoinAction && (
-        <div className='h-10 w-36 rounded-full bg-gray-300 dark:bg-gray-800' />
-      )}
+      {withJoinAction && <div className='h-10 w-36 rounded-full bg-gray-300 dark:bg-gray-800' />}
     </HStack>
   );
 };
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
index 32387bb82..39816512d 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-media-gallery.tsx
@@ -27,11 +27,9 @@ const PlaceholderMediaGallery: React.FC<IPlaceholderMediaGallery> = ({ media, de
     let itemsDimensions: Record<string, string>[] = [];
 
     if (size === 1) {
-      style.height = width! * 9 / 16;
+      style.height = (width! * 9) / 16;
 
-      itemsDimensions = [
-        { w: '100%', h: '100%' },
-      ];
+      itemsDimensions = [{ w: '100%', h: '100%' }];
     } else if (size === 2) {
       style.height = width! / 2;
 
@@ -73,16 +71,26 @@ const PlaceholderMediaGallery: React.FC<IPlaceholderMediaGallery> = ({ media, de
     const right = dimensions.r || 'auto';
     const bottom = dimensions.b || 'auto';
     const left = dimensions.l || 'auto';
-    const float = dimensions.float as any ?? 'left';
-    const position = dimensions.pos as any ?? 'relative';
+    const float = (dimensions.float as any) ?? 'left';
+    const position = (dimensions.pos as any) ?? 'relative';
 
-    return <div key={i} className='⁂-media-gallery__item animate-pulse bg-primary-200' style={{ position, float, left, top, right, bottom, height, width }} />;
+    return (
+      <div
+        key={i}
+        className='⁂-media-gallery__item animate-pulse bg-primary-200'
+        style={{ position, float, left, top, right, bottom, height, width }}
+      />
+    );
   };
 
   const sizeData = getSizeData(media.length);
 
   return (
-    <div className='⁂-media-gallery media-gallery--placeholder' style={sizeData.style} ref={handleRef}>
+    <div
+      className='⁂-media-gallery media-gallery--placeholder'
+      style={sizeData.style}
+      ref={handleRef}
+    >
       {media.slice(0, 4).map((_, i) => renderItem(sizeData.itemsDimensions[i], i))}
     </div>
   );
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
index 7d0718eac..443d38816 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-sidebar-suggestions.tsx
@@ -14,9 +14,7 @@ const PlaceholderSidebarSuggestions = ({ limit }: { limit: number }) => {
       {new Array(limit).fill(undefined).map((_, idx) => (
         <HStack key={idx} alignItems='center' space={2} className='animate-pulse'>
           <Stack space={3} className='text-center'>
-            <div
-              className='mx-auto block size-9 rounded-full bg-primary-200 dark:bg-primary-700'
-            />
+            <div className='mx-auto block size-9 rounded-full bg-primary-200 dark:bg-primary-700' />
           </Stack>
 
           <Stack className='text-primary-200 dark:text-primary-700'>
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-status-content.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-status-content.tsx
index 3297669cc..15951295b 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-status-content.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-status-content.tsx
@@ -8,7 +8,10 @@ interface IPlaceholderStatusContent {
 }
 
 /** Fake status content while data is loading. */
-const PlaceholderStatusContent: React.FC<IPlaceholderStatusContent> = ({ minLength, maxLength }) => {
+const PlaceholderStatusContent: React.FC<IPlaceholderStatusContent> = ({
+  minLength,
+  maxLength,
+}) => {
   const length = randomIntFromInterval(maxLength, minLength);
 
   return (
diff --git a/packages/pl-fe/src/features/placeholder/components/placeholder-status.tsx b/packages/pl-fe/src/features/placeholder/components/placeholder-status.tsx
index b7f61f957..b4789f9e1 100644
--- a/packages/pl-fe/src/features/placeholder/components/placeholder-status.tsx
+++ b/packages/pl-fe/src/features/placeholder/components/placeholder-status.tsx
@@ -16,7 +16,7 @@ const PlaceholderStatus: React.FC<IPlaceholderStatus> = React.memo(({ variant =
   <div
     className={clsx({
       'status-placeholder bg-white black:bg-black dark:bg-primary-900': true,
-      'shadow-xl dark:shadow-none sm:rounded-xl px-4 py-6 sm:p-5': variant === 'rounded',
+      'px-4 py-6 shadow-xl dark:shadow-none sm:rounded-xl sm:p-5': variant === 'rounded',
       'py-4': variant === 'slim',
     })}
   >
diff --git a/packages/pl-fe/src/features/placeholder/utils.ts b/packages/pl-fe/src/features/placeholder/utils.ts
index 52d0eaac3..93226fe45 100644
--- a/packages/pl-fe/src/features/placeholder/utils.ts
+++ b/packages/pl-fe/src/features/placeholder/utils.ts
@@ -11,6 +11,7 @@ const generateText = (length: number) => {
 };
 
 // https://stackoverflow.com/a/7228322/8811886
-const randomIntFromInterval = (min: number, max: number) => Math.floor(Math.random() * (max - min + 1) + min);
+const randomIntFromInterval = (min: number, max: number) =>
+  Math.floor(Math.random() * (max - min + 1) + min);
 
 export { generateText, randomIntFromInterval };
diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx
index 3559fa127..48c7c5399 100644
--- a/packages/pl-fe/src/features/preferences/index.tsx
+++ b/packages/pl-fe/src/features/preferences/index.tsx
@@ -96,16 +96,37 @@ const INTERFACE_SIZES = ['sm', 'md', 'lg', 'xl'] as const;
 
 const messages = defineMessages({
   heading: { id: 'column.preferences', defaultMessage: 'Preferences' },
-  displayPostsDefault: { id: 'preferences.fields.display_media.default', defaultMessage: 'Hide posts marked as sensitive' },
-  displayPostsHideAll: { id: 'preferences.fields.display_media.hide_all', defaultMessage: 'Always hide media posts' },
-  displayPostsShowAll: { id: 'preferences.fields.display_media.show_all', defaultMessage: 'Always show posts' },
+  displayPostsDefault: {
+    id: 'preferences.fields.display_media.default',
+    defaultMessage: 'Hide posts marked as sensitive',
+  },
+  displayPostsHideAll: {
+    id: 'preferences.fields.display_media.hide_all',
+    defaultMessage: 'Always hide media posts',
+  },
+  displayPostsShowAll: {
+    id: 'preferences.fields.display_media.show_all',
+    defaultMessage: 'Always show posts',
+  },
   privacy_public: { id: 'preferences.options.privacy_public', defaultMessage: 'Public' },
   privacy_unlisted: { id: 'preferences.options.privacy_unlisted', defaultMessage: 'Unlisted' },
-  privacy_followers_only: { id: 'preferences.options.privacy_followers_only', defaultMessage: 'Followers-only' },
-  content_type_plaintext: { id: 'preferences.options.content_type_plaintext', defaultMessage: 'Plain text' },
-  content_type_markdown: { id: 'preferences.options.content_type_markdown', defaultMessage: 'Markdown' },
+  privacy_followers_only: {
+    id: 'preferences.options.privacy_followers_only',
+    defaultMessage: 'Followers-only',
+  },
+  content_type_plaintext: {
+    id: 'preferences.options.content_type_plaintext',
+    defaultMessage: 'Plain text',
+  },
+  content_type_markdown: {
+    id: 'preferences.options.content_type_markdown',
+    defaultMessage: 'Markdown',
+  },
   content_type_html: { id: 'preferences.options.content_type_html', defaultMessage: 'HTML' },
-  content_type_wysiwyg: { id: 'preferences.options.content_type_wysiwyg', defaultMessage: 'WYSIWYG' },
+  content_type_wysiwyg: {
+    id: 'preferences.options.content_type_wysiwyg',
+    defaultMessage: 'WYSIWYG',
+  },
   brandColor: { id: 'preferences.options.brand_color', defaultMessage: 'Base color' },
   dark: { id: 'theme_toggle.dark', defaultMessage: 'Dark' },
   black: { id: 'theme_toggle.black', defaultMessage: 'Black' },
@@ -131,7 +152,13 @@ const Preferences = () => {
   };
 
   const onSelectMultiple = (selectedList: string[], path: string[]) => {
-    dispatch(changeSetting(path, selectedList.toSorted((a, b) => a.localeCompare(b)), { showAlert: true }));
+    dispatch(
+      changeSetting(
+        path,
+        selectedList.toSorted((a, b) => a.localeCompare(b)),
+        { showAlert: true },
+      ),
+    );
   };
 
   const onToggleChange = (key: string[], checked: boolean) => {
@@ -143,10 +170,16 @@ const Preferences = () => {
 
     const theme = settings.theme ?? frontendConfig.defaultSettings.theme;
 
-    dispatch(changeSetting(['theme'], {
-      ...theme,
-      brandColor: newBrandColor,
-    }, { showAlert: true, save: false }));
+    dispatch(
+      changeSetting(
+        ['theme'],
+        {
+          ...theme,
+          brandColor: newBrandColor,
+        },
+        { showAlert: true, save: false },
+      ),
+    );
 
     debouncedSave(dispatch);
   };
@@ -154,34 +187,51 @@ const Preferences = () => {
   const onInterfaceSizeChange = (value: number) => {
     const theme = settings.theme ?? frontendConfig.defaultSettings.theme;
 
-    dispatch(changeSetting(['theme'], {
-      ...theme,
-      interfaceSize: INTERFACE_SIZES[value],
-    }, { showAlert: true, save: false }));
+    dispatch(
+      changeSetting(
+        ['theme'],
+        {
+          ...theme,
+          interfaceSize: INTERFACE_SIZES[value],
+        },
+        { showAlert: true, save: false },
+      ),
+    );
     debouncedSave(dispatch);
   };
 
   const onThemeReset = () => {
-    dispatch(changeSetting(['themeMode'], frontendConfig.defaultSettings.themeMode, { save: false }));
+    dispatch(
+      changeSetting(['themeMode'], frontendConfig.defaultSettings.themeMode, { save: false }),
+    );
     dispatch(changeSetting(['theme'], frontendConfig.defaultSettings.theme, { showAlert: true }));
   };
 
-  const displayMediaOptions = React.useMemo(() => ({
-    default: intl.formatMessage(messages.displayPostsDefault),
-    hide_all: intl.formatMessage(messages.displayPostsHideAll),
-    show_all: intl.formatMessage(messages.displayPostsShowAll),
-  }), [settings.locale]);
+  const displayMediaOptions = React.useMemo(
+    () => ({
+      default: intl.formatMessage(messages.displayPostsDefault),
+      hide_all: intl.formatMessage(messages.displayPostsHideAll),
+      show_all: intl.formatMessage(messages.displayPostsShowAll),
+    }),
+    [settings.locale],
+  );
 
-  const defaultPrivacyOptions = React.useMemo(() => ({
-    public: intl.formatMessage(messages.privacy_public),
-    unlisted: intl.formatMessage(messages.privacy_unlisted),
-    private: intl.formatMessage(messages.privacy_followers_only),
-  }), [settings.locale]);
+  const defaultPrivacyOptions = React.useMemo(
+    () => ({
+      public: intl.formatMessage(messages.privacy_public),
+      unlisted: intl.formatMessage(messages.privacy_unlisted),
+      private: intl.formatMessage(messages.privacy_followers_only),
+    }),
+    [settings.locale],
+  );
 
-  const systemDarkThemePreferenceOptions = React.useMemo(() => ({
-    dark: intl.formatMessage(messages.dark),
-    black: intl.formatMessage(messages.black),
-  }), [settings.locale]);
+  const systemDarkThemePreferenceOptions = React.useMemo(
+    () => ({
+      dark: intl.formatMessage(messages.dark),
+      black: intl.formatMessage(messages.black),
+    }),
+    [settings.locale],
+  );
 
   const defaultContentTypeOptions = React.useMemo(() => {
     const postFormats = instance.pleroma.metadata.post_formats;
@@ -192,7 +242,8 @@ const Preferences = () => {
       'text/html': intl.formatMessage(messages.content_type_html),
     }).filter(([key]) => postFormats.includes(key));
 
-    if (postFormats.includes('text/markdown')) options.push(['wysiwyg', intl.formatMessage(messages.content_type_wysiwyg)]);
+    if (postFormats.includes('text/markdown'))
+      options.push(['wysiwyg', intl.formatMessage(messages.content_type_wysiwyg)]);
 
     if (options.length > 1) return Object.fromEntries(options);
   }, [settings.locale]);
@@ -200,12 +251,36 @@ const Preferences = () => {
   return (
     <Form>
       <List>
-        <ListItem label={<FormattedMessage id='home.column_settings.show_reblogs' defaultMessage='Show reposts in home timeline' />}>
-          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reblog']} defaultValue onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='home.column_settings.show_reblogs'
+              defaultMessage='Show reposts in home timeline'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['timelines', 'home', 'shows', 'reblog']}
+            defaultValue
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='home.column_settings.show_replies' defaultMessage='Show replies in home timeline' />}>
-          <SettingToggle settings={settings} settingPath={['timelines', 'home', 'shows', 'reply']} defaultValue onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='home.column_settings.show_replies'
+              defaultMessage='Show replies in home timeline'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['timelines', 'home', 'shows', 'reply']}
+            defaultValue
+            onChange={onToggleChange}
+          />
         </ListItem>
       </List>
 
@@ -216,29 +291,64 @@ const Preferences = () => {
         <PaletteListItem
           label={intl.formatMessage(messages.brandColor)}
           palette={colors(brandColor)}
-          onChange={(palette) =>{
+          onChange={(palette) => {
             onBrandColorChange(palette['500']);
           }}
           allowTintChange={false}
         />
-        <ListItem label={<div className='whitespace-nowrap'><FormattedMessage id='preferences.fields.interface_size' defaultMessage='Interface size' /></div>}>
+        <ListItem
+          label={
+            <div className='whitespace-nowrap'>
+              <FormattedMessage
+                id='preferences.fields.interface_size'
+                defaultMessage='Interface size'
+              />
+            </div>
+          }
+        >
           <div className='flex w-full flex-col'>
-            <StepSlider value={INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'md')} steps={4} onChange={onInterfaceSizeChange} />
+            <StepSlider
+              value={INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'md')}
+              steps={4}
+              onChange={onInterfaceSizeChange}
+            />
           </div>
         </ListItem>
-        <ListItem label={<FormattedMessage id='preferences.fields.theme.display_background_gradient' defaultMessage='Display background gradient' />}>
-          <SettingToggle settings={settings} settingPath={['theme', 'backgroundGradient']} defaultValue onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.theme.display_background_gradient'
+              defaultMessage='Display background gradient'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['theme', 'backgroundGradient']}
+            defaultValue
+            onChange={onToggleChange}
+          />
         </ListItem>
         {settings.themeMode === 'system' && (
           <ListItem
-            label={<FormattedMessage id='preferences.fields.theme.dark_theme_preference_label' defaultMessage='Dark theme preference' />}
-            hint={<FormattedMessage id='preferences.fields.theme.dark_theme_preference_hint' defaultMessage='Select dark theme to be used when theme is set to "System"' />}
+            label={
+              <FormattedMessage
+                id='preferences.fields.theme.dark_theme_preference_label'
+                defaultMessage='Dark theme preference'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='preferences.fields.theme.dark_theme_preference_hint'
+                defaultMessage='Select dark theme to be used when theme is set to "System"'
+              />
+            }
           >
             <SelectDropdown
               className='max-w-[200px]'
               items={systemDarkThemePreferenceOptions}
               defaultValue={settings.theme?.systemDarkThemePreference ?? 'black'}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                 onSelectChange(event, ['theme', 'systemDarkThemePreference']);
               }}
             />
@@ -254,7 +364,12 @@ const Preferences = () => {
 
       <List>
         <ListItem
-          label={<FormattedMessage id='preferences.fields.language_label' defaultMessage='Display language' />}
+          label={
+            <FormattedMessage
+              id='preferences.fields.language_label'
+              defaultMessage='Display language'
+            />
+          }
           hint={
             <FormattedMessage
               id='preferences.fields.language_hint'
@@ -262,7 +377,14 @@ const Preferences = () => {
               values={{
                 software: sourceCode.displayName,
                 link: (children: React.ReactNode) => (
-                  <a className='underline' href='https://hosted.weblate.org/projects/pl-fe/pl-fe/' rel='noopener' target='_blank'>{children}</a>
+                  <a
+                    className='underline'
+                    href='https://hosted.weblate.org/projects/pl-fe/pl-fe/'
+                    rel='noopener'
+                    target='_blank'
+                  >
+                    {children}
+                  </a>
                 ),
               }}
             />
@@ -272,34 +394,59 @@ const Preferences = () => {
             className='max-w-[200px]'
             items={languages}
             defaultValue={settings.locale}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
               onSelectChange(event, ['locale']);
             }}
           />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.spoilers_display_label' defaultMessage='Automatically expand text behind spoilers' />}>
-          <SettingToggle settings={settings} settingPath={['displaySpoilers']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.spoilers_display_label'
+              defaultMessage='Automatically expand text behind spoilers'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['displaySpoilers']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.media_display_label' defaultMessage='Sensitive content' />}>
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.media_display_label'
+              defaultMessage='Sensitive content'
+            />
+          }
+        >
           <SelectDropdown
             className='max-w-[200px]'
             items={displayMediaOptions}
             defaultValue={settings.displayMedia}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
               onSelectChange(event, ['displayMedia']);
             }}
           />
         </ListItem>
 
         {features.privacyScopes && (
-          <ListItem label={<FormattedMessage id='preferences.fields.privacy_label' defaultMessage='Default post privacy' />}>
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.privacy_label'
+                defaultMessage='Default post privacy'
+              />
+            }
+          >
             <SelectDropdown
               className='max-w-[200px]'
               items={defaultPrivacyOptions}
               defaultValue={settings.defaultPrivacy}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                 onSelectChange(event, ['defaultPrivacy']);
               }}
             />
@@ -307,12 +454,19 @@ const Preferences = () => {
         )}
 
         {features.richText && !!defaultContentTypeOptions && (
-          <ListItem label={<FormattedMessage id='preferences.fields.content_type_label' defaultMessage='Default post format' />}>
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.content_type_label'
+                defaultMessage='Default post format'
+              />
+            }
+          >
             <SelectDropdown
               className='max-w-[200px]'
               items={defaultContentTypeOptions}
               defaultValue={settings.defaultContentType}
-              onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                 onSelectChange(event, ['defaultContentType']);
               }}
             />
@@ -320,134 +474,394 @@ const Preferences = () => {
         )}
 
         {features.spoilers && (
-          <ListItem label={<FormattedMessage id='preferences.fields.preserve_spoilers_label' defaultMessage='Preserve content warning when replying' />}>
-            <SettingToggle settings={settings} settingPath={['preserveSpoilers']} onChange={onToggleChange} />
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.preserve_spoilers_label'
+                defaultMessage='Preserve content warning when replying'
+              />
+            }
+          >
+            <SettingToggle
+              settings={settings}
+              settingPath={['preserveSpoilers']}
+              onChange={onToggleChange}
+            />
           </ListItem>
         )}
 
         {features.createStatusExplicitAddressing && (
-          <ListItem label={<FormattedMessage id='preferences.fields.implicit_addressing_label' defaultMessage='Include mentions in post content when replying' />}>
-            <SettingToggle settings={settings} settingPath={['forceImplicitAddressing']} onChange={onToggleChange} />
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.implicit_addressing_label'
+                defaultMessage='Include mentions in post content when replying'
+              />
+            }
+          >
+            <SettingToggle
+              settings={settings}
+              settingPath={['forceImplicitAddressing']}
+              onChange={onToggleChange}
+            />
           </ListItem>
         )}
 
-        <ListItem label={<FormattedMessage id='preferences.notifications.advanced' defaultMessage='Show all notification categories' />}>
-          <SettingToggle settings={settings} settingPath={['notifications', 'quickFilter', 'advanced']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.notifications.advanced'
+              defaultMessage='Show all notification categories'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['notifications', 'quickFilter', 'advanced']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
         <ListItem
-          label={<FormattedMessage id='preferences.fields.demetricator_label' defaultMessage='Hide social media counters' />}
-          hint={<FormattedMessage id='preferences.hints.demetricator' defaultMessage='Decrease social media anxiety by hiding all numbers from the site.' />}
+          label={
+            <FormattedMessage
+              id='preferences.fields.demetricator_label'
+              defaultMessage='Hide social media counters'
+            />
+          }
+          hint={
+            <FormattedMessage
+              id='preferences.hints.demetricator'
+              defaultMessage='Decrease social media anxiety by hiding all numbers from the site.'
+            />
+          }
         >
-          <SettingToggle settings={settings} settingPath={['demetricator']} onChange={onToggleChange} />
+          <SettingToggle
+            settings={settings}
+            settingPath={['demetricator']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
         {features.emojiReacts && (
-          <ListItem label={<FormattedMessage id='preferences.fields.wrench_label' defaultMessage='Display wrench reaction button' />} >
-            <SettingToggle settings={settings} settingPath={['showWrenchButton']} onChange={onToggleChange} />
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.wrench_label'
+                defaultMessage='Display wrench reaction button'
+              />
+            }
+          >
+            <SettingToggle
+              settings={settings}
+              settingPath={['showWrenchButton']}
+              onChange={onToggleChange}
+            />
           </ListItem>
         )}
 
         {features.emojiReacts && standalone && (
           <ListItem
-            label={<FormattedMessage id='preferences.fields.check_emoji_react_supports_label' defaultMessage='Check whether remote hosts supports emoji reactions when reacting' />}
-            hint={<FormattedMessage id='preferences.fields.check_emoji_react_supports_hint' defaultMessage='This will expose your IP address to the instances you’re interacting with.' />}
+            label={
+              <FormattedMessage
+                id='preferences.fields.check_emoji_react_supports_label'
+                defaultMessage='Check whether remote hosts supports emoji reactions when reacting'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='preferences.fields.check_emoji_react_supports_hint'
+                defaultMessage='This will expose your IP address to the instances you’re interacting with.'
+              />
+            }
           >
-            <SettingToggle settings={settings} settingPath={['checkEmojiReactsSupport']} onChange={onToggleChange} />
+            <SettingToggle
+              settings={settings}
+              settingPath={['checkEmojiReactsSupport']}
+              onChange={onToggleChange}
+            />
           </ListItem>
         )}
 
         <ListItem
-          label={<FormattedMessage id='preferences.fields.disable_user_provided_media_label' defaultMessage='Do not display user-provided media' />}
-          hint={<FormattedMessage id='preferences.fields.disable_user_provided_media_hint' defaultMessage='This will hide images, videos, and other media uploaded by users and display alternative text instead.' />}
+          label={
+            <FormattedMessage
+              id='preferences.fields.disable_user_provided_media_label'
+              defaultMessage='Do not display user-provided media'
+            />
+          }
+          hint={
+            <FormattedMessage
+              id='preferences.fields.disable_user_provided_media_hint'
+              defaultMessage='This will hide images, videos, and other media uploaded by users and display alternative text instead.'
+            />
+          }
         >
-          <SettingToggle settings={settings} settingPath={['disableUserProvidedMedia']} onChange={onToggleChange} />
+          <SettingToggle
+            settings={settings}
+            settingPath={['disableUserProvidedMedia']}
+            onChange={onToggleChange}
+          />
         </ListItem>
       </List>
 
       <List>
-        <ListItem label={<FormattedMessage id='preferences.fields.boost_modal_label' defaultMessage='Show confirmation dialog before reposting' />}>
-          <SettingToggle settings={settings} settingPath={['boostModal']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.boost_modal_label'
+              defaultMessage='Show confirmation dialog before reposting'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['boostModal']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.delete_modal_label' defaultMessage='Show confirmation dialog before deleting a post' />}>
-          <SettingToggle settings={settings} settingPath={['deleteModal']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.delete_modal_label'
+              defaultMessage='Show confirmation dialog before deleting a post'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['deleteModal']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.missing_description_modal_label' defaultMessage='Show confirmation dialog before sending a post without media descriptions' />}>
-          <SettingToggle settings={settings} settingPath={['missingDescriptionModal']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.missing_description_modal_label'
+              defaultMessage='Show confirmation dialog before sending a post without media descriptions'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['missingDescriptionModal']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.unfollow_modal_label' defaultMessage='Show confirmation dialog before unfollowing someone' />}>
-          <SettingToggle settings={settings} settingPath={['unfollowModal']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.unfollow_modal_label'
+              defaultMessage='Show confirmation dialog before unfollowing someone'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['unfollowModal']}
+            onChange={onToggleChange}
+          />
         </ListItem>
       </List>
 
       <List>
-        <ListItem label={<FormattedMessage id='preferences.fields.auto_play_gif_label' defaultMessage='Auto-play animated GIFs' />}>
-          <SettingToggle settings={settings} settingPath={['autoPlayGif']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.auto_play_gif_label'
+              defaultMessage='Auto-play animated GIFs'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['autoPlayGif']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.system_font_label' defaultMessage="Use system's default font" />}>
-          <SettingToggle settings={settings} settingPath={['systemFont']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.system_font_label'
+              defaultMessage="Use system's default font"
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['systemFont']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.system_emoji_font_label' defaultMessage='Use system emoji font' />}>
-          <SettingToggle settings={settings} settingPath={['systemEmojiFont']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.system_emoji_font_label'
+              defaultMessage='Use system emoji font'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['systemEmojiFont']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.reduce_motion_label' defaultMessage='Reduce motion in animations' />}>
-          <SettingToggle settings={settings} settingPath={['reduceMotion']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.reduce_motion_label'
+              defaultMessage='Reduce motion in animations'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['reduceMotion']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.underline_links_label' defaultMessage='Always underline links in posts' />}>
-          <SettingToggle settings={settings} settingPath={['underlineLinks']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.underline_links_label'
+              defaultMessage='Always underline links in posts'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['underlineLinks']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.autoload_timelines_label' defaultMessage='Automatically load new posts when scrolled to the top of the page' />}>
-          <SettingToggle settings={settings} settingPath={['autoloadTimelines']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.autoload_timelines_label'
+              defaultMessage='Automatically load new posts when scrolled to the top of the page'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['autoloadTimelines']}
+            onChange={onToggleChange}
+          />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='preferences.fields.autoload_more_label' defaultMessage='Automatically load more items when scrolled to the bottom of the page' />}>
-          <SettingToggle settings={settings} settingPath={['autoloadMore']} onChange={onToggleChange} />
+        <ListItem
+          label={
+            <FormattedMessage
+              id='preferences.fields.autoload_more_label'
+              defaultMessage='Automatically load more items when scrolled to the bottom of the page'
+            />
+          }
+        >
+          <SettingToggle
+            settings={settings}
+            settingPath={['autoloadMore']}
+            onChange={onToggleChange}
+          />
         </ListItem>
       </List>
 
       {instance.pleroma.metadata.post_formats.includes('text/x.misskeymarkdown') && (
         <List>
           <ListItem
-            label={<FormattedMessage id='preferences.fields.render_mfm_label' defaultMessage='Render Misskey Flavored Markdown' />}
-            hint={<FormattedMessage id='preferences.fields.render_mfm_hint' defaultMessage='MFM support is experimental, not all node types are supported.' />}
+            label={
+              <FormattedMessage
+                id='preferences.fields.render_mfm_label'
+                defaultMessage='Render Misskey Flavored Markdown'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='preferences.fields.render_mfm_hint'
+                defaultMessage='MFM support is experimental, not all node types are supported.'
+              />
+            }
           >
-            <SettingToggle settings={settings} settingPath={['renderMfm']} onChange={onToggleChange} />
+            <SettingToggle
+              settings={settings}
+              settingPath={['renderMfm']}
+              onChange={onToggleChange}
+            />
           </ListItem>
 
           <ListItem
-            label={<FormattedMessage id='preferences.fields.render_advanced_mfm_label' defaultMessage='Enable advanced MFM' />}
+            label={
+              <FormattedMessage
+                id='preferences.fields.render_advanced_mfm_label'
+                defaultMessage='Enable advanced MFM'
+              />
+            }
           >
-            <SettingToggle settings={settings} settingPath={['renderAdvancedMfm']} onChange={onToggleChange} disabled={!settings.renderMfm} />
+            <SettingToggle
+              settings={settings}
+              settingPath={['renderAdvancedMfm']}
+              onChange={onToggleChange}
+              disabled={!settings.renderMfm}
+            />
           </ListItem>
 
           <ListItem
-            label={<FormattedMessage id='preferences.fields.render_animated_mfm_label' defaultMessage='Enable animated MFM' />}
+            label={
+              <FormattedMessage
+                id='preferences.fields.render_animated_mfm_label'
+                defaultMessage='Enable animated MFM'
+              />
+            }
           >
-            <SettingToggle settings={settings} settingPath={['renderAnimatedMfm']} onChange={onToggleChange} disabled={!settings.renderMfm} />
+            <SettingToggle
+              settings={settings}
+              settingPath={['renderAnimatedMfm']}
+              onChange={onToggleChange}
+              disabled={!settings.renderMfm}
+            />
           </ListItem>
         </List>
       )}
 
       {features.translations && (
         <List>
-          <ListItem label={<FormattedMessage id='preferences.fields.auto_translate_label' defaultMessage='Automatically translate posts in unknown languages' />}>
-            <SettingToggle settings={settings} settingPath={['autoTranslate']} onChange={onToggleChange} />
+          <ListItem
+            label={
+              <FormattedMessage
+                id='preferences.fields.auto_translate_label'
+                defaultMessage='Automatically translate posts in unknown languages'
+              />
+            }
+          >
+            <SettingToggle
+              settings={settings}
+              settingPath={['autoTranslate']}
+              onChange={onToggleChange}
+            />
           </ListItem>
 
-          <ListItem className='!overflow-visible' label={<FormattedMessage id='preferences.fields.known_languages_label' defaultMessage='Languages you know' />}>
+          <ListItem
+            className='!overflow-visible'
+            label={
+              <FormattedMessage
+                id='preferences.fields.known_languages_label'
+                defaultMessage='Languages you know'
+              />
+            }
+          >
             <Multiselect
               className='max-w-[200px]'
               items={languages}
               value={settings.knownLanguages as string[] | undefined}
-              onChange={(selectedList) =>{
+              onChange={(selectedList) => {
                 onSelectMultiple(selectedList, ['knownLanguages']);
               }}
               disabled={!settings.autoTranslate}
diff --git a/packages/pl-fe/src/features/reply-mentions/account.tsx b/packages/pl-fe/src/features/reply-mentions/account.tsx
index 21989662b..7fcac06e0 100644
--- a/packages/pl-fe/src/features/reply-mentions/account.tsx
+++ b/packages/pl-fe/src/features/reply-mentions/account.tsx
@@ -42,14 +42,35 @@ const Account: React.FC<IAccount> = ({ composeId, accountId, author }) => {
   let button;
 
   if (added) {
-    button = <IconButton src={require('@phosphor-icons/core/regular/x.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.remove)} onClick={onRemove} />;
+    button = (
+      <IconButton
+        src={require('@phosphor-icons/core/regular/x.svg')}
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        title={intl.formatMessage(messages.remove)}
+        onClick={onRemove}
+      />
+    );
   } else {
-    button = <IconButton src={require('@phosphor-icons/core/regular/plus.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.add)} onClick={onAdd} />;
+    button = (
+      <IconButton
+        src={require('@phosphor-icons/core/regular/plus.svg')}
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        title={intl.formatMessage(messages.add)}
+        onClick={onAdd}
+      />
+    );
   }
 
   return (
     <div className='p-2'>
-      <AccountComponent account={account} withRelationship={false} withLinkToProfile={false} action={author ? undefined : button} />
+      <AccountComponent
+        account={account}
+        withRelationship={false}
+        withLinkToProfile={false}
+        action={author ? undefined : button}
+      />
     </div>
   );
 };
diff --git a/packages/pl-fe/src/features/scheduled-statuses/builder.tsx b/packages/pl-fe/src/features/scheduled-statuses/builder.tsx
index b49923b0b..80b5517b9 100644
--- a/packages/pl-fe/src/features/scheduled-statuses/builder.tsx
+++ b/packages/pl-fe/src/features/scheduled-statuses/builder.tsx
@@ -9,16 +9,21 @@ import type { RootState } from '@/store';
 const buildStatus = (state: RootState, scheduledStatus: ScheduledStatus) => {
   const account = selectOwnAccount(state);
 
-  const poll = scheduledStatus.params.poll ? {
-    id: `${scheduledStatus.id}-poll`,
-    ...scheduledStatus.params.poll,
-    options: scheduledStatus.params.poll.options.map((option) => ({ title: option })),
-    voted: true,
-  } : null;
+  const poll = scheduledStatus.params.poll
+    ? {
+        id: `${scheduledStatus.id}-poll`,
+        ...scheduledStatus.params.poll,
+        options: scheduledStatus.params.poll.options.map((option) => ({ title: option })),
+        voted: true,
+      }
+    : null;
 
   const status = v.parse(statusSchema, {
     account,
-    content: scheduledStatus.params.text?.replace(new RegExp('\n', 'g'), '<br>'), /* eslint-disable-line no-control-regex */
+    content: scheduledStatus.params.text?.replace(
+      new RegExp('\n', 'g'),
+      '<br>',
+    ) /* eslint-disable-line no-control-regex */,
     created_at: scheduledStatus.scheduled_at,
     id: scheduledStatus.id,
     in_reply_to_id: scheduledStatus.params.in_reply_to_id,
diff --git a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
index aa976e3c9..494fda955 100644
--- a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
+++ b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status-action-bar.tsx
@@ -13,8 +13,14 @@ import type { Status as StatusEntity } from '@/normalizers/status';
 const messages = defineMessages({
   cancel: { id: 'scheduled_status.cancel', defaultMessage: 'Cancel' },
   deleteConfirm: { id: 'confirmations.scheduled_status_delete.confirm', defaultMessage: 'Discard' },
-  deleteHeading: { id: 'confirmations.scheduled_status_delete.heading', defaultMessage: 'Cancel scheduled post' },
-  deleteMessage: { id: 'confirmations.scheduled_status_delete.message', defaultMessage: 'Are you sure you want to discard this scheduled post?' },
+  deleteHeading: {
+    id: 'confirmations.scheduled_status_delete.heading',
+    defaultMessage: 'Cancel scheduled post',
+  },
+  deleteMessage: {
+    id: 'confirmations.scheduled_status_delete.message',
+    defaultMessage: 'Are you sure you want to discard this scheduled post?',
+  },
 });
 
 interface IScheduledStatusActionBar {
@@ -24,7 +30,9 @@ interface IScheduledStatusActionBar {
 const ScheduledStatusActionBar: React.FC<IScheduledStatusActionBar> = ({ status }) => {
   const intl = useIntl();
 
-  const { mutate: cancelScheduledStatus } = useMutation(cancelScheduledStatusMutationOptions(status.id));
+  const { mutate: cancelScheduledStatus } = useMutation(
+    cancelScheduledStatusMutationOptions(status.id),
+  );
   const { openModal } = useModalsActions();
   const settings = useSettings();
 
@@ -37,7 +45,7 @@ const ScheduledStatusActionBar: React.FC<IScheduledStatusActionBar> = ({ status
         heading: intl.formatMessage(messages.deleteHeading),
         message: intl.formatMessage(messages.deleteMessage),
         confirm: intl.formatMessage(messages.deleteConfirm),
-        onConfirm: () =>{
+        onConfirm: () => {
           cancelScheduledStatus();
         },
       });
diff --git a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status.tsx b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status.tsx
index 092afd1df..25ca2008f 100644
--- a/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status.tsx
+++ b/packages/pl-fe/src/features/scheduled-statuses/components/scheduled-status.tsx
@@ -30,8 +30,18 @@ const ScheduledStatus: React.FC<IScheduledStatus> = ({ scheduledStatus, ...other
   const account = status.account;
 
   return (
-    <div className={clsx('status__wrapper py-4', `status__wrapper-${status.visibility}`, { 'status__wrapper-reply': !!status.in_reply_to_id })} tabIndex={0}>
-      <div className={clsx('status', `status-${status.visibility}`, { 'status-reply': !!status.in_reply_to_id })} data-id={status.id}>
+    <div
+      className={clsx('status__wrapper py-4', `status__wrapper-${status.visibility}`, {
+        'status__wrapper-reply': !!status.in_reply_to_id,
+      })}
+      tabIndex={0}
+    >
+      <div
+        className={clsx('status', `status-${status.visibility}`, {
+          'status-reply': !!status.in_reply_to_id,
+        })}
+        data-id={status.id}
+      >
         <div className='mb-4'>
           <HStack justifyContent='between' alignItems='start'>
             <Account
@@ -47,16 +57,9 @@ const ScheduledStatus: React.FC<IScheduledStatus> = ({ scheduledStatus, ...other
         <StatusReplyMentions status={status} />
 
         <Stack space={4}>
-          <StatusContent
-            status={status}
-            collapsable={false}
-          />
+          <StatusContent status={status} collapsable={false} />
 
-          {status.media_attachments.length > 0 && (
-            <AttachmentThumbs
-              status={status}
-            />
-          )}
+          {status.media_attachments.length > 0 && <AttachmentThumbs status={status} />}
 
           {status.poll && <PollPreview poll={status.poll} />}
         </Stack>
diff --git a/packages/pl-fe/src/features/security/mfa-form.tsx b/packages/pl-fe/src/features/security/mfa-form.tsx
index 8b226b361..feb1b4063 100644
--- a/packages/pl-fe/src/features/security/mfa-form.tsx
+++ b/packages/pl-fe/src/features/security/mfa-form.tsx
@@ -32,7 +32,12 @@ const MfaForm: React.FC = () => {
         <DisableOtpForm />
       ) : (
         <Stack space={4}>
-          {features.manageMfaBackupCodes && <EnableOtpForm displayOtpForm={displayOtpForm} handleSetupProceedClick={handleSetupProceedClick} />}
+          {features.manageMfaBackupCodes && (
+            <EnableOtpForm
+              displayOtpForm={displayOtpForm}
+              handleSetupProceedClick={handleSetupProceedClick}
+            />
+          )}
           {(displayOtpForm || !features.manageMfaBackupCodes) && <OtpConfirmForm />}
         </Stack>
       )}
diff --git a/packages/pl-fe/src/features/security/mfa/disable-otp-form.tsx b/packages/pl-fe/src/features/security/mfa/disable-otp-form.tsx
index 1bf2ae59e..544e0a958 100644
--- a/packages/pl-fe/src/features/security/mfa/disable-otp-form.tsx
+++ b/packages/pl-fe/src/features/security/mfa/disable-otp-form.tsx
@@ -53,13 +53,21 @@ const DisableOtpForm: React.FC = () => {
         </Text>
 
         <Text theme='muted'>
-          <FormattedMessage id='mfa.otp_enabled_description' defaultMessage='You have enabled two-factor authentication via OTP.' />
+          <FormattedMessage
+            id='mfa.otp_enabled_description'
+            defaultMessage='You have enabled two-factor authentication via OTP.'
+          />
         </Text>
       </Stack>
 
       <FormGroup
         labelText={intl.formatMessage(messages.passwordPlaceholder)}
-        hintText={<FormattedMessage id='mfa.mfa_disable_enter_password' defaultMessage='Enter your current password to disable two-factor auth.' />}
+        hintText={
+          <FormattedMessage
+            id='mfa.mfa_disable_enter_password'
+            defaultMessage='Enter your current password to disable two-factor auth.'
+          />
+        }
       >
         <Input
           type='password'
diff --git a/packages/pl-fe/src/features/security/mfa/enable-otp-form.tsx b/packages/pl-fe/src/features/security/mfa/enable-otp-form.tsx
index f51fe172c..384c77077 100644
--- a/packages/pl-fe/src/features/security/mfa/enable-otp-form.tsx
+++ b/packages/pl-fe/src/features/security/mfa/enable-otp-form.tsx
@@ -29,9 +29,11 @@ const EnableOtpForm: React.FC<IEnableOtpForm> = ({ displayOtpForm, handleSetupPr
   const [backupCodes, setBackupCodes] = useState<Array<string>>([]);
 
   useEffect(() => {
-    client.settings.mfa.getMfaBackupCodes().then(({ codes: backupCodes }) => {
-      setBackupCodes(backupCodes);
-    })
+    client.settings.mfa
+      .getMfaBackupCodes()
+      .then(({ codes: backupCodes }) => {
+        setBackupCodes(backupCodes);
+      })
       .catch(() => {
         toast.error(intl.formatMessage(messages.codesFail));
       });
@@ -41,7 +43,10 @@ const EnableOtpForm: React.FC<IEnableOtpForm> = ({ displayOtpForm, handleSetupPr
     <Stack space={4}>
       <Stack space={4}>
         <Text theme='muted'>
-          <FormattedMessage id='mfa.setup_warning' defaultMessage="Write these codes down or save them somewhere secure - otherwise you won't see them again. If you lose access to your 2FA app and recovery codes you'll be locked out of your account." />
+          <FormattedMessage
+            id='mfa.setup_warning'
+            defaultMessage="Write these codes down or save them somewhere secure - otherwise you won't see them again. If you lose access to your 2FA app and recovery codes you'll be locked out of your account."
+          />
         </Text>
 
         <div className='rounded-lg border-2 border-solid border-gray-200 p-4 dark:border-gray-800'>
diff --git a/packages/pl-fe/src/features/security/mfa/otp-confirm-form.tsx b/packages/pl-fe/src/features/security/mfa/otp-confirm-form.tsx
index 4722d38a9..63549c9b5 100644
--- a/packages/pl-fe/src/features/security/mfa/otp-confirm-form.tsx
+++ b/packages/pl-fe/src/features/security/mfa/otp-confirm-form.tsx
@@ -18,7 +18,10 @@ import toast from '@/toast';
 const messages = defineMessages({
   mfaCancelButton: { id: 'column.mfa_cancel', defaultMessage: 'Cancel' },
   mfaSetupConfirmButton: { id: 'column.mfa_confirm_button', defaultMessage: 'Confirm' },
-  confirmFail: { id: 'security.confirm.fail', defaultMessage: 'Incorrect code or password. Try again.' },
+  confirmFail: {
+    id: 'security.confirm.fail',
+    defaultMessage: 'Incorrect code or password. Try again.',
+  },
   qrFail: { id: 'security.qr.fail', defaultMessage: 'Failed to fetch setup key' },
   mfaConfirmSuccess: { id: 'mfa.confirm.success_message', defaultMessage: 'MFA confirmed' },
   codePlaceholder: { id: 'mfa.mfa_setup.code_placeholder', defaultMessage: 'Code' },
@@ -33,7 +36,12 @@ const OtpConfirmForm: React.FC = () => {
 
   const { mutate: confirmMfa, isPending } = useConfirmMfa();
 
-  const [state, setState] = useState<{ password: string; code: string; qrCodeURI: string; confirmKey: string }>({
+  const [state, setState] = useState<{
+    password: string;
+    code: string;
+    qrCodeURI: string;
+    confirmKey: string;
+  }>({
     password: '',
     code: '',
     qrCodeURI: '',
@@ -41,11 +49,18 @@ const OtpConfirmForm: React.FC = () => {
   });
 
   useEffect(() => {
-    client.settings.mfa.getMfaSetup('totp').then((data) => {
-      setState((prevState) => ({ ...prevState, qrCodeURI: data.provisioning_uri, confirmKey: data.key }));
-    }).catch(() => {
-      toast.error(intl.formatMessage(messages.qrFail));
-    });
+    client.settings.mfa
+      .getMfaSetup('totp')
+      .then((data) => {
+        setState((prevState) => ({
+          ...prevState,
+          qrCodeURI: data.provisioning_uri,
+          confirmKey: data.key,
+        }));
+      })
+      .catch(() => {
+        toast.error(intl.formatMessage(messages.qrFail));
+      });
   }, []);
 
   const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = useCallback((event) => {
@@ -79,7 +94,10 @@ const OtpConfirmForm: React.FC = () => {
           </Text>
 
           <Text theme='muted'>
-            <FormattedMessage id='mfa.mfa_setup_scan_description' defaultMessage='Using your two-factor app, scan this QR code or enter the text key.' />
+            <FormattedMessage
+              id='mfa.mfa_setup_scan_description'
+              defaultMessage='Using your two-factor app, scan this QR code or enter the text key.'
+            />
           </Text>
         </Stack>
 
@@ -92,7 +110,12 @@ const OtpConfirmForm: React.FC = () => {
 
         <FormGroup
           labelText={intl.formatMessage(messages.codePlaceholder)}
-          hintText={<FormattedMessage id='mfa.mfa_setup.code_hint' defaultMessage='Enter the code from your two-factor app.' />}
+          hintText={
+            <FormattedMessage
+              id='mfa.mfa_setup.code_hint'
+              defaultMessage='Enter the code from your two-factor app.'
+            />
+          }
         >
           <Input
             name='code'
@@ -109,7 +132,12 @@ const OtpConfirmForm: React.FC = () => {
         {features.manageMfaRequiresPassword && (
           <FormGroup
             labelText={intl.formatMessage(messages.passwordPlaceholder)}
-            hintText={<FormattedMessage id='mfa.mfa_setup.password_hint' defaultMessage='Enter your current password to confirm your identity.' />}
+            hintText={
+              <FormattedMessage
+                id='mfa.mfa_setup.password_hint'
+                defaultMessage='Enter your current password to confirm your identity.'
+              />
+            }
           >
             <Input
               type='password'
diff --git a/packages/pl-fe/src/features/settings/components/messages-settings.tsx b/packages/pl-fe/src/features/settings/components/messages-settings.tsx
index 4eba84f65..d3658582b 100644
--- a/packages/pl-fe/src/features/settings/components/messages-settings.tsx
+++ b/packages/pl-fe/src/features/settings/components/messages-settings.tsx
@@ -7,7 +7,10 @@ import { useOwnAccount } from '@/hooks/use-own-account';
 import { useUpdateCredentials } from '@/queries/accounts';
 
 const messages = defineMessages({
-  label: { id: 'settings.messages.label', defaultMessage: 'Allow users to start a new chat with you' },
+  label: {
+    id: 'settings.messages.label',
+    defaultMessage: 'Allow users to start a new chat with you',
+  },
 });
 
 const MessagesSettings = () => {
@@ -25,13 +28,8 @@ const MessagesSettings = () => {
 
   return (
     <List>
-      <ListItem
-        label={intl.formatMessage(messages.label)}
-      >
-        <Toggle
-          checked={account.accepts_chat_messages ?? false}
-          onChange={handleChange}
-        />
+      <ListItem label={intl.formatMessage(messages.label)}>
+        <Toggle checked={account.accepts_chat_messages ?? false} onChange={handleChange} />
       </ListItem>
     </List>
   );
diff --git a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
index 0a8888922..49df75722 100644
--- a/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
+++ b/packages/pl-fe/src/features/settings/components/setting-toggle.tsx
@@ -20,22 +20,21 @@ interface ISettingToggle {
 }
 
 /** Stateful toggle to change user settings. */
-const SettingToggle: React.FC<ISettingToggle> = ({ id, settings, settingPath, defaultValue, onChange, disabled }) => {
-
+const SettingToggle: React.FC<ISettingToggle> = ({
+  id,
+  settings,
+  settingPath,
+  defaultValue,
+  onChange,
+  disabled,
+}) => {
   const handleChange: React.ChangeEventHandler<HTMLInputElement> = ({ target }) => {
     onChange(settingPath, target.checked);
   };
 
   const checked = !!get(settings, settingPath, defaultValue);
 
-  return (
-    <Toggle
-      id={id}
-      checked={checked}
-      onChange={handleChange}
-      disabled={disabled}
-    />
-  );
+  return <Toggle id={id} checked={checked} onChange={handleChange} disabled={disabled} />;
 };
 
 export { SettingToggle as default };
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index e6f24890f..7efac0f2f 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -61,10 +61,17 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                 defaultMessage='Posted in {group}'
                 values={{
                   group: (
-                    <Link to='/groups/$groupId' params={{ groupId: status.group.id }} className='hover:underline'>
+                    <Link
+                      to='/groups/$groupId'
+                      params={{ groupId: status.group.id }}
+                      className='hover:underline'
+                    >
                       <bdi className='truncate'>
                         <strong className='text-gray-800 dark:text-gray-200'>
-                          <Emojify text={status.account.display_name} emojis={status.account.emojis} />
+                          <Emojify
+                            text={status.account.display_name}
+                            emojis={status.account.emojis}
+                          />
                         </strong>
                       </bdi>
                     </Link>
@@ -104,12 +111,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
 
         <Stack className='relative z-0'>
           <Stack space={4}>
-            <StatusContent
-              status={actualStatus}
-              textSize='lg'
-              translatable
-              withMedia={withMedia}
-            />
+            <StatusContent status={actualStatus} textSize='lg' translatable withMedia={withMedia} />
           </Stack>
         </Stack>
 
@@ -122,8 +124,21 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
             <span>
               <Text tag='span' theme='muted' size='sm'>
                 <HStack space={1} alignItems='center' wrap>
-                  <a href={actualStatus.url} target='_blank' rel='noopener' className='hover:underline'>
-                    <FormattedDate value={new Date(actualStatus.created_at)} hour12 year='numeric' month='short' day='2-digit' hour='numeric' minute='2-digit' />
+                  <a
+                    href={actualStatus.url}
+                    target='_blank'
+                    rel='noopener'
+                    className='hover:underline'
+                  >
+                    <FormattedDate
+                      value={new Date(actualStatus.created_at)}
+                      hour12
+                      year='numeric'
+                      month='short'
+                      day='2-digit'
+                      hour='numeric'
+                      minute='2-digit'
+                    />
                   </a>
 
                   {actualStatus.application && (
@@ -134,7 +149,9 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                         target='_blank'
                         rel='noopener'
                         className='hover:underline'
-                        title={intl.formatMessage(messages.applicationName, { name: actualStatus.application.name })}
+                        title={intl.formatMessage(messages.applicationName, {
+                          name: actualStatus.application.name,
+                        })}
                       >
                         {actualStatus.application.name}
                       </a>
@@ -150,7 +167,19 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
                         role='button'
                         tabIndex={0}
                       >
-                        <FormattedMessage id='status.edited' defaultMessage='Edited {date}' values={{ date: intl.formatDate(new Date(actualStatus.edited_at), { hour12: true, month: 'short', day: '2-digit', hour: 'numeric', minute: '2-digit' }) }} />
+                        <FormattedMessage
+                          id='status.edited'
+                          defaultMessage='Edited {date}'
+                          values={{
+                            date: intl.formatDate(new Date(actualStatus.edited_at), {
+                              hour12: true,
+                              month: 'short',
+                              day: '2-digit',
+                              hour: 'numeric',
+                              minute: '2-digit',
+                            }),
+                          }}
+                        />
                       </div>
                     </>
                   )}
diff --git a/packages/pl-fe/src/features/status/components/status-interaction-bar.tsx b/packages/pl-fe/src/features/status/components/status-interaction-bar.tsx
index 0495f0b1b..eb859b4f7 100644
--- a/packages/pl-fe/src/features/status/components/status-interaction-bar.tsx
+++ b/packages/pl-fe/src/features/status/components/status-interaction-bar.tsx
@@ -12,7 +12,16 @@ import { useModalsActions } from '@/stores/modals';
 import type { Status } from '@/normalizers/status';
 
 interface IStatusInteractionBar {
-  status: Pick<Status, 'id' | 'account' | 'dislikes_count' | 'favourited' | 'favourites_count' | 'reblogs_count' | 'quotes_count'>;
+  status: Pick<
+    Status,
+    | 'id'
+    | 'account'
+    | 'dislikes_count'
+    | 'favourited'
+    | 'favourites_count'
+    | 'reblogs_count'
+    | 'quotes_count'
+  >;
 }
 
 const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.Element | null => {
@@ -60,7 +69,11 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
   const getQuotes = () => {
     if (status.quotes_count) {
       return (
-        <InteractionCounter count={status.quotes_count} to='/@{$username}/posts/$statusId/quotes' params={{ username: status.account.acct, id: status.id }}>
+        <InteractionCounter
+          count={status.quotes_count}
+          to='/@{$username}/posts/$statusId/quotes'
+          params={{ username: status.account.acct, id: status.id }}
+        >
           <FormattedMessage
             id='status.interactions.quotes'
             defaultMessage='{count, plural, one {Quote} other {Quotes}}'
@@ -73,7 +86,9 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
     return null;
   };
 
-  const handleOpenFavouritesModal: React.EventHandler<React.MouseEvent<HTMLButtonElement>> = (e) => {
+  const handleOpenFavouritesModal: React.EventHandler<React.MouseEvent<HTMLButtonElement>> = (
+    e,
+  ) => {
     e.preventDefault();
 
     // if (!me) onOpenUnauthorizedModal();
@@ -90,7 +105,10 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
   const getFavourites = () => {
     if (status.favourites_count) {
       return (
-        <InteractionCounter count={status.favourites_count} onClick={features.exposableReactions ? handleOpenFavouritesModal : undefined}>
+        <InteractionCounter
+          count={status.favourites_count}
+          onClick={features.exposableReactions ? handleOpenFavouritesModal : undefined}
+        >
           <FormattedMessage
             id='status.interactions.favourites'
             defaultMessage='{count, plural, one {Like} other {Likes}}'
@@ -108,7 +126,10 @@ const StatusInteractionBar: React.FC<IStatusInteractionBar> = ({ status }): JSX.
 
     if (dislikesCount) {
       return (
-        <InteractionCounter count={status.dislikes_count} onClick={features.exposableReactions ? handleOpenDislikesModal : undefined}>
+        <InteractionCounter
+          count={status.dislikes_count}
+          onClick={features.exposableReactions ? handleOpenDislikesModal : undefined}
+        >
           <FormattedMessage
             id='status.interactions.dislikes'
             defaultMessage='{count, plural, one {Dislike} other {Dislikes}}'
@@ -137,7 +158,12 @@ type IInteractionCounter = {
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 } & (LinkOptions | {});
 
-const InteractionCounter: React.FC<IInteractionCounter> = ({ count, children, onClick, ...rest }) => {
+const InteractionCounter: React.FC<IInteractionCounter> = ({
+  count,
+  children,
+  onClick,
+  ...rest
+}) => {
   const features = useFeatures();
 
   const className = clsx({
@@ -167,11 +193,7 @@ const InteractionCounter: React.FC<IInteractionCounter> = ({ count, children, on
   }
 
   return (
-    <button
-      type='button'
-      onClick={onClick}
-      className={className}
-    >
+    <button type='button' onClick={onClick} className={className}>
       {body}
     </button>
   );
diff --git a/packages/pl-fe/src/features/status/components/status-type-icon.tsx b/packages/pl-fe/src/features/status/components/status-type-icon.tsx
index 9475fe91f..309cd830b 100644
--- a/packages/pl-fe/src/features/status/components/status-type-icon.tsx
+++ b/packages/pl-fe/src/features/status/components/status-type-icon.tsx
@@ -10,13 +10,34 @@ interface IStatusTypeIcon {
 }
 
 const messages: Record<string, MessageDescriptor> = defineMessages({
-  direct: { id: 'status.visibility.direct', defaultMessage: 'The post is only visible to mentioned users' },
-  private: { id: 'status.visibility.private', defaultMessage: 'The post is only visible to followers of the author' },
-  mutuals_only: { id: 'status.visibility.mutuals_only', defaultMessage: 'The post is only visible to people who mutually follow the author' },
-  local: { id: 'status.visibility.local', defaultMessage: 'The post is only visible to users on your instance' },
-  list: { id: 'status.visibility.list', defaultMessage: 'The post is only visible to the members of a list' },
-  list_named: { id: 'status.visibility.list.named', defaultMessage: 'The post is only visible to the members of a {name} list' },
-  subscribers: { id: 'status.visibility.subscribers', defaultMessage: 'The post is only visible to users subscribing the author' },
+  direct: {
+    id: 'status.visibility.direct',
+    defaultMessage: 'The post is only visible to mentioned users',
+  },
+  private: {
+    id: 'status.visibility.private',
+    defaultMessage: 'The post is only visible to followers of the author',
+  },
+  mutuals_only: {
+    id: 'status.visibility.mutuals_only',
+    defaultMessage: 'The post is only visible to people who mutually follow the author',
+  },
+  local: {
+    id: 'status.visibility.local',
+    defaultMessage: 'The post is only visible to users on your instance',
+  },
+  list: {
+    id: 'status.visibility.list',
+    defaultMessage: 'The post is only visible to the members of a list',
+  },
+  list_named: {
+    id: 'status.visibility.list.named',
+    defaultMessage: 'The post is only visible to the members of a {name} list',
+  },
+  subscribers: {
+    id: 'status.visibility.subscribers',
+    defaultMessage: 'The post is only visible to users subscribing the author',
+  },
 });
 
 const STATUS_TYPE_ICONS: Record<string, string> = {
@@ -40,7 +61,11 @@ const StatusTypeIcon: React.FC<IStatusTypeIcon> = React.memo(({ visibility }) =>
     <>
       <span className='⁂-separator' />
 
-      <Icon title={message ? intl.formatMessage(message) : undefined} className='size-4 text-gray-700 dark:text-gray-600' src={icon} />
+      <Icon
+        title={message ? intl.formatMessage(message) : undefined}
+        className='size-4 text-gray-700 dark:text-gray-600'
+        src={icon}
+      />
     </>
   );
 });
diff --git a/packages/pl-fe/src/features/status/components/thread-status.tsx b/packages/pl-fe/src/features/status/components/thread-status.tsx
index 3080777b7..8bcee6e5b 100644
--- a/packages/pl-fe/src/features/status/components/thread-status.tsx
+++ b/packages/pl-fe/src/features/status/components/thread-status.tsx
@@ -19,10 +19,10 @@ interface IThreadStatus {
 const ThreadStatus: React.FC<IThreadStatus> = (props): JSX.Element => {
   const { id, focusedStatusId } = props;
 
-  const replyToId = useAppSelector(state => state.contexts.inReplyTos[id]);
-  const replyCount = useAppSelector(state => (state.contexts.replies[id] || []).length);
-  const isLoaded = useAppSelector(state => Boolean(state.statuses[id]));
-  const isDeleted = useAppSelector(state => Boolean(state.statuses[id]?.deleted));
+  const replyToId = useAppSelector((state) => state.contexts.inReplyTos[id]);
+  const replyCount = useAppSelector((state) => (state.contexts.replies[id] || []).length);
+  const isLoaded = useAppSelector((state) => Boolean(state.statuses[id]));
+  const isDeleted = useAppSelector((state) => Boolean(state.statuses[id]?.deleted));
 
   if (isDeleted) {
     return (
@@ -43,15 +43,20 @@ const ThreadStatus: React.FC<IThreadStatus> = (props): JSX.Element => {
 
     return (
       <div
-        className={clsx('absolute left-5 z-[1] hidden w-0.5 bg-gray-200 black:bg-gray-800 dark:bg-primary-800 rtl:left-auto rtl:right-5', {
-          '!block top-[calc(12px+42px)] h-[calc(100%-42px-8px-1rem)]': isConnectedBottom,
-        })}
+        className={clsx(
+          'absolute left-5 z-[1] hidden w-0.5 bg-gray-200 black:bg-gray-800 dark:bg-primary-800 rtl:left-auto rtl:right-5',
+          {
+            'top-[calc(12px+42px)] !block h-[calc(100%-42px-8px-1rem)]': isConnectedBottom,
+          },
+        )}
       />
     );
   };
 
   return (
-    <div className={clsx('thread__status relative pb-4', { 'thread__status--linear': props.linear })}>
+    <div
+      className={clsx('thread__status relative pb-4', { 'thread__status--linear': props.linear })}
+    >
       {renderConnector()}
       {isLoaded ? (
         // @ts-ignore FIXME
@@ -59,7 +64,9 @@ const ThreadStatus: React.FC<IThreadStatus> = (props): JSX.Element => {
       ) : (
         <PlaceholderStatus variant='default' />
       )}
-      {props.linear && <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />}
+      {props.linear && (
+        <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
+      )}
     </div>
   );
 };
diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index 124cf4890..821e317e6 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -15,7 +15,12 @@ import { Hotkeys } from '@/features/ui/components/hotkeys';
 import PendingStatus from '@/features/ui/components/pending-status';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
-import { useFavouriteStatus, useReblogStatus, useUnfavouriteStatus, useUnreblogStatus } from '@/queries/statuses/use-status-interactions';
+import {
+  useFavouriteStatus,
+  useReblogStatus,
+  useUnfavouriteStatus,
+  useUnreblogStatus,
+} from '@/queries/statuses/use-status-interactions';
 import { RootState } from '@/store';
 import { useModalsActions } from '@/stores/modals';
 import { useSettings } from '@/stores/settings';
@@ -31,73 +36,79 @@ import type { SelectedStatus } from '@/selectors';
 import type { Account } from 'pl-api';
 import type { VirtuosoHandle } from 'react-virtuoso';
 
-const makeGetAncestorsIds = () => createSelector([
-  (_: RootState, statusId: string) => statusId,
-  (state: RootState) => state.contexts.inReplyTos,
-], (statusId, inReplyTos) => {
-  let ancestorsIds: Array<string> = [];
-  let id: string = statusId;
+const makeGetAncestorsIds = () =>
+  createSelector(
+    [(_: RootState, statusId: string) => statusId, (state: RootState) => state.contexts.inReplyTos],
+    (statusId, inReplyTos) => {
+      let ancestorsIds: Array<string> = [];
+      let id: string = statusId;
 
-  while (id && !ancestorsIds.includes(id)) {
-    ancestorsIds = [id, ...ancestorsIds];
-    id = inReplyTos[id];
-  }
+      while (id && !ancestorsIds.includes(id)) {
+        ancestorsIds = [id, ...ancestorsIds];
+        id = inReplyTos[id];
+      }
 
-  return [...new Set(ancestorsIds)];
-});
+      return [...new Set(ancestorsIds)];
+    },
+  );
 
-const makeGetDescendantsIds = () => createSelector([
-  (_: RootState, statusId: string) => statusId,
-  (state: RootState) => state.contexts.replies,
-], (statusId, contextReplies) => {
-  let descendantsIds: Array<string> = [];
-  const ids = [statusId];
+const makeGetDescendantsIds = () =>
+  createSelector(
+    [(_: RootState, statusId: string) => statusId, (state: RootState) => state.contexts.replies],
+    (statusId, contextReplies) => {
+      let descendantsIds: Array<string> = [];
+      const ids = [statusId];
 
-  while (ids.length > 0) {
-    const id = ids.shift();
-    if (!id) break;
+      while (ids.length > 0) {
+        const id = ids.shift();
+        if (!id) break;
 
-    const replies = contextReplies[id];
+        const replies = contextReplies[id];
 
-    if (descendantsIds.includes(id)) {
-      break;
-    }
+        if (descendantsIds.includes(id)) {
+          break;
+        }
 
-    if (statusId !== id) {
-      descendantsIds = [...descendantsIds, id];
-    }
+        if (statusId !== id) {
+          descendantsIds = [...descendantsIds, id];
+        }
 
-    if (replies) {
-      replies.toReversed().forEach((reply: string) => {
-        ids.unshift(reply);
-      });
-    }
-  }
+        if (replies) {
+          replies.toReversed().forEach((reply: string) => {
+            ids.unshift(reply);
+          });
+        }
+      }
 
-  return [...new Set(descendantsIds)];
-});
+      return [...new Set(descendantsIds)];
+    },
+  );
 
-const makeGetThreadStatusesIds = () => createSelector([
-  (_: RootState, statusId: string) => statusId,
-  (state: RootState) => state.contexts.inReplyTos,
-  (state: RootState) => state.contexts.replies,
-], (statusId, inReplyTos, replies) => {
-  let parentStatus: string = statusId;
+const makeGetThreadStatusesIds = () =>
+  createSelector(
+    [
+      (_: RootState, statusId: string) => statusId,
+      (state: RootState) => state.contexts.inReplyTos,
+      (state: RootState) => state.contexts.replies,
+    ],
+    (statusId, inReplyTos, replies) => {
+      let parentStatus: string = statusId;
 
-  while (inReplyTos[parentStatus]) {
-    parentStatus = inReplyTos[parentStatus];
-  }
+      while (inReplyTos[parentStatus]) {
+        parentStatus = inReplyTos[parentStatus];
+      }
 
-  const threadStatuses = [parentStatus];
+      const threadStatuses = [parentStatus];
 
-  for (let i = 0; i < threadStatuses.length; i++) {
-    for (const reply of replies[threadStatuses[i]] || []) {
-      if (!threadStatuses.includes(reply)) threadStatuses.push(reply);
-    }
-  }
+      for (let i = 0; i < threadStatuses.length; i++) {
+        for (const reply of replies[threadStatuses[i]] || []) {
+          if (!threadStatuses.includes(reply)) threadStatuses.push(reply);
+        }
+      }
 
-  return threadStatuses.toSorted();
-});
+      return threadStatuses.toSorted();
+    },
+  );
 
 const makeGetThread = (linear = false) => {
   if (linear) {
@@ -108,17 +119,19 @@ const makeGetThread = (linear = false) => {
   const getAncestorsIds = makeGetAncestorsIds();
   const getDescendantsIds = makeGetDescendantsIds();
 
-  return createSelector([
-    (state: RootState, statusId: string) => getAncestorsIds(state, statusId),
-    (state: RootState, statusId: string) => getDescendantsIds(state, statusId),
-    (_, statusId: string) => statusId,
-  ],
-  (ancestorsIds, descendantsIds, statusId) => {
-    ancestorsIds = ancestorsIds.filter(id => id !== statusId && !descendantsIds.includes(id));
-    descendantsIds = descendantsIds.filter(id => id !== statusId && !ancestorsIds.includes(id));
+  return createSelector(
+    [
+      (state: RootState, statusId: string) => getAncestorsIds(state, statusId),
+      (state: RootState, statusId: string) => getDescendantsIds(state, statusId),
+      (_, statusId: string) => statusId,
+    ],
+    (ancestorsIds, descendantsIds, statusId) => {
+      ancestorsIds = ancestorsIds.filter((id) => id !== statusId && !descendantsIds.includes(id));
+      descendantsIds = descendantsIds.filter((id) => id !== statusId && !ancestorsIds.includes(id));
 
-    return [...ancestorsIds, statusId, ...descendantsIds];
-  });
+      return [...ancestorsIds, statusId, ...descendantsIds];
+    },
+  );
 };
 
 interface IThread {
@@ -142,7 +155,10 @@ const Thread = ({
 
   const { expandStatuses, revealStatusesMedia, toggleStatusesMediaHidden } = useStatusMetaActions();
   const { openModal } = useModalsActions();
-  const { boostModal, threads: { displayMode } } = useSettings();
+  const {
+    boostModal,
+    threads: { displayMode },
+  } = useSettings();
 
   const { mutate: favouriteStatus } = useFavouriteStatus(status.id);
   const { mutate: unfavouriteStatus } = useUnfavouriteStatus(status.id);
@@ -173,7 +189,7 @@ const Thread = ({
     else favouriteStatus();
   };
 
-  const handleReplyClick = (status: ComposeReplyAction['status']) =>{
+  const handleReplyClick = (status: ComposeReplyAction['status']) => {
     dispatch(replyCompose(status));
   };
 
@@ -183,13 +199,16 @@ const Thread = ({
     } else if ((e && e.shiftKey) || !boostModal) {
       reblogStatus(undefined);
     } else {
-      openModal('BOOST', { statusId: status.id, onReblog: () =>{
-        reblogStatus(undefined);
-      } });
+      openModal('BOOST', {
+        statusId: status.id,
+        onReblog: () => {
+          reblogStatus(undefined);
+        },
+      });
     }
   };
 
-  const handleMentionClick = (account: Pick<Account, 'acct'>) =>{
+  const handleMentionClick = (account: Pick<Account, 'acct'>) => {
     dispatch(mentionCompose(account));
   };
 
@@ -258,27 +277,37 @@ const Thread = ({
   const handleMoveDown = (id: string) => {
     const modalOffset = isModal ? 1 : 0;
     if (id === status.id) {
-      selectChild(statusIndex + 1 + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
+      selectChild(
+        statusIndex + 1 + modalOffset,
+        scroller,
+        node.current ?? undefined,
+        thread.length + modalOffset,
+      );
     } else {
       let index = thread.indexOf(id);
 
       if (index === -1) {
         index = thread.indexOf(id);
-        selectChild(index + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
+        selectChild(
+          index + modalOffset,
+          scroller,
+          node.current ?? undefined,
+          thread.length + modalOffset,
+        );
       } else {
-        selectChild(index + 1 + modalOffset, scroller, node.current ?? undefined, thread.length + modalOffset);
+        selectChild(
+          index + 1 + modalOffset,
+          scroller,
+          node.current ?? undefined,
+          thread.length + modalOffset,
+        );
       }
     }
   };
 
   const renderTombstone = (id: string) => (
     <div className='py-4 pb-8'>
-      <Tombstone
-        key={id}
-        id={id}
-        onMoveUp={handleMoveUp}
-        onMoveDown={handleMoveDown}
-      />
+      <Tombstone key={id} id={id} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} />
     </div>
   );
 
@@ -297,62 +326,57 @@ const Thread = ({
   const renderPendingStatus = (id: string) => {
     const idempotencyKey = id.replace(/^末pending-/, '');
 
-    return (
-      <PendingStatus
-        key={id}
-        idempotencyKey={idempotencyKey}
-        variant='default'
-      />
-    );
+    return <PendingStatus key={id} idempotencyKey={idempotencyKey} variant='default' />;
   };
 
-  const renderChildren = (list: Array<string>) => list.map(id => {
-    if (id === status.id) return (
-      <div className={clsx({ 'pb-4': hasDescendants })} key={status.id}>
-        {status.deleted ? (
-          <Tombstone id={status.id} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} deleted />
-        ) : (
-          <Hotkeys handlers={handlers}>
-            <div
-              ref={statusRef}
-              className='relative'
-              tabIndex={0}
-              // FIXME: no "reblogged by" text is added for the screen reader
-              aria-label={textForScreenReader(intl, status)}
-            >
-
-              <DetailedStatus
-                status={status}
-                onOpenCompareHistoryModal={handleOpenCompareHistoryModal}
-                withMedia={withMedia}
+  const renderChildren = (list: Array<string>) =>
+    list.map((id) => {
+      if (id === status.id)
+        return (
+          <div className={clsx({ 'pb-4': hasDescendants })} key={status.id}>
+            {status.deleted ? (
+              <Tombstone
+                id={status.id}
+                onMoveUp={handleMoveUp}
+                onMoveDown={handleMoveDown}
+                deleted
               />
+            ) : (
+              <Hotkeys handlers={handlers}>
+                <div
+                  ref={statusRef}
+                  className='relative'
+                  tabIndex={0}
+                  // FIXME: no "reblogged by" text is added for the screen reader
+                  aria-label={textForScreenReader(intl, status)}
+                >
+                  <DetailedStatus
+                    status={status}
+                    onOpenCompareHistoryModal={handleOpenCompareHistoryModal}
+                    withMedia={withMedia}
+                  />
 
-              <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
+                  <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
 
-              <StatusActionBar
-                status={status}
-                expandable={isModal}
-                space='lg'
-                withLabels
-              />
-            </div>
-          </Hotkeys>
-        )}
+                  <StatusActionBar status={status} expandable={isModal} space='lg' withLabels />
+                </div>
+              </Hotkeys>
+            )}
 
-        {hasDescendants && (
-          <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
-        )}
-      </div>
-    );
+            {hasDescendants && (
+              <hr className='-mx-4 mt-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
+            )}
+          </div>
+        );
 
-    if (id.endsWith('-tombstone')) {
-      return renderTombstone(id);
-    } else if (id.startsWith('末pending-')) {
-      return renderPendingStatus(id);
-    } else {
-      return renderStatus(id);
-    }
-  });
+      if (id.endsWith('-tombstone')) {
+        return renderTombstone(id);
+      } else if (id.startsWith('末pending-')) {
+        return renderPendingStatus(id);
+      } else {
+        return renderStatus(id);
+      }
+    });
 
   // Scroll focused status into view when thread updates.
   useEffect(() => {
@@ -368,17 +392,20 @@ const Thread = ({
         offset: -146,
       });
 
-      setTimeout(() =>{
+      setTimeout(() => {
         (node.current?.querySelector('.detailed-actualStatus') as HTMLDivElement)?.focus();
       }, 100);
     }, 0);
   }, [status.id, statusIndex]);
 
-  const handleOpenCompareHistoryModal = useCallback((status: Pick<Status, 'id'>) => {
-    openModal('COMPARE_HISTORY', {
-      statusId: status.id,
-    });
-  }, [status.id]);
+  const handleOpenCompareHistoryModal = useCallback(
+    (status: Pick<Status, 'id'>) => {
+      openModal('COMPARE_HISTORY', {
+        statusId: status.id,
+      });
+    },
+    [status.id],
+  );
 
   const hasDescendants = thread.length > statusIndex;
 
@@ -415,12 +442,10 @@ const Thread = ({
   return (
     <Stack
       space={2}
-      className={
-        clsx({
-          'h-full': isModal,
-          'mt-2': !isModal,
-        })
-      }
+      className={clsx({
+        'h-full': isModal,
+        'mt-2': !isModal,
+      })}
     >
       {status.account.local === false && (
         <Helmet>
@@ -430,11 +455,9 @@ const Thread = ({
 
       <div
         ref={node}
-        className={
-          clsx('bg-white black:bg-black dark:bg-primary-900', {
-            'h-full overflow-auto': isModal,
-          })
-        }
+        className={clsx('bg-white black:bg-black dark:bg-primary-900', {
+          'h-full overflow-auto': isModal,
+        })}
       >
         <ScrollableList
           key={status.id}
diff --git a/packages/pl-fe/src/features/status/containers/quoted-status-container.tsx b/packages/pl-fe/src/features/status/containers/quoted-status-container.tsx
index 192988bf8..e4a71d36a 100644
--- a/packages/pl-fe/src/features/status/containers/quoted-status-container.tsx
+++ b/packages/pl-fe/src/features/status/containers/quoted-status-container.tsx
@@ -12,15 +12,13 @@ interface IQuotedStatusContainer {
 const QuotedStatusContainer: React.FC<IQuotedStatusContainer> = ({ statusId }) => {
   const getStatus = useCallback(makeGetStatus(), []);
 
-  const status = useAppSelector(state => getStatus(state, { id: statusId }));
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }));
 
   if (!status) {
     return null;
   }
 
-  return (
-    <QuotedStatus status={status} />
-  );
+  return <QuotedStatus status={status} />;
 };
 
 export { QuotedStatusContainer as default };
diff --git a/packages/pl-fe/src/features/theme-editor/components/color.tsx b/packages/pl-fe/src/features/theme-editor/components/color.tsx
index 1e81d8922..c226eb3e3 100644
--- a/packages/pl-fe/src/features/theme-editor/components/color.tsx
+++ b/packages/pl-fe/src/features/theme-editor/components/color.tsx
@@ -11,7 +11,6 @@ interface IColor {
 
 /** Color input. */
 const Color: React.FC<IColor> = ({ color, onChange }) => {
-
   const handleChange: ColorChangeHandler = (result) => {
     onChange?.(result.hex);
   };
diff --git a/packages/pl-fe/src/features/theme-editor/components/palette.tsx b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
index 0d590f1e3..211890343 100644
--- a/packages/pl-fe/src/features/theme-editor/components/palette.tsx
+++ b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
@@ -52,8 +52,12 @@ const Palette: React.FC<IPalette> = ({ palette, onChange, resetKey, allowTintCha
   return (
     <Stack className='w-full'>
       <HStack className='h-8 overflow-hidden rounded-md'>
-        {tints.map(tint => (
-          <Color key={tint} color={palette[tint]} onChange={allowTintChange ? handleChange(tint) : undefined} />
+        {tints.map((tint) => (
+          <Color
+            key={tint}
+            color={palette[tint]}
+            onChange={allowTintChange ? handleChange(tint) : undefined}
+          />
         ))}
       </HStack>
 
@@ -62,7 +66,4 @@ const Palette: React.FC<IPalette> = ({ palette, onChange, resetKey, allowTintCha
   );
 };
 
-export {
-  Palette as default,
-  ColorGroup,
-};
+export { Palette as default, ColorGroup };
diff --git a/packages/pl-fe/src/features/ui/components/action-button.tsx b/packages/pl-fe/src/features/ui/components/action-button.tsx
index bd2bdfbdf..2a52c2013 100644
--- a/packages/pl-fe/src/features/ui/components/action-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/action-button.tsx
@@ -7,7 +7,10 @@ import Spinner from '@/components/ui/spinner';
 import { useClient } from '@/hooks/use-client';
 import { useFeatures } from '@/hooks/use-features';
 import { useLoggedIn } from '@/hooks/use-logged-in';
-import { useAcceptFollowRequestMutation, useRejectFollowRequestMutation } from '@/queries/accounts/use-follow-requests';
+import {
+  useAcceptFollowRequestMutation,
+  useRejectFollowRequestMutation,
+} from '@/queries/accounts/use-follow-requests';
 import {
   useRelationshipQuery,
   useUnblockAccountMutation,
@@ -62,8 +65,12 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
   const { openModal } = useModalsActions();
   const { isLoggedIn, me } = useLoggedIn();
 
-  const { mutate: followAccount, isPending: isPendingFollow } = useFollowAccountMutation(account.id);
-  const { mutate: unfollowAccount, isPending: isPendingUnfollow } = useUnfollowAccountMutation(account.id);
+  const { mutate: followAccount, isPending: isPendingFollow } = useFollowAccountMutation(
+    account.id,
+  );
+  const { mutate: unfollowAccount, isPending: isPendingUnfollow } = useUnfollowAccountMutation(
+    account.id,
+  );
   const { mutate: unblockAccount } = useUnblockAccountMutation(account.id);
   const { mutate: muteAccount } = useMuteAccountMutation(account.id);
   const { mutate: unmuteAccount } = useUnmuteAccountMutation(account.id);
@@ -106,11 +113,12 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
   };
 
   const handleBite = () => {
-    client.accounts.biteAccount(account.id)
-      .then(() =>{
+    client.accounts
+      .biteAccount(account.id)
+      .then(() => {
         toast.success(intl.formatMessage(messages.userBit, { acct: account.acct }));
       })
-      .catch(() =>{
+      .catch(() => {
         toast.error(intl.formatMessage(messages.userBiteFail, { acct: account.acct }));
       });
   };
@@ -130,12 +138,7 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
     const text = intl.formatMessage(messageKey, { name: account.username });
 
     return (
-      <Button
-        theme={isMuted ? 'danger' : 'secondary'}
-        size='sm'
-        text={text}
-        onClick={handleMute}
-      />
+      <Button theme={isMuted ? 'danger' : 'secondary'} size='sm' text={text} onClick={handleMute} />
     );
   };
 
@@ -207,11 +210,7 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
         <form method='POST' action='/main/ostatus'>
           <input type='hidden' name='nickname' value={account.acct} />
           <input type='hidden' name='profile' value='' />
-          <Button
-            text={intl.formatMessage(messages.remote_follow)}
-            type='submit'
-            size='sm'
-          />
+          <Button text={intl.formatMessage(messages.remote_follow)} type='submit' size='sm' />
         </form>
       );
     }
@@ -266,7 +265,11 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
         <Button
           size='sm'
           theme='tertiary'
-          text={small ? intl.formatMessage(messages.requested_small) : intl.formatMessage(messages.requested)}
+          text={
+            small
+              ? intl.formatMessage(messages.requested_small)
+              : intl.formatMessage(messages.requested)
+          }
           onClick={handleFollow}
         />
       );
@@ -277,14 +280,16 @@ const ActionButton: React.FC<IActionButton> = ({ account, actionType, small = tr
           size='sm'
           disabled={blockedBy || isPendingFollow || isPendingUnfollow}
           theme={isFollowing ? 'secondary' : 'primary'}
-          icon={blockedBy ? require('@phosphor-icons/core/regular/prohibit.svg') : (!isFollowing && require('@phosphor-icons/core/regular/plus.svg'))}
+          icon={
+            blockedBy
+              ? require('@phosphor-icons/core/regular/prohibit.svg')
+              : !isFollowing && require('@phosphor-icons/core/regular/plus.svg')
+          }
           onClick={handleFollow}
         >
-          {isFollowing ? (
-            intl.formatMessage(messages.unfollow)
-          ) : (
-            intl.formatMessage(blockedBy ? messages.blocked : messages.follow)
-          )}
+          {isFollowing
+            ? intl.formatMessage(messages.unfollow)
+            : intl.formatMessage(blockedBy ? messages.blocked : messages.follow)}
         </Button>
       );
     } else if (relationship?.blocking) {
diff --git a/packages/pl-fe/src/features/ui/components/background-shapes.tsx b/packages/pl-fe/src/features/ui/components/background-shapes.tsx
index 5b306db2c..48e5ca16f 100644
--- a/packages/pl-fe/src/features/ui/components/background-shapes.tsx
+++ b/packages/pl-fe/src/features/ui/components/background-shapes.tsx
@@ -9,10 +9,11 @@ interface IBackgroundShapes {
 }
 
 /** Gradient that appears in the background of the UI. */
-const BackgroundShapes: React.FC<IBackgroundShapes> = ({ preview, hidden }) => hidden ? null : (
-  <div className={clsx('⁂-background-shapes', preview && '⁂-background-shapes--preview')}>
-    <div />
-  </div>
-);
+const BackgroundShapes: React.FC<IBackgroundShapes> = ({ preview, hidden }) =>
+  hidden ? null : (
+    <div className={clsx('⁂-background-shapes', preview && '⁂-background-shapes--preview')}>
+      <div />
+    </div>
+  );
 
 export { BackgroundShapes as default };
diff --git a/packages/pl-fe/src/features/ui/components/column-forbidden.tsx b/packages/pl-fe/src/features/ui/components/column-forbidden.tsx
index e21d614a0..c60840916 100644
--- a/packages/pl-fe/src/features/ui/components/column-forbidden.tsx
+++ b/packages/pl-fe/src/features/ui/components/column-forbidden.tsx
@@ -5,7 +5,10 @@ import Column from '@/components/ui/column';
 
 const messages = defineMessages({
   title: { id: 'column_forbidden.title', defaultMessage: 'Forbidden' },
-  body: { id: 'column_forbidden.body', defaultMessage: 'You do not have permission to access this page.' },
+  body: {
+    id: 'column_forbidden.body',
+    defaultMessage: 'You do not have permission to access this page.',
+  },
 });
 
 const ColumnForbidden = () => {
diff --git a/packages/pl-fe/src/features/ui/components/compose-button.tsx b/packages/pl-fe/src/features/ui/components/compose-button.tsx
index 7afbcd8f8..951a3bb55 100644
--- a/packages/pl-fe/src/features/ui/components/compose-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/compose-button.tsx
@@ -31,18 +31,17 @@ const ComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
 
 const HomeComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
   const { openModal } = useModalsActions();
-  const onOpenCompose = () =>{
+  const onOpenCompose = () => {
     openModal('COMPOSE');
   };
 
   return (
-    <button
-      className='⁂-sidebar-navigation__compose-button'
-      onClick={onOpenCompose}
-    >
-      {shrink
-        ? <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
-        : <FormattedMessage id='navigation.compose' defaultMessage='Compose' />}
+    <button className='⁂-sidebar-navigation__compose-button' onClick={onOpenCompose}>
+      {shrink ? (
+        <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
+      ) : (
+        <FormattedMessage id='navigation.compose' defaultMessage='Compose' />
+      )}
     </button>
   );
 };
@@ -59,18 +58,22 @@ const GroupComposeButton: React.FC<IComposeButton> = ({ shrink }) => {
   };
 
   return (
-    <button
-      className='⁂-sidebar-navigation__compose-button'
-      onClick={onOpenCompose}
-    >
-      {shrink
-        ? <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
-        : <HStack space={3} alignItems='center'>
-          <Avatar className='-my-1 border-2 border-white' size={30} src={group.avatar} alt={group.avatar_description} />
+    <button className='⁂-sidebar-navigation__compose-button' onClick={onOpenCompose}>
+      {shrink ? (
+        <Icon src={require('@phosphor-icons/core/regular/plus.svg')} />
+      ) : (
+        <HStack space={3} alignItems='center'>
+          <Avatar
+            className='-my-1 border-2 border-white'
+            size={30}
+            src={group.avatar}
+            alt={group.avatar_description}
+          />
           <span>
             <FormattedMessage id='navigation.compose_group' defaultMessage='Compose to group' />
           </span>
-        </HStack>}
+        </HStack>
+      )}
     </button>
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/hotkeys.tsx b/packages/pl-fe/src/features/ui/components/hotkeys.tsx
index f9be46377..fa583b890 100644
--- a/packages/pl-fe/src/features/ui/components/hotkeys.tsx
+++ b/packages/pl-fe/src/features/ui/components/hotkeys.tsx
@@ -64,10 +64,7 @@ type KeyMatcher = (
 function just(keyName: string): KeyMatcher {
   return (event) => ({
     isMatch:
-      normalizeKey(event.key) === keyName &&
-      !event.altKey &&
-      !event.ctrlKey &&
-      !event.metaKey,
+      normalizeKey(event.key) === keyName && !event.altKey && !event.ctrlKey && !event.metaKey,
     priority: hotkeyPriority.singleKey,
   });
 }
@@ -104,13 +101,10 @@ function sequence(...sequence: string[]): KeyMatcher {
     const relevantBufferedKeys = bufferedKeys?.slice(-startOfSequence.length);
 
     const bufferMatchesStartOfSequence =
-      !!relevantBufferedKeys &&
-      startOfSequence.join('') === relevantBufferedKeys.join('');
+      !!relevantBufferedKeys && startOfSequence.join('') === relevantBufferedKeys.join('');
 
     return {
-      isMatch:
-        bufferMatchesStartOfSequence &&
-        normalizeKey(event.key) === lastKeyInSequence,
+      isMatch: bufferMatchesStartOfSequence && normalizeKey(event.key) === lastKeyInSequence,
       priority: hotkeyPriority.sequence,
     };
   };
@@ -173,9 +167,7 @@ const hotkeyMatcherMap = {
 
 type HotkeyName = keyof typeof hotkeyMatcherMap;
 
-type HandlerMap = Partial<
-  Record<HotkeyName, (event: KeyboardEvent) => void>
->;
+type HandlerMap = Partial<Record<HotkeyName, (event: KeyboardEvent) => void>>;
 
 function useHotkeys<T extends HTMLElement>(handlers: HandlerMap) {
   const ref = useRef<T>(null);
@@ -202,10 +194,7 @@ function useHotkeys<T extends HTMLElement>(handlers: HandlerMap) {
         !event.defaultPrevented &&
         !['input', 'textarea', 'select', 'em-emoji-picker'].includes(tagName) &&
         !(event.target as HTMLElement).closest('[contenteditable]') &&
-        !(
-          ['a', 'button'].includes(tagName) &&
-          normalizeKey(event.key) === 'enter'
-        );
+        !(['a', 'button'].includes(tagName) && normalizeKey(event.key) === 'enter');
 
       if (shouldHandleEvent) {
         const matchCandidates: {
@@ -213,24 +202,19 @@ function useHotkeys<T extends HTMLElement>(handlers: HandlerMap) {
           priority: number;
         }[] = [];
 
-        (Object.keys(hotkeyMatcherMap) as HotkeyName[]).forEach(
-          (handlerName) => {
-            const handler = handlersRef.current[handlerName];
+        (Object.keys(hotkeyMatcherMap) as HotkeyName[]).forEach((handlerName) => {
+          const handler = handlersRef.current[handlerName];
 
-            if (handler) {
-              const hotkeyMatcher = hotkeyMatcherMap[handlerName];
+          if (handler) {
+            const hotkeyMatcher = hotkeyMatcherMap[handlerName];
 
-              const { isMatch, priority } = hotkeyMatcher(
-                event,
-                bufferedKeys.current,
-              );
+            const { isMatch, priority } = hotkeyMatcher(event, bufferedKeys.current);
 
-              if (isMatch) {
-                matchCandidates.push({ handler, priority });
-              }
+            if (isMatch) {
+              matchCandidates.push({ handler, priority });
             }
-          },
-        );
+          }
+        });
 
         // Sort all matches by priority
         matchCandidates.sort((a, b) => b.priority - a.priority);
@@ -305,12 +289,23 @@ interface IHotkeys extends React.HTMLAttributes<HTMLDivElement> {
  *
  * Now this function will be called when the 'open' hotkey is pressed by the user.
  */
-export const Hotkeys: React.FC<IHotkeys> = ({ handlers, global, focusable = true, element: Element = 'div', ...props }) => {
+export const Hotkeys: React.FC<IHotkeys> = ({
+  handlers,
+  global,
+  focusable = true,
+  element: Element = 'div',
+  ...props
+}) => {
   const ref = useHotkeys<HTMLDivElement>(handlers);
 
   Element = Element as 'div';
 
   return (
-    <Element ref={global ? undefined : ref} tabIndex={focusable ? -1 : undefined} {...props} className={clsx(props.className, focusable && 'focusable')} />
+    <Element
+      ref={global ? undefined : ref}
+      tabIndex={focusable ? -1 : undefined}
+      {...props}
+      className={clsx(props.className, focusable && 'focusable')}
+    />
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/link-footer.tsx b/packages/pl-fe/src/features/ui/components/link-footer.tsx
index a39697ae8..d91497c4c 100644
--- a/packages/pl-fe/src/features/ui/components/link-footer.tsx
+++ b/packages/pl-fe/src/features/ui/components/link-footer.tsx
@@ -24,7 +24,11 @@ const LinkFooter: React.FC = (): JSX.Element => {
             defaultMessage='{code_name} is open source software. You can contribute or report issues at {code_link} (v{code_version}).'
             values={{
               code_name: sourceCode.displayName,
-              code_link: <a href={sourceCode.url} rel='noopener' target='_blank'>{sourceCode.repository}</a>,
+              code_link: (
+                <a href={sourceCode.url} rel='noopener' target='_blank'>
+                  {sourceCode.repository}
+                </a>
+              ),
               code_version: sourceCode.version,
             }}
           />
diff --git a/packages/pl-fe/src/features/ui/components/modal-root.tsx b/packages/pl-fe/src/features/ui/components/modal-root.tsx
index 6aeb922bb..b1a3a3217 100644
--- a/packages/pl-fe/src/features/ui/components/modal-root.tsx
+++ b/packages/pl-fe/src/features/ui/components/modal-root.tsx
@@ -59,12 +59,16 @@ type BaseModalProps = {
 };
 
 const ModalRoot: React.FC = () => {
-  const renderLoading = (modalId: string) => !['MEDIA', 'BOOST', 'CONFIRM'].includes(modalId) ? <ModalLoading /> : null;
+  const renderLoading = (modalId: string) =>
+    !['MEDIA', 'BOOST', 'CONFIRM'].includes(modalId) ? <ModalLoading /> : null;
 
   const dispatch = useAppDispatch();
   const modals = useModals();
   const { closeModal } = useModalsActions();
-  const { modalType: type, modalProps: props } = modals.at(-1) ?? { modalProps: {}, modalType: null };
+  const { modalType: type, modalProps: props } = modals.at(-1) ?? {
+    modalProps: {},
+    modalType: null,
+  };
   const index = modals.length - 1;
 
   const onClickClose = (type?: ModalType, all?: boolean) => {
@@ -79,11 +83,16 @@ const ModalRoot: React.FC = () => {
     closeModal(type, all);
   };
 
-  const Component = type !== null ? (MODAL_COMPONENTS as Record<keyof typeof MODAL_COMPONENTS, React.ExoticComponent<any>>)[type] : null;
+  const Component =
+    type !== null
+      ? (MODAL_COMPONENTS as Record<keyof typeof MODAL_COMPONENTS, React.ExoticComponent<any>>)[
+          type
+        ]
+      : null;
 
   return (
     <Base onClose={onClickClose} type={type} modalIndex={index}>
-      {(Component && !!type) && (
+      {Component && !!type && (
         <Suspense fallback={renderLoading(type)}>
           <Component key={index} {...props} onClose={onClickClose} />
         </Suspense>
diff --git a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
index eda74bba8..b660184da 100644
--- a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
@@ -32,13 +32,13 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
   const [value, setValue] = useState<string | undefined>(account.relationship?.note);
   const [saved, setSaved] = useState(false);
 
-  const handleChange: React.ChangeEventHandler<HTMLTextAreaElement> = e => {
+  const handleChange: React.ChangeEventHandler<HTMLTextAreaElement> = (e) => {
     setValue(e.target.value);
 
     debouncedUpdateAccountNote(e.target.value, {
       onSuccess: () => {
         setSaved(true);
-        setTimeout(() =>{
+        setTimeout(() => {
           setSaved(false);
         }, 2000);
       },
@@ -55,16 +55,18 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
 
   return (
     <Widget
-      title={<HStack space={2} alignItems='center'>
-        <label htmlFor={`account-note-${account.id}`}>
-          <FormattedMessage id='account_note.header' defaultMessage='Note' />
-        </label>
-        {saved && (
-          <Text theme='success' tag='span' className='leading-none'>
-            <FormattedMessage id='generic.saved' defaultMessage='Saved' />
-          </Text>
-        )}
-      </HStack>}
+      title={
+        <HStack space={2} alignItems='center'>
+          <label htmlFor={`account-note-${account.id}`}>
+            <FormattedMessage id='account_note.header' defaultMessage='Note' />
+          </label>
+          {saved && (
+            <Text theme='success' tag='span' className='leading-none'>
+              <FormattedMessage id='generic.saved' defaultMessage='Saved' />
+            </Text>
+          )}
+        </HStack>
+      }
     >
       <Textarea
         id={`account-note-${account.id}`}
diff --git a/packages/pl-fe/src/features/ui/components/panels/birthday-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/birthday-panel.tsx
index 892ea169e..8a0443573 100644
--- a/packages/pl-fe/src/features/ui/components/panels/birthday-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/birthday-panel.tsx
@@ -56,12 +56,8 @@ const BirthdayPanel = ({ limit }: IBirthdayPanel) => {
 
   return (
     <Widget title={<FormattedMessage id='birthday_panel.title' defaultMessage='Birthdays' />}>
-      {birthdaysToRender.map(accountId => (
-        <AccountContainer
-          key={accountId}
-          id={accountId}
-          withRelationship={false}
-        />
+      {birthdaysToRender.map((accountId) => (
+        <AccountContainer key={accountId} id={accountId} withRelationship={false} />
       ))}
     </Widget>
   );
diff --git a/packages/pl-fe/src/features/ui/components/panels/group-media-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/group-media-panel.tsx
index b49a7b984..738b5db34 100644
--- a/packages/pl-fe/src/features/ui/components/panels/group-media-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/group-media-panel.tsx
@@ -48,12 +48,11 @@ const GroupMediaPanel: React.FC<IGroupMediaPanel> = ({ group }) => {
   };
 
   return (
-    <Widget className='⁂-media-panel' title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}>
-      {isLoading ? (
-        <Spinner />
-      ) : (
-        renderAttachments()
-      )}
+    <Widget
+      className='⁂-media-panel'
+      title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}
+    >
+      {isLoading ? <Spinner /> : renderAttachments()}
     </Widget>
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx
index 1fb3a9830..f95815e88 100644
--- a/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/instance-info-panel.tsx
@@ -26,7 +26,7 @@ const InstanceInfoPanel: React.FC<IInstanceInfoPanel> = ({ host }) => {
   const dispatch = useAppDispatch();
 
   const settings = useSettings();
-  const remoteInstance: any = useAppSelector(state => getRemoteInstance(state, host));
+  const remoteInstance: any = useAppSelector((state) => getRemoteInstance(state, host));
   const pinned = settings.remote_timeline.pinnedHosts.includes(host);
 
   const handlePinHost = () => {
@@ -43,7 +43,11 @@ const InstanceInfoPanel: React.FC<IInstanceInfoPanel> = ({ host }) => {
     <Widget
       title={remoteInstance.host}
       onActionClick={handlePinHost}
-      actionIcon={pinned ? require('@phosphor-icons/core/regular/push-pin-slash.svg') : require('@phosphor-icons/core/regular/push-pin.svg')}
+      actionIcon={
+        pinned
+          ? require('@phosphor-icons/core/regular/push-pin-slash.svg')
+          : require('@phosphor-icons/core/regular/push-pin.svg')
+      }
       actionTitle={intl.formatMessage(pinned ? messages.unpinHost : messages.pinHost, { host })}
     />
   );
diff --git a/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx
index f90bcf63a..95e957ff3 100644
--- a/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/instance-moderation-panel.tsx
@@ -26,26 +26,38 @@ const InstanceModerationPanel: React.FC<IInstanceModerationPanel> = ({ host }) =
   const { openModal } = useModalsActions();
 
   const { account } = useOwnAccount();
-  const remoteInstance = useAppSelector(state => getRemoteInstance(state, host));
+  const remoteInstance = useAppSelector((state) => getRemoteInstance(state, host));
 
   const handleEditFederation = () => {
     openModal('EDIT_FEDERATION', { host });
   };
 
-  const makeMenu = () => [{
-    text: intl.formatMessage(messages.editFederation),
-    action: handleEditFederation,
-    icon: require('@phosphor-icons/core/regular/pencil-simple.svg'),
-  }];
+  const makeMenu = () => [
+    {
+      text: intl.formatMessage(messages.editFederation),
+      action: handleEditFederation,
+      icon: require('@phosphor-icons/core/regular/pencil-simple.svg'),
+    },
+  ];
 
   const menu = makeMenu();
 
   return (
     <Widget
-      title={<FormattedMessage id='remote_instance.federation_panel.heading' defaultMessage='Federation restrictions' />}
-      action={account?.is_admin ? (
-        <DropdownMenu items={menu} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />
-      ) : undefined}
+      title={
+        <FormattedMessage
+          id='remote_instance.federation_panel.heading'
+          defaultMessage='Federation restrictions'
+        />
+      }
+      action={
+        account?.is_admin ? (
+          <DropdownMenu
+            items={menu}
+            src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+          />
+        ) : undefined
+      }
     >
       <InstanceRestrictions remoteInstance={remoteInstance} />
     </Widget>
diff --git a/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
index 1b7d02588..7d7c59df0 100644
--- a/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/my-groups-panel.tsx
@@ -16,15 +16,13 @@ const MyGroupsPanel = () => {
 
   return (
     <Widget title={<FormattedMessage id='my_groups_panel.title' defaultMessage='My groups' />}>
-      {isFetching ? (
-        new Array(3).fill(0).map((_, idx) => (
-          <PlaceholderGroupSearch key={idx} withJoinAction={false} />
-        ))
-      ) : (
-        groups.slice(0, 3).map((group) => (
-          <GroupListItem group={group} withJoinAction={false} key={group.id} />
-        ))
-      )}
+      {isFetching
+        ? new Array(3)
+            .fill(0)
+            .map((_, idx) => <PlaceholderGroupSearch key={idx} withJoinAction={false} />)
+        : groups
+            .slice(0, 3)
+            .map((group) => <GroupListItem group={group} withJoinAction={false} key={group.id} />)}
     </Widget>
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/panels/new-event-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/new-event-panel.tsx
index 4453ad4a9..1f84df104 100644
--- a/packages/pl-fe/src/features/ui/components/panels/new-event-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/new-event-panel.tsx
@@ -13,7 +13,10 @@ const NewEventPanel = () => (
       </Text>
 
       <Text theme='muted' size='sm'>
-        <FormattedMessage id='new_event_panel.subtitle' defaultMessage="Can't find what you're looking for? Schedule your own event." />
+        <FormattedMessage
+          id='new_event_panel.subtitle'
+          defaultMessage="Can't find what you're looking for? Schedule your own event."
+        />
       </Text>
     </Stack>
 
diff --git a/packages/pl-fe/src/features/ui/components/panels/new-group-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/new-group-panel.tsx
index 2fb2b783f..f7a77aa82 100644
--- a/packages/pl-fe/src/features/ui/components/panels/new-group-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/new-group-panel.tsx
@@ -21,15 +21,14 @@ const NewGroupPanel = () => {
         </Text>
 
         <Text theme='muted' size='sm'>
-          <FormattedMessage id='new_group_panel.subtitle' defaultMessage="Can't find what you're looking for? Start your own private or public group." />
+          <FormattedMessage
+            id='new_group_panel.subtitle'
+            defaultMessage="Can't find what you're looking for? Start your own private or public group."
+          />
         </Text>
       </Stack>
 
-      <Button
-        onClick={createGroup}
-        theme='secondary'
-        block
-      >
+      <Button onClick={createGroup} theme='secondary' block>
         <FormattedMessage id='new_group_panel.action' defaultMessage='Create group' />
       </Button>
     </Stack>
diff --git a/packages/pl-fe/src/features/ui/components/panels/pinned-accounts-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/pinned-accounts-panel.tsx
index 4ea1655e0..2cdbb2974 100644
--- a/packages/pl-fe/src/features/ui/components/panels/pinned-accounts-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/pinned-accounts-panel.tsx
@@ -18,28 +18,29 @@ const PinnedAccountsPanel: React.FC<IPinnedAccountsPanel> = ({ account, limit })
   const { data: pinned = [] } = useEndorsedAccounts(account.id);
 
   if (!pinned.length) {
-    return (
-      <WhoToFollowPanel limit={limit} />
-    );
+    return <WhoToFollowPanel limit={limit} />;
   }
 
   return (
     <Widget
-      title={<FormattedMessage
-        id='pinned_accounts.title'
-        defaultMessage='{name}’s choices'
-        values={{
-          name: <span><Emojify text={account.display_name} emojis={account.emojis} /></span>,
-        }}
-      />}
-    >
-      {pinned && pinned.map((suggestion) => (
-        <AccountContainer
-          key={suggestion}
-          id={suggestion}
-          withRelationship={false}
+      title={
+        <FormattedMessage
+          id='pinned_accounts.title'
+          defaultMessage='{name}’s choices'
+          values={{
+            name: (
+              <span>
+                <Emojify text={account.display_name} emojis={account.emojis} />
+              </span>
+            ),
+          }}
         />
-      ))}
+      }
+    >
+      {pinned &&
+        pinned.map((suggestion) => (
+          <AccountContainer key={suggestion} id={suggestion} withRelationship={false} />
+        ))}
     </Widget>
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
index 0c8ac1fea..d647e610f 100644
--- a/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/profile-info-panel.tsx
@@ -24,8 +24,15 @@ import ProfileStats from '../profile-stats';
 import type { Account } from 'pl-api';
 
 const messages = defineMessages({
-  linkVerifiedOn: { id: 'account.link_verified_on', defaultMessage: 'Ownership of this link was checked on {date}' },
-  account_locked: { id: 'account.locked_info', defaultMessage: 'This account privacy status is set to locked. The owner manually reviews who can follow them.' },
+  linkVerifiedOn: {
+    id: 'account.link_verified_on',
+    defaultMessage: 'Ownership of this link was checked on {date}',
+  },
+  account_locked: {
+    id: 'account.locked_info',
+    defaultMessage:
+      'This account privacy status is set to locked. The owner manually reviews who can follow them.',
+  },
   deactivated: { id: 'account.deactivated', defaultMessage: 'Deactivated' },
   bot: { id: 'account.badges.bot', defaultMessage: 'Bot' },
   pronouns: { id: 'account.pronouns.with_label', defaultMessage: 'Pronouns: {pronouns}' },
@@ -41,16 +48,35 @@ interface IProfileInfoPanel {
 const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) => {
   const intl = useIntl();
   const acct = useAcct(account);
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const ownAccount = account?.id === me;
 
   const { data: scrobble } = useQuery(accountScrobbleQueryOptions(account?.id));
 
   const getStaffBadge = (): React.ReactNode => {
     if (account?.is_admin) {
-      return <Badge slug='admin' title={<FormattedMessage id='account_moderation_modal.roles.admin' defaultMessage='Admin' />} key='staff' />;
+      return (
+        <Badge
+          slug='admin'
+          title={
+            <FormattedMessage id='account_moderation_modal.roles.admin' defaultMessage='Admin' />
+          }
+          key='staff'
+        />
+      );
     } else if (account?.is_moderator) {
-      return <Badge slug='moderator' title={<FormattedMessage id='account_moderation_modal.roles.moderator' defaultMessage='Moderator' />} key='staff' />;
+      return (
+        <Badge
+          slug='moderator'
+          title={
+            <FormattedMessage
+              id='account_moderation_modal.roles.moderator'
+              defaultMessage='Moderator'
+            />
+          }
+          key='staff'
+        />
+      );
     } else {
       return null;
     }
@@ -59,14 +85,16 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
   const getCustomBadges = (): React.ReactNode[] => {
     const badges = account?.roles ?? [];
 
-    return badges.filter(badge => badge.highlighted).map(badge => (
-      <Badge
-        key={badge.id || badge.name}
-        slug={badge.name}
-        title={capitalize(badge.name)}
-        color={badge.color}
-      />
-    ));
+    return badges
+      .filter((badge) => badge.highlighted)
+      .map((badge) => (
+        <Badge
+          key={badge.id || badge.name}
+          slug={badge.name}
+          title={capitalize(badge.name)}
+          color={badge.color}
+        />
+      ));
   };
 
   const getBadges = (): React.ReactNode[] => {
@@ -86,7 +114,12 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
     const birthday = account?.birthday;
     if (!birthday) return null;
 
-    const formattedBirthday = intl.formatDate(birthday, { timeZone: 'UTC', day: 'numeric', month: 'long', year: 'numeric' });
+    const formattedBirthday = intl.formatDate(birthday, {
+      timeZone: 'UTC',
+      day: 'numeric',
+      month: 'long',
+      year: 'numeric',
+    });
 
     const date = new Date(birthday);
     const today = new Date();
@@ -96,7 +129,11 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
     return (
       <HStack alignItems='center' space={0.5}>
         <Icon
-          src={hasBirthday ? require('@phosphor-icons/core/regular/cake.svg') : require('@phosphor-icons/core/regular/balloon.svg')}
+          src={
+            hasBirthday
+              ? require('@phosphor-icons/core/regular/cake.svg')
+              : require('@phosphor-icons/core/regular/balloon.svg')
+          }
           className='size-4 text-gray-800 dark:text-gray-200'
         />
 
@@ -104,7 +141,11 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
           {hasBirthday ? (
             <FormattedMessage id='account.birthday_today' defaultMessage='Birthday is today!' />
           ) : (
-            <FormattedMessage id='account.birthday' defaultMessage='Born {date}' values={{ date: formattedBirthday }} />
+            <FormattedMessage
+              id='account.birthday'
+              defaultMessage='Born {date}'
+              values={{ date: formattedBirthday }}
+            />
           )}
         </Text>
       </HStack>
@@ -136,9 +177,11 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
         <Stack>
           <HStack space={1} alignItems='center'>
             <Text size='lg' weight='bold' truncate>
-              {account.deactivated
-                ? <FormattedMessage id='account.deactivated' defaultMessage='Deactivated' />
-                : <Emojify text={account.display_name} emojis={account.emojis} />}
+              {account.deactivated ? (
+                <FormattedMessage id='account.deactivated' defaultMessage='Deactivated' />
+              ) : (
+                <Emojify text={account.display_name} emojis={account.emojis} />
+              )}
             </Text>
 
             {account.bot && <Badge slug='bot' title={intl.formatMessage(messages.bot)} />}
@@ -169,7 +212,11 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
 
         {!!account.note && (
           <Markup className='break-words' size='sm'>
-            <ParsedContent html={account.note} emojis={account.emojis} speakAsCat={account.speak_as_cat} />
+            <ParsedContent
+              html={account.note}
+              emojis={account.emojis}
+              speakAsCat={account.speak_as_cat}
+            />
           </Markup>
         )}
 
@@ -183,7 +230,9 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
 
               <Text size='sm' title={intl.formatDate(account.created_at, dateFormatOptions)}>
                 <FormattedMessage
-                  id='account.member_since' defaultMessage='Joined {date}' values={{
+                  id='account.member_since'
+                  defaultMessage='Joined {date}'
+                  values={{
                     date: memberSinceDate,
                   }}
                 />
@@ -198,9 +247,7 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
                 className='size-4 text-gray-800 dark:text-gray-200'
               />
 
-              <Text size='sm'>
-                {account.location}
-              </Text>
+              <Text size='sm'>{account.location}</Text>
             </HStack>
           ) : null}
 
@@ -208,17 +255,18 @@ const ProfileInfoPanel: React.FC<IProfileInfoPanel> = ({ account, username }) =>
 
           {account.pronouns.length > 0 ? (
             <HStack
-              alignItems='center' space={0.5}
-              title={intl.formatMessage(messages.pronouns, { pronouns: account.pronouns.join('/') })}
+              alignItems='center'
+              space={0.5}
+              title={intl.formatMessage(messages.pronouns, {
+                pronouns: account.pronouns.join('/'),
+              })}
             >
               <Icon
                 src={require('@phosphor-icons/core/regular/tag.svg')}
                 className='size-4 text-gray-800 dark:text-gray-200'
               />
 
-              <Text size='sm'>
-                {account.pronouns.join('/')}
-              </Text>
+              <Text size='sm'>{account.pronouns.join('/')}</Text>
             </HStack>
           ) : null}
         </div>
diff --git a/packages/pl-fe/src/features/ui/components/panels/profile-media-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/profile-media-panel.tsx
index 2f893427e..950deb68c 100644
--- a/packages/pl-fe/src/features/ui/components/panels/profile-media-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/profile-media-panel.tsx
@@ -27,7 +27,9 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
 
     const publicVisibilities = ['public', 'unlisted'];
 
-    const publicAttachments = attachments.filter(attachment => publicVisibilities.includes(attachment.visibility)).slice(0, 9);
+    const publicAttachments = attachments
+      .filter((attachment) => publicVisibilities.includes(attachment.visibility))
+      .slice(0, 9);
 
     if (publicAttachments.length) {
       return (
@@ -52,7 +54,10 @@ const ProfileMediaPanel: React.FC<IProfileMediaPanel> = ({ account }) => {
   }, [isLoading, account?.id, attachments]);
 
   return (
-    <Widget className='⁂-media-panel' title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}>
+    <Widget
+      className='⁂-media-panel'
+      title={<FormattedMessage id='media_panel.title' defaultMessage='Media' />}
+    >
       {children}
     </Widget>
   );
diff --git a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
index e6dd10f31..fee2749e7 100644
--- a/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/sign-up-panel.tsx
@@ -34,9 +34,7 @@ const SignUpPanel = () => {
   const [shouldRedirect, setShouldRedirect] = useState(false);
 
   const getFormData = (form: HTMLFormElement) =>
-    Object.fromEntries(
-      Array.from(form).map((i: any) => [i.name, i.value]),
-    );
+    Object.fromEntries(Array.from(form).map((i: any) => [i.name, i.value]));
 
   const handleSubmit: React.FormEventHandler = (event) => {
     const { username, password } = getFormData(event.target as HTMLFormElement);
@@ -53,7 +51,8 @@ const SignUpPanel = () => {
         } else {
           setShouldRedirect(true);
         }
-      }).catch((error: { response: PlfeResponse }) => {
+      })
+      .catch((error: { response: PlfeResponse }) => {
         const data: any = error.response?.json;
         if (data?.error === 'mfa_required') {
           setMfaAuthNeeded(true);
@@ -80,19 +79,22 @@ const SignUpPanel = () => {
         <>
           <Stack>
             <Text size='lg' weight='bold'>
-              <FormattedMessage id='signup_panel.title' defaultMessage='New to {site_title}?' values={{ site_title: instance.title }} />
+              <FormattedMessage
+                id='signup_panel.title'
+                defaultMessage='New to {site_title}?'
+                values={{ site_title: instance.title }}
+              />
             </Text>
 
             <Text theme='muted' size='sm'>
-              <FormattedMessage id='signup_panel.subtitle' defaultMessage="Sign up now to discuss what's happening." />
+              <FormattedMessage
+                id='signup_panel.subtitle'
+                defaultMessage="Sign up now to discuss what's happening."
+              />
             </Text>
           </Stack>
 
-          <Button
-            theme='primary'
-            to='/signup'
-            block
-          >
+          <Button theme='primary' to='/signup' block>
             <FormattedMessage id='account.register' defaultMessage='Sign up' />
           </Button>
         </>
@@ -101,7 +103,10 @@ const SignUpPanel = () => {
       {standalone ? (
         <>
           <Text size='lg' weight='bold'>
-            <FormattedMessage id='signup_panel.sign_in.title.external' defaultMessage='Sign in to external instance' />
+            <FormattedMessage
+              id='signup_panel.sign_in.title.external'
+              defaultMessage='Sign in to external instance'
+            />
           </Text>
           <ExternalLoginForm />
         </>
@@ -109,7 +114,10 @@ const SignUpPanel = () => {
         <>
           <Text size='lg' weight='bold'>
             {isOpen ? (
-              <FormattedMessage id='signup_panel.sign_in.title.or' defaultMessage='Already have an account?' />
+              <FormattedMessage
+                id='signup_panel.sign_in.title.or'
+                defaultMessage='Already have an account?'
+              />
             ) : (
               <FormattedMessage id='signup_panel.sign_in.title' defaultMessage='Sign in' />
             )}
diff --git a/packages/pl-fe/src/features/ui/components/panels/trends-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/trends-panel.tsx
index cc788f9a5..ddfc2b6b4 100644
--- a/packages/pl-fe/src/features/ui/components/panels/trends-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/trends-panel.tsx
@@ -33,9 +33,7 @@ const TrendsPanel = ({ limit }: ITrendsPanel) => {
       {isFetching ? (
         <PlaceholderSidebarTrends limit={limit} />
       ) : (
-        trends?.slice(0, limit).map((hashtag) => (
-          <Hashtag key={hashtag.name} hashtag={hashtag} />
-        ))
+        trends?.slice(0, limit).map((hashtag) => <Hashtag key={hashtag.name} hashtag={hashtag} />)
       )}
     </Widget>
   );
diff --git a/packages/pl-fe/src/features/ui/components/panels/user-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/user-panel.tsx
index 8c4fe5786..0d3758d01 100644
--- a/packages/pl-fe/src/features/ui/components/panels/user-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/user-panel.tsx
@@ -16,7 +16,11 @@ import { useSettings } from '@/stores/settings';
 import { shortNumberFormat } from '@/utils/numbers';
 
 const messages = defineMessages({
-  account_locked: { id: 'account.locked_info', defaultMessage: 'This account privacy status is set to locked. The owner manually reviews who can follow them.' },
+  account_locked: {
+    id: 'account.locked_info',
+    defaultMessage:
+      'This account privacy status is set to locked. The owner manually reviews who can follow them.',
+  },
 });
 
 interface IUserPanel {
@@ -43,9 +47,7 @@ const UserPanel: React.FC<IUserPanel> = ({ accountId, action, badges, domain })
         <Stack>
           {!disableUserProvidedMedia && (
             <div className='relative -mx-4 -mt-4 h-24 overflow-hidden bg-gray-200'>
-              {header && (
-                <StillImage src={account.header} alt={account.header_description} />
-              )}
+              {header && <StillImage src={account.header} alt={account.header_description} />}
             </div>
           )}
 
@@ -69,9 +71,7 @@ const UserPanel: React.FC<IUserPanel> = ({ accountId, action, badges, domain })
               </Link>
             )}
 
-            {action && (
-              <div className='mt-2'>{action}</div>
-            )}
+            {action && <div className='mt-2'>{action}</div>}
           </HStack>
         </Stack>
 
@@ -110,7 +110,11 @@ const UserPanel: React.FC<IUserPanel> = ({ accountId, action, badges, domain })
         {!demetricator && (
           <HStack alignItems='center' space={3}>
             {account.followers_count >= 0 && (
-              <Link to='/@{$username}/followers' params={{ username: account.acct }} title={intl.formatNumber(account.followers_count)}>
+              <Link
+                to='/@{$username}/followers'
+                params={{ username: account.acct }}
+                title={intl.formatNumber(account.followers_count)}
+              >
                 <HStack alignItems='center' space={1}>
                   <Text theme='primary' weight='bold' size='sm'>
                     {shortNumberFormat(account.followers_count)}
@@ -123,7 +127,11 @@ const UserPanel: React.FC<IUserPanel> = ({ accountId, action, badges, domain })
             )}
 
             {account.following_count >= 0 && (
-              <Link to='/@{$username}/following' params={{ username: account.acct }} title={intl.formatNumber(account.following_count)}>
+              <Link
+                to='/@{$username}/following'
+                params={{ username: account.acct }}
+                title={intl.formatNumber(account.following_count)}
+              >
                 <HStack alignItems='center' space={1}>
                   <Text theme='primary' weight='bold' size='sm'>
                     {shortNumberFormat(account.following_count)}
diff --git a/packages/pl-fe/src/features/ui/components/pending-status.tsx b/packages/pl-fe/src/features/ui/components/pending-status.tsx
index 17be6eaf5..3ad1ab47e 100644
--- a/packages/pl-fe/src/features/ui/components/pending-status.tsx
+++ b/packages/pl-fe/src/features/ui/components/pending-status.tsx
@@ -18,7 +18,8 @@ import PollPreview from './poll-preview';
 
 import type { Status as StatusEntity } from '@/normalizers/status';
 
-const shouldHaveCard = (pendingStatus: StatusEntity) => Boolean(pendingStatus.content.match(/https?:\/\/\S*/));
+const shouldHaveCard = (pendingStatus: StatusEntity) =>
+  Boolean(pendingStatus.content.match(/https?:\/\/\S*/));
 
 interface IPendingStatus {
   className?: string;
@@ -33,11 +34,7 @@ interface IPendingStatusMedia {
 
 const PendingStatusMedia: React.FC<IPendingStatusMedia> = ({ status }) => {
   if (status.media_attachments && status.media_attachments.length) {
-    return (
-      <PlaceholderMediaGallery
-        media={status.media_attachments}
-      />
-    );
+    return <PlaceholderMediaGallery media={status.media_attachments} />;
   } else if (!status.quote && shouldHaveCard(status)) {
     return <PlaceholderCard />;
   } else {
@@ -45,7 +42,12 @@ const PendingStatusMedia: React.FC<IPendingStatusMedia> = ({ status }) => {
   }
 };
 
-const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, muted, variant = 'rounded' }) => {
+const PendingStatus: React.FC<IPendingStatus> = ({
+  idempotencyKey,
+  className,
+  muted,
+  variant = 'rounded',
+}) => {
   const status = useAppSelector((state) => {
     const pendingStatus = state.pending_statuses[idempotencyKey];
     return pendingStatus ? buildStatus(state, pendingStatus, idempotencyKey) : null;
@@ -82,10 +84,7 @@ const PendingStatus: React.FC<IPendingStatus> = ({ idempotencyKey, className, mu
             <StatusReplyMentions status={status} />
 
             <Stack space={4}>
-              <StatusContent
-                status={status}
-                collapsable
-              />
+              <StatusContent status={status} collapsable />
 
               <PendingStatusMedia status={status} />
 
diff --git a/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx b/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
index b69ea0ded..51f4f9aea 100644
--- a/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
@@ -34,12 +34,18 @@ type IMenuItem = {
   toggle?: JSX.Element;
   icon?: string;
   action?: (event: React.MouseEvent) => void;
-}
+};
 
-const getOtherAccounts = createSelector([
-  (state: RootState) => state.auth.users,
-  (state: RootState) => state.entities[Entities.ACCOUNTS]?.store,
-], (signedAccounts, accountEntities) => Object.values(signedAccounts).map(({ id }) => accountEntities?.[id] as AccountEntity).filter(account => account));
+const getOtherAccounts = createSelector(
+  [
+    (state: RootState) => state.auth.users,
+    (state: RootState) => state.entities[Entities.ACCOUNTS]?.store,
+  ],
+  (signedAccounts, accountEntities) =>
+    Object.values(signedAccounts)
+      .map(({ id }) => accountEntities?.[id] as AccountEntity)
+      .filter((account) => account),
+);
 
 const ProfileDropdown: React.FC<IProfileDropdown> = ({ account, children }) => {
   const dispatch = useAppDispatch();
@@ -63,7 +69,10 @@ const ProfileDropdown: React.FC<IProfileDropdown> = ({ account, children }) => {
   const ProfileDropdownMenu = useMemo(() => {
     const menu: IMenuItem[] = [];
 
-    menu.push({ text: renderAccount(account), linkOptions: { to: '/@{$username}', params: { username: account.acct } } });
+    menu.push({
+      text: renderAccount(account),
+      linkOptions: { to: '/@{$username}', params: { username: account.acct } },
+    });
 
     otherAccounts.forEach((otherAccount?: AccountEntity) => {
       if (otherAccount && otherAccount.id !== account.id) {
@@ -101,9 +110,7 @@ const ProfileDropdown: React.FC<IProfileDropdown> = ({ account, children }) => {
   }, [account, otherAccounts.length, features]);
 
   return (
-    <DropdownMenu
-      component={ProfileDropdownMenu}
-    >
+    <DropdownMenu component={ProfileDropdownMenu}>
       <button
         className='w-full rounded-lg focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:ring-gray-800 dark:ring-offset-0 dark:focus:ring-primary-500'
         type='button'
@@ -120,7 +127,10 @@ interface MenuItemProps {
 }
 
 const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => {
-  const baseClassName = clsx(className, 'block w-full cursor-pointer truncate px-4 py-2.5 text-left text-sm text-gray-700 outline-none hover:bg-gray-100 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:text-gray-500 dark:hover:bg-gray-800 dark:focus:ring-offset-0 rtl:text-right');
+  const baseClassName = clsx(
+    className,
+    'block w-full cursor-pointer truncate px-4 py-2.5 text-left text-sm text-gray-700 outline-none hover:bg-gray-100 focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 dark:text-gray-500 dark:hover:bg-gray-800 dark:focus:ring-offset-0 rtl:text-right',
+  );
 
   if (menuItem.toggle) {
     return (
@@ -131,23 +141,18 @@ const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => {
       </div>
     );
   } else if (!menuItem.text) {
-    return <hr className='mx-2 my-1 border-t-2 border-gray-100 black:border-t dark:border-gray-800' />;
+    return (
+      <hr className='mx-2 my-1 border-t-2 border-gray-100 black:border-t dark:border-gray-800' />
+    );
   } else if (menuItem.action) {
     return (
-      <button
-        type='button'
-        onClick={menuItem.action}
-        className={baseClassName}
-      >
+      <button type='button' onClick={menuItem.action} className={baseClassName}>
         {menuItem.text}
       </button>
     );
   } else if (menuItem.linkOptions) {
     return (
-      <Link
-        {...menuItem.linkOptions}
-        className={baseClassName}
-      >
+      <Link {...menuItem.linkOptions} className={baseClassName}>
         {menuItem.text}
       </Link>
     );
diff --git a/packages/pl-fe/src/features/ui/components/profile-familiar-followers.tsx b/packages/pl-fe/src/features/ui/components/profile-familiar-followers.tsx
index 4147d6f21..3f0542bb3 100644
--- a/packages/pl-fe/src/features/ui/components/profile-familiar-followers.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-familiar-followers.tsx
@@ -24,7 +24,12 @@ const FamiliarFollowerLink: React.FC<IFamiliarFollowerLink> = ({ id }) => {
   if (!account) return null;
 
   return (
-    <Link className='mention inline-block' to='/@{$username}' params={{ username: account.acct }} key={account.id}>
+    <Link
+      className='mention inline-block'
+      to='/@{$username}'
+      params={{ username: account.acct }}
+      key={account.id}
+    >
       <HoverAccountWrapper accountId={account.id} element='span'>
         <HStack space={1} alignItems='center' grow>
           <Text size='sm' theme='primary' truncate>
@@ -57,13 +62,18 @@ const ProfileFamiliarFollowers: React.FC<IProfileFamiliarFollowers> = ({ account
     return null;
   }
 
-  const accounts: Array<React.ReactNode> = displayedFamiliarFollowerIds.map(accountId => (
+  const accounts: Array<React.ReactNode> = displayedFamiliarFollowerIds.map((accountId) => (
     <FamiliarFollowerLink id={accountId} key={accountId} />
   ));
 
   if (familiarFollowerIds.length > 2) {
     accounts.push(
-      <span key='_' className='cursor-pointer hover:underline' role='presentation' onClick={openFamiliarFollowersModal}>
+      <span
+        key='_'
+        className='cursor-pointer hover:underline'
+        role='presentation'
+        onClick={openFamiliarFollowersModal}
+      >
         <FormattedMessage
           id='account.familiar_followers.more'
           defaultMessage='{count, plural, one {# other} other {# others}} you follow'
diff --git a/packages/pl-fe/src/features/ui/components/profile-field.tsx b/packages/pl-fe/src/features/ui/components/profile-field.tsx
index 43ff2aced..e6dd8d1b1 100644
--- a/packages/pl-fe/src/features/ui/components/profile-field.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-field.tsx
@@ -23,7 +23,10 @@ const isZapEmoji = (value: string) => /^\u26A1[\uFE00-\uFE0F]?$/.test(value);
 const isTimezoneLabel = (value: string) => /^time( |)zone$/i.test(value);
 
 const messages = defineMessages({
-  linkVerifiedOn: { id: 'account.link_verified_on', defaultMessage: 'Ownership of this link was checked on {date}' },
+  linkVerifiedOn: {
+    id: 'account.link_verified_on',
+    defaultMessage: 'Ownership of this link was checked on {date}',
+  },
 });
 
 const dateFormatOptions: FormatDateOptions = {
@@ -67,7 +70,12 @@ const ProfileField: React.FC<IProfileField> = ({ accountId, field, emojis }) =>
       <dd title={unescapeHTML(field.value)}>
         <div className='⁂-profile-field__content'>
           {field.verified_at && (
-            <span className='flex-none' title={intl.formatMessage(messages.linkVerifiedOn, { date: intl.formatDate(field.verified_at, dateFormatOptions) })}>
+            <span
+              className='flex-none'
+              title={intl.formatMessage(messages.linkVerifiedOn, {
+                date: intl.formatDate(field.verified_at, dateFormatOptions),
+              })}
+            >
               <Icon src={require('@phosphor-icons/core/regular/check.svg')} />
             </span>
           )}
@@ -77,9 +85,7 @@ const ProfileField: React.FC<IProfileField> = ({ accountId, field, emojis }) =>
           </span>
         </div>
 
-        {isTimezoneLabel(field.name) && (
-          <AccountLocalTime accountId={accountId} field={field} />
-        )}
+        {isTimezoneLabel(field.name) && <AccountLocalTime accountId={accountId} field={field} />}
       </dd>
     </dl>
   );
diff --git a/packages/pl-fe/src/features/ui/components/profile-stats.tsx b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
index 3baf7fa6b..688d25d43 100644
--- a/packages/pl-fe/src/features/ui/components/profile-stats.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
@@ -10,7 +10,12 @@ import { shortNumberFormat } from '@/utils/numbers';
 import type { Account } from 'pl-api';
 
 interface IProfileStats {
-  account: Pick<Account, 'acct' | 'followers_count' | 'following_count' | 'statuses_count' | 'subscribers_count'> | undefined;
+  account:
+    | Pick<
+        Account,
+        'acct' | 'followers_count' | 'following_count' | 'statuses_count' | 'subscribers_count'
+      >
+    | undefined;
   onClickHandler?: React.MouseEventHandler;
 }
 
@@ -36,7 +41,13 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
         </HStack>
       )}
 
-      <Link to='/@{$username}/followers' params={{ username: account.acct }} onClick={onClickHandler} title={intl.formatNumber(account.followers_count)} className='hover:underline'>
+      <Link
+        to='/@{$username}/followers'
+        params={{ username: account.acct }}
+        onClick={onClickHandler}
+        title={intl.formatNumber(account.followers_count)}
+        className='hover:underline'
+      >
         <HStack alignItems='center' space={1}>
           {!demetricator && (
             <Text theme='primary' weight='bold' size='sm'>
@@ -49,7 +60,13 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
         </HStack>
       </Link>
 
-      <Link to='/@{$username}/following' params={{ username: account.acct }} onClick={onClickHandler} title={intl.formatNumber(account.following_count)} className='hover:underline'>
+      <Link
+        to='/@{$username}/following'
+        params={{ username: account.acct }}
+        onClick={onClickHandler}
+        title={intl.formatNumber(account.following_count)}
+        className='hover:underline'
+      >
         <HStack alignItems='center' space={1}>
           {!demetricator && (
             <Text theme='primary' weight='bold' size='sm'>
diff --git a/packages/pl-fe/src/features/ui/components/subscription-button.tsx b/packages/pl-fe/src/features/ui/components/subscription-button.tsx
index 616e0d6b5..392ec03e2 100644
--- a/packages/pl-fe/src/features/ui/components/subscription-button.tsx
+++ b/packages/pl-fe/src/features/ui/components/subscription-button.tsx
@@ -10,11 +10,26 @@ import type { Account as AccountEntity } from 'pl-api';
 
 const messages = defineMessages({
   subscribe: { id: 'account.subscribe', defaultMessage: 'Subscribe to notifications from @{name}' },
-  unsubscribe: { id: 'account.unsubscribe', defaultMessage: 'Unsubscribe to notifications from @{name}' },
-  subscribeSuccess: { id: 'account.subscribe.success', defaultMessage: 'You have subscribed to this account.' },
-  unsubscribeSuccess: { id: 'account.unsubscribe.success', defaultMessage: 'You have unsubscribed from this account.' },
-  subscribeFailure: { id: 'account.subscribe.failure', defaultMessage: 'An error occurred trying to subscribe to this account.' },
-  unsubscribeFailure: { id: 'account.unsubscribe.failure', defaultMessage: 'An error occurred trying to unsubscribe to this account.' },
+  unsubscribe: {
+    id: 'account.unsubscribe',
+    defaultMessage: 'Unsubscribe to notifications from @{name}',
+  },
+  subscribeSuccess: {
+    id: 'account.subscribe.success',
+    defaultMessage: 'You have subscribed to this account.',
+  },
+  unsubscribeSuccess: {
+    id: 'account.unsubscribe.success',
+    defaultMessage: 'You have unsubscribed from this account.',
+  },
+  subscribeFailure: {
+    id: 'account.subscribe.failure',
+    defaultMessage: 'An error occurred trying to subscribe to this account.',
+  },
+  unsubscribeFailure: {
+    id: 'account.unsubscribe.failure',
+    defaultMessage: 'An error occurred trying to unsubscribe to this account.',
+  },
 });
 
 interface ISubscriptionButton {
@@ -35,23 +50,29 @@ const SubscriptionButton = ({ account }: ISubscriptionButton) => {
 
   const onNotifyToggle = () => {
     if (account.relationship?.notifying) {
-      follow({ notify: false }, {
-        onSuccess: () =>{
-          toast.success(intl.formatMessage(messages.unsubscribeSuccess));
+      follow(
+        { notify: false },
+        {
+          onSuccess: () => {
+            toast.success(intl.formatMessage(messages.unsubscribeSuccess));
+          },
+          onError: () => {
+            toast.error(intl.formatMessage(messages.unsubscribeFailure));
+          },
         },
-        onError: () =>{
-          toast.error(intl.formatMessage(messages.unsubscribeFailure));
-        },
-      });
+      );
     } else {
-      follow({ notify: true }, {
-        onSuccess: () =>{
-          toast.success(intl.formatMessage(messages.subscribeSuccess));
+      follow(
+        { notify: true },
+        {
+          onSuccess: () => {
+            toast.success(intl.formatMessage(messages.subscribeSuccess));
+          },
+          onError: () => {
+            toast.error(intl.formatMessage(messages.subscribeFailure));
+          },
         },
-        onError: () =>{
-          toast.error(intl.formatMessage(messages.subscribeFailure));
-        },
-      });
+      );
     }
   };
 
@@ -66,7 +87,11 @@ const SubscriptionButton = ({ account }: ISubscriptionButton) => {
   if (isRequested || isFollowing) {
     return (
       <IconButton
-        src={isSubscribed ? require('@phosphor-icons/core/regular/bell-simple-ringing.svg') : require('@phosphor-icons/core/regular/bell-simple.svg')}
+        src={
+          isSubscribed
+            ? require('@phosphor-icons/core/regular/bell-simple-ringing.svg')
+            : require('@phosphor-icons/core/regular/bell-simple.svg')
+        }
         onClick={handleToggle}
         disabled={isPending}
         title={title}
diff --git a/packages/pl-fe/src/features/ui/components/theme-selector.tsx b/packages/pl-fe/src/features/ui/components/theme-selector.tsx
index 3a9551d81..3046608bd 100644
--- a/packages/pl-fe/src/features/ui/components/theme-selector.tsx
+++ b/packages/pl-fe/src/features/ui/components/theme-selector.tsx
@@ -11,7 +11,6 @@ interface IThemeSelector {
 
 /** Pure theme selector. */
 const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
-
   const themeIconSrc = useMemo(() => {
     switch (value) {
       case 'system':
@@ -27,7 +26,7 @@ const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
     }
   }, [value]);
 
-  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = e => {
+  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
     onChange(e.target.value as any);
   };
 
@@ -38,19 +37,26 @@ const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
           <Icon src={themeIconSrc} className='size-4 text-gray-600 dark:text-gray-700' />
         </div>
 
-        <Select
-          onChange={handleChange}
-          defaultValue={value}
-          className='!pl-10'
-        >
-          <option value='system'><FormattedMessage id='theme_toggle.system' defaultMessage='System' /></option>
-          <option value='light'><FormattedMessage id='theme_toggle.light' defaultMessage='Light' /></option>
-          <option value='dark'><FormattedMessage id='theme_toggle.dark' defaultMessage='Dark' /></option>
-          <option value='black'><FormattedMessage id='theme_toggle.black' defaultMessage='Black' /></option>
+        <Select onChange={handleChange} defaultValue={value} className='!pl-10'>
+          <option value='system'>
+            <FormattedMessage id='theme_toggle.system' defaultMessage='System' />
+          </option>
+          <option value='light'>
+            <FormattedMessage id='theme_toggle.light' defaultMessage='Light' />
+          </option>
+          <option value='dark'>
+            <FormattedMessage id='theme_toggle.dark' defaultMessage='Dark' />
+          </option>
+          <option value='black'>
+            <FormattedMessage id='theme_toggle.black' defaultMessage='Black' />
+          </option>
         </Select>
 
         <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3'>
-          <Icon src={require('@phosphor-icons/core/regular/caret-down.svg')} className='size-4 text-gray-600 dark:text-gray-700' />
+          <Icon
+            src={require('@phosphor-icons/core/regular/caret-down.svg')}
+            className='size-4 text-gray-600 dark:text-gray-700'
+          />
         </div>
       </div>
     </label>
diff --git a/packages/pl-fe/src/features/ui/components/theme-toggle.tsx b/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
index bd2a9349e..fc4a20b88 100644
--- a/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
+++ b/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
@@ -15,12 +15,7 @@ const ThemeToggle: React.FC = () => {
     dispatch(changeSetting(['themeMode'], themeMode));
   };
 
-  return (
-    <ThemeSelector
-      value={themeMode}
-      onChange={handleChange}
-    />
-  );
+  return <ThemeSelector value={themeMode} onChange={handleChange} />;
 };
 
 export { ThemeToggle as default };
diff --git a/packages/pl-fe/src/features/ui/components/timeline.tsx b/packages/pl-fe/src/features/ui/components/timeline.tsx
index b8d7252ca..3730b593c 100644
--- a/packages/pl-fe/src/features/ui/components/timeline.tsx
+++ b/packages/pl-fe/src/features/ui/components/timeline.tsx
@@ -11,7 +11,10 @@ import { useAppSelector } from '@/hooks/use-app-selector';
 import { makeGetStatusIds } from '@/selectors';
 
 const messages = defineMessages({
-  queue: { id: 'status_list.queue_label', defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}' },
+  queue: {
+    id: 'status_list.queue_label',
+    defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}',
+  },
 });
 
 interface ITimeline extends Omit<IStatusList, 'statusIds' | 'isLoading' | 'hasMore'> {
@@ -24,29 +27,29 @@ interface ITimeline extends Omit<IStatusList, 'statusIds' | 'isLoading' | 'hasMo
 }
 
 /** Scrollable list of statuses from a timeline in the Redux store. */
-const Timeline: React.FC<ITimeline> = ({
-  timelineId,
-  onLoadMore,
-  prefix,
-  ...rest
-}) => {
+const Timeline: React.FC<ITimeline> = ({ timelineId, onLoadMore, prefix, ...rest }) => {
   const dispatch = useAppDispatch();
   const getStatusIds = useMemo(makeGetStatusIds, []);
 
-  const statusIds = useAppSelector(state => getStatusIds(state, { type: timelineId, prefix }));
+  const statusIds = useAppSelector((state) => getStatusIds(state, { type: timelineId, prefix }));
   const lastStatusId = statusIds.at(-1);
-  const isLoading = useAppSelector(state =>  state.timelines[timelineId]?.isLoading);
-  const isPartial = useAppSelector(state =>  (state.timelines[timelineId]?.isPartial || false));
-  const hasMore = useAppSelector(state =>  state.timelines[timelineId]?.hasMore);
-  const totalQueuedItemsCount = useAppSelector(state => state.timelines[timelineId]?.totalQueuedItemsCount || 0);
+  const isLoading = useAppSelector((state) => state.timelines[timelineId]?.isLoading);
+  const isPartial = useAppSelector((state) => state.timelines[timelineId]?.isPartial || false);
+  const hasMore = useAppSelector((state) => state.timelines[timelineId]?.hasMore);
+  const totalQueuedItemsCount = useAppSelector(
+    (state) => state.timelines[timelineId]?.totalQueuedItemsCount || 0,
+  );
 
   const handleDequeueTimeline = useCallback(() => {
     dispatch(dequeueTimeline(timelineId, onLoadMore));
   }, []);
 
-  const handleScroll = useCallback(debounce((startIndex?: number) => {
-    dispatch(scrollTopTimeline(timelineId, startIndex === 0));
-  }, 100), [timelineId]);
+  const handleScroll = useCallback(
+    debounce((startIndex?: number) => {
+      dispatch(scrollTopTimeline(timelineId, startIndex === 0));
+    }, 100),
+    [timelineId],
+  );
 
   return (
     <>
diff --git a/packages/pl-fe/src/features/ui/components/zoomable-image.tsx b/packages/pl-fe/src/features/ui/components/zoomable-image.tsx
index 8eb5777df..96785fd6a 100644
--- a/packages/pl-fe/src/features/ui/components/zoomable-image.tsx
+++ b/packages/pl-fe/src/features/ui/components/zoomable-image.tsx
@@ -27,8 +27,7 @@ const createZoomMatrix = (
   const { clientWidth, clientHeight } = container;
   const { offsetWidth, offsetHeight } = image;
 
-  const type =
-    fullWidth / fullHeight < clientWidth / clientHeight ? 'width' : 'height';
+  const type = fullWidth / fullHeight < clientWidth / clientHeight ? 'width' : 'height';
 
   const initialScale =
     type === 'width'
@@ -56,8 +55,7 @@ const getBounds = (zoomMatrix: ZoomMatrix | null, scale: number) => {
     };
   }
 
-  const { containerWidth, containerHeight, imageWidth, imageHeight } =
-    zoomMatrix;
+  const { containerWidth, containerHeight, imageWidth, imageHeight } = zoomMatrix;
 
   const bounds = {
     left: -Math.max(imageWidth * scale - containerWidth, 0) / 2,
@@ -204,8 +202,7 @@ const ZoomableImage: React.FC<IZoomableImage> = ({
         }
 
         if (first) {
-          const { width, height, x, y } =
-            imageRef.current.getBoundingClientRect();
+          const { width, height, x, y } = imageRef.current.getBoundingClientRect();
           const tx = ox - (x + width / 2);
           const ty = oy - (y + height / 2);
 
@@ -243,12 +240,7 @@ const ZoomableImage: React.FC<IZoomableImage> = ({
       return;
     }
 
-    zoomMatrixRef.current = createZoomMatrix(
-      containerRef.current,
-      imageRef.current,
-      width,
-      height,
-    );
+    zoomMatrixRef.current = createZoomMatrix(containerRef.current, imageRef.current, width, height);
 
     if (!zoomedIn) {
       // void api.start({ scale: MIN_SCALE, x: 0, y: 0 });
diff --git a/packages/pl-fe/src/features/ui/index.tsx b/packages/pl-fe/src/features/ui/index.tsx
index cebe29b00..dd352411f 100644
--- a/packages/pl-fe/src/features/ui/index.tsx
+++ b/packages/pl-fe/src/features/ui/index.tsx
@@ -48,10 +48,10 @@ const UI: React.FC = React.memo(() => {
   const navigate = useNavigate();
   const dispatch = useAppDispatch();
   const node = useRef<HTMLDivElement | null>(null);
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const { account } = useOwnAccount();
   const features = useFeatures();
-  const vapidKey = useAppSelector(state => getVapidKey(state));
+  const vapidKey = useAppSelector((state) => getVapidKey(state));
   const client = useClient();
   const instance = useInstance();
   const { theme } = useSettings();
@@ -71,16 +71,16 @@ const UI: React.FC = React.memo(() => {
     }
   };
 
-  const handleDragEnter = (e: DragEvent) =>{
+  const handleDragEnter = (e: DragEvent) => {
     e.preventDefault();
   };
-  const handleDragLeave = (e: DragEvent) =>{
+  const handleDragLeave = (e: DragEvent) => {
     e.preventDefault();
   };
-  const handleDragOver = (e: DragEvent) =>{
+  const handleDragOver = (e: DragEvent) => {
     e.preventDefault();
   };
-  const handleDrop = (e: DragEvent) =>{
+  const handleDrop = (e: DragEvent) => {
     e.preventDefault();
   };
 
@@ -205,10 +205,7 @@ const UI: React.FC = React.memo(() => {
         <ModalRoot />
       </Suspense>
 
-      <Toaster
-        position='top-right'
-        containerClassName='top-4'
-      />
+      <Toaster position='top-right' containerClassName='top-4' />
     </GlobalHotkeys>
   );
 });
diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index f538019ed..cb4803ada 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -165,14 +165,22 @@ const rootRoute = createRootRouteWithContext<RouterContext>()({
   component: React.lazy(() => import('@/features/ui')),
 });
 
-const requireAuth = ({ context: { isLoggedIn }, location }: { context: RouterContext; location: ParsedLocation }) => {
+const requireAuth = ({
+  context: { isLoggedIn },
+  location,
+}: {
+  context: RouterContext;
+  location: ParsedLocation;
+}) => {
   localStorage.setItem('plfe:redirect_uri', location.href);
-  if (!isLoggedIn) throw redirect({
-    to: '/login',
-  });
+  if (!isLoggedIn)
+    throw redirect({
+      to: '/login',
+    });
 };
 
-const requireAuthMiddleware = (next: (options: { context: RouterContext; location: ParsedLocation }) => void) =>
+const requireAuthMiddleware =
+  (next: (options: { context: RouterContext; location: ParsedLocation }) => void) =>
   (options: { context: RouterContext; location: ParsedLocation }) => {
     requireAuth(options);
     next?.(options);
@@ -274,7 +282,8 @@ const HomeRoute = () => {
   const { isLoggedIn } = useLoggedIn();
 
   if (!isLoggedIn && redirectRootNoLogin) return <Navigate to={redirectRootNoLogin} replace />;
-  if (standalone && !isLoggedIn && !WITH_LANDING_PAGE) return <Navigate to='/login/external' replace />;
+  if (standalone && !isLoggedIn && !WITH_LANDING_PAGE)
+    return <Navigate to='/login/external' replace />;
 
   if (isLoggedIn) return <HomeTimeline />;
   if (standalone && WITH_LANDING_PAGE) return <LandingPage />;
@@ -339,7 +348,9 @@ export const localTimelineRoute = createRoute({
   path: '/timeline/local',
   component: CommunityTimeline,
   beforeLoad: (options) => {
-    const { context: { features, instance } } = options;
+    const {
+      context: { features, instance },
+    } = options;
     if (instance.configuration.timelines_access.live_feeds.local !== 'public') {
       requireAuth(options);
     }
@@ -352,7 +363,9 @@ export const federatedTimelineRoute = createRoute({
   path: '/timeline/fediverse',
   component: PublicTimeline,
   beforeLoad: (options) => {
-    const { context: { features, instance } } = options;
+    const {
+      context: { features, instance },
+    } = options;
     if (instance.configuration.timelines_access.live_feeds.remote !== 'public') {
       requireAuth(options);
     }
@@ -365,7 +378,9 @@ export const bubbleTimelineRoute = createRoute({
   path: '/timeline/bubble',
   component: BubbleTimeline,
   beforeLoad: (options) => {
-    const { context: { features, instance } } = options;
+    const {
+      context: { features, instance },
+    } = options;
     if (instance.configuration.timelines_access.live_feeds.bubble !== 'public') {
       requireAuth(options);
     }
@@ -378,7 +393,9 @@ export const wrenchedTimelineRoute = createRoute({
   path: '/timeline/wrenched',
   component: WrenchedTimeline,
   beforeLoad: (options) => {
-    const { context: { features, instance } } = options;
+    const {
+      context: { features, instance },
+    } = options;
     if (instance.configuration.timelines_access.live_feeds.wrenched !== 'public') {
       requireAuth(options);
     }
@@ -391,7 +408,9 @@ export const remoteTimelineRoute = createRoute({
   path: '/',
   component: RemoteTimeline,
   beforeLoad: (options) => {
-    const { context: { features, instance } } = options;
+    const {
+      context: { features, instance },
+    } = options;
     if (instance.configuration.timelines_access.live_feeds.remote !== 'public') {
       requireAuth(options);
     }
@@ -405,7 +424,9 @@ export const conversationsRoute = createRoute({
   path: '/conversations',
   component: Conversations,
   beforeLoad: (options) => {
-    const { context: { features } } = options;
+    const {
+      context: { features },
+    } = options;
     requireAuth(options);
     if (!features.conversations) throw notFound();
   },
@@ -417,7 +438,9 @@ export const hashtagTimelineRoute = createRoute({
   path: '/tags/$id',
   component: HashtagTimeline,
   beforeLoad: (options) => {
-    const { context: { instance } } = options;
+    const {
+      context: { instance },
+    } = options;
     if (instance.configuration.timelines_access.hashtag_feeds.local !== 'public') {
       requireAuth(options);
     }
@@ -492,7 +515,8 @@ export const bookmarkFoldersRoute = createRoute({
   component: BookmarkFolders,
   beforeLoad: requireAuthMiddleware(({ context: { features } }) => {
     if (!features.bookmarks) throw notFound();
-    if (!features.bookmarkFolders) throw redirect({ to: '/bookmarks/$folderId', params: { folderId: 'all' } });
+    if (!features.bookmarkFolders)
+      throw redirect({ to: '/bookmarks/$folderId', params: { folderId: 'all' } });
   }),
 });
 
@@ -901,7 +925,8 @@ export const settingsImportRoute = createRoute({
   path: '/settings/import',
   component: ImportData,
   beforeLoad: requireAuthMiddleware(({ context: { features } }) => {
-    if (!features.importBlocks && !features.importFollows && !features.importMutes) throw notFound();
+    if (!features.importBlocks && !features.importFollows && !features.importMutes)
+      throw notFound();
   }),
 });
 
@@ -1188,7 +1213,9 @@ export const errorRoute = createRoute({
 export const networkErrorRoute = createRoute({
   getParentRoute: () => layouts.empty,
   path: '/error/network',
-  component: React.lazy(() => Promise.reject(new TypeError('Failed to fetch dynamically imported module: TEST'))),
+  component: React.lazy(() =>
+    Promise.reject(new TypeError('Failed to fetch dynamically imported module: TEST')),
+  ),
 });
 
 // Crypto donate
@@ -1225,7 +1252,13 @@ const redirectNoticeStatusRoute = createRoute({
   path: '/notice/$statusId',
   component: () => {
     const { statusId } = redirectNoticeStatusRoute.useParams();
-    return <Navigate to='/@{$username}/posts/$statusId' params={{ username: 'undefined', statusId }} replace />;
+    return (
+      <Navigate
+        to='/@{$username}/posts/$statusId'
+        params={{ username: 'undefined', statusId }}
+        replace
+      />
+    );
   },
 });
 const redirectPleromaStatusRoute = createRoute({
@@ -1249,7 +1282,13 @@ const redirectIceshrimpStatusRoute = createRoute({
   path: '/notes/$statusId',
   component: () => {
     const { statusId } = redirectIceshrimpStatusRoute.useParams();
-    return <Navigate to='/@{$username}/posts/$statusId' params={{ username: 'undefined', statusId }} replace />;
+    return (
+      <Navigate
+        to='/@{$username}/posts/$statusId'
+        params={{ username: 'undefined', statusId }}
+        replace
+      />
+    );
   },
 });
 const redirectInviteRoute = createRoute({
@@ -1265,29 +1304,107 @@ const redirectWithRepliesRoute = createRoute({
   path: '/@{$username}/with_replies',
   component: () => {
     const { username } = redirectWithRepliesRoute.useParams();
-    return <Navigate to='/@{$username}' params={{ username }} search={{ with_replies: true }} replace />;
+    return (
+      <Navigate to='/@{$username}' params={{ username }} search={{ with_replies: true }} replace />
+    );
   },
 });
 const redirectRoutes = [
-  createRoute({ getParentRoute: () => rootRoute, path: '/timelines/home', component: () => <Navigate to='/' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/timelines/public/local', component: () => <Navigate to='/timeline/local' replace /> }),
-  createRoute({    getParentRoute: () => rootRoute, path: '/timelines/public', component: () => <Navigate to='/timeline/fediverse' replace />  }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/timelines/direct', component: () => <Navigate to='/conversations' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/main/all', component: () => <Navigate to='/timeline/fediverse' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/main/public', component: () => <Navigate to='/timeline/local' replace />  }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/main/friends', component: () => <Navigate to='/' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/user-settings', component: () => <Navigate to='/settings/profile' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/registration', component: () => <Navigate to='/' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/admin', component: () => <Navigate to='/pl-fe/admin' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/terms', component: () => <Navigate to='/about/{-$slug}' params={{ slug: undefined }} replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/settings/preferences', component: () => <Navigate to='/settings' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/settings/two_factor_authentication_methods', component: () => <Navigate to='/settings/mfa' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/settings/applications', component: () => <Navigate to='/developers' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/auth/edit', component: () => <Navigate to='/settings' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/auth/reset_password', component: () => <Navigate to='/reset-password' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/auth/sign_in', component: () => <Navigate to='/login' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/auth/sign_out', component: () => <Navigate to='/logout' replace /> }),
-  createRoute({ getParentRoute: () => rootRoute, path: '/auth/password/new', component: () => <Navigate to='/reset-password' replace /> }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/timelines/home',
+    component: () => <Navigate to='/' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/timelines/public/local',
+    component: () => <Navigate to='/timeline/local' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/timelines/public',
+    component: () => <Navigate to='/timeline/fediverse' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/timelines/direct',
+    component: () => <Navigate to='/conversations' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/main/all',
+    component: () => <Navigate to='/timeline/fediverse' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/main/public',
+    component: () => <Navigate to='/timeline/local' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/main/friends',
+    component: () => <Navigate to='/' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/user-settings',
+    component: () => <Navigate to='/settings/profile' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/registration',
+    component: () => <Navigate to='/' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/admin',
+    component: () => <Navigate to='/pl-fe/admin' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/terms',
+    component: () => <Navigate to='/about/{-$slug}' params={{ slug: undefined }} replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/settings/preferences',
+    component: () => <Navigate to='/settings' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/settings/two_factor_authentication_methods',
+    component: () => <Navigate to='/settings/mfa' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/settings/applications',
+    component: () => <Navigate to='/developers' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/auth/edit',
+    component: () => <Navigate to='/settings' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/auth/reset_password',
+    component: () => <Navigate to='/reset-password' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/auth/sign_in',
+    component: () => <Navigate to='/login' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/auth/sign_out',
+    component: () => <Navigate to='/logout' replace />,
+  }),
+  createRoute({
+    getParentRoute: () => rootRoute,
+    path: '/auth/password/new',
+    component: () => <Navigate to='/reset-password' replace />,
+  }),
   redirectTagRoute,
   redirectNoticeStatusRoute,
   redirectPleromaStatusRoute,
@@ -1385,21 +1502,10 @@ const routeTree = rootRoute.addChildren([
     errorRoute,
     networkErrorRoute,
   ]),
-  layouts.event.addChildren([
-    eventInformationRoute,
-    eventDiscussionRoute,
-  ]),
-  layouts.events.addChildren([
-    eventsRoute,
-    newEventRoute,
-    eventEditRoute,
-  ]),
+  layouts.event.addChildren([eventInformationRoute, eventDiscussionRoute]),
+  layouts.events.addChildren([eventsRoute, newEventRoute, eventEditRoute]),
   layouts.externalLogin.addChildren([loginExternalRoute]),
-  layouts.group.addChildren([
-    groupTimelineRoute,
-    groupMembersRoute,
-    groupGalleryRoute,
-  ]),
+  layouts.group.addChildren([groupTimelineRoute, groupMembersRoute, groupGalleryRoute]),
   layouts.groups.addChildren([groupsRoute]),
   layouts.home.addChildren([
     homeRoute,
@@ -1408,7 +1514,9 @@ const routeTree = rootRoute.addChildren([
     bubbleTimelineRoute,
     wrenchedTimelineRoute,
   ]),
-  layouts.landing.addChildren([/*landingTimelineRoute*/]),
+  layouts.landing.addChildren([
+    /*landingTimelineRoute*/
+  ]),
   layouts.manageGroups.addChildren([
     manageGroupRoute,
     editGroupRoute,
@@ -1426,18 +1534,13 @@ const routeTree = rootRoute.addChildren([
   ]),
   layouts.remoteInstance.addChildren([remoteTimelineRoute]),
   layouts.search.addChildren([searchRoute]),
-  layouts.status.addChildren([
-    statusRoute,
-    statusQuotesRoute,
-  ]),
+  layouts.status.addChildren([statusRoute, statusQuotesRoute]),
   ...redirectRoutes,
 ]);
 
 const FallbackLayout: React.FC<{ children: JSX.Element }> = ({ children }) => (
   <>
-    <Layout.Main>
-      {children}
-    </Layout.Main>
+    <Layout.Main>{children}</Layout.Main>
 
     <Layout.Aside />
   </>
@@ -1490,17 +1593,18 @@ const RouterWithContext = () => {
   const hasCrypto = cryptoAddresses.length > 0;
   const { account } = useOwnAccount();
 
-  const context: RouterContext = useMemo(() => ({
-    instance,
-    features,
-    isLoggedIn: !!account,
-    isAdmin: !!(account?.is_admin ?? account?.is_moderator),
-    hasCrypto,
-  }), [features.version, hasCrypto, !!account, account?.is_admin, account?.is_moderator]);
-
-  return (
-    <RouterProvider router={router} context={context} />
+  const context: RouterContext = useMemo(
+    () => ({
+      instance,
+      features,
+      isLoggedIn: !!account,
+      isAdmin: !!(account?.is_admin ?? account?.is_moderator),
+      hasCrypto,
+    }),
+    [features.version, hasCrypto, !!account, account?.is_admin, account?.is_moderator],
   );
+
+  return <RouterProvider router={router} context={context} />;
 };
 
 export { layouts, rootRoute, router, RouterWithContext };
diff --git a/packages/pl-fe/src/features/ui/util/async-components.ts b/packages/pl-fe/src/features/ui/util/async-components.ts
index ee8344bbf..d2a57ac1c 100644
--- a/packages/pl-fe/src/features/ui/util/async-components.ts
+++ b/packages/pl-fe/src/features/ui/util/async-components.ts
@@ -22,7 +22,9 @@ export const Circles = lazy(() => import('@/pages/account-lists/circles'));
 export const CircleTimeline = lazy(() => import('@/pages/timelines/circle-timeline'));
 export const CommunityTimeline = lazy(() => import('@/pages/timelines/community-timeline'));
 export const ComposeEvent = lazy(() => import('@/pages/statuses/compose-event'));
-export const EditEvent = lazy(() => import('@/pages/statuses/compose-event').then(m => ({ default: m.EditEventPage })));
+export const EditEvent = lazy(() =>
+  import('@/pages/statuses/compose-event').then((m) => ({ default: m.EditEventPage })),
+);
 export const Conversations = lazy(() => import('@/pages/status-lists/conversations'));
 export const CreateApp = lazy(() => import('@/pages/developers/create-app'));
 export const CryptoDonate = lazy(() => import('@/pages/utils/crypto-donate'));
@@ -55,7 +57,9 @@ export const GenericNotFound = lazy(() => import('@/pages/utils/generic-not-foun
 export const GroupBlockedMembers = lazy(() => import('@/pages/groups/group-blocked-members'));
 export const GroupGallery = lazy(() => import('@/pages/groups/group-gallery'));
 export const GroupMembers = lazy(() => import('@/pages/groups/group-members'));
-export const GroupMembershipRequests = lazy(() => import('@/pages/groups/group-membership-requests'));
+export const GroupMembershipRequests = lazy(
+  () => import('@/pages/groups/group-membership-requests'),
+);
 export const GroupTimeline = lazy(() => import('@/pages/timelines/group-timeline'));
 export const Groups = lazy(() => import('@/pages/groups/groups'));
 export const HashtagTimeline = lazy(() => import('@/pages/timelines/hashtag-timeline'));
@@ -78,7 +82,9 @@ export const ModerationLog = lazy(() => import('@/pages/dashboard/moderation-log
 export const Mutes = lazy(() => import('@/pages/settings/mutes'));
 export const NewStatus = lazy(() => import('@/pages/utils/new-status'));
 export const Notifications = lazy(() => import('@/pages/notifications/notifications'));
-export const OutgoingFollowRequests = lazy(() => import('@/pages/account-lists/outgoing-follow-requests'));
+export const OutgoingFollowRequests = lazy(
+  () => import('@/pages/account-lists/outgoing-follow-requests'),
+);
 export const PasswordReset = lazy(() => import('@/pages/auth/password-reset'));
 export const PinnedStatuses = lazy(() => import('@/pages/status-lists/pinned-statuses'));
 export const FrontendConfig = lazy(() => import('@/pages/dashboard/frontend-config'));
@@ -106,26 +112,50 @@ export const UserIndex = lazy(() => import('@/pages/dashboard/user-index'));
 export const WrenchedTimeline = lazy(() => import('@/pages/timelines/wrenched-timeline'));
 
 // Panels
-export const AccountNotePanel = lazy(() => import('@/features/ui/components/panels/account-note-panel'));
-export const AnnouncementsPanel = lazy(() => import('@/components/announcements/announcements-panel'));
+export const AccountNotePanel = lazy(
+  () => import('@/features/ui/components/panels/account-note-panel'),
+);
+export const AnnouncementsPanel = lazy(
+  () => import('@/components/announcements/announcements-panel'),
+);
 export const BirthdayPanel = lazy(() => import('@/features/ui/components/panels/birthday-panel'));
-export const CryptoDonatePanel = lazy(() => import('@/features/crypto-donate/components/crypto-donate-panel'));
-export const GroupMediaPanel = lazy(() => import('@/features/ui/components/panels/group-media-panel'));
-export const InstanceInfoPanel = lazy(() => import('@/features/ui/components/panels/instance-info-panel'));
-export const InstanceModerationPanel = lazy(() => import('@/features/ui/components/panels/instance-moderation-panel'));
-export const LatestAccountsPanel = lazy(() => import('@/features/admin/components/latest-accounts-panel'));
+export const CryptoDonatePanel = lazy(
+  () => import('@/features/crypto-donate/components/crypto-donate-panel'),
+);
+export const GroupMediaPanel = lazy(
+  () => import('@/features/ui/components/panels/group-media-panel'),
+);
+export const InstanceInfoPanel = lazy(
+  () => import('@/features/ui/components/panels/instance-info-panel'),
+);
+export const InstanceModerationPanel = lazy(
+  () => import('@/features/ui/components/panels/instance-moderation-panel'),
+);
+export const LatestAccountsPanel = lazy(
+  () => import('@/features/admin/components/latest-accounts-panel'),
+);
 export const MyGroupsPanel = lazy(() => import('@/features/ui/components/panels/my-groups-panel'));
 export const NewEventPanel = lazy(() => import('@/features/ui/components/panels/new-event-panel'));
 export const NewGroupPanel = lazy(() => import('@/features/ui/components/panels/new-group-panel'));
-export const PinnedAccountsPanel = lazy(() => import('@/features/ui/components/panels/pinned-accounts-panel'));
-export const ProfileFieldsPanel = lazy(() => import('@/features/ui/components/panels/profile-fields-panel'));
-export const ProfileInfoPanel = lazy(() => import('@/features/ui/components/panels/profile-info-panel'));
-export const ProfileMediaPanel = lazy(() => import('@/features/ui/components/panels/profile-media-panel'));
+export const PinnedAccountsPanel = lazy(
+  () => import('@/features/ui/components/panels/pinned-accounts-panel'),
+);
+export const ProfileFieldsPanel = lazy(
+  () => import('@/features/ui/components/panels/profile-fields-panel'),
+);
+export const ProfileInfoPanel = lazy(
+  () => import('@/features/ui/components/panels/profile-info-panel'),
+);
+export const ProfileMediaPanel = lazy(
+  () => import('@/features/ui/components/panels/profile-media-panel'),
+);
 export const PromoPanel = lazy(() => import('@/features/ui/components/panels/promo-panel'));
 export const SignUpPanel = lazy(() => import('@/features/ui/components/panels/sign-up-panel'));
 export const TrendsPanel = lazy(() => import('@/features/ui/components/panels/trends-panel'));
 export const UserPanel = lazy(() => import('@/features/ui/components/panels/user-panel'));
-export const WhoToFollowPanel = lazy(() => import('@/features/ui/components/panels/who-to-follow-panel'));
+export const WhoToFollowPanel = lazy(
+  () => import('@/features/ui/components/panels/who-to-follow-panel'),
+);
 
 export const Audio = lazy(() => import('@/features/audio'));
 export const ChatWidget = lazy(() => import('@/features/chats/components/chat-widget/chat-widget'));
diff --git a/packages/pl-fe/src/features/ui/util/fullscreen.ts b/packages/pl-fe/src/features/ui/util/fullscreen.ts
index 2149e03f7..35ca4b671 100644
--- a/packages/pl-fe/src/features/ui/util/fullscreen.ts
+++ b/packages/pl-fe/src/features/ui/util/fullscreen.ts
@@ -1,12 +1,13 @@
 // APIs for normalizing fullscreen operations. Note that Edge uses
 // the WebKit-prefixed APIs currently (as of Edge 16).
 
-const isFullscreen = (): boolean => Boolean(
-  // eslint-disable-next-line compat/compat
-  document.fullscreenElement ??
+const isFullscreen = (): boolean =>
+  Boolean(
+    // eslint-disable-next-line compat/compat
+    document.fullscreenElement ??
     // @ts-ignore
     document.webkitFullscreenElement,
-);
+  );
 
 const exitFullscreen = (): void => {
   if (document.exitFullscreen) {
diff --git a/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx b/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
index e2cd08aab..6dab900c5 100644
--- a/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
+++ b/packages/pl-fe/src/features/ui/util/global-hotkeys.tsx
@@ -53,10 +53,15 @@ const GlobalHotkeys: React.FC<IGlobalHotkeys> = ({ children, node }) => {
     const handleHotkeyNew = (e?: KeyboardEvent) => {
       e?.preventDefault();
 
-      const element = node.current?.querySelector('div[data-lexical-editor="true"]') as HTMLTextAreaElement;
+      const element = node.current?.querySelector(
+        'div[data-lexical-editor="true"]',
+      ) as HTMLTextAreaElement;
 
       if (element) {
-        ((element as any).__lexicalEditor as LexicalEditor).dispatchCommand(FOCUS_EDITOR_COMMAND, undefined);
+        ((element as any).__lexicalEditor as LexicalEditor).dispatchCommand(
+          FOCUS_EDITOR_COMMAND,
+          undefined,
+        );
         return element.getAttribute('data-compose-id');
       } else {
         openModal('COMPOSE');
diff --git a/packages/pl-fe/src/features/ui/util/pending-status-builder.ts b/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
index 71b26f212..a0004cc33 100644
--- a/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
+++ b/packages/pl-fe/src/features/ui/util/pending-status-builder.ts
@@ -10,7 +10,7 @@ import type { RootState } from '@/store';
 
 const buildMentions = (pendingStatus: PendingStatus) => {
   if (pendingStatus.in_reply_to_id) {
-    return (pendingStatus.to ?? []).map(acct => ({ acct }));
+    return (pendingStatus.to ?? []).map((acct) => ({ acct }));
   } else {
     return [];
   }
@@ -33,7 +33,10 @@ const buildStatus = (state: RootState, pendingStatus: PendingStatus, idempotency
 
   const status = {
     account,
-    content: pendingStatus.status.replace(new RegExp('\n', 'g'), '<br>'), /* eslint-disable-line no-control-regex */
+    content: pendingStatus.status.replace(
+      new RegExp('\n', 'g'),
+      '<br>',
+    ) /* eslint-disable-line no-control-regex */,
     id: `末pending-${idempotencyKey}`,
     in_reply_to_account_id: state.statuses[inReplyToId ?? '']?.account_id || null,
     in_reply_to_id: inReplyToId,
diff --git a/packages/pl-fe/src/features/video/index.tsx b/packages/pl-fe/src/features/video/index.tsx
index b65d6b5a8..d15453310 100644
--- a/packages/pl-fe/src/features/video/index.tsx
+++ b/packages/pl-fe/src/features/video/index.tsx
@@ -6,7 +6,12 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import Blurhash from '@/components/blurhash';
 import Icon from '@/components/icon';
-import { isPanoramic, isPortrait, minimumAspectRatio, maximumAspectRatio } from '@/utils/media-aspect-ratio';
+import {
+  isPanoramic,
+  isPortrait,
+  minimumAspectRatio,
+  maximumAspectRatio,
+} from '@/utils/media-aspect-ratio';
 
 import { isFullscreen, requestFullscreen, exitFullscreen } from '../ui/util/fullscreen';
 
@@ -25,8 +30,12 @@ const messages = defineMessages({
 });
 
 const formatTime = (secondsNum: number): string => {
-  const hours = Math.floor(secondsNum / 3600).toString().padStart(2, '0');
-  const minutes = Math.floor((secondsNum % 3600) / 60).toString().padStart(2, '0');
+  const hours = Math.floor(secondsNum / 3600)
+    .toString()
+    .padStart(2, '0');
+  const minutes = Math.floor((secondsNum % 3600) / 60)
+    .toString()
+    .padStart(2, '0');
   const seconds = (secondsNum % 60).toString().padStart(2, '0');
 
   return (hours === '00' ? '' : `${hours}:`) + `${minutes}:${seconds}`;
@@ -51,11 +60,11 @@ const findElementPosition = (el: HTMLElement) => {
 
   const clientLeft = docEl.clientLeft || body.clientLeft || 0;
   const scrollLeft = window.pageXOffset || body.scrollLeft;
-  const left = (box.left + scrollLeft) - clientLeft;
+  const left = box.left + scrollLeft - clientLeft;
 
   const clientTop = docEl.clientTop || body.clientTop || 0;
   const scrollTop = window.pageYOffset || body.scrollTop;
-  const top = (box.top + scrollTop) - clientTop;
+  const top = box.top + scrollTop - clientTop;
 
   return {
     left: Math.round(left),
@@ -65,7 +74,10 @@ const findElementPosition = (el: HTMLElement) => {
 
 const getPointerPosition = (
   el: HTMLElement,
-  event: Pick<MouseEvent, 'pageX' | 'pageY'> | Pick<TouchEvent, 'changedTouches'> | Pick<React.TouchEvent, 'changedTouches'>,
+  event:
+    | Pick<MouseEvent, 'pageX' | 'pageY'>
+    | Pick<TouchEvent, 'changedTouches'>
+    | Pick<React.TouchEvent, 'changedTouches'>,
 ): Position => {
   const box = findElementPosition(el);
   const boxW = el.offsetWidth;
@@ -163,7 +175,7 @@ const Video: React.FC<IVideo> = ({
     }
   }, [video.current]);
 
-  const handleClickRoot: React.MouseEventHandler = e =>{
+  const handleClickRoot: React.MouseEventHandler = (e) => {
     e.stopPropagation();
   };
 
@@ -182,7 +194,7 @@ const Video: React.FC<IVideo> = ({
     }
   };
 
-  const handleVolumeMouseDown: React.MouseEventHandler = e => {
+  const handleVolumeMouseDown: React.MouseEventHandler = (e) => {
     document.addEventListener('mousemove', handleMouseVolSlide, true);
     document.addEventListener('mouseup', handleVolumeMouseUp, true);
     document.addEventListener('touchmove', handleMouseVolSlide, true);
@@ -201,22 +213,25 @@ const Video: React.FC<IVideo> = ({
     document.removeEventListener('touchend', handleVolumeMouseUp, true);
   };
 
-  const handleMouseVolSlide = useCallback(throttle(e => {
-    if (video.current && slider.current) {
-      const { x } = getPointerPosition(slider.current, e);
+  const handleMouseVolSlide = useCallback(
+    throttle((e) => {
+      if (video.current && slider.current) {
+        const { x } = getPointerPosition(slider.current, e);
 
-      if (!isNaN(x)) {
-        const volume = Math.max(0, Math.min(1, x));
+        if (!isNaN(x)) {
+          const volume = Math.max(0, Math.min(1, x));
 
-        setVolume(volume);
-        setMuted(volume === 0);
-        video.current.volume = volume;
-        video.current.muted = volume === 0;
+          setVolume(volume);
+          setMuted(volume === 0);
+          video.current.volume = volume;
+          video.current.muted = volume === 0;
+        }
       }
-    }
-  }, 60), [video.current, slider.current]);
+    }, 60),
+    [video.current, slider.current],
+  );
 
-  const handleMouseDown: React.MouseEventHandler = e => {
+  const handleMouseDown: React.MouseEventHandler = (e) => {
     const wasPlaying = !paused;
 
     const handleMouseUp = () => {
@@ -242,17 +257,20 @@ const Video: React.FC<IVideo> = ({
     e.stopPropagation();
   };
 
-  const handleMouseMove = useCallback(throttle(e => {
-    if (seek.current && video.current) {
-      const { x } = getPointerPosition(seek.current, e);
-      const currentTime = Math.floor(video.current.duration * x);
+  const handleMouseMove = useCallback(
+    throttle((e) => {
+      if (seek.current && video.current) {
+        const { x } = getPointerPosition(seek.current, e);
+        const currentTime = Math.floor(video.current.duration * x);
 
-      if (!isNaN(currentTime)) {
-        video.current.currentTime = currentTime;
-        setCurrentTime(currentTime);
+        if (!isNaN(currentTime)) {
+          video.current.currentTime = currentTime;
+          setCurrentTime(currentTime);
+        }
       }
-    }
-  }, 60), [seek.current, video.current]);
+    }, 60),
+    [seek.current, video.current],
+  );
 
   const seekBy = (time: number) => {
     if (video.current) {
@@ -265,7 +283,7 @@ const Video: React.FC<IVideo> = ({
     }
   };
 
-  const handleVideoKeyDown: React.KeyboardEventHandler = e => {
+  const handleVideoKeyDown: React.KeyboardEventHandler = (e) => {
     // On the video element or the seek bar, we can safely use the space bar
     // for playback control because there are no buttons to press
 
@@ -276,7 +294,7 @@ const Video: React.FC<IVideo> = ({
     }
   };
 
-  const handleKeyDown: React.KeyboardEventHandler = e => {
+  const handleKeyDown: React.KeyboardEventHandler = (e) => {
     const frameTime = 1 / 25;
 
     switch (e.key) {
@@ -349,23 +367,38 @@ const Video: React.FC<IVideo> = ({
     }
   };
 
-  const handleResize = useCallback(debounce(() => {
-    setDimensions();
-  }, 250, {
-    trailing: true,
-  }), [player.current, cacheWidth]);
+  const handleResize = useCallback(
+    debounce(
+      () => {
+        setDimensions();
+      },
+      250,
+      {
+        trailing: true,
+      },
+    ),
+    [player.current, cacheWidth],
+  );
 
-  const handleScroll = useCallback(throttle(() => {
-    if (!video.current) return;
+  const handleScroll = useCallback(
+    throttle(
+      () => {
+        if (!video.current) return;
 
-    const { top, height } = video.current.getBoundingClientRect();
-    const inView = (top <= (window.innerHeight || document.documentElement.clientHeight)) && (top + height >= 0);
+        const { top, height } = video.current.getBoundingClientRect();
+        const inView =
+          top <= (window.innerHeight || document.documentElement.clientHeight) && top + height >= 0;
 
-    if (!paused && !inView) {
-      setPaused(true);
-      video.current.pause();
-    }
-  }, 150, { trailing: true }), [video.current, paused]);
+        if (!paused && !inView) {
+          setPaused(true);
+          video.current.pause();
+        }
+      },
+      150,
+      { trailing: true },
+    ),
+    [video.current, paused],
+  );
 
   const handleFullscreenChange = useCallback(() => {
     setFullscreen(isFullscreen());
@@ -401,7 +434,7 @@ const Video: React.FC<IVideo> = ({
 
   const handleProgress = () => {
     if (video.current && video.current.buffered.length > 0) {
-      setBuffer(video.current.buffered.end(0) / video.current.duration * 100);
+      setBuffer((video.current.buffered.end(0) / video.current.duration) * 100);
     }
   };
 
@@ -459,7 +492,10 @@ const Video: React.FC<IVideo> = ({
   return (
     <div
       role='menuitem'
-      className={clsx('video-player relative box-border max-h-screen max-w-full overflow-hidden rounded-[10px] bg-black text-white [direction:ltr] focus:outline-0', { 'h-full w-full m-0': fullscreen })}
+      className={clsx(
+        'video-player relative box-border max-h-screen max-w-full overflow-hidden rounded-[10px] bg-black text-white [direction:ltr] focus:outline-0',
+        { 'm-0 h-full w-full': fullscreen },
+      )}
       style={playerStyle}
       ref={player}
       onMouseEnter={handleMouseEnter}
@@ -468,14 +504,12 @@ const Video: React.FC<IVideo> = ({
       onKeyDown={handleKeyDown}
       tabIndex={0}
     >
-      {!fullscreen && (
-        <Blurhash hash={blurhash} className='⁂-media-gallery__preview' />
-      )}
+      {!fullscreen && <Blurhash hash={blurhash} className='⁂-media-gallery__preview' />}
 
       <video
         className={clsx('relative z-[1] block h-full max-h-full', {
           'object-contain': inline && !fullscreen,
-          'w-full outline-0 !max-h-full !max-w-full': fullscreen,
+          '!max-h-full w-full !max-w-full outline-0': fullscreen,
         })}
         ref={video}
         src={src}
@@ -497,14 +531,19 @@ const Video: React.FC<IVideo> = ({
       />
 
       <div
-        className={clsx(
-          'video-player__controls',
-          { 'video-player__controls--visible': paused || hovered },
-        )}
+        className={clsx('video-player__controls', {
+          'video-player__controls--visible': paused || hovered,
+        })}
       >
         <div className='video-player__seek' onMouseDown={handleMouseDown} ref={seek}>
-          <div className='absolute top-1 block h-1 rounded bg-black/20 dark:bg-white/20' style={{ width: `${buffer}%` }} />
-          <div className='absolute top-1 block h-1 rounded bg-accent-500' style={{ width: `${progress}%` }} />
+          <div
+            className='absolute top-1 block h-1 rounded bg-black/20 dark:bg-white/20'
+            style={{ width: `${buffer}%` }}
+          />
+          <div
+            className='absolute top-1 block h-1 rounded bg-accent-500'
+            style={{ width: `${progress}%` }}
+          />
 
           <span
             className={clsx('video-player__seek__handle', { 'opacity-100': dragging })}
@@ -520,25 +559,40 @@ const Video: React.FC<IVideo> = ({
               type='button'
               title={intl.formatMessage(paused ? messages.play : messages.pause)}
               aria-label={intl.formatMessage(paused ? messages.play : messages.pause)}
-              className={clsx('player-button', detailed || fullscreen && 'py-2.5')}
+              className={clsx('player-button', detailed || (fullscreen && 'py-2.5'))}
               onClick={togglePlay}
               autoFocus={autoFocus}
             >
-              <Icon src={paused ? require('@phosphor-icons/core/regular/play.svg') : require('@phosphor-icons/core/regular/pause.svg')} />
+              <Icon
+                src={
+                  paused
+                    ? require('@phosphor-icons/core/regular/play.svg')
+                    : require('@phosphor-icons/core/regular/pause.svg')
+                }
+              />
             </button>
 
             <button
               type='button'
               title={intl.formatMessage(muted ? messages.unmute : messages.mute)}
               aria-label={intl.formatMessage(muted ? messages.unmute : messages.mute)}
-              className={clsx('player-button', detailed || fullscreen && 'py-2.5')}
+              className={clsx('player-button', detailed || (fullscreen && 'py-2.5'))}
               onClick={toggleMute}
             >
-              <Icon src={muted ? require('@phosphor-icons/core/regular/speaker-x.svg') : require('@phosphor-icons/core/regular/speaker-high.svg')} />
+              <Icon
+                src={
+                  muted
+                    ? require('@phosphor-icons/core/regular/speaker-x.svg')
+                    : require('@phosphor-icons/core/regular/speaker-high.svg')
+                }
+              />
             </button>
 
             <div className='video-player__volume' onMouseDown={handleVolumeMouseDown} ref={slider}>
-              <div className='video-player__volume__current' style={{ width: `${volume * 100}%` }} />
+              <div
+                className='video-player__volume__current'
+                style={{ width: `${volume * 100}%` }}
+              />
               <span
                 className='video-player__volume__handle'
                 tabIndex={0}
@@ -554,9 +608,7 @@ const Video: React.FC<IVideo> = ({
               </span>
             )}
 
-            {link && (
-              <span className='video-player__link'>{link}</span>
-            )}
+            {link && <span className='video-player__link'>{link}</span>}
           </div>
 
           <div className='video-player__buttons right'>
@@ -572,12 +624,22 @@ const Video: React.FC<IVideo> = ({
             </a>
             <button
               type='button'
-              title={intl.formatMessage(fullscreen ? messages.exit_fullscreen : messages.fullscreen)}
-              aria-label={intl.formatMessage(fullscreen ? messages.exit_fullscreen : messages.fullscreen)}
-              className={clsx('player-button', detailed || fullscreen && 'py-2.5')}
+              title={intl.formatMessage(
+                fullscreen ? messages.exit_fullscreen : messages.fullscreen,
+              )}
+              aria-label={intl.formatMessage(
+                fullscreen ? messages.exit_fullscreen : messages.fullscreen,
+              )}
+              className={clsx('player-button', detailed || (fullscreen && 'py-2.5'))}
               onClick={toggleFullscreen}
             >
-              <Icon src={fullscreen ? require('@phosphor-icons/core/regular/arrows-in-simple.svg') : require('@phosphor-icons/core/regular/arrows-out-simple.svg')} />
+              <Icon
+                src={
+                  fullscreen
+                    ? require('@phosphor-icons/core/regular/arrows-in-simple.svg')
+                    : require('@phosphor-icons/core/regular/arrows-out-simple.svg')
+                }
+              />
             </button>
           </div>
         </div>
@@ -586,8 +648,4 @@ const Video: React.FC<IVideo> = ({
   );
 };
 
-export {
-  formatTime,
-  getPointerPosition,
-  Video as default,
-};
+export { formatTime, getPointerPosition, Video as default };
diff --git a/packages/pl-fe/src/hooks/forms/use-image-field.ts b/packages/pl-fe/src/hooks/forms/use-image-field.ts
index 90e7ac1fc..1ffa40da4 100644
--- a/packages/pl-fe/src/hooks/forms/use-image-field.ts
+++ b/packages/pl-fe/src/hooks/forms/use-image-field.ts
@@ -30,7 +30,7 @@ const useImageField = (opts: UseImageFieldOpts = {}) => {
     }
   };
 
-  const onClear = () =>{
+  const onClear = () => {
     setFile(null);
   };
 
diff --git a/packages/pl-fe/src/hooks/forms/use-preview.ts b/packages/pl-fe/src/hooks/forms/use-preview.ts
index b0ac2103c..3e07860f0 100644
--- a/packages/pl-fe/src/hooks/forms/use-preview.ts
+++ b/packages/pl-fe/src/hooks/forms/use-preview.ts
@@ -1,10 +1,11 @@
 import { useMemo } from 'react';
 
 /** Return a preview URL for a file. */
-const usePreview = (file: File | null | undefined): string | undefined => useMemo(() => {
-  if (file) {
-    return URL.createObjectURL(file);
-  }
-}, [file]);
+const usePreview = (file: File | null | undefined): string | undefined =>
+  useMemo(() => {
+    if (file) {
+      return URL.createObjectURL(file);
+    }
+  }, [file]);
 
 export { usePreview };
diff --git a/packages/pl-fe/src/hooks/use-account-gallery.ts b/packages/pl-fe/src/hooks/use-account-gallery.ts
index a29dd9d04..3b809ba10 100644
--- a/packages/pl-fe/src/hooks/use-account-gallery.ts
+++ b/packages/pl-fe/src/hooks/use-account-gallery.ts
@@ -1,6 +1,9 @@
 import { createSelector } from 'reselect';
 
-import { useAccountMediaTimeline, useGroupMediaTimeline } from '@/queries/timelines/use-account-media-timeline';
+import {
+  useAccountMediaTimeline,
+  useGroupMediaTimeline,
+} from '@/queries/timelines/use-account-media-timeline';
 
 import { useAppSelector } from './use-app-selector';
 
@@ -13,27 +16,27 @@ type AccountGalleryAttachment = MediaAttachment & {
   visibility: string;
   status_id: string;
   account_id: string;
-}
+};
 
-const getGallery = createSelector([
-  (state: RootState, statusIds: string[]) => statusIds,
-  (state: RootState) => state.statuses,
-], (statusIds, statuses) =>
-  statusIds.reduce((medias: Array<AccountGalleryAttachment>, statusId: string) => {
-    const status = statuses[statusId];
-    if (!status) return medias;
-    if (status.reblog_id) return medias;
+const getGallery = createSelector(
+  [(state: RootState, statusIds: string[]) => statusIds, (state: RootState) => state.statuses],
+  (statusIds, statuses) =>
+    statusIds.reduce((medias: Array<AccountGalleryAttachment>, statusId: string) => {
+      const status = statuses[statusId];
+      if (!status) return medias;
+      if (status.reblog_id) return medias;
 
-    return medias.concat(
-      status.media_attachments.map((media, index) => ({
-        ...media,
-        index,
-        sensitive: status.sensitive,
-        visibility: status.visibility,
-        status_id: statusId,
-        account_id: status.account.id,
-      })));
-  }, []),
+      return medias.concat(
+        status.media_attachments.map((media, index) => ({
+          ...media,
+          index,
+          sensitive: status.sensitive,
+          visibility: status.visibility,
+          status_id: statusId,
+          account_id: status.account.id,
+        })),
+      );
+    }, []),
 );
 
 const useAccountGallery = (accountId: string) => {
diff --git a/packages/pl-fe/src/hooks/use-acct.ts b/packages/pl-fe/src/hooks/use-acct.ts
index b7a094b9d..9c58897b6 100644
--- a/packages/pl-fe/src/hooks/use-acct.ts
+++ b/packages/pl-fe/src/hooks/use-acct.ts
@@ -23,6 +23,4 @@ const useAcct = (account?: Pick<Account, 'fqn' | 'acct' | 'local' | 'url'>): str
   }, [account?.acct, fqn, instance.domain, localUrl]);
 };
 
-export {
-  useAcct,
-};
+export { useAcct };
diff --git a/packages/pl-fe/src/hooks/use-can-interact.ts b/packages/pl-fe/src/hooks/use-can-interact.ts
index d6f0ccd42..4ec064734 100644
--- a/packages/pl-fe/src/hooks/use-can-interact.ts
+++ b/packages/pl-fe/src/hooks/use-can-interact.ts
@@ -5,25 +5,30 @@ import { useAppSelector } from './use-app-selector';
 import type { MinifiedStatus } from '@/reducers/statuses';
 import type { InteractionPolicy, InteractionPolicyEntry } from 'pl-api';
 
-const useCanInteract = (status: Pick<MinifiedStatus, 'account_id' | 'id' | 'interaction_policy' | 'mentions'>, type: keyof InteractionPolicy): {
+const useCanInteract = (
+  status: Pick<MinifiedStatus, 'account_id' | 'id' | 'interaction_policy' | 'mentions'>,
+  type: keyof InteractionPolicy,
+): {
   canInteract: boolean;
   approvalRequired: boolean | null;
   allowed?: Array<InteractionPolicyEntry>;
 } => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
 
   return useMemo(() => {
     const interactionPolicy = status.interaction_policy;
 
-    if (me === status.account_id || interactionPolicy[type].always.includes('me')) return {
-      canInteract: true,
-      approvalRequired: false,
-    };
+    if (me === status.account_id || interactionPolicy[type].always.includes('me'))
+      return {
+        canInteract: true,
+        approvalRequired: false,
+      };
 
-    if (interactionPolicy[type].with_approval.includes('me')) return {
-      canInteract: true,
-      approvalRequired: true,
-    };
+    if (interactionPolicy[type].with_approval.includes('me'))
+      return {
+        canInteract: true,
+        approvalRequired: true,
+      };
 
     return {
       canInteract: false,
diff --git a/packages/pl-fe/src/hooks/use-click-outside.ts b/packages/pl-fe/src/hooks/use-click-outside.ts
index a8c610d75..ef5d31544 100644
--- a/packages/pl-fe/src/hooks/use-click-outside.ts
+++ b/packages/pl-fe/src/hooks/use-click-outside.ts
@@ -6,18 +6,21 @@ const useClickOutside = <T extends HTMLElement>(
   refs: ExtendedRefs<T>,
   callback: (e: MouseEvent) => void,
 ) => {
-  const handleWindowClick = useCallback((e: MouseEvent) => {
-    if (e.target) {
-      const target = e.target as Node;
+  const handleWindowClick = useCallback(
+    (e: MouseEvent) => {
+      if (e.target) {
+        const target = e.target as Node;
 
-      const floating = refs.floating.current;
-      const reference = refs.reference.current as T | undefined;
+        const floating = refs.floating.current;
+        const reference = refs.reference.current as T | undefined;
 
-      if (!(floating?.contains(target) || reference?.contains(target))) {
-        callback(e);
+        if (!(floating?.contains(target) || reference?.contains(target))) {
+          callback(e);
+        }
       }
-    }
-  }, [refs.floating.current, refs.reference.current]);
+    },
+    [refs.floating.current, refs.reference.current],
+  );
 
   useEffect(() => {
     window.addEventListener('click', handleWindowClick);
diff --git a/packages/pl-fe/src/hooks/use-debounce.ts b/packages/pl-fe/src/hooks/use-debounce.ts
index 53f85c8ae..42588c9a1 100644
--- a/packages/pl-fe/src/hooks/use-debounce.ts
+++ b/packages/pl-fe/src/hooks/use-debounce.ts
@@ -4,7 +4,7 @@ const useDebounce = (value: string, delay: number): string => {
   const [debouncedValue, setDebouncedValue] = useState<string>(value);
 
   useEffect(() => {
-    const timer = setTimeout(() =>{
+    const timer = setTimeout(() => {
       setDebouncedValue(value);
     }, delay);
 
diff --git a/packages/pl-fe/src/hooks/use-dragged-files.ts b/packages/pl-fe/src/hooks/use-dragged-files.ts
index dd2986acb..ea43676c3 100644
--- a/packages/pl-fe/src/hooks/use-dragged-files.ts
+++ b/packages/pl-fe/src/hooks/use-dragged-files.ts
@@ -1,47 +1,68 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
 /** Controls the state of files being dragged over a node. */
-const useDraggedFiles = <R extends HTMLElement>(node: React.RefObject<R>, onDrop?: (files: FileList) => void) => {
+const useDraggedFiles = <R extends HTMLElement>(
+  node: React.RefObject<R>,
+  onDrop?: (files: FileList) => void,
+) => {
   const [isDragging, setIsDragging] = useState(false);
   const [isDraggedOver, setIsDraggedOver] = useState(false);
 
-  const handleDocumentDragEnter = useCallback((e: DragEvent) => {
-    if (isDraggingFiles(e)) {
-      setIsDragging(true);
-    }
-  }, [setIsDragging]);
+  const handleDocumentDragEnter = useCallback(
+    (e: DragEvent) => {
+      if (isDraggingFiles(e)) {
+        setIsDragging(true);
+      }
+    },
+    [setIsDragging],
+  );
 
-  const handleDocumentDragLeave = useCallback((e: DragEvent) => {
-    if (isDraggedOffscreen(e)) {
+  const handleDocumentDragLeave = useCallback(
+    (e: DragEvent) => {
+      if (isDraggedOffscreen(e)) {
+        setIsDragging(false);
+      }
+    },
+    [setIsDragging],
+  );
+
+  const handleDocumentDrop = useCallback(
+    (e: DragEvent) => {
       setIsDragging(false);
-    }
-  }, [setIsDragging]);
-
-  const handleDocumentDrop = useCallback((e: DragEvent) => {
-    setIsDragging(false);
-    setIsDraggedOver(false);
-  }, [setIsDragging]);
-
-  const handleDragEnter = useCallback((e: DragEvent) => {
-    if (isDraggingFiles(e)) {
-      setIsDraggedOver(true);
-    }
-  }, [setIsDraggedOver]);
-
-  const handleDragLeave = useCallback((e: DragEvent) => {
-    if (!node.current || isDraggedOutOfNode(e, node.current)) {
       setIsDraggedOver(false);
-    }
-  }, [setIsDraggedOver]);
+    },
+    [setIsDragging],
+  );
 
-  const handleDrop = useCallback((e: DragEvent) => {
-    if (isDraggingFiles(e) && onDrop) {
-      onDrop(e.dataTransfer.files);
-    }
-    setIsDragging(false);
-    setIsDraggedOver(false);
-    e.preventDefault();
-  }, [onDrop]);
+  const handleDragEnter = useCallback(
+    (e: DragEvent) => {
+      if (isDraggingFiles(e)) {
+        setIsDraggedOver(true);
+      }
+    },
+    [setIsDraggedOver],
+  );
+
+  const handleDragLeave = useCallback(
+    (e: DragEvent) => {
+      if (!node.current || isDraggedOutOfNode(e, node.current)) {
+        setIsDraggedOver(false);
+      }
+    },
+    [setIsDraggedOver],
+  );
+
+  const handleDrop = useCallback(
+    (e: DragEvent) => {
+      if (isDraggingFiles(e) && onDrop) {
+        onDrop(e.dataTransfer.files);
+      }
+      setIsDragging(false);
+      setIsDraggedOver(false);
+      e.preventDefault();
+    },
+    [onDrop],
+  );
 
   useEffect(() => {
     document.addEventListener('dragenter', handleDocumentDragEnter);
diff --git a/packages/pl-fe/src/hooks/use-features.ts b/packages/pl-fe/src/hooks/use-features.ts
index 9951538f3..2fd03ba9d 100644
--- a/packages/pl-fe/src/hooks/use-features.ts
+++ b/packages/pl-fe/src/hooks/use-features.ts
@@ -3,6 +3,9 @@ import { type Features } from 'pl-api';
 import { useAppSelector } from './use-app-selector';
 
 /** Get features for the current instance. */
-const useFeatures = (): Features => ({ ...useAppSelector(state => state.auth.client.features), filtersV2BlurAction: true });
+const useFeatures = (): Features => ({
+  ...useAppSelector((state) => state.auth.client.features),
+  filtersV2BlurAction: true,
+});
 
 export { useFeatures };
diff --git a/packages/pl-fe/src/hooks/use-loading.ts b/packages/pl-fe/src/hooks/use-loading.ts
index cdf53927c..bc6e207d5 100644
--- a/packages/pl-fe/src/hooks/use-loading.ts
+++ b/packages/pl-fe/src/hooks/use-loading.ts
@@ -7,10 +7,10 @@ const useLoading = (initialState: boolean = false) => {
     setIsLoading(true);
 
     promise
-      .then(() =>{
+      .then(() => {
         setIsLoading(false);
       })
-      .catch(() =>{
+      .catch(() => {
         setIsLoading(false);
       });
 
diff --git a/packages/pl-fe/src/hooks/use-locale.ts b/packages/pl-fe/src/hooks/use-locale.ts
index 8273e32bd..e283dd800 100644
--- a/packages/pl-fe/src/hooks/use-locale.ts
+++ b/packages/pl-fe/src/hooks/use-locale.ts
@@ -8,9 +8,13 @@ const RTL_LOCALES = ['ar', 'ckb', 'fa', 'he'];
 const useLocale = (fallback = 'en') => {
   const localeWithVariant = useSettings().locale.replace('_', '-');
   const localeFirstPart = localeWithVariant.split('-')[0];
-  return Object.keys(messages).includes(localeWithVariant) ? localeWithVariant : Object.keys(messages).includes(localeFirstPart) ? localeFirstPart : fallback;
+  return Object.keys(messages).includes(localeWithVariant)
+    ? localeWithVariant
+    : Object.keys(messages).includes(localeFirstPart)
+      ? localeFirstPart
+      : fallback;
 };
 
-const useLocaleDirection = (locale = 'en') => RTL_LOCALES.includes(locale) ? 'rtl' : 'ltr';
+const useLocaleDirection = (locale = 'en') => (RTL_LOCALES.includes(locale) ? 'rtl' : 'ltr');
 
 export { useLocale, useLocaleDirection };
diff --git a/packages/pl-fe/src/hooks/use-logged-in.ts b/packages/pl-fe/src/hooks/use-logged-in.ts
index eed165aa5..b8c2fff61 100644
--- a/packages/pl-fe/src/hooks/use-logged-in.ts
+++ b/packages/pl-fe/src/hooks/use-logged-in.ts
@@ -1,7 +1,7 @@
 import { useAppSelector } from './use-app-selector';
 
 const useLoggedIn = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
 
   return {
     isLoggedIn: typeof me === 'string',
diff --git a/packages/pl-fe/src/hooks/use-logo.ts b/packages/pl-fe/src/hooks/use-logo.ts
index e694db111..da5c42d9b 100644
--- a/packages/pl-fe/src/hooks/use-logo.ts
+++ b/packages/pl-fe/src/hooks/use-logo.ts
@@ -10,9 +10,7 @@ const useLogo = () => {
   const darkMode = ['dark', 'black'].includes(useTheme());
 
   // Use the right logo if provided, otherwise return null;
-  const src = (darkMode && logoDarkMode)
-    ? logoDarkMode
-    : logo || logoDarkMode;
+  const src = darkMode && logoDarkMode ? logoDarkMode : logo || logoDarkMode;
 
   return { src: demo ? null : src, alignment: logoAlignment };
 };
diff --git a/packages/pl-fe/src/hooks/use-long-press.ts b/packages/pl-fe/src/hooks/use-long-press.ts
index 41c67f943..fb09fef28 100644
--- a/packages/pl-fe/src/hooks/use-long-press.ts
+++ b/packages/pl-fe/src/hooks/use-long-press.ts
@@ -28,9 +28,8 @@ import React from 'react';
 type Event = React.MouseEvent | React.TouchEvent;
 
 // eslint-disable-next-line compat/compat
-const isTouchEvent = ({ nativeEvent }: Event) => window.TouchEvent
-  ? nativeEvent instanceof TouchEvent
-  : 'touches' in nativeEvent;
+const isTouchEvent = ({ nativeEvent }: Event) =>
+  window.TouchEvent ? nativeEvent instanceof TouchEvent : 'touches' in nativeEvent;
 
 const isMouseEvent = (event: Event) => event.nativeEvent instanceof MouseEvent;
 
@@ -44,7 +43,14 @@ type LongPressOptions = {
 };
 
 const useLongPress = (callback: (e: Event) => void, options: LongPressOptions = {}) => {
-  const { threshold = 400, onStart, onFinish, onCancel, allowScroll = false, scrollThreshold = 40 } = options;
+  const {
+    threshold = 400,
+    onStart,
+    onFinish,
+    onCancel,
+    allowScroll = false,
+    scrollThreshold = 40,
+  } = options;
   const isLongPressActive = React.useRef(false);
   const isPressed = React.useRef(false);
   const timerId = React.useRef<NodeJS.Timeout>();
@@ -95,7 +101,11 @@ const useLongPress = (callback: (e: Event) => void, options: LongPressOptions =
     };
 
     const move = (event: Event) => {
-      if (!allowScroll && (!('touches' in event.nativeEvent) || Math.abs(event.nativeEvent.touches[0].clientY - startY) > scrollThreshold)) {
+      if (
+        !allowScroll &&
+        (!('touches' in event.nativeEvent) ||
+          Math.abs(event.nativeEvent.touches[0].clientY - startY) > scrollThreshold)
+      ) {
         cancel(event);
       }
     };
diff --git a/packages/pl-fe/src/hooks/use-own-account.ts b/packages/pl-fe/src/hooks/use-own-account.ts
index d6588005a..62059e033 100644
--- a/packages/pl-fe/src/hooks/use-own-account.ts
+++ b/packages/pl-fe/src/hooks/use-own-account.ts
@@ -9,6 +9,4 @@ const useOwnAccount = () => {
   return useAccount(typeof me === 'string' ? me : undefined);
 };
 
-export {
-  useOwnAccount,
-};
+export { useOwnAccount };
diff --git a/packages/pl-fe/src/hooks/use-theme-css.ts b/packages/pl-fe/src/hooks/use-theme-css.ts
index 312092fc2..7b6af54de 100644
--- a/packages/pl-fe/src/hooks/use-theme-css.ts
+++ b/packages/pl-fe/src/hooks/use-theme-css.ts
@@ -33,16 +33,24 @@ const DEFAULT_COLORS = {
     800: '#991b1b',
     900: '#7f1d1d',
   },
-  'greentext': '#789922',
+  greentext: '#789922',
 };
 
-const normalizeColors = (theme: Partial<Pick<FrontendConfig, 'brandColor' | 'accentColor' | 'colors'>>) => {
-  const brandColor: string = (theme.brandColor ?? theme.colors?.primary?.['500']) ?? '#d80482';
-  const accentColor: string = ((theme.accentColor ?? theme.colors?.accent?.['500']) ?? generateAccent(brandColor)) ?? '';
+const normalizeColors = (
+  theme: Partial<Pick<FrontendConfig, 'brandColor' | 'accentColor' | 'colors'>>,
+) => {
+  const brandColor: string = theme.brandColor ?? theme.colors?.primary?.['500'] ?? '#d80482';
+  const accentColor: string =
+    theme.accentColor ?? theme.colors?.accent?.['500'] ?? generateAccent(brandColor) ?? '';
 
   const colors = {
     ...theme.colors,
-    ...Object.fromEntries(Object.entries(DEFAULT_COLORS).map(([key, value]) => [key, typeof value === 'string' ? value : { ...value, ...theme.colors?.[key] }])),
+    ...Object.fromEntries(
+      Object.entries(DEFAULT_COLORS).map(([key, value]) => [
+        key,
+        typeof value === 'string' ? value : { ...value, ...theme.colors?.[key] },
+      ]),
+    ),
   };
 
   const normalizedColors = toTailwind({
diff --git a/packages/pl-fe/src/init/pl-fe-head.tsx b/packages/pl-fe/src/init/pl-fe-head.tsx
index c5c3c7b6c..ab5a176b5 100644
--- a/packages/pl-fe/src/init/pl-fe-head.tsx
+++ b/packages/pl-fe/src/init/pl-fe-head.tsx
@@ -16,7 +16,13 @@ const Helmet = React.lazy(() => import('@/components/helmet'));
 const PlFeHead = () => {
   const locale = useLocale();
   const direction = useLocaleDirection(locale);
-  const { reduceMotion, underlineLinks, demetricator, systemFont, theme: themeSettings } = useSettings();
+  const {
+    reduceMotion,
+    underlineLinks,
+    demetricator,
+    systemFont,
+    theme: themeSettings,
+  } = useSettings();
   const frontendConfig = useFrontendConfig();
   const theme = useTheme();
 
@@ -28,7 +34,7 @@ const PlFeHead = () => {
   const bodyClass = clsx({
     'no-reduce-motion': !reduceMotion,
     'underline-links': underlineLinks,
-    'demetricator': demetricator,
+    demetricator: demetricator,
     'system-font': systemFont,
     'with-modals': withModals,
   });
@@ -45,8 +51,8 @@ const PlFeHead = () => {
         <html
           lang={locale}
           className={clsx(`text-${themeSettings?.interfaceSize ?? 'md'}`, {
-            'dark': theme === 'dark',
-            'dark black': theme === 'black',
+            dark: theme === 'dark',
+            'black dark': theme === 'black',
           })}
         />
         <body className={bodyClass} dir={direction} />
diff --git a/packages/pl-fe/src/init/pl-fe-load.tsx b/packages/pl-fe/src/init/pl-fe-load.tsx
index 9b4288709..c84daa6cc 100644
--- a/packages/pl-fe/src/init/pl-fe-load.tsx
+++ b/packages/pl-fe/src/init/pl-fe-load.tsx
@@ -14,7 +14,7 @@ import MESSAGES from '@/messages';
 import type { AppDispatch } from '@/store';
 
 /** Load initial data from the backend */
-const loadInitial = () => async(dispatch: AppDispatch) => {
+const loadInitial = () => async (dispatch: AppDispatch) => {
   dispatch(checkIfStandalone());
   // Await for authenticated fetch
   await dispatch(fetchMe());
@@ -32,7 +32,7 @@ interface IPlFeLoad {
 const PlFeLoad: React.FC<IPlFeLoad> = ({ children }) => {
   const dispatch = useAppDispatch();
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const { account } = useOwnAccount();
   const locale = useLocale();
 
@@ -41,28 +41,27 @@ const PlFeLoad: React.FC<IPlFeLoad> = ({ children }) => {
   const [isLoaded, setIsLoaded] = useState(false);
 
   /** Whether to display a loading indicator. */
-  const showLoading = [
-    me === null,
-    me && !account,
-    !isLoaded,
-    localeLoading,
-  ].some(Boolean);
+  const showLoading = [me === null, me && !account, !isLoaded, localeLoading].some(Boolean);
 
   // Load the user's locale
   useEffect(() => {
-    MESSAGES[locale]().then(messages => {
-      setMessages(messages);
-      setLocaleLoading(false);
-    }).catch(() => { });
+    MESSAGES[locale]()
+      .then((messages) => {
+        setMessages(messages);
+        setLocaleLoading(false);
+      })
+      .catch(() => {});
   }, [locale]);
 
   // Load initial data from the API
   useEffect(() => {
-    dispatch(loadInitial()).then(() => {
-      setIsLoaded(true);
-    }).catch(() => {
-      setIsLoaded(true);
-    });
+    dispatch(loadInitial())
+      .then(() => {
+        setIsLoaded(true);
+      })
+      .catch(() => {
+        setIsLoaded(true);
+      });
   }, []);
 
   // intl is part of loading.
diff --git a/packages/pl-fe/src/init/pl-fe-mount.tsx b/packages/pl-fe/src/init/pl-fe-mount.tsx
index 267284521..60a93bb89 100644
--- a/packages/pl-fe/src/init/pl-fe-mount.tsx
+++ b/packages/pl-fe/src/init/pl-fe-mount.tsx
@@ -5,7 +5,6 @@ import { RouterWithContext } from '@/features/ui/router';
 
 /** Highest level node with the Redux store. */
 const PlFeMount = () => {
-
   return (
     <Suspense fallback={<LoadingScreen />}>
       <RouterWithContext />
diff --git a/packages/pl-fe/src/instance/about.example/dmca.html b/packages/pl-fe/src/instance/about.example/dmca.html
index 7e8a236e6..9ebc269b1 100644
--- a/packages/pl-fe/src/instance/about.example/dmca.html
+++ b/packages/pl-fe/src/instance/about.example/dmca.html
@@ -1,37 +1,99 @@
 <h1>Copyright Policy</h1>
 
 <h3>Reporting Claims of Copyright Infringement</h3>
-<p>We take claims of copyright infringement seriously. We will respond to notices of alleged copyright infringement that comply with applicable law. If you believe any materials accessible on or from this site (the &quot;Website&quot;) infringe your copyright, you may request removal of those materials (or access to them) from the Website by submitting written notification to our copyright agent designated below. In accordance with the Online Copyright Infringement Liability Limitation Act of the Digital Millennium Copyright Act (17 U.S.C. &sect; 512) (&quot;DMCA&quot;), the written notice (the &quot;DMCA Notice&quot;) must include substantially the following:</p>
+<p>
+  We take claims of copyright infringement seriously. We will respond to notices of alleged
+  copyright infringement that comply with applicable law. If you believe any materials accessible on
+  or from this site (the &quot;Website&quot;) infringe your copyright, you may request removal of
+  those materials (or access to them) from the Website by submitting written notification to our
+  copyright agent designated below. In accordance with the Online Copyright Infringement Liability
+  Limitation Act of the Digital Millennium Copyright Act (17 U.S.C. &sect; 512) (&quot;DMCA&quot;),
+  the written notice (the &quot;DMCA Notice&quot;) must include substantially the following:
+</p>
 <ul>
   <li>Your physical or electronic signature.</li>
-  <li>Identification of the copyrighted work you believe to have been infringed or, if the claim involves multiple works on the Website, a representative list of such works.</li>
-  <li>Identification of the material you believe to be infringing in a sufficiently precise manner to allow us to locate that material.</li>
-  <li>Adequate information by which we can contact you (including your name, postal address, telephone number, and, if available, email address).</li>
-  <li>A statement that you have a good faith belief that use of the copyrighted material is not authorized by the copyright owner, its agent, or the law.</li>
+  <li>
+    Identification of the copyrighted work you believe to have been infringed or, if the claim
+    involves multiple works on the Website, a representative list of such works.
+  </li>
+  <li>
+    Identification of the material you believe to be infringing in a sufficiently precise manner to
+    allow us to locate that material.
+  </li>
+  <li>
+    Adequate information by which we can contact you (including your name, postal address, telephone
+    number, and, if available, email address).
+  </li>
+  <li>
+    A statement that you have a good faith belief that use of the copyrighted material is not
+    authorized by the copyright owner, its agent, or the law.
+  </li>
   <li>A statement that the information in the written notice is accurate.</li>
-  <li>A statement, under penalty of perjury, that you are authorized to act on behalf of the copyright owner.</li>
+  <li>
+    A statement, under penalty of perjury, that you are authorized to act on behalf of the copyright
+    owner.
+  </li>
 </ul>
 <p>Please send copyright notices to</p>
 <p>
-  Your_Entity_Name<br>
-  Your_Street_Address<br>
+  Your_Entity_Name<br />
+  Your_Street_Address<br />
   Your_City_State_Zip
 </p>
 <p>Or via any contact form at the bottom of this page.</p>
-<p>If you fail to comply with all of the requirements of Section 512(c)(3) of the DMCA, your DMCA Notice may not be effective.</p>
-<p>Please be aware that if you knowingly materially misrepresent that material or activity on the Website is infringing your copyright, you may be held liable for damages (including costs and attorney's fees) under Section 512(f) of the DMCA.</p>
+<p>
+  If you fail to comply with all of the requirements of Section 512(c)(3) of the DMCA, your DMCA
+  Notice may not be effective.
+</p>
+<p>
+  Please be aware that if you knowingly materially misrepresent that material or activity on the
+  Website is infringing your copyright, you may be held liable for damages (including costs and
+  attorney's fees) under Section 512(f) of the DMCA.
+</p>
 
 <h3>Counter Notification Procedures</h3>
-<p>If you believe that material you posted on the Website was removed or access to it was disabled by mistake or misidentification, you may file a counter notification with us (a &quot;Counter Notice&quot;) by submitting written notification to our DMCA address (above) Pursuant to the DMCA, the Counter Notice must include substantially the following:</p>
+<p>
+  If you believe that material you posted on the Website was removed or access to it was disabled by
+  mistake or misidentification, you may file a counter notification with us (a &quot;Counter
+  Notice&quot;) by submitting written notification to our DMCA address (above) Pursuant to the DMCA,
+  the Counter Notice must include substantially the following:
+</p>
 <ul>
   <li>Your physical or electronic signature.</li>
-  <li>An identification of the material that has been removed or to which access has been disabled and the location at which the material appeared before it was removed or access disabled.</li>
-  <li>Adequate information by which we can contact you (including your name, postal address, telephone number, and, if available, email address).</li>
-  <li>A statement under penalty of perjury by you that you have a good faith belief that the material identified above was removed or disabled as a result of a mistake or misidentification of the material to be removed or disabled.</li>
-  <li>A statement that you will consent to the jurisdiction of the Federal District Court for the judicial district in which your address is located (or if you reside outside the United States for any judicial district in which the Website may be found) and that you will accept service from the person (or an agent of that person) who provided the Website with the complaint at issue.</li>
+  <li>
+    An identification of the material that has been removed or to which access has been disabled and
+    the location at which the material appeared before it was removed or access disabled.
+  </li>
+  <li>
+    Adequate information by which we can contact you (including your name, postal address, telephone
+    number, and, if available, email address).
+  </li>
+  <li>
+    A statement under penalty of perjury by you that you have a good faith belief that the material
+    identified above was removed or disabled as a result of a mistake or misidentification of the
+    material to be removed or disabled.
+  </li>
+  <li>
+    A statement that you will consent to the jurisdiction of the Federal District Court for the
+    judicial district in which your address is located (or if you reside outside the United States
+    for any judicial district in which the Website may be found) and that you will accept service
+    from the person (or an agent of that person) who provided the Website with the complaint at
+    issue.
+  </li>
 </ul>
-<p>The DMCA allows us to restore the removed content if the party filing the original DMCA Notice does not file a court action against you within ten business days of receiving the copy of your Counter Notice.</p>
-<p>Please be aware that if you knowingly materially misrepresent that material or activity on the Website was removed or disabled by mistake or misidentification, you may be held liable for damages (including costs and attorney's fees) under Section 512(f) of the DMCA.</p>
+<p>
+  The DMCA allows us to restore the removed content if the party filing the original DMCA Notice
+  does not file a court action against you within ten business days of receiving the copy of your
+  Counter Notice.
+</p>
+<p>
+  Please be aware that if you knowingly materially misrepresent that material or activity on the
+  Website was removed or disabled by mistake or misidentification, you may be held liable for
+  damages (including costs and attorney's fees) under Section 512(f) of the DMCA.
+</p>
 
 <h3>Repeat Infringers</h3>
-<p>It is our policy in appropriate circumstances to disable and/or terminate the accounts of users who are repeat infringers.</p>
+<p>
+  It is our policy in appropriate circumstances to disable and/or terminate the accounts of users
+  who are repeat infringers.
+</p>
diff --git a/packages/pl-fe/src/instance/about.example/index.html b/packages/pl-fe/src/instance/about.example/index.html
index 7974e5374..80dc5311d 100644
--- a/packages/pl-fe/src/instance/about.example/index.html
+++ b/packages/pl-fe/src/instance/about.example/index.html
@@ -23,4 +23,7 @@
 
 <h2 id="opensource">Open Source Software</h2>
 <p>Soapbox is free and open source (FOSS) software.</p>
-<p>The Soapbox repository can be found at <a href="https://gitlab.com/soapbox-pub/soapbox">Soapbox</a></p>
+<p>
+  The Soapbox repository can be found at
+  <a href="https://gitlab.com/soapbox-pub/soapbox">Soapbox</a>
+</p>
diff --git a/packages/pl-fe/src/instance/about.example/privacy.html b/packages/pl-fe/src/instance/about.example/privacy.html
index cf353cdae..6e4da348a 100644
--- a/packages/pl-fe/src/instance/about.example/privacy.html
+++ b/packages/pl-fe/src/instance/about.example/privacy.html
@@ -1,118 +1,291 @@
 <h1>Privacy Policy</h1>
-<p>We respect your privacy and are committed to protecting it through our compliance with this policy.</p>
-<p>This policy describes the types of information we may collect from you or that you may provide when you visit our website, and our practices for collecting, using, maintaining, protecting, and disclosing that information.</p>
+<p>
+  We respect your privacy and are committed to protecting it through our compliance with this
+  policy.
+</p>
+<p>
+  This policy describes the types of information we may collect from you or that you may provide
+  when you visit our website, and our practices for collecting, using, maintaining, protecting, and
+  disclosing that information.
+</p>
 <p>This policy applies to information we collect:</p>
 <p>On the Website.</p>
 <p>In email, text, and other electronic messages between you and this Website.</p>
-<p>Through mobile and desktop applications you download from this Website, which provide dedicated non-browser-based interaction between you and this Website.</p>
-<p>When you interact with our advertising and applications on third-party websites and services, if those applications or advertising include links to this policy.</p>
+<p>
+  Through mobile and desktop applications you download from this Website, which provide dedicated
+  non-browser-based interaction between you and this Website.
+</p>
+<p>
+  When you interact with our advertising and applications on third-party websites and services, if
+  those applications or advertising include links to this policy.
+</p>
 <p>It does not apply to information collected by:</p>
 <ul>
-  <li>Us offline or through any other means, including on any other website operated by Company or any third party (including our affiliates and subsidiaries); or</li>
-  <li>Any third party (including our affiliates and subsidiaries), including through any application or content (including advertising) that may link to or be accessible from from the Website.</li>
-  <li>Please read this policy carefully to understand our policies and practices regarding your information and how we will treat it. If you do not agree with our policies and practices, your choice is not to use our Website. By accessing or using this Website, you agree to this privacy policy. This policy may change from time to time (see Changes to our Privacy Policy, below). Your continued use of this Website after we make changes is deemed to be acceptance of those changes, so please check the policy periodically for updates.</li>
+  <li>
+    Us offline or through any other means, including on any other website operated by Company or any
+    third party (including our affiliates and subsidiaries); or
+  </li>
+  <li>
+    Any third party (including our affiliates and subsidiaries), including through any application
+    or content (including advertising) that may link to or be accessible from from the Website.
+  </li>
+  <li>
+    Please read this policy carefully to understand our policies and practices regarding your
+    information and how we will treat it. If you do not agree with our policies and practices, your
+    choice is not to use our Website. By accessing or using this Website, you agree to this privacy
+    policy. This policy may change from time to time (see Changes to our Privacy Policy, below).
+    Your continued use of this Website after we make changes is deemed to be acceptance of those
+    changes, so please check the policy periodically for updates.
+  </li>
 </ul>
 
 <h3>Children Under the Age of 18</h3>
-<p>Our Website is not intended for children under 18 years of age. No one under age 18 may provide any information to or on the Website. We do not knowingly collect personal information from children under 18. If you are under 18, do not use or provide any information on this Website, register on the Website, make any purchases through the Website, use any of the interactive or public comment features of this Website, or provide any information about yourself to us, including your name, address, telephone number, email address, or any screen name or user name you may use. If we learn we have collected or received personal information from a child under 18 without verification of parental consent, we will delete that information and any associated accounts. If you believe we might have any information from or about a child under 18, please contact us at support [at] Your_Instance [dot] com.</p>
+<p>
+  Our Website is not intended for children under 18 years of age. No one under age 18 may provide
+  any information to or on the Website. We do not knowingly collect personal information from
+  children under 18. If you are under 18, do not use or provide any information on this Website,
+  register on the Website, make any purchases through the Website, use any of the interactive or
+  public comment features of this Website, or provide any information about yourself to us,
+  including your name, address, telephone number, email address, or any screen name or user name you
+  may use. If we learn we have collected or received personal information from a child under 18
+  without verification of parental consent, we will delete that information and any associated
+  accounts. If you believe we might have any information from or about a child under 18, please
+  contact us at support [at] Your_Instance [dot] com.
+</p>
 
 <h3>Information We Collect About You and How We Collect It</h3>
-<p>We collect several types of information from and about users of our Website, including information:</p>
+<p>
+  We collect several types of information from and about users of our Website, including
+  information:
+</p>
 <ul>
-  <li>By which you may be personally identified, such as an e-mail address (&quot;personal information&quot;);</li>
-  <li>That is about you but individually does not identify you, such as the content of your user profile; and/or</li>
-  <li>About your internet connection, the equipment you use to access our Website, and usage details.</li>
+  <li>
+    By which you may be personally identified, such as an e-mail address (&quot;personal
+    information&quot;);
+  </li>
+  <li>
+    That is about you but individually does not identify you, such as the content of your user
+    profile; and/or
+  </li>
+  <li>
+    About your internet connection, the equipment you use to access our Website, and usage details.
+  </li>
 </ul>
 <ul>
   <li>We collect this information:</li>
   <li>Directly from you when you provide it to us.</li>
-  <li>Automatically as you navigate through the site. Information collected automatically may include usage details and IP addresses.</li>
+  <li>
+    Automatically as you navigate through the site. Information collected automatically may include
+    usage details and IP addresses.
+  </li>
   <li>From third parties, for example, our business partners.</li>
 </ul>
 
 <h3>Information You Provide to Us</h3>
 <p>The information we collect on or through our Website may include:</p>
-<p>Information that you provide by filling in forms on our Website. This includes information provided at the time of registering to use our Website, subscribing to our service, posting material, or requesting further services. We may also ask you for information when you report a problem with our Website.</p>
+<p>
+  Information that you provide by filling in forms on our Website. This includes information
+  provided at the time of registering to use our Website, subscribing to our service, posting
+  material, or requesting further services. We may also ask you for information when you report a
+  problem with our Website.
+</p>
 <p>Records and copies of your correspondence (including email addresses), if you contact us.</p>
-<p>Details of transactions you carry out through our Website and of the fulfillment of your orders. You may be required to provide financial information before placing an order through our Website.</p>
-<p>You also may provide information to be published or displayed (hereinafter, &quot;posted&quot;) on public areas of the Website, or transmitted to other users of the Website or third parties (collectively, &quot;User Contributions&quot;). The overwhelming majority of User Contributions are public and may be seen by any person who navigates to them. Your User Contributions are posted on and transmitted to others at your own risk. Although you may set certain privacy settings for such information by logging into your account profile, please be aware that no security measures are perfect or impenetrable. Additionally, we cannot control the actions of other users of the Website with whom you may choose to share your User Contributions. Therefore, we cannot and do not guarantee that your User Contributions will not be viewed by unauthorized persons.</p>
+<p>
+  Details of transactions you carry out through our Website and of the fulfillment of your orders.
+  You may be required to provide financial information before placing an order through our Website.
+</p>
+<p>
+  You also may provide information to be published or displayed (hereinafter, &quot;posted&quot;) on
+  public areas of the Website, or transmitted to other users of the Website or third parties
+  (collectively, &quot;User Contributions&quot;). The overwhelming majority of User Contributions
+  are public and may be seen by any person who navigates to them. Your User Contributions are posted
+  on and transmitted to others at your own risk. Although you may set certain privacy settings for
+  such information by logging into your account profile, please be aware that no security measures
+  are perfect or impenetrable. Additionally, we cannot control the actions of other users of the
+  Website with whom you may choose to share your User Contributions. Therefore, we cannot and do not
+  guarantee that your User Contributions will not be viewed by unauthorized persons.
+</p>
 
 <h3>Information We Collect Through Automatic Data Collection</h3>
-<p>As you navigate through and interact with our Website, we may use automatic data collection technologies to collect certain information about your equipment, browsing actions, and patterns, including:</p>
+<p>
+  As you navigate through and interact with our Website, we may use automatic data collection
+  technologies to collect certain information about your equipment, browsing actions, and patterns,
+  including:
+</p>
 <ul>
-  <li>Details of your visits to our Website, including traffic data, logs, and other communication data and the resources that you access and use on the Website.</li>
-  <li>Information about your computer and internet connection, including your IP address, operating system, and browser type.</li>
+  <li>
+    Details of your visits to our Website, including traffic data, logs, and other communication
+    data and the resources that you access and use on the Website.
+  </li>
+  <li>
+    Information about your computer and internet connection, including your IP address, operating
+    system, and browser type.
+  </li>
 </ul>
-<p>The information we collect automatically may be only statistical data and may not include personal information. It helps us to improve our Website and to deliver a better and more personalized service, including by enabling us to:</p>
+<p>
+  The information we collect automatically may be only statistical data and may not include personal
+  information. It helps us to improve our Website and to deliver a better and more personalized
+  service, including by enabling us to:
+</p>
 <ul>
   <li>Estimate our audience size and usage patterns.</li>
-  <li>Store information about your preferences, allowing us to customize our Website according to your individual interests.</li>
+  <li>
+    Store information about your preferences, allowing us to customize our Website according to your
+    individual interests.
+  </li>
   <li>Speed up your searches.</li>
   <li>Recognize you when you return to our Website.</li>
 </ul>
 <p>The technologies we use for this automatic data collection may include:</p>
-  <ul>
-  <li>Cookies (or browser cookies). A cookie is a small file placed on the hard drive of your computer. You may refuse to accept browser cookies by activating the appropriate setting on your browser. However, if you select this setting you may be unable to access certain parts of our Website. Unless you have adjusted your browser setting so that it will refuse cookies, our system will issue cookies when you direct your browser to our Website.</li>
-  <li>We do not collect personal information automatically, but we may tie this information to personal information about you that we collect from other sources or you provide to us.</li>
+<ul>
+  <li>
+    Cookies (or browser cookies). A cookie is a small file placed on the hard drive of your
+    computer. You may refuse to accept browser cookies by activating the appropriate setting on your
+    browser. However, if you select this setting you may be unable to access certain parts of our
+    Website. Unless you have adjusted your browser setting so that it will refuse cookies, our
+    system will issue cookies when you direct your browser to our Website.
+  </li>
+  <li>
+    We do not collect personal information automatically, but we may tie this information to
+    personal information about you that we collect from other sources or you provide to us.
+  </li>
 </ul>
 
 <h3>How We Use Your Information</h3>
-<p>We use information that we collect about you or that you provide to us, including any personal information:</p>
+<p>
+  We use information that we collect about you or that you provide to us, including any personal
+  information:
+</p>
 <ul>
   <li>To present our Website and its contents to you.</li>
   <li>To provide you with information about our products or services.</li>
   <li>To fulfill any other purpose for which you provide it.</li>
   <li>To provide you with notices about your account, including expiration and renewal notices.</li>
-  <li>To carry out our obligations and enforce our rights arising from any contracts entered into between you and us, including for billing and collection.</li>
-  <li>To notify you about changes to our Website or any products or services we offer or provide though it.</li>
+  <li>
+    To carry out our obligations and enforce our rights arising from any contracts entered into
+    between you and us, including for billing and collection.
+  </li>
+  <li>
+    To notify you about changes to our Website or any products or services we offer or provide
+    though it.
+  </li>
   <li>To allow you to participate in interactive features on our Website.</li>
   <li>In any other way we may describe when you provide the information.</li>
   <li>For any other purpose with your consent.</li>
 </ul>
-<p>We may also use your information to contact you about our own and third-parties' goods and services that may be of interest to you.</p>
+<p>
+  We may also use your information to contact you about our own and third-parties' goods and
+  services that may be of interest to you.
+</p>
 
 <h3>Disclosure of Your Information</h3>
-<p>We may disclose aggregated information about our users, and information that does not identify any individual, without restriction.</p>
-<p>It is the policy of the Company to not provide any user data to any person unless compelled by a court order issued by a U.S. court, except in cases of life-threatening emergency. The Company reserves the right to change or deviate from this policy at any time, in its sole and absolute discretion, with or without notice to you.</p>
-<p>We may disclose personal information that we collect or you provide as described in this privacy policy:</p>
+<p>
+  We may disclose aggregated information about our users, and information that does not identify any
+  individual, without restriction.
+</p>
+<p>
+  It is the policy of the Company to not provide any user data to any person unless compelled by a
+  court order issued by a U.S. court, except in cases of life-threatening emergency. The Company
+  reserves the right to change or deviate from this policy at any time, in its sole and absolute
+  discretion, with or without notice to you.
+</p>
+<p>
+  We may disclose personal information that we collect or you provide as described in this privacy
+  policy:
+</p>
 <ul>
   <li>To our subsidiaries and affiliates.</li>
-  <li>To contractors, service providers, and other third parties we use to support our business and who are bound by contractual obligations to keep personal information confidential and use it only for the purposes for which we disclose it to them.</li>
-  <li>To a buyer or other successor in the event of a merger, divestiture, restructuring, reorganization, dissolution, or other sale or transfer of some or all of Your_Entity_Name's assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding, in which personal information held by Your_Entity_Name about our Website users is among the assets transferred.</li>
+  <li>
+    To contractors, service providers, and other third parties we use to support our business and
+    who are bound by contractual obligations to keep personal information confidential and use it
+    only for the purposes for which we disclose it to them.
+  </li>
+  <li>
+    To a buyer or other successor in the event of a merger, divestiture, restructuring,
+    reorganization, dissolution, or other sale or transfer of some or all of Your_Entity_Name's
+    assets, whether as a going concern or as part of bankruptcy, liquidation, or similar proceeding,
+    in which personal information held by Your_Entity_Name about our Website users is among the
+    assets transferred.
+  </li>
   <li>To fulfill the purpose for which you provide it.</li>
   <li>For any other purpose disclosed by us when you provide the information.</li>
   <li>With your consent.</li>
   <li>We may also disclose your personal information:</li>
-  <li>To comply with any court order, law, or legal process, including to respond to any government or regulatory request.</li>
   <li>
-  To enforce or apply our
-  <a href="/about/tos">Terms of Service</a>
-  and other agreements, including for billing and collection purposes.
+    To comply with any court order, law, or legal process, including to respond to any government or
+    regulatory request.
+  </li>
+  <li>
+    To enforce or apply our
+    <a href="/about/tos">Terms of Service</a>
+    and other agreements, including for billing and collection purposes.
+  </li>
+  <li>
+    If we believe disclosure is necessary or appropriate to protect the rights, property, or safety
+    of Your_Entity_Name, our employees, our customers, or any other person.
   </li>
-  <li>If we believe disclosure is necessary or appropriate to protect the rights, property, or safety of Your_Entity_Name, our employees, our customers, or any other person.</li>
 </ul>
 
 <h3>Accessing, Correcting and Deleting Your Information</h3>
-<p>You can review and change your personal information by logging into the Website and visiting your account profile page.</p>
-<p>You may also send us an email at support [at] Your_Instance_URL [dot] Your_Instance_TLD to request access to, correct or delete any personal information that you have provided to us. We cannot delete your personal information except by also deleting your user account. We may not accommodate a request to change information if we believe the change would violate any law or legal requirement or cause the information to be incorrect.</p>
 <p>
-  If you delete your User Contributions from the Website, copies of your User Contributions may remain viewable in cached and archived pages, or might have been copied or stored by other Website users. Proper access and use of information provided on the Website, including User Contributions, is governed by our
+  You can review and change your personal information by logging into the Website and visiting your
+  account profile page.
+</p>
+<p>
+  You may also send us an email at support [at] Your_Instance_URL [dot] Your_Instance_TLD to request
+  access to, correct or delete any personal information that you have provided to us. We cannot
+  delete your personal information except by also deleting your user account. We may not accommodate
+  a request to change information if we believe the change would violate any law or legal
+  requirement or cause the information to be incorrect.
+</p>
+<p>
+  If you delete your User Contributions from the Website, copies of your User Contributions may
+  remain viewable in cached and archived pages, or might have been copied or stored by other Website
+  users. Proper access and use of information provided on the Website, including User Contributions,
+  is governed by our
   <a href="/about/tos">Terms of Service.</a>
 </p>
 
 <h3>Data Security</h3>
-<p>We have implemented measures designed to secure your personal information from accidental loss and from unauthorized access, use, alteration, and disclosure. All information you provide to us is stored on our secure servers behind firewalls. Any payment transactions will be encrypted using SSL.</p>
-<p>The safety and security of your information also depends on you. Most information on the Website is public. Where we have given you (or where you have chosen) a password for access to certain parts of our Website, you are responsible for keeping this password confidential. We ask you not to share your password with anyone. We urge you to be careful about giving out information in public areas of the Website like message boards. The information you share in public areas may be viewed by any user of the Website, whether that user is registered on the site or not.</p>
-<p>Unfortunately, the transmission of information via the internet is not completely secure. Although we do our best to protect your personal information, we cannot guarantee the security of your personal information transmitted to our Website. Any transmission of personal information is at your own risk. We are not responsible for circumvention of any privacy settings or security measures contained on the Website.</p>
+<p>
+  We have implemented measures designed to secure your personal information from accidental loss and
+  from unauthorized access, use, alteration, and disclosure. All information you provide to us is
+  stored on our secure servers behind firewalls. Any payment transactions will be encrypted using
+  SSL.
+</p>
+<p>
+  The safety and security of your information also depends on you. Most information on the Website
+  is public. Where we have given you (or where you have chosen) a password for access to certain
+  parts of our Website, you are responsible for keeping this password confidential. We ask you not
+  to share your password with anyone. We urge you to be careful about giving out information in
+  public areas of the Website like message boards. The information you share in public areas may be
+  viewed by any user of the Website, whether that user is registered on the site or not.
+</p>
+<p>
+  Unfortunately, the transmission of information via the internet is not completely secure. Although
+  we do our best to protect your personal information, we cannot guarantee the security of your
+  personal information transmitted to our Website. Any transmission of personal information is at
+  your own risk. We are not responsible for circumvention of any privacy settings or security
+  measures contained on the Website.
+</p>
 
 <h3>Changes to Our Privacy Policy</h3>
-<p>It is our policy to post any changes we make to our privacy policy on this page with a notice that the privacy policy has been updated on the Website home page. If we make material changes to how we treat our users’ personal information, we will notify you through a notice on the Website home page. The date the privacy policy was last revised is identified at the top of the page. You are responsible for ensuring we have an up-to-date active and deliverable email address for you, and for periodically visiting our Website and this privacy policy to check for any changes.</p>
+<p>
+  It is our policy to post any changes we make to our privacy policy on this page with a notice that
+  the privacy policy has been updated on the Website home page. If we make material changes to how
+  we treat our users’ personal information, we will notify you through a notice on the Website home
+  page. The date the privacy policy was last revised is identified at the top of the page. You are
+  responsible for ensuring we have an up-to-date active and deliverable email address for you, and
+  for periodically visiting our Website and this privacy policy to check for any changes.
+</p>
 
 <h3>Contact Information</h3>
-<p>To ask questions or comment about this privacy policy and our privacy practices, contact us at</p>
 <p>
-  Your_Entity_Name<br>
-  Your_Street_Address<br>
+  To ask questions or comment about this privacy policy and our privacy practices, contact us at
+</p>
+<p>
+  Your_Entity_Name<br />
+  Your_Street_Address<br />
   Your_City_State_Zip
 </p>
 <p>Or by any contact form at the bottom of this page.</p>
diff --git a/packages/pl-fe/src/instance/about.example/tos.html b/packages/pl-fe/src/instance/about.example/tos.html
index 6569b6cc1..d2513566a 100644
--- a/packages/pl-fe/src/instance/about.example/tos.html
+++ b/packages/pl-fe/src/instance/about.example/tos.html
@@ -7,22 +7,18 @@
 <p>Our Terms of Use are simple:</p>
 <ul>
   <li>
-    This is our web site, and we will do as we please with it.  If you
-    don't like how we run our site, you are free to set up your own.
+    This is our web site, and we will do as we please with it. If you don't like how we run our
+    site, you are free to set up your own.
   </li>
   <li>
-    You grant us a non-exclusive, perpetual, world-wide, irrevocable,
-    no-charge, royalty-free copyright license to reproduce, prepare
-    derivative works of, publicly display, publicly perform,
+    You grant us a non-exclusive, perpetual, world-wide, irrevocable, no-charge, royalty-free
+    copyright license to reproduce, prepare derivative works of, publicly display, publicly perform,
     sublicense, and distribute content you post here.
   </li>
   <li>
-    We do not promise to preserve anyone's content for any particular
-    length of time.  If you want to preserve content (whether your own
-    or someone else's) from this web site, you should download your
-    own copy of that content.
-  </li>
-  <li>
-    You are liable for what you post, and we are not liable for it.
+    We do not promise to preserve anyone's content for any particular length of time. If you want to
+    preserve content (whether your own or someone else's) from this web site, you should download
+    your own copy of that content.
   </li>
+  <li>You are liable for what you post, and we are not liable for it.</li>
 </ul>
diff --git a/packages/pl-fe/src/instance/pl-fe.example.json b/packages/pl-fe/src/instance/pl-fe.example.json
index 98e500b06..759086916 100644
--- a/packages/pl-fe/src/instance/pl-fe.example.json
+++ b/packages/pl-fe/src/instance/pl-fe.example.json
@@ -2,15 +2,18 @@
   "logo": "/instance/images/soapbox-logo.svg",
   "brandColor": "#d80482",
   "promoPanel": {
-    "items": [{
-      "icon": "area-chart",
-      "text": "Our Site stats",
-      "url": "https://fediverse.network/example.com"
-    }, {
-      "icon": "comment-o",
-      "text": "Our Site blog",
-      "url": "https://blog.example.com"
-    }]
+    "items": [
+      {
+        "icon": "area-chart",
+        "text": "Our Site stats",
+        "url": "https://fediverse.network/example.com"
+      },
+      {
+        "icon": "comment-o",
+        "text": "Our Site blog",
+        "url": "https://blog.example.com"
+      }
+    ]
   },
   "defaultSettings": {
     "autoPlayGif": false,
diff --git a/packages/pl-fe/src/layouts/default-layout.tsx b/packages/pl-fe/src/layouts/default-layout.tsx
index 1549c788f..5e12a5de5 100644
--- a/packages/pl-fe/src/layouts/default-layout.tsx
+++ b/packages/pl-fe/src/layouts/default-layout.tsx
@@ -3,16 +3,12 @@ import React from 'react';
 
 import Layout from '@/components/ui/layout';
 import LinkFooter from '@/features/ui/components/link-footer';
-import {
-  WhoToFollowPanel,
-  TrendsPanel,
-  SignUpPanel,
-} from '@/features/ui/util/async-components';
+import { WhoToFollowPanel, TrendsPanel, SignUpPanel } from '@/features/ui/util/async-components';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 
 const DefaultLayout: React.FC = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
   return (
@@ -22,15 +18,9 @@ const DefaultLayout: React.FC = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {!me && <SignUpPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
+        {me && features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter key='link-footer' />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/event-layout.tsx b/packages/pl-fe/src/layouts/event-layout.tsx
index b38942d2e..5fa6aa45e 100644
--- a/packages/pl-fe/src/layouts/event-layout.tsx
+++ b/packages/pl-fe/src/layouts/event-layout.tsx
@@ -24,42 +24,47 @@ const getStatus = makeGetStatus();
 const EventLayout = () => {
   const { statusId } = layouts.event.useParams();
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
   const navigate = useNavigate();
   const location = useLocation();
 
-  const status = useAppSelector(state => getStatus(state, { id: statusId }) ?? undefined);
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }) ?? undefined);
 
   const event = status?.event;
 
   if (status && !event) {
-    navigate({ to: '/@{$username}/posts/$statusId', params: { username: status.account.acct, statusId: status.id } });
-    return (
-      <PlaceholderStatus />
-    );
+    navigate({
+      to: '/@{$username}/posts/$statusId',
+      params: { username: status.account.acct, statusId: status.id },
+    });
+    return <PlaceholderStatus />;
   }
 
   const pathname = location.pathname;
   const activeItem = pathname.endsWith('/discussion') ? 'discussion' : 'info';
 
-  const tabs: Array<Item> = status ? [
-    {
-      text: <FormattedMessage id='event.information' defaultMessage='Information' />,
-      to: '/@{$username}/events/$statusId',
-      params: { username: status.account.acct, statusId: status.id },
-      name: 'info',
-    },
-    {
-      text: <FormattedMessage id='event.discussion' defaultMessage='Discussion' />,
-      to: '/@{$username}/events/$statusId/discussion',
-      params: { username: status.account.acct, statusId: status.id },
-      name: 'discussion',
-    },
-  ] : [];
+  const tabs: Array<Item> = status
+    ? [
+        {
+          text: <FormattedMessage id='event.information' defaultMessage='Information' />,
+          to: '/@{$username}/events/$statusId',
+          params: { username: status.account.acct, statusId: status.id },
+          name: 'info',
+        },
+        {
+          text: <FormattedMessage id='event.discussion' defaultMessage='Discussion' />,
+          to: '/@{$username}/events/$statusId/discussion',
+          params: { username: status.account.acct, statusId: status.id },
+          name: 'discussion',
+        },
+      ]
+    : [];
 
-  const showTabs = !['/participations', 'participation_requests'].some(path => pathname.endsWith(path));
+  const showTabs = !['/participations', 'participation_requests'].some((path) =>
+    pathname.endsWith(path),
+  );
 
   return (
     <>
@@ -83,15 +88,9 @@ const EventLayout = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {!me && <SignUpPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
+        {features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter key='link-footer' />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/events-layout.tsx b/packages/pl-fe/src/layouts/events-layout.tsx
index e15f31b7b..8d132ff89 100644
--- a/packages/pl-fe/src/layouts/events-layout.tsx
+++ b/packages/pl-fe/src/layouts/events-layout.tsx
@@ -3,11 +3,7 @@ import React from 'react';
 
 import Layout from '@/components/ui/layout';
 import LinkFooter from '@/features/ui/components/link-footer';
-import {
-  WhoToFollowPanel,
-  TrendsPanel,
-  NewEventPanel,
-} from '@/features/ui/util/async-components';
+import { WhoToFollowPanel, TrendsPanel, NewEventPanel } from '@/features/ui/util/async-components';
 import { useFeatures } from '@/hooks/use-features';
 
 /** Layout to display events list. */
@@ -22,12 +18,8 @@ const EventsLayout = () => {
 
       <Layout.Aside>
         <NewEventPanel />
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {features.trends && <TrendsPanel limit={5} />}
+        {features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter key='link-footer' />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/external-login-layout.tsx b/packages/pl-fe/src/layouts/external-login-layout.tsx
index 0a02e4b61..26254da3b 100644
--- a/packages/pl-fe/src/layouts/external-login-layout.tsx
+++ b/packages/pl-fe/src/layouts/external-login-layout.tsx
@@ -3,17 +3,13 @@ import React from 'react';
 
 import Layout from '@/components/ui/layout';
 import LinkFooter from '@/features/ui/components/link-footer';
-import {
-  WhoToFollowPanel,
-  TrendsPanel,
-  SignUpPanel,
-} from '@/features/ui/util/async-components';
+import { WhoToFollowPanel, TrendsPanel, SignUpPanel } from '@/features/ui/util/async-components';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 import { isStandalone } from '@/utils/state';
 
 const ExternalLoginLayout = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
   const standalone = useAppSelector(isStandalone);
 
@@ -24,15 +20,9 @@ const ExternalLoginLayout = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && !standalone && (
-          <SignUpPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {!me && !standalone && <SignUpPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
+        {me && features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter key='link-footer' />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/group-layout.tsx b/packages/pl-fe/src/layouts/group-layout.tsx
index 9ad0eabc7..392cfa679 100644
--- a/packages/pl-fe/src/layouts/group-layout.tsx
+++ b/packages/pl-fe/src/layouts/group-layout.tsx
@@ -13,10 +13,7 @@ import Text from '@/components/ui/text';
 import GroupHeader from '@/features/group/components/group-header';
 import LinkFooter from '@/features/ui/components/link-footer';
 import { layouts } from '@/features/ui/router';
-import {
-  GroupMediaPanel,
-  SignUpPanel,
-} from '@/features/ui/util/async-components';
+import { GroupMediaPanel, SignUpPanel } from '@/features/ui/util/async-components';
 import { useOwnAccount } from '@/hooks/use-own-account';
 
 const messages = defineMessages({
@@ -100,20 +97,14 @@ const GroupLayout = () => {
         <Column size='lg' label={group ? group.display_name : ''} withHeader={false}>
           <GroupHeader key={`group-header-${groupId}`} group={group} />
 
-          <Tabs
-            key={`group-tabs-${groupId}`}
-            items={tabItems}
-            activeItem={location.pathname}
-          />
+          <Tabs key={`group-tabs-${groupId}`} items={tabItems} activeItem={location.pathname} />
 
           {renderChildren()}
         </Column>
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
+        {!me && <SignUpPanel />}
         {group && (group.relationship?.member ?? !group.locked) && (
           <GroupMediaPanel group={group} />
         )}
diff --git a/packages/pl-fe/src/layouts/home-layout.tsx b/packages/pl-fe/src/layouts/home-layout.tsx
index af2bd3e4d..82cf5a14d 100644
--- a/packages/pl-fe/src/layouts/home-layout.tsx
+++ b/packages/pl-fe/src/layouts/home-layout.tsx
@@ -1,4 +1,4 @@
-import { Outlet , Link } from '@tanstack/react-router';
+import { Outlet, Link } from '@tanstack/react-router';
 import clsx from 'clsx';
 import React, { useRef } from 'react';
 import { useIntl } from 'react-intl';
@@ -29,7 +29,7 @@ const HomeLayout = () => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const { account } = useOwnAccount();
   const features = useFeatures();
   const frontendConfig = useFrontendConfig();
@@ -61,8 +61,18 @@ const HomeLayout = () => {
           >
             <div className='⁂-compose-block__body'>
               {!disableUserProvidedMedia && (
-                <Link className='⁂-compose-block__avatar' to='/@{$username}' params={{ username: acct }}>
-                  <Avatar src={avatar} alt={account?.avatar_description} isCat={account?.is_cat} size={42} username={account?.username} />
+                <Link
+                  className='⁂-compose-block__avatar'
+                  to='/@{$username}'
+                  params={{ username: acct }}
+                >
+                  <Avatar
+                    src={avatar}
+                    alt={account?.avatar_description}
+                    isCat={account?.is_cat}
+                    size={42}
+                    username={account?.username}
+                  />
                 </Link>
               )}
 
@@ -81,28 +91,16 @@ const HomeLayout = () => {
         )}
 
         <Outlet />
-      </Layout.Main >
+      </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
-        {me && features.announcements && (
-          <AnnouncementsPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {(hasCrypto && cryptoLimit > 0 && me) && (
-          <CryptoDonatePanel limit={cryptoLimit} />
-        )}
+        {!me && <SignUpPanel />}
+        {me && features.announcements && <AnnouncementsPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
+        {hasCrypto && cryptoLimit > 0 && me && <CryptoDonatePanel limit={cryptoLimit} />}
         <PromoPanel />
-        {features.birthdays && (
-          <BirthdayPanel limit={10} />
-        )}
-        {me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {features.birthdays && <BirthdayPanel limit={10} />}
+        {me && features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/landing-layout.tsx b/packages/pl-fe/src/layouts/landing-layout.tsx
index f3d6acd5e..a68c5abe2 100644
--- a/packages/pl-fe/src/layouts/landing-layout.tsx
+++ b/packages/pl-fe/src/layouts/landing-layout.tsx
@@ -3,15 +3,12 @@ import React from 'react';
 
 import Layout from '@/components/ui/layout';
 import LinkFooter from '@/features/ui/components/link-footer';
-import {
-  TrendsPanel,
-  SignUpPanel,
-} from '@/features/ui/util/async-components';
+import { TrendsPanel, SignUpPanel } from '@/features/ui/util/async-components';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 
 const LandingLayout = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
   return (
@@ -21,12 +18,8 @@ const LandingLayout = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
+        {!me && <SignUpPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
         <LinkFooter />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/profile-layout.tsx b/packages/pl-fe/src/layouts/profile-layout.tsx
index 2b2234766..e174c68fa 100644
--- a/packages/pl-fe/src/layouts/profile-layout.tsx
+++ b/packages/pl-fe/src/layouts/profile-layout.tsx
@@ -30,7 +30,7 @@ const ProfileLayout: React.FC = () => {
 
   const { account, isUnauthorized } = useAccountLookup(username, { withRelationship: true });
 
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
   const acct = useAcct(account);
 
@@ -90,7 +90,7 @@ const ProfileLayout: React.FC = () => {
     activeItem = 'profile';
   }
 
-  const showTabs = !['/following', '/followers', '/pins'].some(path => pathname.endsWith(path));
+  const showTabs = !['/following', '/followers', '/pins'].some((path) => pathname.endsWith(path));
 
   return (
     <>
@@ -115,21 +115,15 @@ const ProfileLayout: React.FC = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
+        {!me && <SignUpPanel />}
 
-        {features.notes && account && account?.id !== me && (
-          <AccountNotePanel account={account} />
-        )}
+        {features.notes && account && account?.id !== me && <AccountNotePanel account={account} />}
         <ProfileMediaPanel account={account} />
-        {(account && account.fields.length > 0) && (
-          <ProfileFieldsPanel account={account} />
-        )}
-        {(features.accountEndorsements && account && account.local) ? (
+        {account && account.fields.length > 0 && <ProfileFieldsPanel account={account} />}
+        {features.accountEndorsements && account && account.local ? (
           <PinnedAccountsPanel account={account} limit={5} />
-        ) : me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
+        ) : (
+          me && features.suggestions && <WhoToFollowPanel limit={3} />
         )}
         <LinkFooter key='link-footer' />
       </Layout.Aside>
diff --git a/packages/pl-fe/src/layouts/remote-instance-layout.tsx b/packages/pl-fe/src/layouts/remote-instance-layout.tsx
index a730d7a71..2f1090e73 100644
--- a/packages/pl-fe/src/layouts/remote-instance-layout.tsx
+++ b/packages/pl-fe/src/layouts/remote-instance-layout.tsx
@@ -29,9 +29,7 @@ const RemoteInstanceLayout = () => {
       <Layout.Aside>
         <PromoPanel />
         <InstanceInfoPanel host={instance} />
-        {(disclosed || account?.is_admin) && (
-          <InstanceModerationPanel host={instance} />
-        )}
+        {(disclosed || account?.is_admin) && <InstanceModerationPanel host={instance} />}
         <LinkFooter />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/layouts/search-layout.tsx b/packages/pl-fe/src/layouts/search-layout.tsx
index 90e4eb962..2eb772147 100644
--- a/packages/pl-fe/src/layouts/search-layout.tsx
+++ b/packages/pl-fe/src/layouts/search-layout.tsx
@@ -3,16 +3,12 @@ import React from 'react';
 
 import Layout from '@/components/ui/layout';
 import LinkFooter from '@/features/ui/components/link-footer';
-import {
-  WhoToFollowPanel,
-  TrendsPanel,
-  SignUpPanel,
-} from '@/features/ui/util/async-components';
+import { WhoToFollowPanel, TrendsPanel, SignUpPanel } from '@/features/ui/util/async-components';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 
 const SearchLayout = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
   return (
@@ -22,17 +18,11 @@ const SearchLayout = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
+        {!me && <SignUpPanel />}
 
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
+        {features.trends && <TrendsPanel limit={5} />}
 
-        {me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {me && features.suggestions && <WhoToFollowPanel limit={3} />}
 
         <LinkFooter />
       </Layout.Aside>
diff --git a/packages/pl-fe/src/layouts/status-layout.tsx b/packages/pl-fe/src/layouts/status-layout.tsx
index 8401ae2e1..e91e6cbf0 100644
--- a/packages/pl-fe/src/layouts/status-layout.tsx
+++ b/packages/pl-fe/src/layouts/status-layout.tsx
@@ -8,7 +8,7 @@ import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 
 const StatusLayout = () => {
-  const me = useAppSelector(state => state.me);
+  const me = useAppSelector((state) => state.me);
   const features = useFeatures();
 
   return (
@@ -18,15 +18,9 @@ const StatusLayout = () => {
       </Layout.Main>
 
       <Layout.Aside>
-        {!me && (
-          <SignUpPanel />
-        )}
-        {features.trends && (
-          <TrendsPanel limit={5} />
-        )}
-        {me && features.suggestions && (
-          <WhoToFollowPanel limit={3} />
-        )}
+        {!me && <SignUpPanel />}
+        {features.trends && <TrendsPanel limit={5} />}
+        {me && features.suggestions && <WhoToFollowPanel limit={3} />}
         <LinkFooter />
       </Layout.Aside>
     </>
diff --git a/packages/pl-fe/src/main.tsx b/packages/pl-fe/src/main.tsx
index 698730733..9cfd910a0 100644
--- a/packages/pl-fe/src/main.tsx
+++ b/packages/pl-fe/src/main.tsx
@@ -1,7 +1,6 @@
 (window as any).__PL_API_FALLBACK_ACCOUNT = { id: '', acct: 'undefined', url: location.origin };
 
 import './polyfills';
-
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 
@@ -19,11 +18,9 @@ import '@fontsource/inter/900.css';
 import '@fontsource/roboto-mono/400.css';
 import 'line-awesome/dist/font-awesome-line-awesome/css/all.css';
 import 'react-datepicker/dist/react-datepicker.css';
-
 import './styles/i18n.css';
 import './styles/application.scss';
 import './styles/tailwind.css';
-
 import './precheck';
 import ready from './ready';
 import { registerSW, lockSW } from './utils/sw';
diff --git a/packages/pl-fe/src/messages.ts b/packages/pl-fe/src/messages.ts
index cbadd5946..1e8d9734b 100644
--- a/packages/pl-fe/src/messages.ts
+++ b/packages/pl-fe/src/messages.ts
@@ -6,20 +6,18 @@ const importCustom = async (locale: string): Promise<MessageModule> => {
   try {
     return await import(`../custom/locales/${locale}.json`);
   } catch {
-    return ({ default: {} });
+    return { default: {} };
   }
 };
 
 /** Import git-checked messages */
-const importMessages = (locale: string): Promise<MessageModule> => import(`./locales/${locale}.json`);
+const importMessages = (locale: string): Promise<MessageModule> =>
+  import(`./locales/${locale}.json`);
 
 /** Override custom messages */
 const importMessagesWithCustom = async (locale: string): Promise<MessageJson> => {
   try {
-    const messages = await Promise.all([
-      importMessages(locale),
-      importCustom(locale),
-    ]);
+    const messages = await Promise.all([importMessages(locale), importCustom(locale)]);
     const [native, custom] = messages;
     return Object.assign(native.default, custom.default);
   } catch (error) {
@@ -97,9 +95,12 @@ const locales = [
 ] as const;
 
 /** pl-fe locales map */
-const messages = locales.reduce((acc, locale) => {
-  acc[locale] = () => importMessagesWithCustom(locale);
-  return acc;
-}, {} as Record<string, () => Promise<MessageJson>>);
+const messages = locales.reduce(
+  (acc, locale) => {
+    acc[locale] = () => importMessagesWithCustom(locale);
+    return acc;
+  },
+  {} as Record<string, () => Promise<MessageJson>>,
+);
 
 export { locales, messages as default };
diff --git a/packages/pl-fe/src/middleware/errors.ts b/packages/pl-fe/src/middleware/errors.ts
index 13a54cd74..b84bedfdc 100644
--- a/packages/pl-fe/src/middleware/errors.ts
+++ b/packages/pl-fe/src/middleware/errors.ts
@@ -16,17 +16,20 @@ const authorized = (error: any): boolean => error?.response?.status !== 401;
 
 /** Whether the error should be shown to the user. */
 const shouldShowError = ({ type, skipAlert, error }: AnyAction): boolean =>
-  !skipAlert && hasResponse(error) && authorized(error) && isFailType(type) && !isRememberFailType(type);
+  !skipAlert &&
+  hasResponse(error) &&
+  authorized(error) &&
+  isFailType(type) &&
+  !isRememberFailType(type);
 
 /** Middleware to display Redux errors to the user. */
-const errorsMiddleware = (): Middleware =>
-  () => next => anyAction => {
-    const action = anyAction as AnyAction;
-    if (shouldShowError(action)) {
-      toast.showAlertForError(action.error);
-    }
+const errorsMiddleware = (): Middleware => () => (next) => (anyAction) => {
+  const action = anyAction as AnyAction;
+  if (shouldShowError(action)) {
+    toast.showAlertForError(action.error);
+  }
 
-    return next(action);
-  };
+  return next(action);
+};
 
 export { errorsMiddleware as default };
diff --git a/packages/pl-fe/src/middleware/sounds.ts b/packages/pl-fe/src/middleware/sounds.ts
index b46069e86..68a6d0056 100644
--- a/packages/pl-fe/src/middleware/sounds.ts
+++ b/packages/pl-fe/src/middleware/sounds.ts
@@ -10,7 +10,7 @@ interface Action extends AnyAction {
 }
 
 /** Middleware to play sounds in response to certain Redux actions. */
-const soundsMiddleware = (): Middleware => () => next => anyAction => {
+const soundsMiddleware = (): Middleware => () => (next) => (anyAction) => {
   const action = anyAction as Action;
   if (action.meta?.sound && soundCache[action.meta.sound]) {
     play(soundCache[action.meta.sound]);
@@ -19,6 +19,4 @@ const soundsMiddleware = (): Middleware => () => next => anyAction => {
   return next(action);
 };
 
-export {
-  soundsMiddleware as default,
-};
+export { soundsMiddleware as default };
diff --git a/packages/pl-fe/src/modals/alt-text-modal.tsx b/packages/pl-fe/src/modals/alt-text-modal.tsx
index d6bd930fc..ccb85cdc9 100644
--- a/packages/pl-fe/src/modals/alt-text-modal.tsx
+++ b/packages/pl-fe/src/modals/alt-text-modal.tsx
@@ -43,20 +43,23 @@ interface PreviewProps {
   withPosition: boolean;
 }
 
-const Preview: React.FC<PreviewProps> = ({ media, position: [x, y], onPositionChange, withPosition }) => {
+const Preview: React.FC<PreviewProps> = ({
+  media,
+  position: [x, y],
+  onPositionChange,
+  withPosition,
+}) => {
   const { focalPoint } = useFeatures();
-  const withFocalPoint = withPosition && focalPoint && (media.type === 'image' || media.type === 'gifv');
+  const withFocalPoint =
+    withPosition && focalPoint && (media.type === 'image' || media.type === 'gifv');
 
   // const [dragging, setDragging] = useState(false);
   const nodeRef = useRef<HTMLDivElement | null>(null);
   const draggingRef = useRef<boolean>(false);
 
-  const setRef = useCallback(
-    (e: HTMLDivElement | null) => {
-      nodeRef.current = e;
-    },
-    [],
-  );
+  const setRef = useCallback((e: HTMLDivElement | null) => {
+    nodeRef.current = e;
+  }, []);
 
   const handleMouseDown = useCallback(
     (e: React.MouseEvent) => {
@@ -138,8 +141,14 @@ const Preview: React.FC<PreviewProps> = ({ media, position: [x, y], onPositionCh
           { 'cursor-grab': withFocalPoint },
         )}
         style={{
-          backgroundImage: media.type === 'image' || media.type === 'gifv' ? `url(${media.preview_url})` : undefined,
-          height: media.type === 'image' || media.type === 'video' ? media.meta.original?.height : undefined,
+          backgroundImage:
+            media.type === 'image' || media.type === 'gifv'
+              ? `url(${media.preview_url})`
+              : undefined,
+          height:
+            media.type === 'image' || media.type === 'video'
+              ? media.meta.original?.height
+              : undefined,
         }}
       >
         <div
@@ -222,22 +231,27 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
   const handleSubmit = useCallback(() => {
     setIsSaving(true);
 
-    onSubmit(description, position).then(() => {
-      setIsSaving(false);
-      dirtyRef.current = false;
-      onClose();
-      return '';
-    }).catch(() => {
-      setIsSaving(false);
-      toast.error(messages.savingFailed);
-    });
+    onSubmit(description, position)
+      .then(() => {
+        setIsSaving(false);
+        dirtyRef.current = false;
+        onClose();
+        return '';
+      })
+      .catch(() => {
+        setIsSaving(false);
+        toast.error(messages.savingFailed);
+      });
   }, [dispatch, setIsSaving, media.id, onClose, description, position]);
 
-  const handleKeyUp = useCallback((e: React.KeyboardEvent) => {
-    if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
-      e.preventDefault();
-    }
-  }, [handleSubmit]);
+  const handleKeyUp = useCallback(
+    (e: React.KeyboardEvent) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
+        e.preventDefault();
+      }
+    },
+    [handleSubmit],
+  );
 
   const handleSave = () => {
     handleSubmit();
@@ -249,19 +263,22 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
       confirmationAction={handleSave}
       confirmationText={<FormattedMessage id='alt_text_modal.confirmation' defaultMessage='Save' />}
       confirmationDisabled={isSaving}
-      secondaryAction={() =>{
+      secondaryAction={() => {
         onClose('ALT_TEXT');
       }}
       secondaryText={<FormattedMessage id='alt_text_modal.cancel' defaultMessage='Cancel' />}
     >
       <Stack space={2}>
-        <Preview media={media} withPosition={withPosition} position={position} onPositionChange={handlePositionChange} />
+        <Preview
+          media={media}
+          withPosition={withPosition}
+          position={position}
+          onPositionChange={handlePositionChange}
+        />
         <form>
           <FormGroup
             labelText={intl.formatMessage(
-              media.type === 'audio'
-                ? messages.placeholderHearing
-                : messages.placeholderVisual,
+              media.type === 'audio' ? messages.placeholderHearing : messages.placeholderVisual,
             )}
           >
             <Textarea
@@ -272,9 +289,7 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
               lang={language ?? undefined}
               minRows={3}
               placeholder={intl.formatMessage(
-                media.type === 'audio'
-                  ? messages.placeholderHearing
-                  : messages.placeholderVisual,
+                media.type === 'audio' ? messages.placeholderHearing : messages.placeholderVisual,
               )}
               disabled={isSaving}
             />
diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 5040489c1..811317fec 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -43,20 +43,23 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
 
   const [title, setTitle] = useState(antenna ? antenna.title : '');
 
-  const handleSubmit: React.FormEventHandler = e => {
+  const handleSubmit: React.FormEventHandler = (e) => {
     e.preventDefault();
     handleUpdate();
   };
 
   const handleUpdate = () => {
-    (antennaId ? updateAntenna : createAntenna)({ title }, {
-      onSuccess: () => {
-        toast.success(intl.formatMessage(messages.success));
+    (antennaId ? updateAntenna : createAntenna)(
+      { title },
+      {
+        onSuccess: () => {
+          toast.success(intl.formatMessage(messages.success));
+        },
+        onError: () => {
+          toast.error(intl.formatMessage(messages.error));
+        },
       },
-      onError: () => {
-        toast.error(intl.formatMessage(messages.error));
-      },
-    });
+    );
   };
 
   return (
@@ -68,16 +71,18 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
           outerClassName='grow'
           type='text'
           value={title}
-          onChange={(e) =>{
+          onChange={(e) => {
             setTitle(e.target.value);
           }}
         />
       </FormGroup>
       <FormActions>
         <Button onClick={handleUpdate} disabled={disabled}>
-          {antennaId
-            ? <FormattedMessage id='antennas.edit.save' defaultMessage='Save antenna' />
-            : <FormattedMessage id='antennas.create.save' defaultMessage='Create antenna' />}
+          {antennaId ? (
+            <FormattedMessage id='antennas.edit.save' defaultMessage='Save antenna' />
+          ) : (
+            <FormattedMessage id='antennas.create.save' defaultMessage='Create antenna' />
+          )}
         </Button>
       </FormActions>
     </Form>
@@ -88,7 +93,10 @@ interface AntennaEditorModalProps {
   antennaId?: string;
 }
 
-const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = ({ antennaId: initialAntennaId, onClose }) => {
+const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = ({
+  antennaId: initialAntennaId,
+  onClose,
+}) => {
   const [antennaId, setAntennaId] = useState<string | undefined>(initialAntennaId);
   const [tab, setTab] = useState<Tab>('info');
 
@@ -100,18 +108,31 @@ const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = (
 
   return (
     <Modal
-      title={antennaId
-        ? <FormattedMessage id='antennas.edit' defaultMessage='Edit antenna' />
-        : <FormattedMessage id='antennas.create' defaultMessage='Create antenna' />}
+      title={
+        antennaId ? (
+          <FormattedMessage id='antennas.edit' defaultMessage='Edit antenna' />
+        ) : (
+          <FormattedMessage id='antennas.create' defaultMessage='Create antenna' />
+        )
+      }
       onClose={onClickClose}
-      onBack={tab === 'info' ? undefined : () =>{
-        setTab('info');
-      }}
+      onBack={
+        tab === 'info'
+          ? undefined
+          : () => {
+              setTab('info');
+            }
+      }
     >
-      {isFetched ? (tab === 'info'
-        ? <EditAntennaForm antennaId={antennaId} setAntennaId={setAntennaId} onTabChange={setTab} />
-        : <AntennaMembersForm antennaId={antennaId} />
-      ) : <Spinner />}
+      {isFetched ? (
+        tab === 'info' ? (
+          <EditAntennaForm antennaId={antennaId} setAntennaId={setAntennaId} onTabChange={setTab} />
+        ) : (
+          <AntennaMembersForm antennaId={antennaId} />
+        )
+      ) : (
+        <Spinner />
+      )}
     </Modal>
   );
 };
diff --git a/packages/pl-fe/src/modals/birthdays-modal.tsx b/packages/pl-fe/src/modals/birthdays-modal.tsx
index eee9eb4e4..1dab66382 100644
--- a/packages/pl-fe/src/modals/birthdays-modal.tsx
+++ b/packages/pl-fe/src/modals/birthdays-modal.tsx
@@ -23,7 +23,12 @@ const BirthdaysModal = ({ onClose }: BaseModalProps) => {
   if (!accountIds) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='birthdays_modal.empty' defaultMessage='None of your friends have birthday today.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='birthdays_modal.empty'
+        defaultMessage='None of your friends have birthday today.'
+      />
+    );
 
     body = (
       <ScrollableList
@@ -32,9 +37,9 @@ const BirthdaysModal = ({ onClose }: BaseModalProps) => {
         itemClassName='pb-3'
         useWindowScroll={false}
       >
-        {accountIds.map(id =>
-          <Account key={id} accountId={id} />,
-        )}
+        {accountIds.map((id) => (
+          <Account key={id} accountId={id} />
+        ))}
       </ScrollableList>
     );
   }
diff --git a/packages/pl-fe/src/modals/block-mute-modal.tsx b/packages/pl-fe/src/modals/block-mute-modal.tsx
index 7917b1cf6..3920f1455 100644
--- a/packages/pl-fe/src/modals/block-mute-modal.tsx
+++ b/packages/pl-fe/src/modals/block-mute-modal.tsx
@@ -13,7 +13,11 @@ import Toggle from '@/components/ui/toggle';
 import DurationSelector from '@/features/compose/components/polls/duration-selector';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useFeatures } from '@/hooks/use-features';
-import { useBlockAccountMutation, useMuteAccountMutation, useUpdateAccountNoteMutation } from '@/queries/accounts/use-relationship';
+import {
+  useBlockAccountMutation,
+  useMuteAccountMutation,
+  useUpdateAccountNoteMutation,
+} from '@/queries/accounts/use-relationship';
 import toast from '@/toast';
 
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
@@ -30,7 +34,12 @@ interface BlockMuteModalProps {
   statusId?: string;
 }
 
-const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accountId, statusId, onClose, action }) => {
+const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({
+  accountId,
+  statusId,
+  onClose,
+  action,
+}) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
 
@@ -65,7 +74,7 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
     });
     if (notes && note !== undefined && note !== currentNote) {
       updateAccountNote(note, {
-        onError: () =>{
+        onError: () => {
           toast.error(messages.noteSaveFailed);
         },
       });
@@ -73,7 +82,7 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
   };
 
   const handleBlockAndReport = () => {
-    handleClick(() =>{
+    handleClick(() => {
       dispatch(initReport(ReportableEntities.STATUS, account, { statusId }));
     });
   };
@@ -83,36 +92,53 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
   };
 
   const toggleNotifications = () => {
-    setNotifications(notifications => !notifications);
+    setNotifications((notifications) => !notifications);
   };
 
   const handleChangeMuteDuration = (expiresIn: number): void => {
     setDuration(expiresIn);
   };
 
-  const toggleAutoExpire = () =>{
+  const toggleAutoExpire = () => {
     setDuration(duration ? 0 : 2 * 60 * 60 * 24);
   };
 
   return (
     <Modal
-      title={action === 'MUTE' ? (
-        <FormattedMessage id='confirmations.mute.heading' defaultMessage='Mute @{name}' values={{ name: account.acct }} />
-      ) : (
-        <FormattedMessage id='confirmations.block.heading' defaultMessage='Block @{name}' values={{ name: account.acct }} />
-      )}
+      title={
+        action === 'MUTE' ? (
+          <FormattedMessage
+            id='confirmations.mute.heading'
+            defaultMessage='Mute @{name}'
+            values={{ name: account.acct }}
+          />
+        ) : (
+          <FormattedMessage
+            id='confirmations.block.heading'
+            defaultMessage='Block @{name}'
+            values={{ name: account.acct }}
+          />
+        )
+      }
       onClose={handleCancel}
-      confirmationAction={() =>{
+      confirmationAction={() => {
         handleClick();
       }}
-      confirmationText={action === 'MUTE' ? (
-        <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />
-      ) : (
-        <FormattedMessage id='confirmations.block.confirm' defaultMessage='Block' />
-      )}
+      confirmationText={
+        action === 'MUTE' ? (
+          <FormattedMessage id='confirmations.mute.confirm' defaultMessage='Mute' />
+        ) : (
+          <FormattedMessage id='confirmations.block.confirm' defaultMessage='Block' />
+        )
+      }
       confirmationDisabled={isSubmitting}
       secondaryAction={action === 'BLOCK' ? handleBlockAndReport : undefined}
-      secondaryText={<FormattedMessage id='confirmations.block.block_and_report' defaultMessage='Block and report' />}
+      secondaryText={
+        <FormattedMessage
+          id='confirmations.block.block_and_report'
+          defaultMessage='Block and report'
+        />
+      }
       secondaryDisabled={isSubmitting}
       cancelText={<FormattedMessage id='confirmation_modal.cancel' defaultMessage='Cancel' />}
       cancelAction={handleCancel}
@@ -138,26 +164,32 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
           <label>
             <HStack alignItems='center' space={2}>
               <Text tag='span' theme='muted'>
-                <FormattedMessage id='mute_modal.hide_notifications' defaultMessage='Hide notifications from this user?' />
+                <FormattedMessage
+                  id='mute_modal.hide_notifications'
+                  defaultMessage='Hide notifications from this user?'
+                />
               </Text>
 
-              <Toggle
-                checked={notifications}
-                onChange={toggleNotifications}
-              />
+              <Toggle checked={notifications} onChange={toggleNotifications} />
             </HStack>
           </label>
         )}
 
         {notes && (
           <FormGroup
-            labelText={(
+            labelText={
               currentNote ? (
-                <FormattedMessage id='mute_modal.note.label.edit' defaultMessage='Edit account note' />
+                <FormattedMessage
+                  id='mute_modal.note.label.edit'
+                  defaultMessage='Edit account note'
+                />
               ) : (
-                <FormattedMessage id='mute_modal.note.label.add' defaultMessage='Add account note' />
+                <FormattedMessage
+                  id='mute_modal.note.label.add'
+                  defaultMessage='Add account note'
+                />
               )
-            )}
+            }
             hintText={
               action === 'MUTE' ? (
                 <FormattedMessage
@@ -174,8 +206,8 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
           >
             <Textarea
               className='mt-1'
-              value={note ?? (currentNote ?? '')}
-              onChange={({ target }) =>{
+              value={note ?? currentNote ?? ''}
+              onChange={({ target }) => {
                 setNote(target.value);
               }}
               autoComplete='off'
@@ -190,22 +222,27 @@ const BlockMuteModal: React.FC<BlockMuteModalProps & BaseModalProps> = ({ accoun
               <HStack alignItems='center' space={2}>
                 <Text tag='span'>
                   {action === 'MUTE' ? (
-                    <FormattedMessage id='mute_modal.auto_expire' defaultMessage='Automatically expire mute?' />
+                    <FormattedMessage
+                      id='mute_modal.auto_expire'
+                      defaultMessage='Automatically expire mute?'
+                    />
                   ) : (
-                    <FormattedMessage id='block_modal.auto_expire' defaultMessage='Automatically expire block?' />
+                    <FormattedMessage
+                      id='block_modal.auto_expire'
+                      defaultMessage='Automatically expire block?'
+                    />
                   )}
                 </Text>
 
-                <Toggle
-                  checked={duration !== 0}
-                  onChange={toggleAutoExpire}
-                />
+                <Toggle checked={duration !== 0} onChange={toggleAutoExpire} />
               </HStack>
             </label>
 
             {duration !== 0 && (
               <Stack space={2}>
-                <Text weight='medium'><FormattedMessage id='mute_modal.duration' defaultMessage='Duration' />: </Text>
+                <Text weight='medium'>
+                  <FormattedMessage id='mute_modal.duration' defaultMessage='Duration' />:{' '}
+                </Text>
 
                 <DurationSelector onDurationChange={handleChangeMuteDuration} value={duration} />
               </Stack>
diff --git a/packages/pl-fe/src/modals/boost-modal.tsx b/packages/pl-fe/src/modals/boost-modal.tsx
index 7d01dce75..e8b55d389 100644
--- a/packages/pl-fe/src/modals/boost-modal.tsx
+++ b/packages/pl-fe/src/modals/boost-modal.tsx
@@ -22,11 +22,16 @@ interface BoostModalProps {
   visibility?: string;
 }
 
-const BoostModal: React.FC<BaseModalProps & BoostModalProps> = ({ statusId, onReblog, visibility, onClose }) => {
+const BoostModal: React.FC<BaseModalProps & BoostModalProps> = ({
+  statusId,
+  onReblog,
+  visibility,
+  onClose,
+}) => {
   const getStatus = useCallback(makeGetStatus(), []);
 
   const intl = useIntl();
-  const status = useAppSelector(state => getStatus(state, { id: statusId }))!;
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }))!;
 
   const handleReblog = () => {
     onReblog();
@@ -37,11 +42,15 @@ const BoostModal: React.FC<BaseModalProps & BoostModalProps> = ({ statusId, onRe
 
   return (
     <Modal
-      title={visibility === 'unlisted'
-        ? <FormattedMessage id='boost_modal.title.unlisted' defaultMessage='Repost unlisted?' />
-        : visibility === 'private'
-          ? <FormattedMessage id='boost_modal.title.private' defaultMessage='Repost privately?' />
-          : <FormattedMessage id='boost_modal.title' defaultMessage='Repost?' />}
+      title={
+        visibility === 'unlisted' ? (
+          <FormattedMessage id='boost_modal.title.unlisted' defaultMessage='Repost unlisted?' />
+        ) : visibility === 'private' ? (
+          <FormattedMessage id='boost_modal.title.private' defaultMessage='Repost privately?' />
+        ) : (
+          <FormattedMessage id='boost_modal.title' defaultMessage='Repost?' />
+        )
+      }
       confirmationAction={handleReblog}
       confirmationText={intl.formatMessage(buttonText)}
     >
@@ -49,7 +58,21 @@ const BoostModal: React.FC<BaseModalProps & BoostModalProps> = ({ statusId, onRe
         <ReplyIndicator status={status} hideActions />
 
         <Text>
-          <FormattedMessage id='boost_modal.combo' defaultMessage='You can press {combo} to skip this next time' values={{ combo: <span>Shift + <Icon className='inline-block align-middle' src={require('@phosphor-icons/core/regular/repeat.svg')} /></span> }} />
+          <FormattedMessage
+            id='boost_modal.combo'
+            defaultMessage='You can press {combo} to skip this next time'
+            values={{
+              combo: (
+                <span>
+                  Shift +{' '}
+                  <Icon
+                    className='inline-block align-middle'
+                    src={require('@phosphor-icons/core/regular/repeat.svg')}
+                  />
+                </span>
+              ),
+            }}
+          />
         </Text>
       </Stack>
     </Modal>
diff --git a/packages/pl-fe/src/modals/circle-editor-modal.tsx b/packages/pl-fe/src/modals/circle-editor-modal.tsx
index 80c47d157..3cbfb2786 100644
--- a/packages/pl-fe/src/modals/circle-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/circle-editor-modal.tsx
@@ -6,7 +6,12 @@ import Modal from '@/components/ui/modal';
 import Spinner from '@/components/ui/spinner';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
-import { useAddAccountsToCircle, useCircle, useCircleAccounts, useRemoveAccountsFromCircle } from '@/queries/accounts/use-circles';
+import {
+  useAddAccountsToCircle,
+  useCircle,
+  useCircleAccounts,
+  useRemoveAccountsFromCircle,
+} from '@/queries/accounts/use-circles';
 import { useAccountSearch } from '@/queries/search/use-search-accounts';
 
 import Account from './list-editor-modal/components/account';
@@ -18,20 +23,26 @@ interface CircleEditorModalProps {
   circleId: string;
 }
 
-const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({ circleId, onClose }) => {
+const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
+  circleId,
+  onClose,
+}) => {
   const [searchValue, setSearchValue] = useState('');
 
   const { data: circle } = useCircle(circleId);
   const { data: accountIds = [] } = useCircleAccounts(circleId);
-  const { data: searchAccountIds = [] } = useAccountSearch(searchValue, { following: true, limit: 5 });
+  const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
+    following: true,
+    limit: 5,
+  });
 
   const { mutate: addToCircle } = useAddAccountsToCircle(circleId);
   const { mutate: removeFromCircle } = useRemoveAccountsFromCircle(circleId);
 
-  const onAdd = (accountId: string) =>{
+  const onAdd = (accountId: string) => {
     addToCircle([accountId]);
   };
-  const onRemove = (accountId: string) =>{
+  const onRemove = (accountId: string) => {
     removeFromCircle([accountId]);
   };
 
@@ -49,29 +60,61 @@ const CircleEditorModal: React.FC<BaseModalProps & CircleEditorModalProps> = ({
           {accountIds.length > 0 ? (
             <div>
               <CardHeader>
-                <CardTitle title={<FormattedMessage id='circles.remove_from_circle' defaultMessage='Remove from circle' />} />
+                <CardTitle
+                  title={
+                    <FormattedMessage
+                      id='circles.remove_from_circle'
+                      defaultMessage='Remove from circle'
+                    />
+                  }
+                />
               </CardHeader>
               <div className='max-h-48 overflow-y-auto'>
-                {accountIds.map(accountId => <Account key={accountId} accountId={accountId} added={accountIds.includes(accountId)} onAdd={onAdd} onRemove={onRemove} />)}
+                {accountIds.map((accountId) => (
+                  <Account
+                    key={accountId}
+                    accountId={accountId}
+                    added={accountIds.includes(accountId)}
+                    onAdd={onAdd}
+                    onRemove={onRemove}
+                  />
+                ))}
               </div>
             </div>
           ) : (
             <Text theme='muted' size='sm'>
-              <FormattedMessage id='empty_column.circle_members' defaultMessage='There are no members in this circle. Use search to find users to add.' />
+              <FormattedMessage
+                id='empty_column.circle_members'
+                defaultMessage='There are no members in this circle. Use search to find users to add.'
+              />
             </Text>
           )}
 
           <div>
             <CardHeader>
-              <CardTitle title={<FormattedMessage id='circles.add_to_circle' defaultMessage='Add to circle' />} />
+              <CardTitle
+                title={
+                  <FormattedMessage id='circles.add_to_circle' defaultMessage='Add to circle' />
+                }
+              />
             </CardHeader>
             <Search value={searchValue} onSubmit={setSearchValue} />
             <div className='max-h-48 overflow-y-auto'>
-              {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} added={accountIds.includes(accountId)} onAdd={onAdd} onRemove={onRemove} />)}
+              {searchAccountIds.map((accountId) => (
+                <Account
+                  key={accountId}
+                  accountId={accountId}
+                  added={accountIds.includes(accountId)}
+                  onAdd={onAdd}
+                  onRemove={onRemove}
+                />
+              ))}
             </div>
           </div>
         </Stack>
-      ) : <Spinner />}
+      ) : (
+        <Spinner />
+      )}
     </Modal>
   );
 };
diff --git a/packages/pl-fe/src/modals/compare-history-modal.tsx b/packages/pl-fe/src/modals/compare-history-modal.tsx
index e42d0cfcf..342d8db34 100644
--- a/packages/pl-fe/src/modals/compare-history-modal.tsx
+++ b/packages/pl-fe/src/modals/compare-history-modal.tsx
@@ -18,10 +18,13 @@ interface CompareHistoryModalProps {
   statusId: string;
 }
 
-const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> = ({ onClose, statusId }) => {
+const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> = ({
+  onClose,
+  statusId,
+}) => {
   const { data: versions, isLoading } = useStatusHistory(statusId);
 
-  const status = useAppSelector(state => state.statuses[statusId]);
+  const status = useAppSelector((state) => state.statuses[statusId]);
 
   const onClickClose = () => {
     onClose('COMPARE_HISTORY');
@@ -35,7 +38,15 @@ const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> =
     body = (
       <div className='⁂-status-list'>
         {versions?.map((version) => {
-          const content = <ParsedContent html={version.content} mentions={status?.mentions} hasQuote={!!status?.quote_id} emojis={version.emojis} speakAsCat={status.account.speak_as_cat} />;
+          const content = (
+            <ParsedContent
+              html={version.content}
+              mentions={status?.mentions}
+              hasQuote={!!status?.quote_id}
+              emojis={version.emojis}
+              speakAsCat={status.account.speak_as_cat}
+            />
+          );
 
           const poll = typeof version.poll !== 'string' && version.poll;
 
@@ -50,9 +61,7 @@ const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> =
                 </>
               )}
 
-              <div className='status__content'>
-                {content}
-              </div>
+              <div className='status__content'>{content}</div>
 
               {poll && (
                 <div className='poll'>
@@ -66,7 +75,11 @@ const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> =
                         />
 
                         <span>
-                          <ParsedContent html={option.title} emojis={version.emojis} speakAsCat={status.account.speak_as_cat} />
+                          <ParsedContent
+                            html={option.title}
+                            emojis={version.emojis}
+                            speakAsCat={status.account.speak_as_cat}
+                          />
                         </span>
                       </HStack>
                     ))}
@@ -74,12 +87,18 @@ const CompareHistoryModal: React.FC<BaseModalProps & CompareHistoryModalProps> =
                 </div>
               )}
 
-              {version.media_attachments.length > 0 && (
-                <AttachmentThumbs status={version} />
-              )}
+              {version.media_attachments.length > 0 && <AttachmentThumbs status={version} />}
 
               <Text align='right' tag='span' theme='muted' size='sm'>
-                <FormattedDate value={new Date(version.created_at)} hour12 year='numeric' month='short' day='2-digit' hour='numeric' minute='2-digit' />
+                <FormattedDate
+                  value={new Date(version.created_at)}
+                  hour12
+                  year='numeric'
+                  month='short'
+                  day='2-digit'
+                  hour='numeric'
+                  minute='2-digit'
+                />
               </Text>
             </Stack>
           );
diff --git a/packages/pl-fe/src/modals/component-modal.tsx b/packages/pl-fe/src/modals/component-modal.tsx
index 423b6f0dd..b505aea2c 100644
--- a/packages/pl-fe/src/modals/component-modal.tsx
+++ b/packages/pl-fe/src/modals/component-modal.tsx
@@ -9,7 +9,11 @@ interface ComponentModalProps {
   componentProps: Record<any, any>;
 }
 
-const ComponentModal: React.FC<BaseModalProps & ComponentModalProps> = ({ onClose, component: Component, componentProps = {} }) => (
+const ComponentModal: React.FC<BaseModalProps & ComponentModalProps> = ({
+  onClose,
+  component: Component,
+  componentProps = {},
+}) => (
   <Modal onClose={onClose} title=''>
     <Component onClose={onClose} {...componentProps} />
   </Modal>
diff --git a/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx b/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
index 719cf99b1..662fba57a 100644
--- a/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
+++ b/packages/pl-fe/src/modals/compose-interaction-policy-modal.tsx
@@ -2,14 +2,22 @@ import { Link } from '@tanstack/react-router';
 import React, { useEffect, useState } from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { changeComposeInteractionPolicyOption, changeComposeQuotePolicyOption } from '@/actions/compose';
+import {
+  changeComposeInteractionPolicyOption,
+  changeComposeQuotePolicyOption,
+} from '@/actions/compose';
 import Modal from '@/components/ui/modal';
 import Stack from '@/components/ui/stack';
 import Warning from '@/features/compose/components/warning';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useClient } from '@/hooks/use-client';
 import { useCompose } from '@/hooks/use-compose';
-import { InteractionPolicyConfig, type Policy, type Rule, type Scope } from '@/pages/settings/interaction-policies';
+import {
+  InteractionPolicyConfig,
+  type Policy,
+  type Rule,
+  type Scope,
+} from '@/pages/settings/interaction-policies';
 import { useInteractionPolicies } from '@/queries/settings/use-interaction-policies';
 
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
@@ -21,10 +29,13 @@ interface ComposeInteractionPolicyModalProps {
   composeId: string;
 }
 
-const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractionPolicyModalProps> = ({ composeId, onClose }) => {
+const ComposeInteractionPolicyModal: React.FC<
+  BaseModalProps & ComposeInteractionPolicyModalProps
+> = ({ composeId, onClose }) => {
   const client = useClient();
   const dispatch = useAppDispatch();
-  const [initialQuotePolicy, setInitialQuotePolicy] = useState<CreateStatusParams['quote_approval_policy']>(undefined);
+  const [initialQuotePolicy, setInitialQuotePolicy] =
+    useState<CreateStatusParams['quote_approval_policy']>(undefined);
   const { interactionPolicies: initial } = useInteractionPolicies();
   const compose = useCompose(composeId);
 
@@ -35,24 +46,28 @@ const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractio
       onClose('COMPOSE_INTERACTION_POLICY');
     }
 
-    client.settings.verifyCredentials().then((credentialAccount) => {
-      setInitialQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
-    }).catch(() => {});
+    client.settings
+      .verifyCredentials()
+      .then((credentialAccount) => {
+        setInitialQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
+      })
+      .catch(() => {});
   }, []);
 
   if (!canManageInteractionPolicies) {
-
     return null;
   }
 
-  const interactionPolicy = (compose.interactionPolicy ?? initial[compose.visibility as 'public']);
+  const interactionPolicy = compose.interactionPolicy ?? initial[compose.visibility as 'public'];
 
   const onClickClose = () => {
     onClose('COMPOSE_INTERACTION_POLICY');
   };
 
   const onChange = (policy: Policy, rule: Rule, value: Scope[]) => {
-    dispatch(changeComposeInteractionPolicyOption(composeId, policy, rule, value, interactionPolicy));
+    dispatch(
+      changeComposeInteractionPolicyOption(composeId, policy, rule, value, interactionPolicy),
+    );
   };
 
   const onQuotePolicyChange = (value: CreateStatusParams['quote_approval_policy']) => {
@@ -61,9 +76,18 @@ const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractio
 
   return (
     <Modal
-      title={<FormattedMessage id='navigation_bar.interaction_policy' defaultMessage='Status interaction rules' />}
+      title={
+        <FormattedMessage
+          id='navigation_bar.interaction_policy'
+          defaultMessage='Status interaction rules'
+        />
+      }
       onClose={onClickClose}
-      closeIcon={composeId === 'compose-modal' ? require('@phosphor-icons/core/regular/arrow-left.svg') : undefined}
+      closeIcon={
+        composeId === 'compose-modal'
+          ? require('@phosphor-icons/core/regular/arrow-left.svg')
+          : undefined
+      }
       closePosition={composeId === 'compose-modal' ? 'left' : undefined}
     >
       <Stack space={4}>
@@ -74,7 +98,10 @@ const ComposeInteractionPolicyModal: React.FC<BaseModalProps & ComposeInteractio
               defaultMessage='Control, who can interact with this post. You can also configure the default interaction policies in <link>Preferences > Interaction policies</link>.'
               values={{
                 link: (children: React.ReactNode) => (
-                  <Link className='font-bold text-gray-800 hover:underline dark:text-gray-200' to={'/settings/interaction_policies'}>
+                  <Link
+                    className='font-bold text-gray-800 hover:underline dark:text-gray-200'
+                    to={'/settings/interaction_policies'}
+                  >
                     {children}
                   </Link>
                 ),
diff --git a/packages/pl-fe/src/modals/compose-modal.tsx b/packages/pl-fe/src/modals/compose-modal.tsx
index d16eac574..70cdca34d 100644
--- a/packages/pl-fe/src/modals/compose-modal.tsx
+++ b/packages/pl-fe/src/modals/compose-modal.tsx
@@ -24,7 +24,10 @@ interface ComposeModalProps {
   composeId?: string;
 }
 
-const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({ onClose, composeId = 'compose-modal' }) => {
+const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({
+  onClose,
+  composeId = 'compose-modal',
+}) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
   const node = useRef<HTMLDivElement>(null);
@@ -41,27 +44,48 @@ const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({ onClose, c
   const onClickClose = () => {
     if (checkComposeContent(compose)) {
       openModal('CONFIRM', {
-        heading: editedId
-          ? <FormattedMessage id='confirmations.cancel_editing.heading' defaultMessage='Cancel post editing' />
-          : compose.draftId
-            ? <FormattedMessage id='confirmations.cancel_draft.heading' defaultMessage='Discard draft changes' />
-            : <FormattedMessage id='confirmations.cancel.heading' defaultMessage='Discard post' />,
-        message: editedId
-          ? <FormattedMessage id='confirmations.cancel_editing.message' defaultMessage='Are you sure you want to discard the changes to this post? All changes will be lost.' />
-          : compose.draftId
-            ? <FormattedMessage id='confirmations.cancel_draft_editing.message' defaultMessage='Are you sure you want to discard the changes to this draft post? All changes will be lost.' />
-            : <FormattedMessage id='confirmations.cancel.message' defaultMessage='Are you sure you want to discard the currently composed post?' />,
+        heading: editedId ? (
+          <FormattedMessage
+            id='confirmations.cancel_editing.heading'
+            defaultMessage='Cancel post editing'
+          />
+        ) : compose.draftId ? (
+          <FormattedMessage
+            id='confirmations.cancel_draft.heading'
+            defaultMessage='Discard draft changes'
+          />
+        ) : (
+          <FormattedMessage id='confirmations.cancel.heading' defaultMessage='Discard post' />
+        ),
+        message: editedId ? (
+          <FormattedMessage
+            id='confirmations.cancel_editing.message'
+            defaultMessage='Are you sure you want to discard the changes to this post? All changes will be lost.'
+          />
+        ) : compose.draftId ? (
+          <FormattedMessage
+            id='confirmations.cancel_draft_editing.message'
+            defaultMessage='Are you sure you want to discard the changes to this draft post? All changes will be lost.'
+          />
+        ) : (
+          <FormattedMessage
+            id='confirmations.cancel.message'
+            defaultMessage='Are you sure you want to discard the currently composed post?'
+          />
+        ),
         confirm: intl.formatMessage(editedId ? messages.cancelEditing : messages.confirm),
         onConfirm: () => {
           onClose('COMPOSE');
           dispatch(cancelReplyCompose());
         },
         secondary: intl.formatMessage(messages.saveDraft),
-        onSecondary: editedId ? undefined : () => {
-          persistDraftStatus(composeId);
-          onClose('COMPOSE');
-          dispatch(cancelReplyCompose());
-        },
+        onSecondary: editedId
+          ? undefined
+          : () => {
+              persistDraftStatus(composeId);
+              onClose('COMPOSE');
+              dispatch(cancelReplyCompose());
+            },
       });
     } else {
       onClose('COMPOSE');
@@ -70,17 +94,28 @@ const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({ onClose, c
 
   const renderTitle = () => {
     if (compose.draftId) {
-      return <FormattedMessage id='navigation_bar.compose_draft' defaultMessage='Edit draft post' />;
+      return (
+        <FormattedMessage id='navigation_bar.compose_draft' defaultMessage='Edit draft post' />
+      );
     } else if (compose.redacting) {
       return <FormattedMessage id='navigation_bar.compose_redact' defaultMessage='Redact post' />;
     } else if (editedId) {
       return <FormattedMessage id='navigation_bar.compose_edit' defaultMessage='Edit post' />;
     } else if (visibility === 'direct') {
-      return <FormattedMessage id='navigation_bar.compose_direct' defaultMessage='Direct message' />;
+      return (
+        <FormattedMessage id='navigation_bar.compose_direct' defaultMessage='Direct message' />
+      );
     } else if (inReplyToId && groupId) {
-      return <FormattedMessage id='navigation_bar.compose_group_reply' defaultMessage='Reply to group post' />;
+      return (
+        <FormattedMessage
+          id='navigation_bar.compose_group_reply'
+          defaultMessage='Reply to group post'
+        />
+      );
     } else if (groupId) {
-      return <FormattedMessage id='navigation_bar.compose_group' defaultMessage='Compose to group' />;
+      return (
+        <FormattedMessage id='navigation_bar.compose_group' defaultMessage='Compose to group' />
+      );
     } else if (inReplyToId) {
       return <FormattedMessage id='navigation_bar.compose_reply' defaultMessage='Reply to post' />;
     } else if (quoteId) {
@@ -96,8 +131,8 @@ const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({ onClose, c
       title={renderTitle()}
       onClose={onClickClose}
       className={clsx({
-        'border-2 border-primary-600 border-dashed !z-[99]': isDragging,
-        'ring-2 ring-offset-2 ring-primary-600': isDraggedOver,
+        '!z-[99] border-2 border-dashed border-primary-600': isDragging,
+        'ring-2 ring-primary-600 ring-offset-2': isDraggedOver,
       })}
     >
       <ComposeForm id={composeId} autoFocus />
diff --git a/packages/pl-fe/src/modals/confirmation-modal.tsx b/packages/pl-fe/src/modals/confirmation-modal.tsx
index ea25f86e2..d82d1d899 100644
--- a/packages/pl-fe/src/modals/confirmation-modal.tsx
+++ b/packages/pl-fe/src/modals/confirmation-modal.tsx
@@ -51,7 +51,7 @@ const ConfirmationModal: React.FC<BaseModalProps & ConfirmationModalProps> = ({
     if (onCancel) onCancel();
   };
 
-  const handleCheckboxChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleCheckboxChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     setChecked(e.target.checked);
   };
 
@@ -68,18 +68,12 @@ const ConfirmationModal: React.FC<BaseModalProps & ConfirmationModalProps> = ({
       secondaryAction={onSecondary && handleSecondary}
     >
       <Stack space={4}>
-        <Text>
-          {message}
-        </Text>
+        <Text>{message}</Text>
 
         {checkbox && (
           <List>
             <ListItem label={checkbox}>
-              <Toggle
-                checked={checked}
-                onChange={handleCheckboxChange}
-                required
-              />
+              <Toggle checked={checked} onChange={handleCheckboxChange} required />
             </ListItem>
           </List>
         )}
diff --git a/packages/pl-fe/src/modals/crypto-donate-modal.tsx b/packages/pl-fe/src/modals/crypto-donate-modal.tsx
index b3af7b241..0867ec307 100644
--- a/packages/pl-fe/src/modals/crypto-donate-modal.tsx
+++ b/packages/pl-fe/src/modals/crypto-donate-modal.tsx
@@ -7,13 +7,11 @@ import type { ICryptoAddress } from '@/features/crypto-donate/components/crypto-
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const CryptoDonateModal: React.FC<BaseModalProps & ICryptoAddress> = ({ onClose, ...props }) => {
-
   return (
     <Modal onClose={onClose} className='⁂-crypto-donate-map-modal'>
       <DetailedCryptoAddress {...props} />
     </Modal>
   );
-
 };
 
 export { CryptoDonateModal as default };
diff --git a/packages/pl-fe/src/modals/dislikes-modal.tsx b/packages/pl-fe/src/modals/dislikes-modal.tsx
index 21b7cc18d..cbfd547f7 100644
--- a/packages/pl-fe/src/modals/dislikes-modal.tsx
+++ b/packages/pl-fe/src/modals/dislikes-modal.tsx
@@ -15,7 +15,13 @@ interface DislikesModalProps {
 }
 
 const DislikesModal: React.FC<BaseModalProps & DislikesModalProps> = ({ onClose, statusId }) => {
-  const { data: accountIds, isLoading, hasNextPage, fetchNextPage, refetch } = useStatusDislikes(statusId);
+  const {
+    data: accountIds,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useStatusDislikes(statusId);
 
   const onClickClose = () => {
     onClose('DISLIKES');
@@ -26,7 +32,12 @@ const DislikesModal: React.FC<BaseModalProps & DislikesModalProps> = ({ onClose,
   if (!accountIds) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='empty_column.dislikes' defaultMessage='No one has disliked this post yet. When someone does, they will show up here.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='empty_column.dislikes'
+        defaultMessage='No one has disliked this post yet. When someone does, they will show up here.'
+      />
+    );
 
     body = (
       <PullToRefresh onRefresh={refetch}>
@@ -40,9 +51,9 @@ const DislikesModal: React.FC<BaseModalProps & DislikesModalProps> = ({ onClose,
           onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
           useWindowScroll={false}
         >
-          {accountIds.map(id =>
-            <AccountContainer key={id} id={id} />,
-          )}
+          {accountIds.map((id) => (
+            <AccountContainer key={id} id={id} />
+          ))}
         </ScrollableList>
       </PullToRefresh>
     );
diff --git a/packages/pl-fe/src/modals/dropdown-menu-modal.tsx b/packages/pl-fe/src/modals/dropdown-menu-modal.tsx
index f8ccd82a2..fe38e9c81 100644
--- a/packages/pl-fe/src/modals/dropdown-menu-modal.tsx
+++ b/packages/pl-fe/src/modals/dropdown-menu-modal.tsx
@@ -10,7 +10,10 @@ interface DropdownMenuModalProps {
   content?: JSX.Element;
 }
 
-const DropdownMenuModal: React.FC<BaseModalProps & DropdownMenuModalProps> = ({ content, onClose }) => {
+const DropdownMenuModal: React.FC<BaseModalProps & DropdownMenuModalProps> = ({
+  content,
+  onClose,
+}) => {
   const handleClick: React.MouseEventHandler<HTMLElement> = (e) => {
     onClose('DROPDOWN_MENU');
     e.stopPropagation();
diff --git a/packages/pl-fe/src/modals/edit-announcement-modal.tsx b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
index 2467092c8..543b1e06c 100644
--- a/packages/pl-fe/src/modals/edit-announcement-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
@@ -10,7 +10,10 @@ import Text from '@/components/ui/text';
 import Textarea from '@/components/ui/textarea';
 import Toggle from '@/components/ui/toggle';
 import { DatePicker } from '@/features/ui/util/async-components';
-import { useCreateAnnouncementMutation, useUpdateAnnouncementMutation } from '@/queries/admin/use-announcements';
+import {
+  useCreateAnnouncementMutation,
+  useUpdateAnnouncementMutation,
+} from '@/queries/admin/use-announcements';
 import toast from '@/toast';
 
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
@@ -18,40 +21,62 @@ import type { AdminAnnouncement } from 'pl-api';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_announcement.save', defaultMessage: 'Save' },
-  announcementContentPlaceholder: { id: 'admin.edit_announcement.fields.content_placeholder', defaultMessage: 'Announcement content' },
-  announcementStartTimePlaceholder: { id: 'admin.edit_announcement.fields.start_time_placeholder', defaultMessage: 'Announcement starts on:' },
-  announcementEndTimePlaceholder: { id: 'admin.edit_announcement.fields.end_time_placeholder', defaultMessage: 'Announcement ends on:' },
-  announcementCreateSuccess: { id: 'admin.edit_announcement.created', defaultMessage: 'Announcement created' },
-  announcementUpdateSuccess: { id: 'admin.edit_announcement.updated', defaultMessage: 'Announcement edited' },
+  announcementContentPlaceholder: {
+    id: 'admin.edit_announcement.fields.content_placeholder',
+    defaultMessage: 'Announcement content',
+  },
+  announcementStartTimePlaceholder: {
+    id: 'admin.edit_announcement.fields.start_time_placeholder',
+    defaultMessage: 'Announcement starts on:',
+  },
+  announcementEndTimePlaceholder: {
+    id: 'admin.edit_announcement.fields.end_time_placeholder',
+    defaultMessage: 'Announcement ends on:',
+  },
+  announcementCreateSuccess: {
+    id: 'admin.edit_announcement.created',
+    defaultMessage: 'Announcement created',
+  },
+  announcementUpdateSuccess: {
+    id: 'admin.edit_announcement.updated',
+    defaultMessage: 'Announcement edited',
+  },
 });
 
 interface EditAnnouncementModalProps {
   announcement?: AdminAnnouncement;
 }
 
-const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProps> = ({ onClose, announcement }) => {
+const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProps> = ({
+  onClose,
+  announcement,
+}) => {
   const { mutate: createAnnouncement } = useCreateAnnouncementMutation();
   const { mutate: updateAnnouncement } = useUpdateAnnouncementMutation();
   const intl = useIntl();
 
   const [content, setContent] = useState(announcement?.raw_content ?? '');
-  const [startTime, setStartTime] = useState(announcement?.starts_at ? new Date(announcement.starts_at) : null);
-  const [endTime, setEndTime] = useState(announcement?.ends_at ? new Date(announcement.ends_at) : null);
+  const [startTime, setStartTime] = useState(
+    announcement?.starts_at ? new Date(announcement.starts_at) : null,
+  );
+  const [endTime, setEndTime] = useState(
+    announcement?.ends_at ? new Date(announcement.ends_at) : null,
+  );
   const [allDay, setAllDay] = useState(announcement?.all_day ?? false);
 
-  const onChangeContent: React.ChangeEventHandler<HTMLTextAreaElement> = ({ target }) =>{
+  const onChangeContent: React.ChangeEventHandler<HTMLTextAreaElement> = ({ target }) => {
     setContent(target.value);
   };
 
-  const onChangeStartTime = (date: Date | null) =>{
+  const onChangeStartTime = (date: Date | null) => {
     setStartTime(date);
   };
 
-  const onChangeEndTime = (date: Date | null) =>{
+  const onChangeEndTime = (date: Date | null) => {
     setEndTime(date);
   };
 
-  const onChangeAllDay: React.ChangeEventHandler<HTMLInputElement> = ({ target }) =>{
+  const onChangeAllDay: React.ChangeEventHandler<HTMLInputElement> = ({ target }) => {
     setAllDay(target.checked);
   };
 
@@ -68,12 +93,15 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
     };
 
     if (announcement) {
-      updateAnnouncement({ ...form, id: announcement.id }, {
-        onSuccess: () => {
-          onClose('EDIT_ANNOUNCEMENT');
-          toast.success(messages.announcementUpdateSuccess);
+      updateAnnouncement(
+        { ...form, id: announcement.id },
+        {
+          onSuccess: () => {
+            onClose('EDIT_ANNOUNCEMENT');
+            toast.success(messages.announcementUpdateSuccess);
+          },
         },
-      });
+      );
     } else {
       createAnnouncement(form, {
         onSuccess: () => {
@@ -87,15 +115,30 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
   return (
     <Modal
       onClose={onClickClose}
-      title={announcement
-        ? <FormattedMessage id='column.admin.edit_announcement' defaultMessage='Edit announcement' />
-        : <FormattedMessage id='column.admin.create_announcement' defaultMessage='Create announcement' />}
+      title={
+        announcement ? (
+          <FormattedMessage
+            id='column.admin.edit_announcement'
+            defaultMessage='Edit announcement'
+          />
+        ) : (
+          <FormattedMessage
+            id='column.admin.create_announcement'
+            defaultMessage='Create announcement'
+          />
+        )
+      }
       confirmationAction={handleSubmit}
       confirmationText={intl.formatMessage(messages.save)}
     >
       <Form>
         <FormGroup
-          labelText={<FormattedMessage id='admin.edit_announcement.fields.content_label' defaultMessage='Content' />}
+          labelText={
+            <FormattedMessage
+              id='admin.edit_announcement.fields.content_label'
+              defaultMessage='Content'
+            />
+          }
         >
           <Textarea
             autoComplete='off'
@@ -105,7 +148,12 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
           />
         </FormGroup>
         <FormGroup
-          labelText={<FormattedMessage id='admin.edit_announcement.fields.start_time_label' defaultMessage='Start date' />}
+          labelText={
+            <FormattedMessage
+              id='admin.edit_announcement.fields.start_time_label'
+              defaultMessage='Start date'
+            />
+          }
         >
           <DatePicker
             showTimeSelect
@@ -120,7 +168,12 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
           />
         </FormGroup>
         <FormGroup
-          labelText={<FormattedMessage id='admin.edit_announcement.fields.end_time_label' defaultMessage='End date' />}
+          labelText={
+            <FormattedMessage
+              id='admin.edit_announcement.fields.end_time_label'
+              defaultMessage='End date'
+            />
+          }
         >
           <DatePicker
             showTimeSelect
@@ -134,16 +187,19 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
           />
         </FormGroup>
         <HStack alignItems='center' space={2}>
-          <Toggle
-            checked={allDay}
-            onChange={onChangeAllDay}
-          />
+          <Toggle checked={allDay} onChange={onChangeAllDay} />
           <Stack>
             <Text tag='span' theme='muted'>
-              <FormattedMessage id='admin.edit_announcement.fields.all_day_label' defaultMessage='All-day event' />
+              <FormattedMessage
+                id='admin.edit_announcement.fields.all_day_label'
+                defaultMessage='All-day event'
+              />
             </Text>
             <Text size='xs' tag='span' theme='muted'>
-              <FormattedMessage id='admin.edit_announcement.fields.all_day_hint' defaultMessage='When checked, only the dates of the time range will be displayed' />
+              <FormattedMessage
+                id='admin.edit_announcement.fields.all_day_hint'
+                defaultMessage='When checked, only the dates of the time range will be displayed'
+              />
             </Text>
           </Stack>
         </HStack>
diff --git a/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx b/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
index edc346cf1..0f29a4aff 100644
--- a/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-bookmark-folder-modal.tsx
@@ -13,7 +13,10 @@ import { messages as emojiMessages } from '@/features/emoji/containers/emoji-pic
 import { useTextField } from '@/hooks/forms/use-text-field';
 import { useClickOutside } from '@/hooks/use-click-outside';
 import { useFeatures } from '@/hooks/use-features';
-import { useBookmarkFolder, useUpdateBookmarkFolder } from '@/queries/statuses/use-bookmark-folders';
+import {
+  useBookmarkFolder,
+  useUpdateBookmarkFolder,
+} from '@/queries/statuses/use-bookmark-folders';
 import toast from '@/toast';
 
 import type { Emoji as EmojiType } from '@/features/emoji';
@@ -21,7 +24,10 @@ import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
   label: { id: 'bookmark_folders.new.title_placeholder', defaultMessage: 'New folder title' },
-  editSuccess: { id: 'bookmark_folders.edit.success', defaultMessage: 'Bookmark folder edited successfully' },
+  editSuccess: {
+    id: 'bookmark_folders.edit.success',
+    defaultMessage: 'Bookmark folder edited successfully',
+  },
   editFail: { id: 'bookmark_folders.edit.fail', defaultMessage: 'Failed to edit bookmark folder' },
 });
 
@@ -45,7 +51,8 @@ const EmojiPicker: React.FC<IEmojiPicker> = ({ emoji, emojiUrl, ...props }) => {
     setVisible(false);
   });
 
-  const handleToggle: React.KeyboardEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLButtonElement> = (e) => {
+  const handleToggle: React.KeyboardEventHandler<HTMLButtonElement> &
+    React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.stopPropagation();
     setVisible(!visible);
   };
@@ -62,9 +69,14 @@ const EmojiPicker: React.FC<IEmojiPicker> = ({ emoji, emojiUrl, ...props }) => {
         onKeyDown={handleToggle}
         tabIndex={0}
       >
-        {emoji
-          ? <Emoji className='size-5' emoji={emoji} src={emojiUrl} />
-          : <Icon className='size-5 text-gray-600 hover:text-gray-700 dark:hover:text-gray-500' src={require('@phosphor-icons/core/regular/smiley.svg')} />}
+        {emoji ? (
+          <Emoji className='size-5' emoji={emoji} src={emojiUrl} />
+        ) : (
+          <Icon
+            className='size-5 text-gray-600 hover:text-gray-700 dark:hover:text-gray-500'
+            src={require('@phosphor-icons/core/regular/smiley.svg')}
+          />
+        )}
       </button>
 
       {createPortal(
@@ -95,7 +107,10 @@ interface EditBookmarkFolderModalProps {
   folderId: string;
 }
 
-const EditBookmarkFolderModal: React.FC<BaseModalProps & EditBookmarkFolderModalProps> = ({ folderId, onClose }) => {
+const EditBookmarkFolderModal: React.FC<BaseModalProps & EditBookmarkFolderModalProps> = ({
+  folderId,
+  onClose,
+}) => {
   const intl = useIntl();
 
   const features = useFeatures();
@@ -120,36 +135,42 @@ const EditBookmarkFolderModal: React.FC<BaseModalProps & EditBookmarkFolderModal
   };
 
   const handleSubmit = () => {
-    updateBookmarkFolder({
-      name: name.value,
-      emoji,
-    }, {
-      onSuccess() {
-        toast.success(intl.formatMessage(messages.editSuccess));
-        onClose('EDIT_BOOKMARK_FOLDER');
+    updateBookmarkFolder(
+      {
+        name: name.value,
+        emoji,
       },
-      onError() {
-        toast.success(intl.formatMessage(messages.editFail));
+      {
+        onSuccess() {
+          toast.success(intl.formatMessage(messages.editSuccess));
+          onClose('EDIT_BOOKMARK_FOLDER');
+        },
+        onError() {
+          toast.success(intl.formatMessage(messages.editFail));
+        },
       },
-    });
+    );
   };
 
   const label = intl.formatMessage(messages.label);
 
   return (
     <Modal
-      title={<FormattedMessage id='edit_bookmark_folder_modal.header_title' defaultMessage='Edit folder' />}
+      title={
+        <FormattedMessage
+          id='edit_bookmark_folder_modal.header_title'
+          defaultMessage='Edit folder'
+        />
+      }
       onClose={onClickClose}
       confirmationAction={handleSubmit}
-      confirmationText={<FormattedMessage id='edit_bookmark_folder_modal.confirm' defaultMessage='Save' />}
+      confirmationText={
+        <FormattedMessage id='edit_bookmark_folder_modal.confirm' defaultMessage='Save' />
+      }
     >
       <HStack space={2}>
         {features.bookmarkFolderEmojis && (
-          <EmojiPicker
-            emoji={emoji}
-            emojiUrl={emojiUrl}
-            onPickEmoji={handleEmojiPick}
-          />
+          <EmojiPicker emoji={emoji} emojiUrl={emojiUrl} onPickEmoji={handleEmojiPick} />
         )}
 
         <Input
diff --git a/packages/pl-fe/src/modals/edit-domain-modal.tsx b/packages/pl-fe/src/modals/edit-domain-modal.tsx
index 96c0da92a..fbe774cae 100644
--- a/packages/pl-fe/src/modals/edit-domain-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-domain-modal.tsx
@@ -17,7 +17,10 @@ import type { AdminDomain } from 'pl-api';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_domain.save', defaultMessage: 'Save' },
-  domainPlaceholder: { id: 'admin.edit_domain.fields.domain_placeholder', defaultMessage: 'Domain name' },
+  domainPlaceholder: {
+    id: 'admin.edit_domain.fields.domain_placeholder',
+    defaultMessage: 'Domain name',
+  },
   domainCreateSuccess: { id: 'admin.edit_domain.created', defaultMessage: 'Domain created' },
   domainUpdateSuccess: { id: 'admin.edit_domain.updated', defaultMessage: 'Domain edited' },
 });
@@ -26,12 +29,17 @@ interface EditDomainModalProps {
   domainId?: string;
 }
 
-const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({ onClose, domainId }) => {
+const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({
+  onClose,
+  domainId,
+}) => {
   const intl = useIntl();
 
   const { data: domains, createDomain, isCreating, updateDomain, isUpdating } = useDomains();
 
-  const [domain] = useState<AdminDomain | null>(domainId ? domains!.find(({ id }) => domainId === id)! : null);
+  const [domain] = useState<AdminDomain | null>(
+    domainId ? domains!.find(({ id }) => domainId === id)! : null,
+  );
   const [domainName, setDomainName] = useState(domain?.domain ?? '');
   const [isPublic, setPublic] = useState(domain?.public ?? false);
 
@@ -41,47 +49,59 @@ const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({ onCl
 
   const handleSubmit = () => {
     if (domainId) {
-      updateDomain({
-        id: domainId,
-        public: isPublic,
-      }, {
-        onSuccess: () => {
-          toast.success(messages.domainUpdateSuccess);
-          onClose('EDIT_DOMAIN');
+      updateDomain(
+        {
+          id: domainId,
+          public: isPublic,
         },
-      });
+        {
+          onSuccess: () => {
+            toast.success(messages.domainUpdateSuccess);
+            onClose('EDIT_DOMAIN');
+          },
+        },
+      );
     } else {
-      createDomain({
-        domain: domainName,
-        public: isPublic,
-      }, {
-        onSuccess: () => {
-          toast.success(messages.domainCreateSuccess);
-          onClose('EDIT_DOMAIN');
+      createDomain(
+        {
+          domain: domainName,
+          public: isPublic,
         },
-      });
+        {
+          onSuccess: () => {
+            toast.success(messages.domainCreateSuccess);
+            onClose('EDIT_DOMAIN');
+          },
+        },
+      );
     }
   };
 
   return (
     <Modal
       onClose={onClickClose}
-      title={domainId
-        ? <FormattedMessage id='column.admin.edit_domain' defaultMessage='Edit domain' />
-        : <FormattedMessage id='column.admin.create_domain' defaultMessage='Create domain' />}
+      title={
+        domainId ? (
+          <FormattedMessage id='column.admin.edit_domain' defaultMessage='Edit domain' />
+        ) : (
+          <FormattedMessage id='column.admin.create_domain' defaultMessage='Create domain' />
+        )
+      }
       confirmationAction={handleSubmit}
       confirmationText={intl.formatMessage(messages.save)}
       confirmationDisabled={isCreating || isUpdating}
     >
       <Form>
         <FormGroup
-          labelText={<FormattedMessage id='admin.edit_domain.fields.domain_label' defaultMessage='Domain' />}
+          labelText={
+            <FormattedMessage id='admin.edit_domain.fields.domain_label' defaultMessage='Domain' />
+          }
         >
           <Input
             autoComplete='off'
             placeholder={intl.formatMessage(messages.domainPlaceholder)}
             value={domainName}
-            onChange={({ target }) =>{
+            onChange={({ target }) => {
               setDomainName(target.value);
             }}
             disabled={!!domainId}
@@ -90,16 +110,22 @@ const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({ onCl
         <HStack alignItems='center' space={2}>
           <Toggle
             checked={isPublic}
-            onChange={({ target }) =>{
+            onChange={({ target }) => {
               setPublic(target.checked);
             }}
           />
           <Stack>
             <Text tag='span' theme='muted'>
-              <FormattedMessage id='admin.edit_domain.fields.public_label' defaultMessage='Public' />
+              <FormattedMessage
+                id='admin.edit_domain.fields.public_label'
+                defaultMessage='Public'
+              />
             </Text>
             <Text size='xs' tag='span' theme='muted'>
-              <FormattedMessage id='admin.edit_domain.fields.public_hint' defaultMessage='When checked, everyone can sign up for an username with this domain' />
+              <FormattedMessage
+                id='admin.edit_domain.fields.public_hint'
+                defaultMessage='When checked, everyone can sign up for an username with this domain'
+              />
             </Text>
           </Stack>
         </HStack>
diff --git a/packages/pl-fe/src/modals/edit-federation-modal.tsx b/packages/pl-fe/src/modals/edit-federation-modal.tsx
index 16703a7da..902974ca1 100644
--- a/packages/pl-fe/src/modals/edit-federation-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-federation-modal.tsx
@@ -14,9 +14,15 @@ import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
   mediaRemoval: { id: 'edit_federation.media_removal', defaultMessage: 'Strip media' },
-  forceNsfw: { id: 'edit_federation.force_nsfw', defaultMessage: 'Force attachments to be marked sensitive' },
+  forceNsfw: {
+    id: 'edit_federation.force_nsfw',
+    defaultMessage: 'Force attachments to be marked sensitive',
+  },
   unlisted: { id: 'edit_federation.unlisted', defaultMessage: 'Force posts unlisted' },
-  followersOnly: { id: 'edit_federation.followers_only', defaultMessage: 'Hide posts except to followers' },
+  followersOnly: {
+    id: 'edit_federation.followers_only',
+    defaultMessage: 'Hide posts except to followers',
+  },
   save: { id: 'edit_federation.save', defaultMessage: 'Save' },
   success: { id: 'edit_federation.success', defaultMessage: '{host} federation was updated' },
 });
@@ -26,12 +32,15 @@ interface EditFederationModalProps {
 }
 
 /** Modal for moderators to edit federation with a remote instance. */
-const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> = ({ host, onClose }) => {
+const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> = ({
+  host,
+  onClose,
+}) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
 
   const getRemoteInstance = useCallback(makeGetRemoteInstance(), []);
-  const remoteInstance = useAppSelector(state => getRemoteInstance(state, host));
+  const remoteInstance = useAppSelector((state) => getRemoteInstance(state, host));
 
   const [data, setData] = useState<Record<string, any>>({});
 
@@ -39,11 +48,15 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
     setData(remoteInstance.federation);
   }, [remoteInstance]);
 
-  const handleDataChange = (key: string): React.ChangeEventHandler<HTMLInputElement> => ({ target }) => {
-    setData({ ...data, [key]: target.checked });
-  };
+  const handleDataChange =
+    (key: string): React.ChangeEventHandler<HTMLInputElement> =>
+    ({ target }) => {
+      setData({ ...data, [key]: target.checked });
+    };
 
-  const handleMediaRemoval: React.ChangeEventHandler<HTMLInputElement> = ({ target: { checked } }) => {
+  const handleMediaRemoval: React.ChangeEventHandler<HTMLInputElement> = ({
+    target: { checked },
+  }) => {
     const newData = {
       ...data,
       avatar_removal: checked,
@@ -56,7 +69,7 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
 
   const handleSubmit = () => {
     dispatch(updateMrf(host, data))
-      .then(() =>{
+      .then(() => {
         toast.success(intl.formatMessage(messages.success, { host }));
       })
       .catch(() => {});
@@ -84,15 +97,19 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
       confirmationText={intl.formatMessage(messages.save)}
     >
       <List>
-        <ListItem label={<FormattedMessage id='edit_federation.reject' defaultMessage='Reject all activities' />}>
-          <Toggle
-            checked={reject}
-            onChange={handleDataChange('reject')}
-            id='reject'
-          />
+        <ListItem
+          label={
+            <FormattedMessage id='edit_federation.reject' defaultMessage='Reject all activities' />
+          }
+        >
+          <Toggle checked={reject} onChange={handleDataChange('reject')} id='reject' />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='edit_federation.media_removal' defaultMessage='Strip media' />}>
+        <ListItem
+          label={
+            <FormattedMessage id='edit_federation.media_removal' defaultMessage='Strip media' />
+          }
+        >
           <Toggle
             checked={fullMediaRemoval}
             onChange={handleMediaRemoval}
@@ -101,7 +118,14 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
           />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='edit_federation.force_nsfw' defaultMessage='Force attachments to be marked sensitive' />}>
+        <ListItem
+          label={
+            <FormattedMessage
+              id='edit_federation.force_nsfw'
+              defaultMessage='Force attachments to be marked sensitive'
+            />
+          }
+        >
           <Toggle
             checked={media_nsfw}
             onChange={handleDataChange('media_nsfw')}
@@ -110,7 +134,14 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
           />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='edit_federation.followers_only' defaultMessage='Hide posts except to followers' />}>
+        <ListItem
+          label={
+            <FormattedMessage
+              id='edit_federation.followers_only'
+              defaultMessage='Hide posts except to followers'
+            />
+          }
+        >
           <Toggle
             checked={followers_only}
             onChange={handleDataChange('followers_only')}
@@ -119,7 +150,11 @@ const EditFederationModal: React.FC<BaseModalProps & EditFederationModalProps> =
           />
         </ListItem>
 
-        <ListItem label={<FormattedMessage id='edit_federation.unlisted' defaultMessage='Force posts unlisted' />}>
+        <ListItem
+          label={
+            <FormattedMessage id='edit_federation.unlisted' defaultMessage='Force posts unlisted' />
+          }
+        >
           <Toggle
             checked={federated_timeline_removal}
             onChange={handleDataChange('federated_timeline_removal')}
diff --git a/packages/pl-fe/src/modals/edit-rule-modal.tsx b/packages/pl-fe/src/modals/edit-rule-modal.tsx
index a0c9d9c14..75d41a053 100644
--- a/packages/pl-fe/src/modals/edit-rule-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-rule-modal.tsx
@@ -15,8 +15,14 @@ import type { AdminRule } from 'pl-api';
 
 const messages = defineMessages({
   save: { id: 'admin.edit_rule.save', defaultMessage: 'Save' },
-  ruleTextPlaceholder: { id: 'admin.edit_rule.fields.text_placeholder', defaultMessage: 'Instance rule text' },
-  rulePriorityPlaceholder: { id: 'admin.edit_rule.fields.priority_placeholder', defaultMessage: 'Instance rule display priority' },
+  ruleTextPlaceholder: {
+    id: 'admin.edit_rule.fields.text_placeholder',
+    defaultMessage: 'Instance rule text',
+  },
+  rulePriorityPlaceholder: {
+    id: 'admin.edit_rule.fields.priority_placeholder',
+    defaultMessage: 'Instance rule display priority',
+  },
   ruleCreateSuccess: { id: 'admin.edit_rule.created', defaultMessage: 'Rule created' },
   ruleUpdateSuccess: { id: 'admin.edit_rule.updated', defaultMessage: 'Rule edited' },
 });
@@ -40,50 +46,64 @@ const EditRuleModal: React.FC<BaseModalProps & EditRuleModalProps> = ({ onClose,
 
   const handleSubmit = () => {
     if (rule) {
-      updateRule({
-        id: rule.id,
-        text: text.value,
-        priority: isNaN(Number(priority.value)) ? undefined : Number(priority.value),
-      }, {
-        onSuccess: () => {
-          toast.success(messages.ruleUpdateSuccess);
-          onClickClose();
+      updateRule(
+        {
+          id: rule.id,
+          text: text.value,
+          priority: isNaN(Number(priority.value)) ? undefined : Number(priority.value),
         },
-      });
+        {
+          onSuccess: () => {
+            toast.success(messages.ruleUpdateSuccess);
+            onClickClose();
+          },
+        },
+      );
     } else {
-      createRule({
-        text: text.value,
-        priority: isNaN(Number(priority.value)) ? undefined : Number(priority.value),
-      }, {
-        onSuccess: () => {
-          toast.success(messages.ruleUpdateSuccess);
-          onClickClose();
+      createRule(
+        {
+          text: text.value,
+          priority: isNaN(Number(priority.value)) ? undefined : Number(priority.value),
         },
-      });
+        {
+          onSuccess: () => {
+            toast.success(messages.ruleUpdateSuccess);
+            onClickClose();
+          },
+        },
+      );
     }
   };
 
   return (
     <Modal
       onClose={onClickClose}
-      title={rule
-        ? <FormattedMessage id='column.admin.edit_rule' defaultMessage='Edit rule' />
-        : <FormattedMessage id='column.admin.create_rule' defaultMessage='Create rule' />}
+      title={
+        rule ? (
+          <FormattedMessage id='column.admin.edit_rule' defaultMessage='Edit rule' />
+        ) : (
+          <FormattedMessage id='column.admin.create_rule' defaultMessage='Create rule' />
+        )
+      }
       confirmationAction={handleSubmit}
       confirmationText={intl.formatMessage(messages.save)}
     >
       <Form>
         <FormGroup
-          labelText={<FormattedMessage id='admin.edit_rule.fields.text_label' defaultMessage='Rule text' />}
+          labelText={
+            <FormattedMessage id='admin.edit_rule.fields.text_label' defaultMessage='Rule text' />
+          }
         >
-          <Input
-            placeholder={intl.formatMessage(messages.ruleTextPlaceholder)}
-            {...text}
-          />
+          <Input placeholder={intl.formatMessage(messages.ruleTextPlaceholder)} {...text} />
         </FormGroup>
         {features.adminRulesPriority && (
           <FormGroup
-            labelText={<FormattedMessage id='admin.edit_rule.fields.priority_label' defaultMessage='Rule priority' />}
+            labelText={
+              <FormattedMessage
+                id='admin.edit_rule.fields.priority_label'
+                defaultMessage='Rule priority'
+              />
+            }
           >
             <Input
               placeholder={intl.formatMessage(messages.rulePriorityPlaceholder)}
diff --git a/packages/pl-fe/src/modals/embed-modal.tsx b/packages/pl-fe/src/modals/embed-modal.tsx
index 1193a1b8b..8d4f9ecc6 100644
--- a/packages/pl-fe/src/modals/embed-modal.tsx
+++ b/packages/pl-fe/src/modals/embed-modal.tsx
@@ -36,7 +36,10 @@ const EmbedModal: React.FC<BaseModalProps & EmbedModalProps> = ({ onClose, onErr
     >
       <Stack space={4}>
         <Text theme='muted'>
-          <FormattedMessage id='embed.instructions' defaultMessage='Embed this post on your website by copying the code below.' />
+          <FormattedMessage
+            id='embed.instructions'
+            defaultMessage='Embed this post on your website by copying the code below.'
+          />
         </Text>
 
         <CopyableInput value={embed?.html ?? ''} />
diff --git a/packages/pl-fe/src/modals/event-map-modal.tsx b/packages/pl-fe/src/modals/event-map-modal.tsx
index 1458b4879..a2c19eb8d 100644
--- a/packages/pl-fe/src/modals/event-map-modal.tsx
+++ b/packages/pl-fe/src/modals/event-map-modal.tsx
@@ -10,7 +10,6 @@ import { useFrontendConfig } from '@/hooks/use-frontend-config';
 import { makeGetStatus } from '@/selectors';
 
 import 'leaflet/dist/leaflet.css';
-
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 L.Icon.Default.mergeOptions({
@@ -27,7 +26,7 @@ const EventMapModal: React.FC<BaseModalProps & EventMapModalProps> = ({ onClose,
   const { tileServer, tileServerAttribution } = useFrontendConfig();
 
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector(state => getStatus(state, { id: statusId }))!;
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }))!;
   const location = status.event!.location!;
 
   const map = useRef<L.Map>();
@@ -55,7 +54,10 @@ const EventMapModal: React.FC<BaseModalProps & EventMapModalProps> = ({ onClose,
   };
 
   const onClickNavigate = () => {
-    window.open(`https://www.openstreetmap.org/directions?from=&to=${location.latitude},${location.longitude}#map=14/${location.latitude}/${location.longitude}`, '_blank');
+    window.open(
+      `https://www.openstreetmap.org/directions?from=&to=${location.latitude},${location.longitude}#map=14/${location.latitude}/${location.longitude}`,
+      '_blank',
+    );
   };
 
   return (
@@ -66,7 +68,10 @@ const EventMapModal: React.FC<BaseModalProps & EventMapModalProps> = ({ onClose,
     >
       <Stack alignItems='center' space={6}>
         <div className='h-96 w-full' id='event-map' />
-        <Button onClick={onClickNavigate} icon={require('@phosphor-icons/core/regular/compass.svg')}>
+        <Button
+          onClick={onClickNavigate}
+          icon={require('@phosphor-icons/core/regular/compass.svg')}
+        >
           <FormattedMessage id='event_map.navigate' defaultMessage='Navigate' />
         </Button>
       </Stack>
diff --git a/packages/pl-fe/src/modals/event-participants-modal.tsx b/packages/pl-fe/src/modals/event-participants-modal.tsx
index 6d4c39525..07a316352 100644
--- a/packages/pl-fe/src/modals/event-participants-modal.tsx
+++ b/packages/pl-fe/src/modals/event-participants-modal.tsx
@@ -14,8 +14,17 @@ interface EventParticipantsModalProps {
   statusId: string;
 }
 
-const EventParticipantsModal: React.FC<BaseModalProps & EventParticipantsModalProps> = ({ onClose, statusId }) => {
-  const { data: accountIds, isLoading, hasNextPage, fetchNextPage, refetch } = useEventParticipations(statusId);
+const EventParticipantsModal: React.FC<BaseModalProps & EventParticipantsModalProps> = ({
+  onClose,
+  statusId,
+}) => {
+  const {
+    data: accountIds,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useEventParticipations(statusId);
 
   const onClickClose = () => {
     onClose('EVENT_PARTICIPANTS');
@@ -26,7 +35,12 @@ const EventParticipantsModal: React.FC<BaseModalProps & EventParticipantsModalPr
   if (!accountIds) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='empty_column.event_participants' defaultMessage='No one joined this event yet. When someone does, they will show up here.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='empty_column.event_participants'
+        defaultMessage='No one joined this event yet. When someone does, they will show up here.'
+      />
+    );
 
     body = (
       <PullToRefresh onRefresh={refetch}>
@@ -40,7 +54,9 @@ const EventParticipantsModal: React.FC<BaseModalProps & EventParticipantsModalPr
           onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
           useWindowScroll={false}
         >
-          {accountIds.map(id => <AccountContainer key={id} id={id} />)}
+          {accountIds.map((id) => (
+            <AccountContainer key={id} id={id} />
+          ))}
         </ScrollableList>
       </PullToRefresh>
     );
@@ -48,7 +64,9 @@ const EventParticipantsModal: React.FC<BaseModalProps & EventParticipantsModalPr
 
   return (
     <Modal
-      title={<FormattedMessage id='column.event_participants' defaultMessage='Event participants' />}
+      title={
+        <FormattedMessage id='column.event_participants' defaultMessage='Event participants' />
+      }
       onClose={onClickClose}
     >
       {body}
diff --git a/packages/pl-fe/src/modals/familiar-followers-modal.tsx b/packages/pl-fe/src/modals/familiar-followers-modal.tsx
index b927ee885..b11956615 100644
--- a/packages/pl-fe/src/modals/familiar-followers-modal.tsx
+++ b/packages/pl-fe/src/modals/familiar-followers-modal.tsx
@@ -15,7 +15,10 @@ interface FamiliarFollowersModalProps {
   accountId: string;
 }
 
-const FamiliarFollowersModal: React.FC<BaseModalProps & FamiliarFollowersModalProps> = ({ accountId, onClose }) => {
+const FamiliarFollowersModal: React.FC<BaseModalProps & FamiliarFollowersModalProps> = ({
+  accountId,
+  onClose,
+}) => {
   const { account } = useAccount(accountId);
   const { data: familiarFollowerIds } = useFamiliarFollowers(accountId);
 
@@ -32,7 +35,13 @@ const FamiliarFollowersModal: React.FC<BaseModalProps & FamiliarFollowersModalPr
       <FormattedMessage
         id='account.familiar_followers.empty'
         defaultMessage='No one you know follows {name}.'
-        values={{ name: <span><Emojify text={account.display_name} emojis={account.emojis} /></span> }}
+        values={{
+          name: (
+            <span>
+              <Emojify text={account.display_name} emojis={account.emojis} />
+            </span>
+          ),
+        }}
       />
     );
 
@@ -43,9 +52,9 @@ const FamiliarFollowersModal: React.FC<BaseModalProps & FamiliarFollowersModalPr
         style={{ height: 'calc(80vh - 88px)' }}
         useWindowScroll={false}
       >
-        {familiarFollowerIds.map(id =>
-          <AccountContainer key={id} id={id} />,
-        )}
+        {familiarFollowerIds.map((id) => (
+          <AccountContainer key={id} id={id} />
+        ))}
       </ScrollableList>
     );
   }
@@ -56,7 +65,13 @@ const FamiliarFollowersModal: React.FC<BaseModalProps & FamiliarFollowersModalPr
         <FormattedMessage
           id='column.familiar_followers'
           defaultMessage='People you know following {name}'
-          values={{ name: !!account && <span><Emojify text={account.display_name} emojis={account.emojis} /></span> }}
+          values={{
+            name: !!account && (
+              <span>
+                <Emojify text={account.display_name} emojis={account.emojis} />
+              </span>
+            ),
+          }}
         />
       }
       onClose={onClickClose}
diff --git a/packages/pl-fe/src/modals/favourites-modal.tsx b/packages/pl-fe/src/modals/favourites-modal.tsx
index 501daa7a9..61f0613b2 100644
--- a/packages/pl-fe/src/modals/favourites-modal.tsx
+++ b/packages/pl-fe/src/modals/favourites-modal.tsx
@@ -14,8 +14,17 @@ interface FavouritesModalProps {
   statusId: string;
 }
 
-const FavouritesModal: React.FC<BaseModalProps & FavouritesModalProps> = ({ onClose, statusId }) => {
-  const { data: accountIds, isLoading, hasNextPage, fetchNextPage, refetch } = useStatusFavourites(statusId);
+const FavouritesModal: React.FC<BaseModalProps & FavouritesModalProps> = ({
+  onClose,
+  statusId,
+}) => {
+  const {
+    data: accountIds,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useStatusFavourites(statusId);
 
   const onClickClose = () => {
     onClose('FAVOURITES');
@@ -26,7 +35,12 @@ const FavouritesModal: React.FC<BaseModalProps & FavouritesModalProps> = ({ onCl
   if (!accountIds) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='empty_column.favourites' defaultMessage='No one has liked this post yet. When someone does, they will show up here.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='empty_column.favourites'
+        defaultMessage='No one has liked this post yet. When someone does, they will show up here.'
+      />
+    );
 
     body = (
       <PullToRefresh onRefresh={refetch}>
@@ -40,9 +54,9 @@ const FavouritesModal: React.FC<BaseModalProps & FavouritesModalProps> = ({ onCl
           onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
           useWindowScroll={false}
         >
-          {accountIds.map(id =>
-            <AccountContainer key={id} id={id} />,
-          )}
+          {accountIds.map((id) => (
+            <AccountContainer key={id} id={id} />
+          ))}
         </ScrollableList>
       </PullToRefresh>
     );
diff --git a/packages/pl-fe/src/modals/hotkeys-modal.tsx b/packages/pl-fe/src/modals/hotkeys-modal.tsx
index 135e3331f..d514230ae 100644
--- a/packages/pl-fe/src/modals/hotkeys-modal.tsx
+++ b/packages/pl-fe/src/modals/hotkeys-modal.tsx
@@ -14,11 +14,10 @@ const Hotkey: React.FC<{ children: React.ReactNode }> = ({ children }) => (
   </kbd>
 );
 
-const TableCell: React.FC<{ className?: string; children: React.ReactNode }> = ({ className, children }) => (
-  <td className={clsx(className, 'px-2 pb-3')}>
-    {children}
-  </td>
-);
+const TableCell: React.FC<{ className?: string; children: React.ReactNode }> = ({
+  className,
+  children,
+}) => <td className={clsx(className, 'px-2 pb-3')}>{children}</td>;
 
 const getColumnSizes = (n: number) => {
   let part1 = Math.ceil(n / 3);
@@ -47,26 +46,38 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
     },
     isLoggedIn && {
       key: <Hotkey>m</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.mention' defaultMessage='to mention author' />,
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.mention' defaultMessage='to mention author' />
+      ),
     },
     {
       key: <Hotkey>p</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.profile' defaultMessage="to open author's profile" />,
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.profile'
+          defaultMessage="to open author's profile"
+        />
+      ),
     },
     isLoggedIn && {
       key: <Hotkey>f</Hotkey>,
       label: <FormattedMessage id='keyboard_shortcuts.favourite' defaultMessage='to like' />,
     },
-    isLoggedIn && features.emojiReacts && {
-      key: <Hotkey>e</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.react' defaultMessage='to react' />,
-    },
+    isLoggedIn &&
+      features.emojiReacts && {
+        key: <Hotkey>e</Hotkey>,
+        label: <FormattedMessage id='keyboard_shortcuts.react' defaultMessage='to react' />,
+      },
     isLoggedIn && {
       key: <Hotkey>b</Hotkey>,
       label: <FormattedMessage id='keyboard_shortcuts.boost' defaultMessage='to repost' />,
     },
     {
-      key: <><Hotkey>enter</Hotkey>, <Hotkey>o</Hotkey></>,
+      key: (
+        <>
+          <Hotkey>enter</Hotkey>, <Hotkey>o</Hotkey>
+        </>
+      ),
       label: <FormattedMessage id='keyboard_shortcuts.enter' defaultMessage='to open post' />,
     },
     {
@@ -75,26 +86,57 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
     },
     features.spoilers && {
       key: <Hotkey>x</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.toggle_hidden' defaultMessage='to show/hide text behind CW' />,
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.toggle_hidden'
+          defaultMessage='to show/hide text behind CW'
+        />
+      ),
     },
     features.spoilers && {
       key: <Hotkey>h</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.toggle_sensitivity' defaultMessage='to show/hide media' />,
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.toggle_sensitivity'
+          defaultMessage='to show/hide media'
+        />
+      ),
     },
     {
-      key: <><Hotkey>up</Hotkey>, <Hotkey>k</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.up' defaultMessage='to move up in the list' />,
+      key: (
+        <>
+          <Hotkey>up</Hotkey>, <Hotkey>k</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.up' defaultMessage='to move up in the list' />
+      ),
     },
     {
-      key: <><Hotkey>down</Hotkey>, <Hotkey>j</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.down' defaultMessage='to move down in the list' />,
+      key: (
+        <>
+          <Hotkey>down</Hotkey>, <Hotkey>j</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.down' defaultMessage='to move down in the list' />
+      ),
     },
     isLoggedIn && {
       key: <Hotkey>n</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.compose' defaultMessage='to open the compose textarea' />,
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.compose'
+          defaultMessage='to open the compose textarea'
+        />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>alt</Hotkey> + <Hotkey>n</Hotkey></>,
+      key: (
+        <>
+          <Hotkey>alt</Hotkey> + <Hotkey>n</Hotkey>
+        </>
+      ),
       label: <FormattedMessage id='keyboard_shortcuts.toot' defaultMessage='to start a new post' />,
     },
     {
@@ -102,53 +144,123 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
       label: <FormattedMessage id='keyboard_shortcuts.back' defaultMessage='to navigate back' />,
     },
     isLoggedIn && {
-      key: <><Hotkey>s</Hotkey>, <Hotkey>/</Hotkey></>,
+      key: (
+        <>
+          <Hotkey>s</Hotkey>, <Hotkey>/</Hotkey>
+        </>
+      ),
       label: <FormattedMessage id='keyboard_shortcuts.search' defaultMessage='to focus search' />,
     },
     {
       key: <Hotkey>esc</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.unfocus' defaultMessage='to un-focus compose textarea/search' />,
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.unfocus'
+          defaultMessage='to un-focus compose textarea/search'
+        />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>h</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.home' defaultMessage='to open home timeline' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>h</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.home' defaultMessage='to open home timeline' />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>n</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.notifications' defaultMessage='to open notifications list' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>n</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.notifications'
+          defaultMessage='to open notifications list'
+        />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>f</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.favourites' defaultMessage='to open likes list' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>f</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.favourites' defaultMessage='to open likes list' />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>u</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.my_profile' defaultMessage='to open your profile' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>u</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.my_profile'
+          defaultMessage='to open your profile'
+        />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>b</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.blocked' defaultMessage='to open blocked users list' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>b</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage
+          id='keyboard_shortcuts.blocked'
+          defaultMessage='to open blocked users list'
+        />
+      ),
     },
     isLoggedIn && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>m</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.muted' defaultMessage='to open muted users list' />,
-    },
-    isLoggedIn && features.followRequests && {
-      key: <><Hotkey>g</Hotkey> + <Hotkey>r</Hotkey></>,
-      label: <FormattedMessage id='keyboard_shortcuts.requests' defaultMessage='to open follow requests list' />,
+      key: (
+        <>
+          <Hotkey>g</Hotkey> + <Hotkey>m</Hotkey>
+        </>
+      ),
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.muted' defaultMessage='to open muted users list' />
+      ),
     },
+    isLoggedIn &&
+      features.followRequests && {
+        key: (
+          <>
+            <Hotkey>g</Hotkey> + <Hotkey>r</Hotkey>
+          </>
+        ),
+        label: (
+          <FormattedMessage
+            id='keyboard_shortcuts.requests'
+            defaultMessage='to open follow requests list'
+          />
+        ),
+      },
     {
       key: <Hotkey>?</Hotkey>,
-      label: <FormattedMessage id='keyboard_shortcuts.legend' defaultMessage='to display this legend' />,
+      label: (
+        <FormattedMessage id='keyboard_shortcuts.legend' defaultMessage='to display this legend' />
+      ),
     },
-  ].filter(hotkey => hotkey !== false);
+  ].filter((hotkey) => hotkey !== false);
 
   const columnSizes = getColumnSizes(hotkeys.length);
 
-  const columns = columnSizes.reduce<Array<Array<{
-    key: JSX.Element;
-    label: JSX.Element;
-  }>>>((prev, cur) => {
+  const columns = columnSizes.reduce<
+    Array<
+      Array<{
+        key: JSX.Element;
+        label: JSX.Element;
+      }>
+    >
+  >((prev, cur) => {
     const addedItems = prev.flat().length;
     prev.push(hotkeys.slice(addedItems, addedItems + cur));
     return prev;
@@ -156,8 +268,10 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
 
   return (
     <Modal
-      title={<FormattedMessage id='keyboard_shortcuts.heading' defaultMessage='Keyboard shortcuts' />}
-      onClose={() =>{
+      title={
+        <FormattedMessage id='keyboard_shortcuts.heading' defaultMessage='Keyboard shortcuts' />
+      }
+      onClose={() => {
         onClose('HOTKEYS');
       }}
       className='⁂-hotkey-modal'
@@ -167,7 +281,9 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
           <table key={i}>
             <thead>
               <tr>
-                <th className='pb-2 font-bold'><FormattedMessage id='keyboard_shortcuts.hotkey' defaultMessage='Hotkey' /></th>
+                <th className='pb-2 font-bold'>
+                  <FormattedMessage id='keyboard_shortcuts.hotkey' defaultMessage='Hotkey' />
+                </th>
               </tr>
             </thead>
             <tbody>
diff --git a/packages/pl-fe/src/modals/join-event-modal.tsx b/packages/pl-fe/src/modals/join-event-modal.tsx
index ba008cd44..da2579f91 100644
--- a/packages/pl-fe/src/modals/join-event-modal.tsx
+++ b/packages/pl-fe/src/modals/join-event-modal.tsx
@@ -9,7 +9,10 @@ import { useJoinEventMutation } from '@/queries/statuses/use-event-interactions'
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
-  hint: { id: 'join_event.hint', defaultMessage: 'You can tell the organizer why do you want to participate in this event:' },
+  hint: {
+    id: 'join_event.hint',
+    defaultMessage: 'You can tell the organizer why do you want to participate in this event:',
+  },
   placeholder: { id: 'join_event.placeholder', defaultMessage: 'Message to organizer' },
   join: { id: 'join_event.join', defaultMessage: 'Request join' },
 });
@@ -30,23 +33,23 @@ const JoinEventModal: React.FC<BaseModalProps & JoinEventModalProps> = ({ onClos
     onClose('JOIN_EVENT');
   };
 
-  const handleChange: React.ChangeEventHandler<HTMLTextAreaElement> = e => {
+  const handleChange: React.ChangeEventHandler<HTMLTextAreaElement> = (e) => {
     setParticipationMessage(e.target.value);
   };
 
   const handleSubmit = () => {
     setIsSubmitting(true);
     joinEvent(participationMessage, {
-      onSuccess: () =>{
+      onSuccess: () => {
         handleClose();
       },
-      onError: () =>{
+      onError: () => {
         setIsSubmitting(false);
       },
     });
   };
 
-  const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = e => {
+  const handleKeyDown: React.KeyboardEventHandler<HTMLTextAreaElement> = (e) => {
     if (e.key === 'Enter' && (e.ctrlKey || e.metaKey)) {
       handleSubmit();
     }
diff --git a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
index ee2feefbc..26c5656d6 100644
--- a/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
+++ b/packages/pl-fe/src/modals/list-adder-modal/components/list.tsx
@@ -3,7 +3,11 @@ import { defineMessages, useIntl } from 'react-intl';
 
 import Icon from '@/components/icon';
 import IconButton from '@/components/ui/icon-button';
-import { useAddAccountsToList, useList, useRemoveAccountsFromList } from '@/queries/accounts/use-lists';
+import {
+  useAddAccountsToList,
+  useList,
+  useRemoveAccountsFromList,
+} from '@/queries/accounts/use-lists';
 
 const messages = defineMessages({
   remove: { id: 'lists.account.remove', defaultMessage: 'Remove from list' },
@@ -24,10 +28,10 @@ const List: React.FC<IList> = ({ listId, accountId, added }) => {
   const { mutate: addToList } = useAddAccountsToList(listId);
   const { mutate: removeFromList } = useRemoveAccountsFromList(listId);
 
-  const onAdd = () =>{
+  const onAdd = () => {
     addToList([accountId]);
   };
-  const onRemove = () =>{
+  const onRemove = () => {
     removeFromList([accountId]);
   };
 
@@ -36,17 +40,31 @@ const List: React.FC<IList> = ({ listId, accountId, added }) => {
   let button;
 
   if (added) {
-    button = <IconButton className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/x.svg')} title={intl.formatMessage(messages.remove)} onClick={onRemove} />;
+    button = (
+      <IconButton
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        src={require('@phosphor-icons/core/regular/x.svg')}
+        title={intl.formatMessage(messages.remove)}
+        onClick={onRemove}
+      />
+    );
   } else {
-    button = <IconButton className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/plus.svg')} title={intl.formatMessage(messages.add)} onClick={onAdd} />;
+    button = (
+      <IconButton
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        src={require('@phosphor-icons/core/regular/plus.svg')}
+        title={intl.formatMessage(messages.add)}
+        onClick={onAdd}
+      />
+    );
   }
 
   return (
     <div className='flex items-center gap-1.5 px-2 py-4 text-black dark:text-white'>
       <Icon src={require('@phosphor-icons/core/regular/list-bullets.svg')} />
-      <span className='grow'>
-        {list.title}
-      </span>
+      <span className='grow'>{list.title}</span>
       {button}
     </div>
   );
diff --git a/packages/pl-fe/src/modals/list-adder-modal/index.tsx b/packages/pl-fe/src/modals/list-adder-modal/index.tsx
index ae57be348..698291ede 100644
--- a/packages/pl-fe/src/modals/list-adder-modal/index.tsx
+++ b/packages/pl-fe/src/modals/list-adder-modal/index.tsx
@@ -25,7 +25,7 @@ const ListAdderModal: React.FC<BaseModalProps & ListAdderModalProps> = ({ accoun
 
   const { data: accountListIds = [] } = useListsForAccount(accountId);
 
-  const { data: listIds = [] } = useLists((lists) => getOrderedLists(lists).map(list => list.id));
+  const { data: listIds = [] } = useLists((lists) => getOrderedLists(lists).map((list) => list.id));
 
   const onClickClose = () => {
     onClose('LIST_ADDER');
@@ -33,7 +33,9 @@ const ListAdderModal: React.FC<BaseModalProps & ListAdderModalProps> = ({ accoun
 
   return (
     <Modal
-      title={<FormattedMessage id='list_adder.header_title' defaultMessage='Add or remove from lists' />}
+      title={
+        <FormattedMessage id='list_adder.header_title' defaultMessage='Add or remove from lists' />
+      }
       onClose={onClickClose}
     >
       <AccountContainer id={accountId} withRelationship={false} />
@@ -51,7 +53,14 @@ const ListAdderModal: React.FC<BaseModalProps & ListAdderModalProps> = ({ accoun
         <CardTitle title={intl.formatMessage(messages.subheading)} />
       </CardHeader>
       <div>
-        {listIds.map(listId => <List key={listId} accountId={accountId} listId={listId} added={accountListIds.includes(listId)} />)}
+        {listIds.map((listId) => (
+          <List
+            key={listId}
+            accountId={accountId}
+            listId={listId}
+            added={accountListIds.includes(listId)}
+          />
+        ))}
       </div>
     </Modal>
   );
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
index 00e171bd7..cc915666f 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/account.tsx
@@ -23,17 +23,29 @@ const Account: React.FC<IAccount> = ({ accountId, added, onAdd, onRemove }) => {
   let button;
 
   if (added) {
-    button = (<IconButton
-      src={require('@phosphor-icons/core/regular/x.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.remove)} onClick={() =>{
-        onRemove(accountId);
-      }}
-    />);
+    button = (
+      <IconButton
+        src={require('@phosphor-icons/core/regular/x.svg')}
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        title={intl.formatMessage(messages.remove)}
+        onClick={() => {
+          onRemove(accountId);
+        }}
+      />
+    );
   } else {
-    button = (<IconButton
-      src={require('@phosphor-icons/core/regular/plus.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.add)} onClick={() =>{
-        onAdd(accountId);
-      }}
-    />);
+    button = (
+      <IconButton
+        src={require('@phosphor-icons/core/regular/plus.svg')}
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        title={intl.formatMessage(messages.add)}
+        onClick={() => {
+          onAdd(accountId);
+        }}
+      />
+    );
   }
 
   return (
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
index 9b6e9e783..e8bab256a 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/edit-list-form.tsx
@@ -16,7 +16,10 @@ import toast from '@/toast';
 const messages = defineMessages({
   repliesPolicyNone: { id: 'lists.replies_policy.none', defaultMessage: 'No one' },
   repliesPolicyList: { id: 'lists.replies_policy.list', defaultMessage: 'Members of the list' },
-  repliesPolicyFollowed: { id: 'lists.replies_policy.followed', defaultMessage: 'Any followed user' },
+  repliesPolicyFollowed: {
+    id: 'lists.replies_policy.followed',
+    defaultMessage: 'Any followed user',
+  },
   success: { id: 'lists.edit.success', defaultMessage: 'List updated successfully' },
   error: { id: 'lists.edit.error', defaultMessage: 'Error updating list' },
 });
@@ -26,10 +29,7 @@ interface IListForm {
   onTabChange: (tab: 'members') => void;
 }
 
-const ListForm: React.FC<IListForm> = ({
-  listId,
-  onTabChange,
-}) => {
+const ListForm: React.FC<IListForm> = ({ listId, onTabChange }) => {
   const intl = useIntl();
   const features = useFeatures();
 
@@ -41,32 +41,33 @@ const ListForm: React.FC<IListForm> = ({
   const [exclusive, setExclusive] = useState(list!.exclusive);
   const [notify, setNotify] = useState(list!.notify);
 
-  const handleSubmit: React.FormEventHandler = e => {
+  const handleSubmit: React.FormEventHandler = (e) => {
     e.preventDefault();
     handleUpdate();
   };
 
   const handleUpdate = () => {
-    updateList({ title, replies_policy: repliesPolicy, exclusive, notify }, {
-      onSuccess: () => {
-        toast.success(intl.formatMessage(messages.success));
+    updateList(
+      { title, replies_policy: repliesPolicy, exclusive, notify },
+      {
+        onSuccess: () => {
+          toast.success(intl.formatMessage(messages.success));
+        },
+        onError: () => {
+          toast.error(intl.formatMessage(messages.error));
+        },
       },
-      onError: () => {
-        toast.error(intl.formatMessage(messages.error));
-      },
-    });
+    );
   };
 
   return (
     <Form onSubmit={handleSubmit}>
-      <FormGroup
-        labelText={<FormattedMessage id='lists.edit.title' defaultMessage='List title' />}
-      >
+      <FormGroup labelText={<FormattedMessage id='lists.edit.title' defaultMessage='List title' />}>
         <Input
           outerClassName='grow'
           type='text'
           value={title}
-          onChange={(e) =>{
+          onChange={(e) => {
             setTitle(e.target.value);
           }}
         />
@@ -75,7 +76,12 @@ const ListForm: React.FC<IListForm> = ({
       <List>
         {features.listsRepliesPolicy && (
           <ListItem
-            label={<FormattedMessage id='lists.edit.show_replies_to' defaultMessage='Include replies from list members to' />}
+            label={
+              <FormattedMessage
+                id='lists.edit.show_replies_to'
+                defaultMessage='Include replies from list members to'
+              />
+            }
           >
             <SelectDropdown
               key={repliesPolicy}
@@ -86,7 +92,7 @@ const ListForm: React.FC<IListForm> = ({
                 followed: intl.formatMessage(messages.repliesPolicyFollowed),
               }}
               defaultValue={repliesPolicy ?? 'list'}
-              onChange={(e) =>{
+              onChange={(e) => {
                 setRepliesPolicy(e.target.value as 'none');
               }}
             />
@@ -96,11 +102,16 @@ const ListForm: React.FC<IListForm> = ({
         {features.listsExclusive && (
           <ListItem
             label={<FormattedMessage id='lists.exclusive' defaultMessage='Hide members in Home' />}
-            hint={<FormattedMessage id='lists.exclusive_hint' defaultMessage='If someone is on this list, hide them in your Home feed to avoid seeing their posts twice.' />}
+            hint={
+              <FormattedMessage
+                id='lists.exclusive_hint'
+                defaultMessage='If someone is on this list, hide them in your Home feed to avoid seeing their posts twice.'
+              />
+            }
           >
             <Toggle
               checked={exclusive}
-              onChange={(e) =>{
+              onChange={(e) => {
                 setExclusive(e.target.checked);
               }}
             />
@@ -110,11 +121,16 @@ const ListForm: React.FC<IListForm> = ({
         {features.listsNotifications && (
           <ListItem
             label={<FormattedMessage id='lists.notifications' defaultMessage='Subscribe' />}
-            hint={<FormattedMessage id='lists.notifications_hint' defaultMessage='Receive notifications for new posts in the list.' />}
+            hint={
+              <FormattedMessage
+                id='lists.notifications_hint'
+                defaultMessage='Receive notifications for new posts in the list.'
+              />
+            }
           >
             <Toggle
               checked={notify}
-              onChange={(e) =>{
+              onChange={(e) => {
                 setNotify(e.target.checked);
               }}
             />
@@ -122,8 +138,10 @@ const ListForm: React.FC<IListForm> = ({
         )}
 
         <ListItem
-          label={<FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />}
-          onClick={() =>{
+          label={
+            <FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />
+          }
+          onClick={() => {
             onTabChange('members');
           }}
         />
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
index c29cc1c30..97d1d4f56 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
@@ -4,7 +4,11 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 import { CardHeader, CardTitle } from '@/components/ui/card';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
-import { useAddAccountsToList, useListAccounts, useRemoveAccountsFromList } from '@/queries/accounts/use-lists';
+import {
+  useAddAccountsToList,
+  useListAccounts,
+  useRemoveAccountsFromList,
+} from '@/queries/accounts/use-lists';
 import { useAccountSearch } from '@/queries/search/use-search-accounts';
 
 import Account from './account';
@@ -25,15 +29,18 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
   const [searchValue, setSearchValue] = useState('');
 
   const { data: accountIds = [] } = useListAccounts(listId);
-  const { data: searchAccountIds = [] } = useAccountSearch(searchValue, { following: true, limit: 5 });
+  const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
+    following: true,
+    limit: 5,
+  });
 
   const { mutate: addToList } = useAddAccountsToList(listId);
   const { mutate: removeFromList } = useRemoveAccountsFromList(listId);
 
-  const onAdd = (accountId: string) =>{
+  const onAdd = (accountId: string) => {
     addToList([accountId]);
   };
-  const onRemove = (accountId: string) =>{
+  const onRemove = (accountId: string) => {
     removeFromList([accountId]);
   };
 
@@ -45,12 +52,23 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
             <CardTitle title={intl.formatMessage(messages.removeFromList)} />
           </CardHeader>
           <div className='max-h-48 overflow-y-auto'>
-            {accountIds.map(accountId => <Account key={accountId} accountId={accountId} added={accountIds.includes(accountId)} onAdd={onAdd} onRemove={onRemove} />)}
+            {accountIds.map((accountId) => (
+              <Account
+                key={accountId}
+                accountId={accountId}
+                added={accountIds.includes(accountId)}
+                onAdd={onAdd}
+                onRemove={onRemove}
+              />
+            ))}
           </div>
         </div>
       ) : (
         <Text theme='muted' size='sm'>
-          <FormattedMessage id='empty_column.list_members' defaultMessage='There are no members in this list. Use search to find users to add.' />
+          <FormattedMessage
+            id='empty_column.list_members'
+            defaultMessage='There are no members in this list. Use search to find users to add.'
+          />
         </Text>
       )}
 
@@ -60,7 +78,15 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
         </CardHeader>
         <Search value={searchValue} onSubmit={setSearchValue} />
         <div className='max-h-48 overflow-y-auto'>
-          {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} added={accountIds.includes(accountId)} onAdd={onAdd} onRemove={onRemove} />)}
+          {searchAccountIds.map((accountId) => (
+            <Account
+              key={accountId}
+              accountId={accountId}
+              added={accountIds.includes(accountId)}
+              onAdd={onAdd}
+              onRemove={onRemove}
+            />
+          ))}
         </div>
       </div>
     </Stack>
diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx
index 3ede4e6be..f598f7060 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/search.tsx
@@ -23,7 +23,7 @@ const Search: React.FC<ISearch> = ({ value, onSubmit }) => {
 
   const [searchValue, setSearchValue] = React.useState(value);
 
-  const handleChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     setSearchValue(e.target.value);
   };
 
@@ -52,7 +52,11 @@ const Search: React.FC<ISearch> = ({ value, onSubmit }) => {
               onSubmit('');
             }}
           >
-            <Icon src={require('@phosphor-icons/core/regular/backspace.svg')} className={clsx('size-5 text-gray-600', { hidden: !hasValue })} aria-hidden />
+            <Icon
+              src={require('@phosphor-icons/core/regular/backspace.svg')}
+              className={clsx('size-5 text-gray-600', { hidden: !hasValue })}
+              aria-hidden
+            />
           </div>
         </label>
 
diff --git a/packages/pl-fe/src/modals/list-editor-modal/index.tsx b/packages/pl-fe/src/modals/list-editor-modal/index.tsx
index fae859146..59c1c9e8e 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/index.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/index.tsx
@@ -25,16 +25,31 @@ const ListEditorModal: React.FC<BaseModalProps & ListEditorModalProps> = ({ list
 
   return (
     <Modal
-      title={tab === 'info' ? <FormattedMessage id='lists.edit' defaultMessage='Edit list' /> : <FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />}
+      title={
+        tab === 'info' ? (
+          <FormattedMessage id='lists.edit' defaultMessage='Edit list' />
+        ) : (
+          <FormattedMessage id='lists.manage_members' defaultMessage='Manage list members' />
+        )
+      }
       onClose={onClickClose}
-      onBack={tab === 'members' ? () =>{
-        setTab('info');
-      } : undefined}
+      onBack={
+        tab === 'members'
+          ? () => {
+              setTab('info');
+            }
+          : undefined
+      }
     >
-      {isFetched ? (tab === 'info'
-        ? <EditListForm listId={listId} onTabChange={setTab} />
-        : <ListMembersForm listId={listId} />
-      ) : <Spinner />}
+      {isFetched ? (
+        tab === 'info' ? (
+          <EditListForm listId={listId} onTabChange={setTab} />
+        ) : (
+          <ListMembersForm listId={listId} />
+        )
+      ) : (
+        <Spinner />
+      )}
     </Modal>
   );
 };
diff --git a/packages/pl-fe/src/modals/manage-group-modal/index.tsx b/packages/pl-fe/src/modals/manage-group-modal/index.tsx
index 3ab3a95f7..03e718b24 100644
--- a/packages/pl-fe/src/modals/manage-group-modal/index.tsx
+++ b/packages/pl-fe/src/modals/manage-group-modal/index.tsx
@@ -80,7 +80,9 @@ const CreateGroupModal: React.FC<BaseModalProps> = ({ onClose }) => {
     }
   };
 
-  const renderModalTitle = () => <FormattedMessage id='navigation_bar.create_group' defaultMessage='Create group' />;
+  const renderModalTitle = () => (
+    <FormattedMessage id='navigation_bar.create_group' defaultMessage='Create group' />
+  );
 
   return (
     <Modal
@@ -90,9 +92,7 @@ const CreateGroupModal: React.FC<BaseModalProps> = ({ onClose }) => {
       confirmationDisabled={isSubmitting}
       onClose={handleClose}
     >
-      <Stack space={2}>
-        {renderStep()}
-      </Stack>
+      <Stack space={2}>{renderStep()}</Stack>
     </Modal>
   );
 };
diff --git a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
index 05352b271..5850b9b5b 100644
--- a/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
+++ b/packages/pl-fe/src/modals/manage-group-modal/steps/confirmation-step.tsx
@@ -31,12 +31,14 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
   };
 
   const handleShare = () => {
-    navigator.share({
-      text: group?.display_name,
-      url: group?.uri,
-    }).catch((e) => {
-      if (e.name !== 'AbortError') console.error(e);
-    });
+    navigator
+      .share({
+        text: group?.display_name,
+        url: group?.uri,
+      })
+      .catch((e) => {
+        if (e.name !== 'AbortError') console.error(e);
+      });
   };
 
   if (!group) {
@@ -47,10 +49,14 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
     <Stack space={9}>
       <Stack space={3}>
         <Stack>
-          <label
-            className='dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow'
-          >
-            {group.header && <img className='size-full object-cover' src={group.header} alt={group.header_description} />}
+          <label className='dark:sm:shadow-inset relative h-24 w-full cursor-pointer overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-primary-400 sm:h-36 sm:shadow'>
+            {group.header && (
+              <img
+                className='size-full object-cover'
+                src={group.header}
+                alt={group.header_description}
+              />
+            )}
           </label>
 
           <label className='z-[1] mx-auto -mt-10 cursor-pointer rounded-lg bg-primary-500 ring-2 ring-white dark:ring-primary-900'>
@@ -59,7 +65,9 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
         </Stack>
 
         <Stack>
-          <Text size='2xl' weight='bold' align='center'>{group.display_name}</Text>
+          <Text size='2xl' weight='bold' align='center'>
+            {group.display_name}
+          </Text>
           <Text
             size='md'
             className='mx-auto max-w-sm [&_a]:text-primary-600 [&_a]:hover:underline [&_a]:dark:text-primary-400'
@@ -107,13 +115,26 @@ const ConfirmationStep: React.FC<IConfirmationStep> = ({ group }) => {
       </Stack>
 
       <HStack space={2} justifyContent='center'>
-        {('share' in navigator) && (
-          <Button onClick={handleShare} theme='transparent' icon={require('@phosphor-icons/core/regular/export.svg')} className='text-primary-600'>
-            <FormattedMessage id='manage_group.confirmation.share' defaultMessage='Share this group' />
+        {'share' in navigator && (
+          <Button
+            onClick={handleShare}
+            theme='transparent'
+            icon={require('@phosphor-icons/core/regular/export.svg')}
+            className='text-primary-600'
+          >
+            <FormattedMessage
+              id='manage_group.confirmation.share'
+              defaultMessage='Share this group'
+            />
           </Button>
         )}
 
-        <Button onClick={handleCopyLink} theme='transparent' icon={require('@phosphor-icons/core/regular/link-simple.svg')} className='text-primary-600'>
+        <Button
+          onClick={handleCopyLink}
+          theme='transparent'
+          icon={require('@phosphor-icons/core/regular/link-simple.svg')}
+          className='text-primary-600'
+        >
           <FormattedMessage id='manage_group.confirmation.copy' defaultMessage='Copy link' />
         </Button>
       </HStack>
@@ -127,7 +148,9 @@ interface IInfoListNumber {
 
 const InfoListNumber: React.FC<IInfoListNumber> = ({ number }) => (
   <div className='flex size-7 shrink-0 items-center justify-center rounded-full border border-gray-200 dark:border-gray-800'>
-    <Text theme='primary' size='sm' weight='bold'>{number}</Text>
+    <Text theme='primary' size='sm' weight='bold'>
+      {number}
+    </Text>
   </div>
 );
 
@@ -139,9 +162,7 @@ interface IInfoListItem {
 const InfoListItem: React.FC<IInfoListItem> = ({ number, children }) => (
   <HStack alignItems='top' space={3}>
     <InfoListNumber number={number} />
-    <div className='mt-0.5'>
-      {children}
-    </div>
+    <div className='mt-0.5'>{children}</div>
   </HStack>
 );
 
diff --git a/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx b/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
index dd48d577c..9d98a5fb7 100644
--- a/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
+++ b/packages/pl-fe/src/modals/manage-group-modal/steps/details-step.tsx
@@ -16,9 +16,18 @@ import resizeImage from '@/utils/resize-image';
 import type { CreateGroupParams } from 'pl-api';
 
 const messages = defineMessages({
-  groupNamePlaceholder: { id: 'manage_group.fields.name_placeholder', defaultMessage: 'Group Name' },
-  groupDescriptionPlaceholder: { id: 'manage_group.fields.description_placeholder', defaultMessage: 'Description' },
-  hashtagPlaceholder: { id: 'manage_group.fields.hashtag_placeholder', defaultMessage: 'Add a topic' },
+  groupNamePlaceholder: {
+    id: 'manage_group.fields.name_placeholder',
+    defaultMessage: 'Group Name',
+  },
+  groupDescriptionPlaceholder: {
+    id: 'manage_group.fields.description_placeholder',
+    defaultMessage: 'Description',
+  },
+  hashtagPlaceholder: {
+    id: 'manage_group.fields.hashtag_placeholder',
+    defaultMessage: 'Add a topic',
+  },
 });
 
 interface IDetailsStep {
@@ -31,24 +40,27 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
   const instance = useInstance();
   const { stripMetadata } = useSettings();
 
-  const {
-    display_name: displayName = '',
-    note = '',
-  } = params;
+  const { display_name: displayName = '', note = '' } = params;
 
   const avatarSrc = usePreview(params.avatar);
   const headerSrc = usePreview(params.header);
 
-  const attachmentTypes = useAppSelector(state => state.instance.configuration.media_attachments.supported_mime_types)
+  const attachmentTypes = useAppSelector(
+    (state) => state.instance.configuration.media_attachments.supported_mime_types,
+  )
     ?.filter((type) => type.startsWith('image/'))
     .join(',');
 
-  const handleTextChange = (property: keyof CreateGroupParams): React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> => (e) => {
-    onChange({ ...params, [property]: e.target.value });
-  };
+  const handleTextChange =
+    (
+      property: keyof CreateGroupParams,
+    ): React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> =>
+    (e) => {
+      onChange({ ...params, [property]: e.target.value });
+    };
 
-  const handleImageChange = (property: 'header' | 'avatar', maxPixels?: number) =>
-    async (files: FileList | null) => {
+  const handleImageChange =
+    (property: 'header' | 'avatar', maxPixels?: number) => async (files: FileList | null) => {
       const file = files ? files[0] : undefined;
       if (file) {
         const resized = await resizeImage(file, maxPixels, stripMetadata);
@@ -59,7 +71,7 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
       }
     };
 
-  const handleImageClear = (property: keyof CreateGroupParams) => () =>{
+  const handleImageClear = (property: keyof CreateGroupParams) => () => {
     onChange({
       ...params,
       [property]: undefined,
@@ -69,13 +81,32 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
   return (
     <Form>
       <div className='relative mb-12 flex'>
-        <HeaderPicker src={headerSrc} accept={attachmentTypes} onChange={handleImageChange('header', 1920 * 1080)} onClear={handleImageClear('header')} />
-        <AvatarPicker src={avatarSrc} accept={attachmentTypes} onChange={handleImageChange('avatar', 400 * 400)} />
+        <HeaderPicker
+          src={headerSrc}
+          accept={attachmentTypes}
+          onChange={handleImageChange('header', 1920 * 1080)}
+          onClear={handleImageClear('header')}
+        />
+        <AvatarPicker
+          src={avatarSrc}
+          accept={attachmentTypes}
+          onChange={handleImageChange('avatar', 400 * 400)}
+        />
       </div>
 
       <FormGroup
-        labelText={<FormattedMessage id='manage_group.fields.name_label' defaultMessage='Group name (required)' />}
-        hintText={<FormattedMessage id='manage_group.fields.name_help' defaultMessage='This cannot be changed after the group is created.' />}
+        labelText={
+          <FormattedMessage
+            id='manage_group.fields.name_label'
+            defaultMessage='Group name (required)'
+          />
+        }
+        hintText={
+          <FormattedMessage
+            id='manage_group.fields.name_help'
+            defaultMessage='This cannot be changed after the group is created.'
+          />
+        }
       >
         <Input
           type='text'
@@ -87,7 +118,12 @@ const DetailsStep: React.FC<IDetailsStep> = ({ params, onChange }) => {
       </FormGroup>
 
       <FormGroup
-        labelText={<FormattedMessage id='manage_group.fields.description_label' defaultMessage='Description' />}
+        labelText={
+          <FormattedMessage
+            id='manage_group.fields.description_label'
+            defaultMessage='Description'
+          />
+        }
       >
         <Textarea
           autoComplete='off'
diff --git a/packages/pl-fe/src/modals/media-modal.tsx b/packages/pl-fe/src/modals/media-modal.tsx
index a712395c7..70b47bc28 100644
--- a/packages/pl-fe/src/modals/media-modal.tsx
+++ b/packages/pl-fe/src/modals/media-modal.tsx
@@ -47,18 +47,16 @@ interface MediaModalProps {
 }
 
 const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
-  const {
-    statusId,
-    onClose,
-    time = 0,
-  } = props;
+  const { statusId, onClose, time = 0 } = props;
 
   const dispatch = useAppDispatch();
   const intl = useIntl();
 
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector((state) => statusId ? getStatus(state, { id: statusId }) : undefined);
-  const media = (status?.media_attachments ?? props.media) ?? [];
+  const status = useAppSelector((state) =>
+    statusId ? getStatus(state, { id: statusId }) : undefined,
+  );
+  const media = status?.media_attachments ?? props.media ?? [];
 
   const [isLoaded, setIsLoaded] = useState<boolean>(!!status);
   const [index, setIndex] = useState<number>(props.index || 0);
@@ -66,22 +64,28 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
   const [navigationHidden, setNavigationHidden] = useState(false);
   const [isFullScreen, setIsFullScreen] = useState(!status);
 
-  const [wrapperStyles, api] = useSpring(() => ({
-    x: `-${index * 100}%`,
-  }), [index]);
+  const [wrapperStyles, api] = useSpring(
+    () => ({
+      x: `-${index * 100}%`,
+    }),
+    [index],
+  );
 
-  const handleChangeIndex = useCallback((newIndex: number, animate = false) => {
-    if (newIndex < 0) {
-      newIndex = media.length + newIndex;
-    } else if (newIndex >= media.length) {
-      newIndex = newIndex % media.length;
-    }
-    setIndex(newIndex);
-    setZoomedIn(false);
-    if (animate) {
-      void api.start({ x: `calc(-${newIndex * 100}% + 0px)` });
-    }
-  }, [api, media.length]);
+  const handleChangeIndex = useCallback(
+    (newIndex: number, animate = false) => {
+      if (newIndex < 0) {
+        newIndex = media.length + newIndex;
+      } else if (newIndex >= media.length) {
+        newIndex = newIndex % media.length;
+      }
+      setIndex(newIndex);
+      setZoomedIn(false);
+      if (animate) {
+        void api.start({ x: `calc(-${newIndex * 100}% + 0px)` });
+      }
+    },
+    [api, media.length],
+  );
   const handlePrevClick = useCallback(() => {
     handleChangeIndex(index - 1, true);
   }, [handleChangeIndex, index]);
@@ -140,10 +144,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
       }
 
       // If dragging and swipe distance is enough, change the index.
-      if (
-        active &&
-          Math.abs(mx) > Math.min(window.innerWidth / 4, MIN_SWIPE_DISTANCE)
-      ) {
+      if (active && Math.abs(mx) > Math.min(window.innerWidth / 4, MIN_SWIPE_DISTANCE)) {
         handleChangeIndex(index - xDir);
         cancel();
       }
@@ -160,7 +161,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
   };
 
   const toggleNavigation = () => {
-    setNavigationHidden(value => !value && userTouching.matches);
+    setNavigationHidden((value) => !value && userTouching.matches);
   };
 
   // const currentMedia = media[index];
@@ -173,92 +174,109 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
     setZoomedIn((prev) => !prev);
   }, []);
 
-  const content = useMemo(() => media.map((attachment, idx) => {
-    let width: number | undefined, height: number | undefined;
-    if (attachment.type === 'image' || attachment.type === 'gifv' || attachment.type === 'video') {
-      width = (attachment.meta?.original?.width);
-      height = (attachment.meta?.original?.height);
-    }
+  const content = useMemo(
+    () =>
+      media.map((attachment, idx) => {
+        let width: number | undefined, height: number | undefined;
+        if (
+          attachment.type === 'image' ||
+          attachment.type === 'gifv' ||
+          attachment.type === 'video'
+        ) {
+          width = attachment.meta?.original?.width;
+          height = attachment.meta?.original?.height;
+        }
 
-    const link = (status && (
-      <Link to='/@{$username}/posts/$statusId' params={{ username: status.account.acct, statusId: status.id }}>
-        <FormattedMessage id='lightbox.view_context' defaultMessage='View context' />
-      </Link>
-    ));
+        const link = status && (
+          <Link
+            to='/@{$username}/posts/$statusId'
+            params={{ username: status.account.acct, statusId: status.id }}
+          >
+            <FormattedMessage id='lightbox.view_context' defaultMessage='View context' />
+          </Link>
+        );
 
-    if (attachment.type === 'image') {
-      return (
-        <ZoomableImage
-          src={attachment.url}
-          blurhash={attachment.blurhash ?? undefined}
-          width={width!}
-          height={height!}
-          alt={attachment.description}
-          lang={props.lang}
-          key={attachment.url}
-          onClick={toggleNavigation}
-          onDoubleClick={handleZoomClick}
-          onClose={onClose}
-          onZoomChange={setZoomedIn}
-          zoomedIn={zoomedIn && idx === index}
-        />
-      );
-    } else if (attachment.type === 'video') {
-      return (
-        <Video
-          preview={attachment.preview_url}
-          blurhash={attachment.blurhash}
-          src={attachment.url}
-          width={width}
-          height={height}
-          startTime={time}
-          detailed
-          autoFocus={idx === index}
-          link={link}
-          alt={attachment.description}
-          key={attachment.url}
-          visible
-        />
-      );
-    } else if (attachment.type === 'audio') {
-      return (
-        <Audio
-          src={attachment.url}
-          alt={attachment.description}
-          poster={attachment.preview_url !== attachment.url ? attachment.preview_url : (status?.account.avatar_static)}
-          backgroundColor={attachment.meta.colors?.background}
-          foregroundColor={attachment.meta.colors?.foreground}
-          accentColor={attachment.meta.colors?.accent}
-          duration={attachment.meta.original?.duration ?? 0}
-          key={attachment.url}
-        />
-      );
-    } else if (attachment.type === 'gifv') {
-      return (
-        <ExtendedVideoPlayer
-          src={attachment.url}
-          muted
-          controls={false}
-          width={width}
-          height={height}
-          key={attachment.preview_url}
-          alt={attachment.description}
-          onClick={toggleNavigation}
-        />
-      );
-    }
+        if (attachment.type === 'image') {
+          return (
+            <ZoomableImage
+              src={attachment.url}
+              blurhash={attachment.blurhash ?? undefined}
+              width={width!}
+              height={height!}
+              alt={attachment.description}
+              lang={props.lang}
+              key={attachment.url}
+              onClick={toggleNavigation}
+              onDoubleClick={handleZoomClick}
+              onClose={onClose}
+              onZoomChange={setZoomedIn}
+              zoomedIn={zoomedIn && idx === index}
+            />
+          );
+        } else if (attachment.type === 'video') {
+          return (
+            <Video
+              preview={attachment.preview_url}
+              blurhash={attachment.blurhash}
+              src={attachment.url}
+              width={width}
+              height={height}
+              startTime={time}
+              detailed
+              autoFocus={idx === index}
+              link={link}
+              alt={attachment.description}
+              key={attachment.url}
+              visible
+            />
+          );
+        } else if (attachment.type === 'audio') {
+          return (
+            <Audio
+              src={attachment.url}
+              alt={attachment.description}
+              poster={
+                attachment.preview_url !== attachment.url
+                  ? attachment.preview_url
+                  : status?.account.avatar_static
+              }
+              backgroundColor={attachment.meta.colors?.background}
+              foregroundColor={attachment.meta.colors?.foreground}
+              accentColor={attachment.meta.colors?.accent}
+              duration={attachment.meta.original?.duration ?? 0}
+              key={attachment.url}
+            />
+          );
+        } else if (attachment.type === 'gifv') {
+          return (
+            <ExtendedVideoPlayer
+              src={attachment.url}
+              muted
+              controls={false}
+              width={width}
+              height={height}
+              key={attachment.preview_url}
+              alt={attachment.description}
+              onClick={toggleNavigation}
+            />
+          );
+        }
 
-    return null;
-  }), [media.length, index, zoomedIn, handleZoomClick]);
+        return null;
+      }),
+    [media.length, index, zoomedIn, handleZoomClick],
+  );
 
   // Load data.
   useEffect(() => {
     if (status?.id) {
-      dispatch(fetchStatusWithContext(status.id, intl)).then(() => {
-        setIsLoaded(true);
-      }).catch(() => {
-        setIsLoaded(true);
-      });
+      dispatch(fetchStatusWithContext(status.id, intl))
+        .then(() => {
+          setIsLoaded(true);
+        })
+        .catch(() => {
+          setIsLoaded(true);
+        });
     }
   }, [status?.id]);
 
@@ -272,9 +290,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
 
   if (statusId) {
     if (!isLoaded) {
-      return (
-        <MissingIndicator />
-      );
+      return <MissingIndicator />;
     } else if (!status) {
       return <PlaceholderStatus />;
     }
@@ -287,7 +303,10 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
   };
 
   return (
-    <div className={clsx('⁂-media-modal', { '⁂-media-modal--fullscreen': isFullScreen })} role='presentation'>
+    <div
+      className={clsx('⁂-media-modal', { '⁂-media-modal--fullscreen': isFullScreen })}
+      role='presentation'
+    >
       <div
         {...bind()}
         onClick={handleClickOutside}
@@ -298,7 +317,7 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
           style={wrapperStyles}
           className='⁂-media-modal__closer'
           role='presentation'
-          onClick={() =>{
+          onClick={() => {
             onClose();
           }}
         >
@@ -309,12 +328,15 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
           <HStack
             alignItems='center'
             justifyContent='between'
-            className={clsx('pointer-events-auto z-10 flex-[0_0_60px] p-4 transition-opacity', navigationHiddenClassName)}
+            className={clsx(
+              'pointer-events-auto z-10 flex-[0_0_60px] p-4 transition-opacity',
+              navigationHiddenClassName,
+            )}
           >
             <IconButton
               title={intl.formatMessage(messages.close)}
               src={require('@phosphor-icons/core/regular/x.svg')}
-              onClick={() =>{
+              onClick={() => {
                 onClose('MEDIA');
               }}
               theme='dark'
@@ -345,12 +367,16 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
 
               {status && (
                 <IconButton
-                  src={isFullScreen ? require('@phosphor-icons/core/regular/arrows-in-simple.svg') : require('@phosphor-icons/core/regular/arrows-out-simple.svg')}
+                  src={
+                    isFullScreen
+                      ? require('@phosphor-icons/core/regular/arrows-in-simple.svg')
+                      : require('@phosphor-icons/core/regular/arrows-out-simple.svg')
+                  }
                   title={intl.formatMessage(isFullScreen ? messages.minimize : messages.expand)}
                   theme='dark'
                   className='hidden !p-1.5 hover:scale-105 hover:bg-gray-900 xl:block'
                   iconClassName='h-5 w-5'
-                  onClick={() =>{
+                  onClick={() => {
                     setIsFullScreen(!isFullScreen);
                   }}
                 />
@@ -359,24 +385,40 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
           </HStack>
           {hasMultipleImages && (
             <HStack className='z-10 mx-5' justifyContent='between'>
-              <div className={clsx('pointer-events-auto z-10 flex h-fit items-center transition-opacity', navigationHiddenClassName)}>
+              <div
+                className={clsx(
+                  'pointer-events-auto z-10 flex h-fit items-center transition-opacity',
+                  navigationHiddenClassName,
+                )}
+              >
                 <button
                   tabIndex={0}
                   className='flex size-10 items-center justify-center rounded-full bg-gray-900 text-white'
                   onClick={handlePrevClick}
                   aria-label={intl.formatMessage(messages.previous)}
                 >
-                  <Icon src={require('@phosphor-icons/core/regular/arrow-left.svg')} className='size-5' />
+                  <Icon
+                    src={require('@phosphor-icons/core/regular/arrow-left.svg')}
+                    className='size-5'
+                  />
                 </button>
               </div>
-              <div className={clsx('pointer-events-auto z-10 flex h-fit items-center transition-opacity', navigationHiddenClassName)}>
+              <div
+                className={clsx(
+                  'pointer-events-auto z-10 flex h-fit items-center transition-opacity',
+                  navigationHiddenClassName,
+                )}
+              >
                 <button
                   tabIndex={0}
                   className='flex size-10 items-center justify-center rounded-full bg-gray-900 text-white'
                   onClick={handleNextClick}
                   aria-label={intl.formatMessage(messages.next)}
                 >
-                  <Icon src={require('@phosphor-icons/core/regular/arrow-right.svg')} className='size-5' />
+                  <Icon
+                    src={require('@phosphor-icons/core/regular/arrow-right.svg')}
+                    className='size-5'
+                  />
                 </button>
               </div>
             </HStack>
@@ -384,32 +426,29 @@ const MediaModal: React.FC<MediaModalProps & BaseModalProps> = (props) => {
           {status ? (
             <HStack
               justifyContent='center'
-              className={clsx('pointer-events-auto flex-[0_0_60px] transition-opacity', navigationHiddenClassName)}
+              className={clsx(
+                'pointer-events-auto flex-[0_0_60px] transition-opacity',
+                navigationHiddenClassName,
+              )}
             >
-              <StatusActionBar
-                status={status}
-                space='md'
-                expandable
-              />
+              <StatusActionBar status={status} space='md' expandable />
             </HStack>
-          ) : <span />}
+          ) : (
+            <span />
+          )}
         </div>
       </div>
 
       {status && (
         <div
-          className={
-            clsx('-right-96 hidden bg-white transition-all xl:fixed xl:inset-y-0 xl:right-0 xl:flex xl:w-96 xl:flex-col', {
+          className={clsx(
+            '-right-96 hidden bg-white transition-all xl:fixed xl:inset-y-0 xl:right-0 xl:flex xl:w-96 xl:flex-col',
+            {
               'xl:!-right-96': isFullScreen,
-            })
-          }
+            },
+          )}
         >
-          <Thread
-            status={status}
-            withMedia={false}
-            itemClassName='px-4'
-            isModal
-          />
+          <Thread status={status} withMedia={false} itemClassName='px-4' isModal />
         </div>
       )}
     </div>
diff --git a/packages/pl-fe/src/modals/mentions-modal.tsx b/packages/pl-fe/src/modals/mentions-modal.tsx
index cae219d8c..a61ff6dc1 100644
--- a/packages/pl-fe/src/modals/mentions-modal.tsx
+++ b/packages/pl-fe/src/modals/mentions-modal.tsx
@@ -21,7 +21,7 @@ const MentionsModal: React.FC<BaseModalProps & MentionsModalProps> = ({ onClose,
   const getStatus = useCallback(makeGetStatus(), []);
 
   const status = useAppSelector((state) => getStatus(state, { id: statusId }));
-  const accountIds = status ? status.mentions.map(m => m.id) : null;
+  const accountIds = status ? status.mentions.map((m) => m.id) : null;
 
   const fetchData = () => {
     dispatch(fetchStatusWithContext(statusId, intl));
@@ -47,9 +47,9 @@ const MentionsModal: React.FC<BaseModalProps & MentionsModalProps> = ({ onClose,
         isLoading={!accountIds}
         useWindowScroll={false}
       >
-        {(accountIds ?? []).map(id =>
-          <AccountContainer key={id} id={id} />,
-        )}
+        {(accountIds ?? []).map((id) => (
+          <AccountContainer key={id} id={id} />
+        ))}
       </ScrollableList>
     </Modal>
   );
diff --git a/packages/pl-fe/src/modals/missing-description-modal.tsx b/packages/pl-fe/src/modals/missing-description-modal.tsx
index b89191ab8..ed072c1fa 100644
--- a/packages/pl-fe/src/modals/missing-description-modal.tsx
+++ b/packages/pl-fe/src/modals/missing-description-modal.tsx
@@ -6,7 +6,10 @@ import Modal from '@/components/ui/modal';
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
-  modalTitle: { id: 'missing_description_modal.text', defaultMessage: 'You have not entered a description for all attachments. Continue anyway?' },
+  modalTitle: {
+    id: 'missing_description_modal.text',
+    defaultMessage: 'You have not entered a description for all attachments. Continue anyway?',
+  },
   post: { id: 'missing_description_modal.continue', defaultMessage: 'Post' },
   cancel: { id: 'missing_description_modal.cancel', defaultMessage: 'Cancel' },
 });
@@ -15,7 +18,10 @@ interface MissingDescriptionModalProps {
   onContinue: () => void;
 }
 
-const MissingDescriptionModal: React.FC<BaseModalProps & MissingDescriptionModalProps> = ({ onClose, onContinue }) => {
+const MissingDescriptionModal: React.FC<BaseModalProps & MissingDescriptionModalProps> = ({
+  onClose,
+  onContinue,
+}) => {
   const intl = useIntl();
 
   return (
@@ -25,12 +31,15 @@ const MissingDescriptionModal: React.FC<BaseModalProps & MissingDescriptionModal
       confirmationText={intl.formatMessage(messages.post)}
       confirmationTheme='danger'
       cancelText={intl.formatMessage(messages.cancel)}
-      cancelAction={() =>{
+      cancelAction={() => {
         onClose('MISSING_DESCRIPTION');
       }}
     >
       <p className='text-gray-600 dark:text-gray-300'>
-        <FormattedMessage id='missing_description_modal.description' defaultMessage='Continue anyway?' />
+        <FormattedMessage
+          id='missing_description_modal.description'
+          defaultMessage='Continue anyway?'
+        />
       </p>
     </Modal>
   );
diff --git a/packages/pl-fe/src/modals/reactions-modal.tsx b/packages/pl-fe/src/modals/reactions-modal.tsx
index 239c5ede0..ef27726e4 100644
--- a/packages/pl-fe/src/modals/reactions-modal.tsx
+++ b/packages/pl-fe/src/modals/reactions-modal.tsx
@@ -29,7 +29,11 @@ interface ReactionsModalProps {
   reaction?: string;
 }
 
-const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClose, statusId, reaction: initialReaction }) => {
+const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({
+  onClose,
+  statusId,
+  reaction: initialReaction,
+}) => {
   const intl = useIntl();
   const [reaction, setReaction] = useState(initialReaction);
 
@@ -43,25 +47,27 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
     const items: Array<Item> = [
       {
         text: intl.formatMessage(messages.all),
-        action: () =>{
+        action: () => {
           setReaction('');
         },
         name: 'all',
       },
     ];
 
-    reactions!.forEach(reaction => items.push(
-      {
-        text: <div className='flex items-center gap-1'>
-          <Emoji className='size-4' emoji={reaction.name} src={reaction.url ?? undefined} />
-          {reaction.count}
-        </div>,
-        action: () =>{
+    reactions!.forEach((reaction) =>
+      items.push({
+        text: (
+          <div className='flex items-center gap-1'>
+            <Emoji className='size-4' emoji={reaction.name} src={reaction.url ?? undefined} />
+            {reaction.count}
+          </div>
+        ),
+        action: () => {
           setReaction(reaction.name);
         },
         name: reaction.name,
-      },
-    ));
+      }),
+    );
 
     return <Tabs items={items} activeItem={reaction ?? 'all'} />;
   };
@@ -72,9 +78,22 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
     if (reaction) {
       const reactionRecord = reactions.find(({ name }) => name === reaction);
 
-      if (reactionRecord) return reactionRecord.account_ids.map(account => ({ id: account, reaction: reaction, reactionUrl: reactionRecord.url ?? undefined }));
+      if (reactionRecord)
+        return reactionRecord.account_ids.map((account) => ({
+          id: account,
+          reaction: reaction,
+          reactionUrl: reactionRecord.url ?? undefined,
+        }));
     } else {
-      return reactions.map(({ account_ids, name, url }) => account_ids.map(account => ({ id: account, reaction: name, reactionUrl: url ?? undefined }))).flat();
+      return reactions
+        .map(({ account_ids, name, url }) =>
+          account_ids.map((account) => ({
+            id: account,
+            reaction: name,
+            reactionUrl: url ?? undefined,
+          })),
+        )
+        .flat();
     }
   }, [reactions, reaction]);
 
@@ -83,27 +102,39 @@ const ReactionsModal: React.FC<BaseModalProps & ReactionsModalProps> = ({ onClos
   if (!accounts || !reactions) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='status.reactions.empty' defaultMessage='No one has reacted to this post yet. When someone does, they will show up here.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='status.reactions.empty'
+        defaultMessage='No one has reacted to this post yet. When someone does, they will show up here.'
+      />
+    );
 
-    body = (<>
-      {reactions.length > 0 && renderFilterBar()}
-      <PullToRefresh onRefresh={refetch}>
-        <ScrollableList
-          emptyMessageText={emptyMessage}
-          listClassName={clsx('max-w-full', {
-            '!mt-4': reactions.length > 0,
-          })}
-          itemClassName='pb-3'
-          style={{ height: reactions.length > 0 ? 'calc(80vh - 159px)' : 'calc(80vh - 88px)' }}
-          isLoading={isLoading}
-          useWindowScroll={false}
-        >
-          {accounts.map((account) =>
-            <AccountContainer key={`${account.id}-${account.reaction}`} id={account.id} emoji={account.reaction} emojiUrl={account.reactionUrl} />,
-          )}
-        </ScrollableList>
-      </PullToRefresh>
-    </>);
+    body = (
+      <>
+        {reactions.length > 0 && renderFilterBar()}
+        <PullToRefresh onRefresh={refetch}>
+          <ScrollableList
+            emptyMessageText={emptyMessage}
+            listClassName={clsx('max-w-full', {
+              '!mt-4': reactions.length > 0,
+            })}
+            itemClassName='pb-3'
+            style={{ height: reactions.length > 0 ? 'calc(80vh - 159px)' : 'calc(80vh - 88px)' }}
+            isLoading={isLoading}
+            useWindowScroll={false}
+          >
+            {accounts.map((account) => (
+              <AccountContainer
+                key={`${account.id}-${account.reaction}`}
+                id={account.id}
+                emoji={account.reaction}
+                emojiUrl={account.reactionUrl}
+              />
+            ))}
+          </ScrollableList>
+        </PullToRefresh>
+      </>
+    );
   }
 
   return (
diff --git a/packages/pl-fe/src/modals/reblogs-modal.tsx b/packages/pl-fe/src/modals/reblogs-modal.tsx
index b968d95e5..146b6aca5 100644
--- a/packages/pl-fe/src/modals/reblogs-modal.tsx
+++ b/packages/pl-fe/src/modals/reblogs-modal.tsx
@@ -15,7 +15,13 @@ interface ReblogsModalProps {
 }
 
 const ReblogsModal: React.FC<BaseModalProps & ReblogsModalProps> = ({ onClose, statusId }) => {
-  const { data: accountIds, isLoading, hasNextPage, fetchNextPage, refetch } = useStatusReblogs(statusId);
+  const {
+    data: accountIds,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useStatusReblogs(statusId);
 
   const onClickClose = () => {
     onClose('REBLOGS');
@@ -26,7 +32,12 @@ const ReblogsModal: React.FC<BaseModalProps & ReblogsModalProps> = ({ onClose, s
   if (!accountIds) {
     body = <Spinner />;
   } else {
-    const emptyMessage = <FormattedMessage id='status.reblogs.empty' defaultMessage='No one has reposted this post yet. When someone does, they will show up here.' />;
+    const emptyMessage = (
+      <FormattedMessage
+        id='status.reblogs.empty'
+        defaultMessage='No one has reposted this post yet. When someone does, they will show up here.'
+      />
+    );
 
     body = (
       <PullToRefresh onRefresh={refetch}>
@@ -40,9 +51,9 @@ const ReblogsModal: React.FC<BaseModalProps & ReblogsModalProps> = ({ onClose, s
           onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
           useWindowScroll={false}
         >
-          {accountIds.map((id) =>
-            <AccountContainer key={id} id={id} />,
-          )}
+          {accountIds.map((id) => (
+            <AccountContainer key={id} id={id} />
+          ))}
         </ScrollableList>
       </PullToRefresh>
     );
diff --git a/packages/pl-fe/src/modals/reply-mentions-modal.tsx b/packages/pl-fe/src/modals/reply-mentions-modal.tsx
index 721e20915..d80037c05 100644
--- a/packages/pl-fe/src/modals/reply-mentions-modal.tsx
+++ b/packages/pl-fe/src/modals/reply-mentions-modal.tsx
@@ -15,11 +15,14 @@ interface ReplyMentionsModalProps {
   composeId: string;
 }
 
-const ReplyMentionsModal: React.FC<BaseModalProps & ReplyMentionsModalProps> = ({ composeId, onClose }) => {
+const ReplyMentionsModal: React.FC<BaseModalProps & ReplyMentionsModalProps> = ({
+  composeId,
+  onClose,
+}) => {
   const compose = useCompose(composeId);
 
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector(state => getStatus(state, { id: compose.inReplyToId! }));
+  const status = useAppSelector((state) => getStatus(state, { id: compose.inReplyToId! }));
   const { account } = useOwnAccount();
 
   const mentions = statusToMentionsAccountIdsArray(status!, account!, compose.parentRebloggedById);
@@ -37,7 +40,14 @@ const ReplyMentionsModal: React.FC<BaseModalProps & ReplyMentionsModalProps> = (
       closePosition='left'
     >
       <div className='block min-h-[300px] flex-1 flex-row overflow-y-auto'>
-        {mentions.map(accountId => <Account composeId={composeId} key={accountId} accountId={accountId} author={author === accountId} />)}
+        {mentions.map((accountId) => (
+          <Account
+            composeId={composeId}
+            key={accountId}
+            accountId={accountId}
+            author={author === accountId}
+          />
+        ))}
       </div>
     </Modal>
   );
diff --git a/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx b/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
index 976409da1..9162a0177 100644
--- a/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
+++ b/packages/pl-fe/src/modals/report-modal/components/status-check-box.tsx
@@ -14,10 +14,15 @@ interface IStatusCheckBox {
   checked: boolean;
 }
 
-const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled, checked, toggleStatusReport }) => {
+const StatusCheckBox: React.FC<IStatusCheckBox> = ({
+  id,
+  disabled,
+  checked,
+  toggleStatusReport,
+}) => {
   const status = useAppSelector((state) => state.statuses[id]);
 
-  const onToggle: React.ChangeEventHandler<HTMLInputElement> = (e) =>{
+  const onToggle: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     toggleStatusReport(e.target.checked);
   };
 
@@ -28,7 +33,7 @@ const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled, checked, togg
   let media;
 
   if (status.media_attachments.length > 0) {
-    if (status.media_attachments.some(item => item.type === 'unknown')) {
+    if (status.media_attachments.some((item) => item.type === 'unknown')) {
       // Do nothing
     } else if (status.media_attachments[0]?.type === 'video') {
       const video = status.media_attachments[0];
@@ -51,21 +56,10 @@ const StatusCheckBox: React.FC<IStatusCheckBox> = ({ id, disabled, checked, togg
       const audio = status.media_attachments[0];
 
       if (audio) {
-        media = (
-          <Audio
-            src={audio.url}
-            alt={audio.description}
-          />
-        );
+        media = <Audio src={audio.url} alt={audio.description} />;
       }
     } else {
-      media = (
-        <MediaGallery
-          media={status.media_attachments}
-          height={110}
-          onOpenMedia={noop}
-        />
-      );
+      media = <MediaGallery media={status.media_attachments} height={110} onOpenMedia={noop} />;
     }
   }
 
diff --git a/packages/pl-fe/src/modals/report-modal/index.tsx b/packages/pl-fe/src/modals/report-modal/index.tsx
index 707815cce..d3cec29ec 100644
--- a/packages/pl-fe/src/modals/report-modal/index.tsx
+++ b/packages/pl-fe/src/modals/report-modal/index.tsx
@@ -23,7 +23,10 @@ import ReasonStep from './steps/reason-step';
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
-  blankslate: { id: 'report.reason.blankslate', defaultMessage: 'You have removed all statuses from being selected.' },
+  blankslate: {
+    id: 'report.reason.blankslate',
+    defaultMessage: 'You have removed all statuses from being selected.',
+  },
   done: { id: 'report.done', defaultMessage: 'Done' },
   next: { id: 'report.next', defaultMessage: 'Next' },
   submit: { id: 'report.submit', defaultMessage: 'Submit' },
@@ -62,9 +65,7 @@ const SelectedStatus = ({ statusId }: { statusId: string }) => {
 
       <StatusContent status={status} />
 
-      {status.media_attachments.length > 0 && (
-        <AttachmentThumbs status={status} />
-      )}
+      {status.media_attachments.length > 0 && <AttachmentThumbs status={status} />}
     </Stack>
   );
 };
@@ -75,7 +76,12 @@ interface ReportModalProps {
   statusIds: Array<string>;
 }
 
-const ReportModal: React.FC<BaseModalProps & ReportModalProps> = ({ onClose, accountId, entityType, statusIds }) => {
+const ReportModal: React.FC<BaseModalProps & ReportModalProps> = ({
+  onClose,
+  accountId,
+  entityType,
+  statusIds,
+}) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
 
@@ -185,7 +191,11 @@ const ReportModal: React.FC<BaseModalProps & ReportModalProps> = ({ onClose, acc
   };
 
   const renderTitle = () => (
-    <FormattedMessage id='report.target' defaultMessage='Reporting {target}' values={{ target: <strong>@{account?.acct}</strong> }} />
+    <FormattedMessage
+      id='report.target'
+      defaultMessage='Reporting {target}'
+      values={{ target: <strong>@{account?.acct}</strong> }}
+    />
   );
 
   const isConfirmationButtonDisabled = useMemo(() => {
@@ -193,8 +203,19 @@ const ReportModal: React.FC<BaseModalProps & ReportModalProps> = ({ onClose, acc
       return false;
     }
 
-    return isSubmitting || (shouldRequireRule && ruleIds.length === 0) || (isReportingStatus && selectedStatusIds.length === 0);
-  }, [currentStep, isSubmitting, shouldRequireRule, ruleIds.length, selectedStatusIds.length, isReportingStatus]);
+    return (
+      isSubmitting ||
+      (shouldRequireRule && ruleIds.length === 0) ||
+      (isReportingStatus && selectedStatusIds.length === 0)
+    );
+  }, [
+    currentStep,
+    isSubmitting,
+    shouldRequireRule,
+    ruleIds.length,
+    selectedStatusIds.length,
+    isReportingStatus,
+  ]);
 
   const calculateProgress = useCallback(() => {
     switch (currentStep) {
@@ -235,7 +256,7 @@ const ReportModal: React.FC<BaseModalProps & ReportModalProps> = ({ onClose, acc
       <Stack space={4}>
         <ProgressBar progress={calculateProgress()} />
 
-        {(currentStep !== Steps.THREE && !isReportingAccount) && renderSelectedEntity()}
+        {currentStep !== Steps.THREE && !isReportingAccount && renderSelectedEntity()}
 
         {StepToRender && (
           <StepToRender
diff --git a/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
index e3dbc36c8..6967b93fb 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/confirmation-step.tsx
@@ -9,13 +9,14 @@ import { useAppSelector } from '@/hooks/use-app-selector';
 const messages = defineMessages({
   accountEntity: { id: 'report.confirmation.entity.account', defaultMessage: 'account' },
   title: { id: 'report.confirmation.title', defaultMessage: 'Thanks for submitting your report.' },
-  content: { id: 'report.confirmation.content', defaultMessage: 'If we find that this {entity} is violating the {link} we will take further action on the matter.' },
+  content: {
+    id: 'report.confirmation.content',
+    defaultMessage:
+      'If we find that this {entity} is violating the {link} we will take further action on the matter.',
+  },
 });
 
-const termsOfServiceText = (<FormattedMessage
-  id='shared.tos'
-  defaultMessage='Terms of Service'
-/>);
+const termsOfServiceText = <FormattedMessage id='shared.tos' defaultMessage='Terms of Service' />;
 
 const renderTermsOfServiceLink = (href: string) => (
   <a
@@ -42,9 +43,9 @@ const ConfirmationStep: React.FC = () => {
       <Text>
         {intl.formatMessage(messages.content, {
           entity,
-          link: links.termsOfService ?
-            renderTermsOfServiceLink(links.termsOfService) :
-            termsOfServiceText,
+          link: links.termsOfService
+            ? renderTermsOfServiceLink(links.termsOfService)
+            : termsOfServiceText,
         })}
       </Text>
     </Stack>
diff --git a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
index 8e34a6b78..487306207 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/other-actions-step.tsx
@@ -15,11 +15,23 @@ import { getDomain } from '@/utils/accounts';
 import type { Account } from 'pl-api';
 
 const messages = defineMessages({
-  addAdditionalStatuses: { id: 'report.other_actions.add_additional', defaultMessage: 'Would you like to add additional statuses to this report?' },
+  addAdditionalStatuses: {
+    id: 'report.other_actions.add_additional',
+    defaultMessage: 'Would you like to add additional statuses to this report?',
+  },
   addMore: { id: 'report.other_actions.add_more', defaultMessage: 'Add more' },
-  furtherActions: { id: 'report.other_actions.further_actions', defaultMessage: 'Further actions:' },
-  hideAdditionalStatuses: { id: 'report.other_actions.hide_additional', defaultMessage: 'Hide additional statuses' },
-  otherStatuses: { id: 'report.other_actions.other_statuses', defaultMessage: 'Include other statuses?' },
+  furtherActions: {
+    id: 'report.other_actions.further_actions',
+    defaultMessage: 'Further actions:',
+  },
+  hideAdditionalStatuses: {
+    id: 'report.other_actions.hide_additional',
+    defaultMessage: 'Hide additional statuses',
+  },
+  otherStatuses: {
+    id: 'report.other_actions.other_statuses',
+    defaultMessage: 'Include other statuses?',
+  },
 });
 
 interface IOtherActionsStep {
@@ -46,7 +58,12 @@ const OtherActionsStep = ({
   const features = useFeatures();
   const intl = useIntl();
 
-  const statusIds = useAppSelector((state) => [...new Set([...state.timelines[`account:${account.id}:with_replies`].items, ...selectedStatusIds])]);
+  const statusIds = useAppSelector((state) => [
+    ...new Set([
+      ...state.timelines[`account:${account.id}:with_replies`].items,
+      ...selectedStatusIds,
+    ]),
+  ]);
   const isBlocked = block;
   const isForward = forward;
   const canForward = !account.local && features.federating;
@@ -63,8 +80,9 @@ const OtherActionsStep = ({
 
   const toggleStatusReport = (statusId: string) => (value: boolean) => {
     let newStatusIds = selectedStatusIds;
-    if (value && !selectedStatusIds.includes(statusId)) newStatusIds = [...selectedStatusIds, statusId];
-    if (!value) newStatusIds = selectedStatusIds.filter(id => id !== statusId);
+    if (value && !selectedStatusIds.includes(statusId))
+      newStatusIds = [...selectedStatusIds, statusId];
+    if (!value) newStatusIds = selectedStatusIds.filter((id) => id !== statusId);
 
     setSelectedStatusIds(newStatusIds);
   };
@@ -95,7 +113,7 @@ const OtherActionsStep = ({
                   icon={require('@phosphor-icons/core/regular/arrows-in-simple.svg')}
                   theme='tertiary'
                   size='sm'
-                  onClick={() =>{
+                  onClick={() => {
                     setShowAdditionalStatuses(false);
                   }}
                 >
@@ -108,7 +126,7 @@ const OtherActionsStep = ({
               icon={require('@phosphor-icons/core/regular/plus.svg')}
               theme='tertiary'
               size='sm'
-              onClick={() =>{
+              onClick={() => {
                 setShowAdditionalStatuses(true);
               }}
             >
@@ -124,24 +142,34 @@ const OtherActionsStep = ({
         </Text>
 
         <FormGroup
-          labelText={<FormattedMessage id='report.block_hint' defaultMessage='Do you also want to block this account?' />}
+          labelText={
+            <FormattedMessage
+              id='report.block_hint'
+              defaultMessage='Do you also want to block this account?'
+            />
+          }
         >
           <HStack space={2} alignItems='center'>
-            <Toggle
-              checked={isBlocked}
-              onChange={handleBlockChange}
-              id='report-block'
-            />
+            <Toggle checked={isBlocked} onChange={handleBlockChange} id='report-block' />
 
             <Text theme='muted' tag='label' size='sm' htmlFor='report-block'>
-              <FormattedMessage id='report.block' defaultMessage='Block {target}' values={{ target: `@${account.acct}` }} />
+              <FormattedMessage
+                id='report.block'
+                defaultMessage='Block {target}'
+                values={{ target: `@${account.acct}` }}
+              />
             </Text>
           </HStack>
         </FormGroup>
 
         {canForward && (
           <FormGroup
-            labelText={<FormattedMessage id='report.forward_hint' defaultMessage='The account is from another server. Send a copy of the report there as well?' />}
+            labelText={
+              <FormattedMessage
+                id='report.forward_hint'
+                defaultMessage='The account is from another server. Send a copy of the report there as well?'
+              />
+            }
           >
             <HStack space={2} alignItems='center'>
               <Toggle
@@ -152,7 +180,11 @@ const OtherActionsStep = ({
               />
 
               <Text theme='muted' tag='label' size='sm' htmlFor='report-forward'>
-                <FormattedMessage id='report.forward' defaultMessage='Forward to {target}' values={{ target: getDomain(account) }} />
+                <FormattedMessage
+                  id='report.forward'
+                  defaultMessage='Forward to {target}'
+                  values={{ target: getDomain(account) }}
+                />
               </Text>
             </HStack>
           </FormGroup>
diff --git a/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx b/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
index 101d6c177..bb940d60d 100644
--- a/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
+++ b/packages/pl-fe/src/modals/report-modal/steps/reason-step.tsx
@@ -42,7 +42,7 @@ const ReasonStep: React.FC<IReasonStep> = ({ comment, setComment, ruleIds, setRu
 
   const handleRuleChange = (ruleId: string) => {
     let newRuleIds;
-    if (ruleIds.includes(ruleId)) newRuleIds = ruleIds.filter(id => id !== ruleId);
+    if (ruleIds.includes(ruleId)) newRuleIds = ruleIds.filter((id) => id !== ruleId);
     else newRuleIds = [...ruleIds, ruleId];
     setRuleIds(newRuleIds);
   };
@@ -97,11 +97,11 @@ const ReasonStep: React.FC<IReasonStep> = ({ comment, setComment, ruleIds, setRu
                   <button
                     key={idx}
                     data-testid={`rule-${rule.id}`}
-                    onClick={() =>{
+                    onClick={() => {
                       handleRuleChange(rule.id);
                     }}
                     className={clsx({
-                      'relative border border-solid border-gray-200 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-primary-800/30 text-start w-full p-4 flex justify-between items-center cursor-pointer': true,
+                      'relative flex w-full cursor-pointer items-center justify-between border border-solid border-gray-200 p-4 text-start hover:bg-gray-100 dark:border-gray-800 dark:hover:bg-primary-800/30': true,
                       'rounded-tl-lg rounded-tr-lg': idx === 0,
                       'rounded-bl-lg rounded-br-lg': idx === rules.length - 1,
                       'bg-gray-200 hover:bg-gray-200 dark:bg-primary-800/50': isSelected,
@@ -116,7 +116,9 @@ const ReasonStep: React.FC<IReasonStep> = ({ comment, setComment, ruleIds, setRu
                       >
                         {rule.text}
                       </Text>
-                      <Text tag='span' theme='muted' size='sm'>{rule.hint}</Text>
+                      <Text tag='span' theme='muted' size='sm'>
+                        {rule.hint}
+                      </Text>
                     </Stack>
 
                     <input
@@ -133,16 +135,22 @@ const ReasonStep: React.FC<IReasonStep> = ({ comment, setComment, ruleIds, setRu
             </div>
 
             <div
-              className={clsx('pointer-events-none absolute inset-x-0 top-0 flex justify-center rounded-t-lg bg-gradient-to-b from-white pb-12 pt-8 transition-opacity duration-500 dark:from-gray-900', {
-                'opacity-0': isNearTop,
-                'opacity-100': !isNearTop,
-              })}
+              className={clsx(
+                'pointer-events-none absolute inset-x-0 top-0 flex justify-center rounded-t-lg bg-gradient-to-b from-white pb-12 pt-8 transition-opacity duration-500 dark:from-gray-900',
+                {
+                  'opacity-0': isNearTop,
+                  'opacity-100': !isNearTop,
+                },
+              )}
             />
             <div
-              className={clsx('pointer-events-none absolute inset-x-0 bottom-0 flex justify-center rounded-b-lg bg-gradient-to-t from-white pb-8 pt-12 transition-opacity duration-500 dark:from-gray-900', {
-                'opacity-0': isNearBottom,
-                'opacity-100': !isNearBottom,
-              })}
+              className={clsx(
+                'pointer-events-none absolute inset-x-0 bottom-0 flex justify-center rounded-b-lg bg-gradient-to-t from-white pb-8 pt-12 transition-opacity duration-500 dark:from-gray-900',
+                {
+                  'opacity-0': isNearBottom,
+                  'opacity-100': !isNearBottom,
+                },
+              )}
             />
           </div>
         </Stack>
diff --git a/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx b/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
index ec50d9708..7dbb86488 100644
--- a/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
+++ b/packages/pl-fe/src/modals/select-bookmark-folder-modal.tsx
@@ -15,7 +15,12 @@ import Toggle from '@/components/ui/toggle';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 import { NewFolderForm } from '@/pages/status-lists/bookmark-folders';
-import { useAddBookmarkToFolder, useBookmarkFolders, useRemoveBookmarkFromFolder, useStatusBookmarkFolders } from '@/queries/statuses/use-bookmark-folders';
+import {
+  useAddBookmarkToFolder,
+  useBookmarkFolders,
+  useRemoveBookmarkFromFolder,
+  useStatusBookmarkFolders,
+} from '@/queries/statuses/use-bookmark-folders';
 import { useBookmarkStatus } from '@/queries/statuses/use-status-interactions';
 import { makeGetStatus } from '@/selectors';
 
@@ -28,34 +33,40 @@ interface SelectBookmarkFolderModalProps {
 const search = (bookmarkFolders: Array<BookmarkFolder>, term: string) => {
   if (!term) return bookmarkFolders;
 
-  return fuzzysort.go(term, bookmarkFolders, { key: 'name' }).map(result => result.obj);
+  return fuzzysort.go(term, bookmarkFolders, { key: 'name' }).map((result) => result.obj);
 };
 
-const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseModalProps> = ({ statusId, onClose }) => {
+const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseModalProps> = ({
+  statusId,
+  onClose,
+}) => {
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector(state => getStatus(state, { id: statusId }))!;
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }))!;
   const features = useFeatures();
 
   const [selectedFolder, setSelectedFolder] = useState(status.bookmark_folder);
   const [searchTerm, setSearchTerm] = useState('');
   const deferredSearchTerm = useDeferredValue(searchTerm);
 
-  const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleSearchChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     setSearchTerm(e.target.value);
   };
 
-  const { isFetching, data: bookmarkFolders } = useBookmarkFolders(data => data);
-  const { data: selectedBookmarkFolders, isPending: fetchingSelectedBookmarkFolders } = useStatusBookmarkFolders(statusId);
-  const { mutate: addBookmarkToFolder, isPending: addingBookmarkToFolder } = useAddBookmarkToFolder(statusId);
-  const { mutate: removeBookmarkFromFolder, isPending: removingBookmarkFromFolder } = useRemoveBookmarkFromFolder(statusId);
+  const { isFetching, data: bookmarkFolders } = useBookmarkFolders((data) => data);
+  const { data: selectedBookmarkFolders, isPending: fetchingSelectedBookmarkFolders } =
+    useStatusBookmarkFolders(statusId);
+  const { mutate: addBookmarkToFolder, isPending: addingBookmarkToFolder } =
+    useAddBookmarkToFolder(statusId);
+  const { mutate: removeBookmarkFromFolder, isPending: removingBookmarkFromFolder } =
+    useRemoveBookmarkFromFolder(statusId);
   const { mutate: bookmarkStatus } = useBookmarkStatus(status.id);
 
-  const onChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const onChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const folderId = e.target.value;
     setSelectedFolder(folderId);
 
     bookmarkStatus(folderId, {
-      onSuccess: () =>{
+      onSuccess: () => {
         onClose('SELECT_BOOKMARK_FOLDER');
       },
     });
@@ -84,7 +95,7 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
   let items;
 
   if (features.bookmarkFoldersMultiple) {
-    items = (filteredFolders).map((folder) => (
+    items = filteredFolders.map((folder) => (
       <ListItem
         key={folder.id}
         label={
@@ -95,17 +106,21 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
                 src={folder.emoji_url ?? undefined}
                 className='size-5 flex-none'
               />
-            ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
+            ) : (
+              <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />
+            )}
             <span>{folder.name}</span>
           </HStack>
         }
       >
         <Toggle
           checked={selectedBookmarkFolders?.includes(folder.id)}
-          onChange={() =>{
+          onChange={() => {
             toggleBookmarkFolder(folder.id);
           }}
-          disabled={fetchingSelectedBookmarkFolders || addingBookmarkToFolder || removingBookmarkFromFolder}
+          disabled={
+            fetchingSelectedBookmarkFolders || addingBookmarkToFolder || removingBookmarkFromFolder
+          }
         />
       </ListItem>
     ));
@@ -116,7 +131,12 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
         label={
           <HStack alignItems='center' space={2}>
             <Icon src={require('@phosphor-icons/core/regular/bookmarks.svg')} size={20} />
-            <span><FormattedMessage id='bookmark_folders.all_bookmarks' defaultMessage='All bookmarks' /></span>
+            <span>
+              <FormattedMessage
+                id='bookmark_folders.all_bookmarks'
+                defaultMessage='All bookmarks'
+              />
+            </span>
           </HStack>
         }
         checked={selectedFolder === null}
@@ -125,41 +145,50 @@ const SelectBookmarkFolderModal: React.FC<SelectBookmarkFolderModalProps & BaseM
     ];
 
     if (!isFetching) {
-      items.push(...((filteredFolders).map((folder) => (
-        <RadioItem
-          key={folder.id}
-          label={
-            <HStack alignItems='center' space={2}>
-              {folder.emoji ? (
-                <Emoji
-                  emoji={folder.emoji}
-                  src={folder.emoji_url ?? undefined}
-                  className='size-5 flex-none'
-                />
-              ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
-              <span>{folder.name}</span>
-            </HStack>
-          }
-          checked={selectedFolder === folder.id}
-          value={folder.id}
-        />
-      ))));
+      items.push(
+        ...filteredFolders.map((folder) => (
+          <RadioItem
+            key={folder.id}
+            label={
+              <HStack alignItems='center' space={2}>
+                {folder.emoji ? (
+                  <Emoji
+                    emoji={folder.emoji}
+                    src={folder.emoji_url ?? undefined}
+                    className='size-5 flex-none'
+                  />
+                ) : (
+                  <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />
+                )}
+                <span>{folder.name}</span>
+              </HStack>
+            }
+            checked={selectedFolder === folder.id}
+            value={folder.id}
+          />
+        )),
+      );
     }
   }
 
-  const body = isFetching ? <Spinner /> : (
+  const body = isFetching ? (
+    <Spinner />
+  ) : (
     <Stack space={4}>
       <NewFolderForm search onChange={handleSearchChange} />
 
-      <RadioGroup onChange={onChange}>
-        {items}
-      </RadioGroup>
+      <RadioGroup onChange={onChange}>{items}</RadioGroup>
     </Stack>
   );
 
   return (
     <Modal
-      title={<FormattedMessage id='select_bookmark_folder_modal.header_title' defaultMessage='Select folder' />}
+      title={
+        <FormattedMessage
+          id='select_bookmark_folder_modal.header_title'
+          defaultMessage='Select folder'
+        />
+      }
       onClose={onClickClose}
     >
       {body}
diff --git a/packages/pl-fe/src/modals/select-drive-file-modal.tsx b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
index a9ad6b5ef..f95dc6e6e 100644
--- a/packages/pl-fe/src/modals/select-drive-file-modal.tsx
+++ b/packages/pl-fe/src/modals/select-drive-file-modal.tsx
@@ -16,14 +16,17 @@ import type { DriveFile, DriveFolder } from 'pl-api';
 type SelectDriveFileModalProps = {
   disabled?: Array<string | null>;
   title?: React.ReactNode;
-} & ({
-  type: 'file';
-  onSelect: (file: DriveFile) => void;
-  accepted?: Array<string>;
-} | {
-  type: 'folder';
-  onSelect: (folder: DriveFolder) => void;
-});
+} & (
+  | {
+      type: 'file';
+      onSelect: (file: DriveFile) => void;
+      accepted?: Array<string>;
+    }
+  | {
+      type: 'folder';
+      onSelect: (folder: DriveFolder) => void;
+    }
+);
 
 interface IFolder {
   folder: DriveFolder;
@@ -36,7 +39,10 @@ interface IFolder {
 const Folder: React.FC<IFolder> = ({ folder, active, disabled, onSelect, onDoubleClick }) => {
   return (
     <button
-      className={clsx('⁂-drive-file ⁂-drive-folder', { '⁂-drive-file--active': active, '⁂-drive-file--disabled': disabled })}
+      className={clsx('⁂-drive-file ⁂-drive-folder', {
+        '⁂-drive-file--active': active,
+        '⁂-drive-file--disabled': disabled,
+      })}
       tabIndex={0}
       onDoubleClick={disabled ? undefined : () => onDoubleClick?.(folder)}
       onClick={disabled ? undefined : () => onSelect?.(folder)}
@@ -47,9 +53,7 @@ const Folder: React.FC<IFolder> = ({ folder, active, disabled, onSelect, onDoubl
         src={require('@phosphor-icons/core/regular/folder.svg')}
       />
 
-      <span className='⁂-drive-file__label'>
-        {folder.name}
-      </span>
+      <span className='⁂-drive-file__label'>{folder.name}</span>
     </button>
   );
 };
@@ -66,16 +70,16 @@ const File: React.FC<IFile> = ({ file, active, disabled, onSelect }) => {
 
   return (
     <button
-      className={clsx('⁂-drive-file', { '⁂-drive-file--active': active, '⁂-drive-file--disabled': disabled })}
+      className={clsx('⁂-drive-file', {
+        '⁂-drive-file--active': active,
+        '⁂-drive-file--disabled': disabled,
+      })}
       tabIndex={0}
       onClick={disabled ? undefined : () => onSelect?.(file)}
       disabled={disabled}
     >
       {file.thumbnail_url && isMedia ? (
-        <img
-          src={file.thumbnail_url}
-          alt={file.description ?? undefined}
-        />
+        <img src={file.thumbnail_url} alt={file.description ?? undefined} />
       ) : (
         <Icon
           className='⁂-drive-file__icon'
@@ -83,14 +87,19 @@ const File: React.FC<IFile> = ({ file, active, disabled, onSelect }) => {
         />
       )}
 
-      <span className='⁂-drive-file__label'>
-        {file.filename}
-      </span>
+      <span className='⁂-drive-file__label'>{file.filename}</span>
     </button>
   );
 };
 
-const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps> = ({ onClose, onSelect, type, disabled, title, ...props }) => {
+const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps> = ({
+  onClose,
+  onSelect,
+  type,
+  disabled,
+  title,
+  ...props
+}) => {
   const onClickClose = () => {
     onClose('SELECT_DRIVE_FILE');
   };
@@ -150,7 +159,13 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
           key={file.id}
           file={file}
           active={selectedFile === file.id}
-          disabled={type === 'folder' || (disabled?.includes(file.id) ?? ('accepted' in props && props.accepted && !props.accepted.includes(file.content_type)))}
+          disabled={
+            type === 'folder' ||
+            (disabled?.includes(file.id) ??
+              ('accepted' in props &&
+                props.accepted &&
+                !props.accepted.includes(file.content_type)))
+          }
           onSelect={({ id }) => {
             if (type === 'file') {
               setSelectedFile(id);
@@ -165,15 +180,29 @@ const SelectDriveFileModal: React.FC<SelectDriveFileModalProps & BaseModalProps>
 
   return (
     <Modal
-      title={title ?? (type === 'folder' ? <FormattedMessage id='drive.select_folder.heading' defaultMessage='Select folder' /> : <FormattedMessage id='drive.select_file.heading' defaultMessage='Select file' />)}
+      title={
+        title ??
+        (type === 'folder' ? (
+          <FormattedMessage id='drive.select_folder.heading' defaultMessage='Select folder' />
+        ) : (
+          <FormattedMessage id='drive.select_file.heading' defaultMessage='Select file' />
+        ))
+      }
       onClose={onClickClose}
       confirmationAction={handleConfirm}
-      confirmationText={type === 'folder' ? <FormattedMessage id='drive.select_folder.confirm' defaultMessage='Select folder' /> : <FormattedMessage id='drive.select_file.confirm' defaultMessage='Select file' />}
+      confirmationText={
+        type === 'folder' ? (
+          <FormattedMessage id='drive.select_folder.confirm' defaultMessage='Select folder' />
+        ) : (
+          <FormattedMessage id='drive.select_file.confirm' defaultMessage='Select file' />
+        )
+      }
       confirmationDisabled={!selectedFile && type !== 'folder'}
     >
       <div className='⁂-drive-breadcrumbs'>
         <Breadcrumbs
-          folderId={currentFolder} onClick={(folderId) =>{
+          folderId={currentFolder}
+          onClick={(folderId) => {
             setCurrentFolder(folderId);
           }}
         />
diff --git a/packages/pl-fe/src/modals/text-field-modal.tsx b/packages/pl-fe/src/modals/text-field-modal.tsx
index 32b9b00ec..6ef026c24 100644
--- a/packages/pl-fe/src/modals/text-field-modal.tsx
+++ b/packages/pl-fe/src/modals/text-field-modal.tsx
@@ -57,7 +57,7 @@ const TextFieldModal: React.FC<TextFieldModalProps & BaseModalProps> = ({
           <Input
             type='text'
             value={value}
-            onChange={({ target }) =>{
+            onChange={({ target }) => {
               setValue(target.value);
             }}
             autoComplete='off'
@@ -66,7 +66,7 @@ const TextFieldModal: React.FC<TextFieldModalProps & BaseModalProps> = ({
         ) : (
           <Textarea
             value={value}
-            onChange={({ target }) =>{
+            onChange={({ target }) => {
               setValue(target.value);
             }}
             autoComplete='off'
diff --git a/packages/pl-fe/src/modals/unauthorized-modal.tsx b/packages/pl-fe/src/modals/unauthorized-modal.tsx
index cdb5134d3..049d18109 100644
--- a/packages/pl-fe/src/modals/unauthorized-modal.tsx
+++ b/packages/pl-fe/src/modals/unauthorized-modal.tsx
@@ -19,11 +19,24 @@ import toast from '@/toast';
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 const messages = defineMessages({
-  accountPlaceholder: { id: 'remote_interaction.account_placeholder', defaultMessage: 'Enter your username@domain you want to act from' },
-  userNotFoundError: { id: 'remote_interaction.user_not_found_error', defaultMessage: 'Couldn\'t find given user' },
+  accountPlaceholder: {
+    id: 'remote_interaction.account_placeholder',
+    defaultMessage: 'Enter your username@domain you want to act from',
+  },
+  userNotFoundError: {
+    id: 'remote_interaction.user_not_found_error',
+    defaultMessage: "Couldn't find given user",
+  },
 });
 
-type UnauthorizedModalAction = 'FOLLOW' | 'REPLY' | 'REBLOG' | 'FAVOURITE' | 'DISLIKE' | 'POLL_VOTE' | 'JOIN';
+type UnauthorizedModalAction =
+  | 'FOLLOW'
+  | 'REPLY'
+  | 'REBLOG'
+  | 'FAVOURITE'
+  | 'DISLIKE'
+  | 'POLL_VOTE'
+  | 'JOIN';
 
 interface UnauthorizedModalProps {
   /** Unauthorized action type. */
@@ -35,19 +48,24 @@ interface UnauthorizedModalProps {
 }
 
 /** Modal to display when a logged-out user tries to do something that requires login. */
-const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({ action, onClose, account: accountId, ap_id: apId }) => {
+const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
+  action,
+  onClose,
+  account: accountId,
+  ap_id: apId,
+}) => {
   const intl = useIntl();
   const navigate = useNavigate();
   const instance = useInstance();
   const { isOpen } = useRegistrationStatus();
   const client = useClient();
 
-  const username = useAppSelector(state => selectAccount(state, accountId!)?.display_name);
+  const username = useAppSelector((state) => selectAccount(state, accountId!)?.display_name);
   const features = useFeatures();
 
   const [account, setAccount] = useState('');
 
-  const onAccountChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const onAccountChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     setAccount(e.target.value);
   };
 
@@ -55,16 +73,17 @@ const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
     onClose('UNAUTHORIZED');
   };
 
-  const onSubmit: React.FormEventHandler = e => {
+  const onSubmit: React.FormEventHandler = (e) => {
     e.preventDefault();
 
-    client.accounts.remoteInteraction(apId!, account)
+    client.accounts
+      .remoteInteraction(apId!, account)
       .then(({ url }) => {
         window.open(url, '_new', 'noopener,noreferrer');
         onClose('UNAUTHORIZED');
       })
-      .catch(error => {
-        if (error.message === 'Couldn\'t find user') {
+      .catch((error) => {
+        if (error.message === "Couldn't find user") {
           toast.error(intl.formatMessage(messages.userNotFoundError));
         }
       });
@@ -85,26 +104,74 @@ const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
     let button;
 
     if (action === 'FOLLOW') {
-      header = <FormattedMessage id='remote_interaction.follow_title' defaultMessage='Follow {user} remotely' values={{ user: username }} />;
-      button = <FormattedMessage id='remote_interaction.follow' defaultMessage='Proceed to follow' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.follow_title'
+          defaultMessage='Follow {user} remotely'
+          values={{ user: username }}
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.follow' defaultMessage='Proceed to follow' />
+      );
     } else if (action === 'REPLY') {
-      header = <FormattedMessage id='remote_interaction.reply_title' defaultMessage='Reply to a post remotely' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.reply_title'
+          defaultMessage='Reply to a post remotely'
+        />
+      );
       button = <FormattedMessage id='remote_interaction.reply' defaultMessage='Proceed to reply' />;
     } else if (action === 'REBLOG') {
-      header = <FormattedMessage id='remote_interaction.reblog_title' defaultMessage='Reblog a post remotely' />;
-      button = <FormattedMessage id='remote_interaction.reblog' defaultMessage='Proceed to repost' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.reblog_title'
+          defaultMessage='Reblog a post remotely'
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.reblog' defaultMessage='Proceed to repost' />
+      );
     } else if (action === 'FAVOURITE') {
-      header = <FormattedMessage id='remote_interaction.favourite_title' defaultMessage='Like a post remotely' />;
-      button = <FormattedMessage id='remote_interaction.favourite' defaultMessage='Proceed to like' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.favourite_title'
+          defaultMessage='Like a post remotely'
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.favourite' defaultMessage='Proceed to like' />
+      );
     } else if (action === 'DISLIKE') {
-      header = <FormattedMessage id='remote_interaction.dislike_title' defaultMessage='Dislike a post remotely' />;
-      button = <FormattedMessage id='remote_interaction.dislike' defaultMessage='Proceed to dislike' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.dislike_title'
+          defaultMessage='Dislike a post remotely'
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.dislike' defaultMessage='Proceed to dislike' />
+      );
     } else if (action === 'POLL_VOTE') {
-      header = <FormattedMessage id='remote_interaction.poll_vote_title' defaultMessage='Vote in a poll remotely' />;
-      button = <FormattedMessage id='remote_interaction.poll_vote' defaultMessage='Proceed to vote' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.poll_vote_title'
+          defaultMessage='Vote in a poll remotely'
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.poll_vote' defaultMessage='Proceed to vote' />
+      );
     } else if (action === 'JOIN') {
-      header = <FormattedMessage id='remote_interaction.event_join_title' defaultMessage='Join an event remotely' />;
-      button = <FormattedMessage id='remote_interaction.event_join' defaultMessage='Proceed to join' />;
+      header = (
+        <FormattedMessage
+          id='remote_interaction.event_join_title'
+          defaultMessage='Join an event remotely'
+        />
+      );
+      button = (
+        <FormattedMessage id='remote_interaction.event_join' defaultMessage='Proceed to join' />
+      );
     }
 
     return (
@@ -114,7 +181,9 @@ const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
         confirmationAction={onLogin}
         confirmationText={<FormattedMessage id='account.login' defaultMessage='Log in' />}
         secondaryAction={isOpen ? onRegister : undefined}
-        secondaryText={isOpen ? <FormattedMessage id='account.register' defaultMessage='Sign up' /> : undefined}
+        secondaryText={
+          isOpen ? <FormattedMessage id='account.register' defaultMessage='Sign up' /> : undefined
+        }
       >
         <div className='flex flex-col gap-2.5'>
           <Form className='flex w-full flex-col gap-2.5' onSubmit={onSubmit}>
@@ -127,16 +196,26 @@ const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
               onChange={onAccountChange}
               required
             />
-            <Button className='self-end' type='submit' theme='primary'>{button}</Button>
+            <Button className='self-end' type='submit' theme='primary'>
+              {button}
+            </Button>
           </Form>
-          <div className={'-mx-2.5 my-0 flex items-center gap-2.5 before:flex-1 before:border-b before:border-gray-300 before:content-[\'\'] after:flex-1 after:border-b after:border-gray-300 after:content-[\'\'] before:dark:border-gray-600 after:dark:border-gray-600'}>
+          <div
+            className={
+              "-mx-2.5 my-0 flex items-center gap-2.5 before:flex-1 before:border-b before:border-gray-300 before:content-[''] after:flex-1 after:border-b after:border-gray-300 after:content-[''] before:dark:border-gray-600 after:dark:border-gray-600"
+            }
+          >
             <Text align='center'>
               <FormattedMessage id='remote_interaction.divider' defaultMessage='or' />
             </Text>
           </div>
           {isOpen && (
             <Text size='lg' weight='medium'>
-              <FormattedMessage id='unauthorized_modal.title' defaultMessage='Sign up for {site_title}' values={{ site_title: instance.title }} />
+              <FormattedMessage
+                id='unauthorized_modal.title'
+                defaultMessage='Sign up for {site_title}'
+                values={{ site_title: instance.title }}
+              />
             </Text>
           )}
         </div>
@@ -150,16 +229,27 @@ const UnauthorizedModal: React.FC<UnauthorizedModalProps & BaseModalProps> = ({
 
   return (
     <Modal
-      title={<FormattedMessage id='unauthorized_modal.title' defaultMessage='Sign up for {site_title}' values={{ site_title: instance.title }} />}
+      title={
+        <FormattedMessage
+          id='unauthorized_modal.title'
+          defaultMessage='Sign up for {site_title}'
+          values={{ site_title: instance.title }}
+        />
+      }
       onClose={onClickClose}
       confirmationAction={onLogin}
       confirmationText={<FormattedMessage id='account.login' defaultMessage='Log in' />}
       secondaryAction={isOpen ? onRegister : undefined}
-      secondaryText={isOpen ? <FormattedMessage id='account.register' defaultMessage='Sign up' /> : undefined}
+      secondaryText={
+        isOpen ? <FormattedMessage id='account.register' defaultMessage='Sign up' /> : undefined
+      }
     >
       <Stack>
         <Text>
-          <FormattedMessage id='unauthorized_modal.text' defaultMessage='You need to be logged in to do that.' />
+          <FormattedMessage
+            id='unauthorized_modal.text'
+            defaultMessage='You need to be logged in to do that.'
+          />
         </Text>
       </Stack>
     </Modal>
diff --git a/packages/pl-fe/src/normalizers/chat-message.ts b/packages/pl-fe/src/normalizers/chat-message.ts
index 7299b5094..49bf3ce41 100644
--- a/packages/pl-fe/src/normalizers/chat-message.ts
+++ b/packages/pl-fe/src/normalizers/chat-message.ts
@@ -1,6 +1,8 @@
 import type { ChatMessage as BaseChatMessage } from 'pl-api';
 
-const normalizeChatMessage = (chatMessage: BaseChatMessage & { pending?: boolean; deleting?: boolean }) => ({
+const normalizeChatMessage = (
+  chatMessage: BaseChatMessage & { pending?: boolean; deleting?: boolean },
+) => ({
   type: 'message' as const,
   pending: false,
   deleting: false,
diff --git a/packages/pl-fe/src/normalizers/frontend-config.ts b/packages/pl-fe/src/normalizers/frontend-config.ts
index d6f48dee7..b8e33cb95 100644
--- a/packages/pl-fe/src/normalizers/frontend-config.ts
+++ b/packages/pl-fe/src/normalizers/frontend-config.ts
@@ -27,14 +27,17 @@ const footerItemSchema = coerceObject({
 
 type FooterItem = v.InferOutput<typeof footerItemSchema>;
 
-const cryptoAddressSchema = v.pipe(coerceObject({
-  address: v.fallback(v.string(), ''),
-  note: v.fallback(v.string(), ''),
-  ticker: v.fallback(v.string(), ''),
-}), v.transform((address) => {
-  address.ticker = trimStart(address.ticker, '$').toLowerCase();
-  return address;
-}));
+const cryptoAddressSchema = v.pipe(
+  coerceObject({
+    address: v.fallback(v.string(), ''),
+    note: v.fallback(v.string(), ''),
+    ticker: v.fallback(v.string(), ''),
+  }),
+  v.transform((address) => {
+    address.ticker = trimStart(address.ticker, '$').toLowerCase();
+    return address;
+  }),
+);
 
 type CryptoAddress = v.InferOutput<typeof cryptoAddressSchema>;
 
@@ -45,14 +48,19 @@ const frontendConfigSchema = coerceObject({
   logoAlignment: v.fallback(v.picklist(['left', 'center']), 'center'),
   brandColor: v.fallback(v.string(), ''),
   accentColor: v.fallback(v.string(), ''),
-  colors: v.fallback(v.nullable(v.objectWithRest(
-    {
-      'gradient-end': v.string(),
-      'gradient-start': v.string(),
-      greentext: v.string(),
-    },
-    v.record(v.string(), v.string()),
-  )), null),
+  colors: v.fallback(
+    v.nullable(
+      v.objectWithRest(
+        {
+          'gradient-end': v.string(),
+          'gradient-start': v.string(),
+          greentext: v.string(),
+        },
+        v.record(v.string(), v.string()),
+      ),
+    ),
+    null,
+  ),
   copyright: v.fallback(v.string(), 'skibidi dop dop dop yes yes'),
   defaultSettings: v.fallback(v.partial(settingsSchema), {}),
   greentext: v.fallback(v.boolean(), false),
@@ -64,33 +72,45 @@ const frontendConfigSchema = coerceObject({
   cryptoDonatePanel: coerceObject({
     limit: v.fallback(v.number(), 1),
   }),
-  aboutPages: v.fallback(v.record(v.string(), coerceObject({
-    defaultLocale: v.fallback(v.string(), ''), // v.fallback(v.optional(v.string()), undefined),
-    locales: filteredArray(v.string()),
-  })), {}),
+  aboutPages: v.fallback(
+    v.record(
+      v.string(),
+      coerceObject({
+        defaultLocale: v.fallback(v.string(), ''), // v.fallback(v.optional(v.string()), undefined),
+        locales: filteredArray(v.string()),
+      }),
+    ),
+    {},
+  ),
   linkFooterMessage: v.fallback(v.string(), ''),
   links: v.fallback(v.record(v.string(), v.string()), {}),
   tileServer: v.fallback(v.string(), ''),
   tileServerAttribution: v.fallback(v.string(), ''),
-  redirectRootNoLogin: v.fallback(v.pipe(v.string(), v.transform((url: string) => {
-    if (!url) return '';
+  redirectRootNoLogin: v.fallback(
+    v.pipe(
+      v.string(),
+      v.transform((url: string) => {
+        if (!url) return '';
 
-    try {
-      // Basically just get the pathname with a leading slash.
-      const normalized = new URL(url, 'http://a').pathname;
+        try {
+          // Basically just get the pathname with a leading slash.
+          const normalized = new URL(url, 'http://a').pathname;
 
-      if (normalized !== '/') {
-        return normalized;
-      } else {
-        // Prevent infinite redirect(?)
-        return '';
-      }
-    } catch (e) {
-      console.error('You have configured an invalid redirect in pl-fe Config.');
-      console.error(e);
-      return '';
-    }
-  })), ''),
+          if (normalized !== '/') {
+            return normalized;
+          } else {
+            // Prevent infinite redirect(?)
+            return '';
+          }
+        } catch (e) {
+          console.error('You have configured an invalid redirect in pl-fe Config.');
+          console.error(e);
+          return '';
+        }
+      }),
+    ),
+    '',
+  ),
   /**
    * Whether to use the preview URL for media thumbnails.
    * On some platforms this can be too blurry without additional configuration.
diff --git a/packages/pl-fe/src/normalizers/notification.ts b/packages/pl-fe/src/normalizers/notification.ts
index 97b70c51c..dc93825e7 100644
--- a/packages/pl-fe/src/normalizers/notification.ts
+++ b/packages/pl-fe/src/normalizers/notification.ts
@@ -3,7 +3,7 @@ import omit from 'lodash/omit';
 import type { Notification as BaseNotification, NotificationGroup } from 'pl-api';
 
 const normalizeNotification = (notification: BaseNotification): NotificationGroup => ({
-  ...(omit(notification, ['account', 'status', 'target'])),
+  ...omit(notification, ['account', 'status', 'target']),
   group_key: notification.id,
   notifications_count: 1,
   most_recent_notification_id: notification.id,
diff --git a/packages/pl-fe/src/normalizers/status.ts b/packages/pl-fe/src/normalizers/status.ts
index ebcd4ce3f..4c5beb158 100644
--- a/packages/pl-fe/src/normalizers/status.ts
+++ b/packages/pl-fe/src/normalizers/status.ts
@@ -3,7 +3,12 @@
  * Converts API statuses into our internal format.
  * @see {@link https://docs.joinmastodon.org/entities/status/}
  */
-import { type Account as BaseAccount, type Status as BaseStatus, type MediaAttachment, mentionSchema } from 'pl-api';
+import {
+  type Account as BaseAccount,
+  type Status as BaseStatus,
+  type MediaAttachment,
+  mentionSchema,
+} from 'pl-api';
 import * as v from 'valibot';
 
 import { unescapeHTML } from '@/utils/html';
@@ -11,7 +16,14 @@ import { unescapeHTML } from '@/utils/html';
 const domParser = new DOMParser();
 
 type StatusApprovalStatus = Exclude<BaseStatus['approval_status'], null>;
-type StatusVisibility = 'public' | 'unlisted' | 'private' | 'direct' | 'group' | 'mutuals_only' | 'local';
+type StatusVisibility =
+  | 'public'
+  | 'unlisted'
+  | 'private'
+  | 'direct'
+  | 'group'
+  | 'mutuals_only'
+  | 'local';
 
 type OldStatus = Pick<BaseStatus, 'content' | 'spoiler_text'> & { search_index: string };
 
@@ -29,22 +41,23 @@ const getMentionedUsernames = (status: Pick<BaseStatus, 'mentions'>): Array<stri
   status.mentions.map(({ acct }) => `@${acct}`);
 
 // Creates search text from the status
-const buildSearchContent = (status: Pick<BaseStatus, 'poll' | 'mentions' | 'spoiler_text' | 'content'>): string => {
+const buildSearchContent = (
+  status: Pick<BaseStatus, 'poll' | 'mentions' | 'spoiler_text' | 'content'>,
+): string => {
   const pollOptionTitles = getPollOptionTitles(status);
   const mentionedUsernames = getMentionedUsernames(status);
 
-  const fields = [
-    status.spoiler_text,
-    status.content,
-    ...pollOptionTitles,
-    ...mentionedUsernames,
-  ];
+  const fields = [status.spoiler_text, status.content, ...pollOptionTitles, ...mentionedUsernames];
 
   return unescapeHTML(fields.join('\n\n')) || '';
 };
 
 const getSearchIndex = (status: BaseStatus, oldStatus?: OldStatus) => {
-  if (oldStatus && oldStatus.content === status.content && oldStatus.spoiler_text === status.spoiler_text) {
+  if (
+    oldStatus &&
+    oldStatus.content === status.content &&
+    oldStatus.spoiler_text === status.spoiler_text
+  ) {
     return oldStatus.search_index;
   } else {
     const searchContent = buildSearchContent(status);
@@ -53,9 +66,12 @@ const getSearchIndex = (status: BaseStatus, oldStatus?: OldStatus) => {
   }
 };
 
-const normalizeStatus = (status: BaseStatus & {
-  accounts?: Array<BaseAccount>;
-}, oldStatus?: OldStatus) => {
+const normalizeStatus = (
+  status: BaseStatus & {
+    accounts?: Array<BaseAccount>;
+  },
+  oldStatus?: OldStatus,
+) => {
   const searchIndex = getSearchIndex(status, oldStatus);
 
   // Sort the replied-to mention to the top
@@ -69,7 +85,7 @@ const normalizeStatus = (status: BaseStatus & {
 
   // Add self to mentions if it's a reply to self
   const isSelfReply = status.account.id === status.in_reply_to_account_id;
-  const hasSelfMention = status.mentions.some(mention => status.account.id === mention.id);
+  const hasSelfMention = status.mentions.some((mention) => status.account.id === mention.id);
 
   if (isSelfReply && !hasSelfMention) {
     const selfMention = v.parse(mentionSchema, status.account);
@@ -77,10 +93,11 @@ const normalizeStatus = (status: BaseStatus & {
   }
 
   // Normalize event
-  let event: BaseStatus['event'] & ({
-    banner: MediaAttachment | null;
-    links: Array<MediaAttachment>;
-  } | null) = null;
+  let event: BaseStatus['event'] &
+    ({
+      banner: MediaAttachment | null;
+      links: Array<MediaAttachment>;
+    } | null) = null;
   let media_attachments = status.media_attachments;
 
   if (status.event) {
@@ -92,8 +109,10 @@ const normalizeStatus = (status: BaseStatus & {
       media_attachments = media_attachments.slice(1);
     }
 
-    const links = media_attachments.filter(attachment => attachment.mime_type === 'text/html');
-    media_attachments = media_attachments.filter(attachment => attachment.mime_type !== 'text/html');
+    const links = media_attachments.filter((attachment) => attachment.mime_type === 'text/html');
+    media_attachments = media_attachments.filter(
+      (attachment) => attachment.mime_type !== 'text/html',
+    );
 
     event = {
       ...status.event,
@@ -125,9 +144,4 @@ const normalizeStatus = (status: BaseStatus & {
 
 type Status = ReturnType<typeof normalizeStatus>;
 
-export {
-  type StatusApprovalStatus,
-  type StatusVisibility,
-  normalizeStatus,
-  type Status,
-};
+export { type StatusApprovalStatus, type StatusVisibility, normalizeStatus, type Status };
diff --git a/packages/pl-fe/src/pages/account-lists/antennas.tsx b/packages/pl-fe/src/pages/account-lists/antennas.tsx
index 65e814d80..c3cb12bf7 100644
--- a/packages/pl-fe/src/pages/account-lists/antennas.tsx
+++ b/packages/pl-fe/src/pages/account-lists/antennas.tsx
@@ -38,19 +38,29 @@ const AntennasPage: React.FC = () => {
   const items = [
     {
       text: intl.formatMessage(messages.createAntenna),
-      action: () =>{
+      action: () => {
         openModal('ANTENNA_EDITOR', {});
       },
       icon: require('@phosphor-icons/core/regular/plus.svg'),
     },
   ];
 
-  const emptyMessage = <FormattedMessage id='empty_column.antennas' defaultMessage="You don't have any antennas yet. When you create one, it will show up here." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.antennas'
+      defaultMessage="You don't have any antennas yet. When you create one, it will show up here."
+    />
+  );
 
   return (
     <Column
       label={intl.formatMessage(messages.heading)}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <Stack space={4}>
         {/* <NewListForm /> */}
@@ -68,7 +78,10 @@ const AntennasPage: React.FC = () => {
                 params={{ antennaId: antenna.id }}
                 label={
                   <HStack alignItems='center' space={2}>
-                    <Icon src={require('@phosphor-icons/core/regular/list-bullets.svg')} size={20} />
+                    <Icon
+                      src={require('@phosphor-icons/core/regular/list-bullets.svg')}
+                      size={20}
+                    />
                     <span>{antenna.title}</span>
                   </HStack>
                 }
diff --git a/packages/pl-fe/src/pages/account-lists/circles.tsx b/packages/pl-fe/src/pages/account-lists/circles.tsx
index f568888cd..f2a61d374 100644
--- a/packages/pl-fe/src/pages/account-lists/circles.tsx
+++ b/packages/pl-fe/src/pages/account-lists/circles.tsx
@@ -56,11 +56,7 @@ const NewCircleForm: React.FC = () => {
           />
         </label>
 
-        <Button
-          disabled={isPending}
-          onClick={handleSubmit}
-          theme='primary'
-        >
+        <Button disabled={isPending} onClick={handleSubmit} theme='primary'>
           {create}
         </Button>
       </HStack>
@@ -81,7 +77,12 @@ const CirclesPage: React.FC = () => {
     );
   }
 
-  const emptyMessage = <FormattedMessage id='empty_column.circles' defaultMessage="You don't have any circles yet. When you create one, it will show up here." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.circles'
+      defaultMessage="You don't have any circles yet. When you create one, it will show up here."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -101,7 +102,10 @@ const CirclesPage: React.FC = () => {
                 params={{ circleId: circle.id }}
                 label={
                   <HStack alignItems='center' space={2}>
-                    <Icon src={require('@phosphor-icons/core/regular/list-bullets.svg')} size={20} />
+                    <Icon
+                      src={require('@phosphor-icons/core/regular/list-bullets.svg')}
+                      size={20}
+                    />
                     <span>{circle.title}</span>
                   </HStack>
                 }
diff --git a/packages/pl-fe/src/pages/account-lists/directory.tsx b/packages/pl-fe/src/pages/account-lists/directory.tsx
index ac47f07e0..f7dc2913c 100644
--- a/packages/pl-fe/src/pages/account-lists/directory.tsx
+++ b/packages/pl-fe/src/pages/account-lists/directory.tsx
@@ -85,15 +85,15 @@ const AccountCard: React.FC<IAccountCard> = ({ id }) => {
       </div>
 
       <div className='⁂-directory-card__account'>
-        <Account
-          account={account}
-          withAvatar={false}
-          withRelationship={false}
-        />
+        <Account account={account} withAvatar={false} withRelationship={false} />
 
         {!!account.note && (
           <p className='⁂-directory-card__bio'>
-            <ParsedContent html={account.note} emojis={account.emojis} speakAsCat={account.speak_as_cat} />
+            <ParsedContent
+              html={account.note}
+              emojis={account.emojis}
+              speakAsCat={account.speak_as_cat}
+            />
           </p>
         )}
       </div>
@@ -140,13 +140,18 @@ const DirectoryPage = () => {
   const instance = useInstance();
   const features = useFeatures();
 
-  const { data: accountIds = [], isLoading, hasNextPage, fetchNextPage } = useDirectory(order, local);
+  const {
+    data: accountIds = [],
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+  } = useDirectory(order, local);
 
-  const handleChangeOrder: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleChangeOrder: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     navigate({ search: ({ local }) => ({ local, order: e.target.value as 'active' | 'new' }) });
   };
 
-  const handleChangeLocal: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleChangeLocal: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     navigate({ search: ({ order }) => ({ local: e.target.checked, order }) });
   };
 
@@ -159,7 +164,11 @@ const DirectoryPage = () => {
       <div className='⁂-directory'>
         <div className='⁂-directory__filters'>
           <div>
-            <CardTitle title={<FormattedMessage id='directory.display_filter' defaultMessage='Display filter' />} />
+            <CardTitle
+              title={
+                <FormattedMessage id='directory.display_filter' defaultMessage='Display filter' />
+              }
+            />
 
             <RadioGroup onChange={handleChangeOrder}>
               <RadioItem
@@ -177,7 +186,14 @@ const DirectoryPage = () => {
 
           {features.federating && (
             <div>
-              <CardTitle title={<FormattedMessage id='directory.fediverse_filter' defaultMessage='Fediverse filter' />} />
+              <CardTitle
+                title={
+                  <FormattedMessage
+                    id='directory.fediverse_filter'
+                    defaultMessage='Fediverse filter'
+                  />
+                }
+              />
 
               <RadioGroup onChange={handleChangeLocal}>
                 <RadioItem
@@ -196,16 +212,14 @@ const DirectoryPage = () => {
         </div>
 
         <div
-          className={
-            clsx({
-              '⁂-directory__cards': true,
-              '⁂-directory__cards--loading': isLoading,
-            })
-          }
+          className={clsx({
+            '⁂-directory__cards': true,
+            '⁂-directory__cards--loading': isLoading,
+          })}
         >
           {accountIds.map((accountId) => (
-            <AccountCard id={accountId} key={accountId} />),
-          )}
+            <AccountCard id={accountId} key={accountId} />
+          ))}
         </div>
 
         {hasNextPage && <LoadMore onClick={handleLoadMore} disabled={isLoading} />}
diff --git a/packages/pl-fe/src/pages/account-lists/follow-requests.tsx b/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
index 4a6f5bc06..b8a11d622 100644
--- a/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
+++ b/packages/pl-fe/src/pages/account-lists/follow-requests.tsx
@@ -11,12 +11,19 @@ import Spinner from '@/components/ui/spinner';
 import Tabs, { type Item } from '@/components/ui/tabs';
 import { followRequestsRoute } from '@/features/ui/router';
 import { useFeatures } from '@/hooks/use-features';
-import { useAcceptFollowRequestMutation, useFollowRequests, useRejectFollowRequestMutation } from '@/queries/accounts/use-follow-requests';
+import {
+  useAcceptFollowRequestMutation,
+  useFollowRequests,
+  useRejectFollowRequestMutation,
+} from '@/queries/accounts/use-follow-requests';
 
 const messages = defineMessages({
   heading: { id: 'column.follow_requests', defaultMessage: 'Follow requests' },
   followRequests: { id: 'column.follow_requests', defaultMessage: 'Follow requests' },
-  outgoingFollowRequests: { id: 'column.outgoing_follow_requests', defaultMessage: 'Outgoing follow requests' },
+  outgoingFollowRequests: {
+    id: 'column.outgoing_follow_requests',
+    defaultMessage: 'Outgoing follow requests',
+  },
 });
 
 interface IAccountAuthorize {
@@ -29,10 +36,10 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
   const { mutate: authorizeFollowRequest } = useAcceptFollowRequestMutation(id);
   const { mutate: rejectFollowRequest } = useRejectFollowRequestMutation(id);
 
-  const onAuthorize = () =>{
+  const onAuthorize = () => {
     authorizeFollowRequest();
   };
-  const onReject = () =>{
+  const onReject = () => {
     rejectFollowRequest();
   };
 
@@ -43,11 +50,7 @@ const AccountAuthorize: React.FC<IAccountAuthorize> = ({ id }) => {
       <Account
         account={account}
         action={
-          <AuthorizeRejectButtons
-            onAuthorize={onAuthorize}
-            onReject={onReject}
-            countdown={3000}
-          />
+          <AuthorizeRejectButtons onAuthorize={onAuthorize} onReject={onReject} countdown={3000} />
         }
       />
     </div>
@@ -63,17 +66,22 @@ const FollowRequestsTabs = () => {
     return null;
   }
 
-  const tabs: Array<Item> = [{
-    name: '/follow_requests',
-    text: intl.formatMessage(messages.followRequests),
-    to: '/follow_requests',
-  }, {
-    name: '/outgoing_follow_requests',
-    text: intl.formatMessage(messages.outgoingFollowRequests),
-    to: '/outgoing_follow_requests',
-  }];
+  const tabs: Array<Item> = [
+    {
+      name: '/follow_requests',
+      text: intl.formatMessage(messages.followRequests),
+      to: '/follow_requests',
+    },
+    {
+      name: '/outgoing_follow_requests',
+      text: intl.formatMessage(messages.outgoingFollowRequests),
+      to: '/outgoing_follow_requests',
+    },
+  ];
 
-  return <Tabs items={tabs} activeItem={match ? '/follow_requests' : '/outgoing_follow_requests'} />;
+  return (
+    <Tabs items={tabs} activeItem={match ? '/follow_requests' : '/outgoing_follow_requests'} />
+  );
 };
 
 const FollowRequestsPage: React.FC = () => {
@@ -87,13 +95,20 @@ const FollowRequestsPage: React.FC = () => {
       hasMore={hasNextPage}
       isLoading={isLoading}
       onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
-      emptyMessageText={<FormattedMessage id='empty_column.follow_requests' defaultMessage="You don't have any follow requests yet. When you receive one, it will show up here." />}
+      emptyMessageText={
+        <FormattedMessage
+          id='empty_column.follow_requests'
+          defaultMessage="You don't have any follow requests yet. When you receive one, it will show up here."
+        />
+      }
     >
-      {accountIds.map(id =>
-        <AccountAuthorize key={id} id={id} />,
-      )}
+      {accountIds.map((id) => (
+        <AccountAuthorize key={id} id={id} />
+      ))}
     </ScrollableList>
-  ) : <Spinner />;
+  ) : (
+    <Spinner />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/account-lists/followers.tsx b/packages/pl-fe/src/pages/account-lists/followers.tsx
index 8a04eab65..57c9debc4 100644
--- a/packages/pl-fe/src/pages/account-lists/followers.tsx
+++ b/packages/pl-fe/src/pages/account-lists/followers.tsx
@@ -31,21 +31,20 @@ const FollowersPage: React.FC = () => {
   } = useFollowers(account?.id);
 
   if (isLoading) {
-    return (
-      <Spinner />
-    );
+    return <Spinner />;
   }
 
   if (!account) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   if (isUnavailable) {
     return (
       <div className='empty-column-indicator'>
-        <FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
+        <FormattedMessage
+          id='empty_column.account_unavailable'
+          defaultMessage='Profile unavailable'
+        />
       </div>
     );
   }
@@ -56,15 +55,17 @@ const FollowersPage: React.FC = () => {
         scrollKey='followers'
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
-        emptyMessageText={<FormattedMessage id='account.followers.empty' defaultMessage='No one follows this user yet.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='account.followers.empty'
+            defaultMessage='No one follows this user yet.'
+          />
+        }
         itemClassName='pb-4'
         isLoading={isFetching}
       >
         {data.map((accountId) => (
-          <AccountContainer
-            key={accountId}
-            id={accountId}
-          />
+          <AccountContainer key={accountId} id={accountId} />
         ))}
       </ScrollableList>
     </Column>
diff --git a/packages/pl-fe/src/pages/account-lists/following.tsx b/packages/pl-fe/src/pages/account-lists/following.tsx
index ab6ea87b7..bfc4101af 100644
--- a/packages/pl-fe/src/pages/account-lists/following.tsx
+++ b/packages/pl-fe/src/pages/account-lists/following.tsx
@@ -31,21 +31,20 @@ const FollowingPage: React.FC = () => {
   } = useFollowing(account?.id);
 
   if (isLoading) {
-    return (
-      <Spinner />
-    );
+    return <Spinner />;
   }
 
   if (!account) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   if (isUnavailable) {
     return (
       <div className='empty-column-indicator'>
-        <FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
+        <FormattedMessage
+          id='empty_column.account_unavailable'
+          defaultMessage='Profile unavailable'
+        />
       </div>
     );
   }
@@ -56,15 +55,17 @@ const FollowingPage: React.FC = () => {
         scrollKey='following'
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
-        emptyMessageText={<FormattedMessage id='account.follows.empty' defaultMessage="This user doesn't follow anyone yet." />}
+        emptyMessageText={
+          <FormattedMessage
+            id='account.follows.empty'
+            defaultMessage="This user doesn't follow anyone yet."
+          />
+        }
         itemClassName='pb-4'
         isLoading={isFetching}
       >
         {data.map((accountId) => (
-          <AccountContainer
-            key={accountId}
-            id={accountId}
-          />
+          <AccountContainer key={accountId} id={accountId} />
         ))}
       </ScrollableList>
     </Column>
diff --git a/packages/pl-fe/src/pages/account-lists/lists.tsx b/packages/pl-fe/src/pages/account-lists/lists.tsx
index 7f7a38b1d..d2011a358 100644
--- a/packages/pl-fe/src/pages/account-lists/lists.tsx
+++ b/packages/pl-fe/src/pages/account-lists/lists.tsx
@@ -28,7 +28,9 @@ const getOrderedLists = (lists: Array<Pick<ListEntity, 'title'>>) => {
     return lists;
   }
 
-  return Object.values(lists).filter((item): item is ListEntity => !!item).sort((a, b) => a.title.localeCompare(b.title));
+  return Object.values(lists)
+    .filter((item): item is ListEntity => !!item)
+    .sort((a, b) => a.title.localeCompare(b.title));
 };
 
 const NewListForm: React.FC = () => {
@@ -65,11 +67,7 @@ const NewListForm: React.FC = () => {
           />
         </label>
 
-        <Button
-          disabled={isPending}
-          onClick={handleSubmit}
-          theme='primary'
-        >
+        <Button disabled={isPending} onClick={handleSubmit} theme='primary'>
           {create}
         </Button>
       </HStack>
@@ -90,7 +88,12 @@ const ListsPage: React.FC = () => {
     );
   }
 
-  const emptyMessage = <FormattedMessage id='empty_column.lists' defaultMessage="You don't have any lists yet. When you create one, it will show up here." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.lists'
+      defaultMessage="You don't have any lists yet. When you create one, it will show up here."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -110,7 +113,10 @@ const ListsPage: React.FC = () => {
                 params={{ listId: list.id }}
                 label={
                   <HStack alignItems='center' space={2}>
-                    <Icon src={require('@phosphor-icons/core/regular/list-bullets.svg')} size={20} />
+                    <Icon
+                      src={require('@phosphor-icons/core/regular/list-bullets.svg')}
+                      size={20}
+                    />
                     <span>{list.title}</span>
                   </HStack>
                 }
diff --git a/packages/pl-fe/src/pages/account-lists/outgoing-follow-requests.tsx b/packages/pl-fe/src/pages/account-lists/outgoing-follow-requests.tsx
index ad0271818..eb382d41c 100644
--- a/packages/pl-fe/src/pages/account-lists/outgoing-follow-requests.tsx
+++ b/packages/pl-fe/src/pages/account-lists/outgoing-follow-requests.tsx
@@ -24,14 +24,21 @@ const OutgoingFollowRequestsPage: React.FC = () => {
       hasMore={hasNextPage}
       isLoading={isLoading}
       onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
-      emptyMessageText={<FormattedMessage id='empty_column.outgoing_follow_requests' defaultMessage="You don't have any outgoing follow requests yet. When you try to follow a user, it will show up here." />}
+      emptyMessageText={
+        <FormattedMessage
+          id='empty_column.outgoing_follow_requests'
+          defaultMessage="You don't have any outgoing follow requests yet. When you try to follow a user, it will show up here."
+        />
+      }
       itemClassName='p-2.5'
     >
-      {accountIds.map(id =>
-        <AccountContainer key={id} id={id} />,
-      )}
+      {accountIds.map((id) => (
+        <AccountContainer key={id} id={id} />
+      ))}
     </ScrollableList>
-  ) : <Spinner />;
+  ) : (
+    <Spinner />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/accounts/account-gallery.tsx b/packages/pl-fe/src/pages/accounts/account-gallery.tsx
index 9cab664ae..521572606 100644
--- a/packages/pl-fe/src/pages/accounts/account-gallery.tsx
+++ b/packages/pl-fe/src/pages/accounts/account-gallery.tsx
@@ -27,16 +27,18 @@ interface IMediaItem {
 const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) => {
   const { autoPlayGif, displayMedia } = useSettings();
   const { account } = useAccount(attachment.account_id);
-  const [visible, setVisible] = useState<boolean>(displayMedia !== 'hide_all' && !attachment.sensitive || displayMedia === 'show_all');
+  const [visible, setVisible] = useState<boolean>(
+    (displayMedia !== 'hide_all' && !attachment.sensitive) || displayMedia === 'show_all',
+  );
 
-  const handleMouseEnter: React.MouseEventHandler<HTMLVideoElement> = e => {
+  const handleMouseEnter: React.MouseEventHandler<HTMLVideoElement> = (e) => {
     const video = e.target as HTMLVideoElement;
     if (hoverToPlay()) {
       video.play();
     }
   };
 
-  const handleMouseLeave: React.MouseEventHandler<HTMLVideoElement> = e => {
+  const handleMouseLeave: React.MouseEventHandler<HTMLVideoElement> = (e) => {
     const video = e.target as HTMLVideoElement;
     if (hoverToPlay()) {
       video.pause();
@@ -46,7 +48,7 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
 
   const hoverToPlay = () => !autoPlayGif && ['gifv', 'video'].includes(attachment.type);
 
-  const handleClick: React.MouseEventHandler = e => {
+  const handleClick: React.MouseEventHandler = (e) => {
     if (e.button === 0 && !(e.ctrlKey || e.metaKey)) {
       e.preventDefault();
 
@@ -68,8 +70,8 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
   } else if (attachment.type === 'image') {
     const focusX = Number(attachment.meta?.focus?.x) || 0;
     const focusY = Number(attachment.meta?.focus?.y) || 0;
-    const x = ((focusX /  2) + .5) * 100;
-    const y = ((focusY / -2) + .5) * 100;
+    const x = (focusX / 2 + 0.5) * 100;
+    const y = (focusY / -2 + 0.5) * 100;
 
     thumbnail = (
       <StillImage
@@ -90,7 +92,9 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
     thumbnail = (
       <div className={clsx('⁂-media-gallery__gifv', { autoplay: autoPlayGif })}>
         <video
-          className={clsx('⁂-media-gallery__item-gifv-thumbnail overflow-hidden', { 'rounded-br-md': isLast })}
+          className={clsx('⁂-media-gallery__item-gifv-thumbnail overflow-hidden', {
+            'rounded-br-md': isLast,
+          })}
           aria-label={attachment.description}
           title={attachment.description}
           role='application'
@@ -111,7 +115,9 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
     const fileExtension = remoteURL.slice(fileExtensionLastIndex + 1).toUpperCase();
     thumbnail = (
       <div className={clsx('⁂-media-gallery__item-thumbnail', { 'rounded-br-md': isLast })}>
-        <span className='⁂-media-gallery__item__icons'><Icon src={require('@phosphor-icons/core/regular/speaker-high.svg')} /></span>
+        <span className='⁂-media-gallery__item__icons'>
+          <Icon src={require('@phosphor-icons/core/regular/speaker-high.svg')} />
+        </span>
         <span className='⁂-media-gallery__file-extension__label'>{fileExtension}</span>
       </div>
     );
@@ -127,11 +133,17 @@ const MediaItem: React.FC<IMediaItem> = ({ attachment, onOpenMedia, isLast }) =>
 
   return (
     <div className='col-span-1'>
-      <Link className='⁂-media-gallery__item-thumbnail aspect-1' to='/@{$username}/posts/$statusId' params={{ username: account?.acct ?? 'undefined', statusId: attachment.status_id }} onClick={handleClick} title={title}>
+      <Link
+        className='⁂-media-gallery__item-thumbnail aspect-1'
+        to='/@{$username}/posts/$statusId'
+        params={{ username: account?.acct ?? 'undefined', statusId: attachment.status_id }}
+        onClick={handleClick}
+        title={title}
+      >
         <Blurhash
           hash={attachment.blurhash}
           className={clsx('⁂-media-gallery__preview', {
-            'hidden': visible,
+            hidden: visible,
             'rounded-br-md': isLast,
           })}
           aria-label={!visible ? attachment.description : undefined}
@@ -154,7 +166,13 @@ const AccountGalleryPage = () => {
     isUnavailable,
   } = useAccountLookup(username, { withRelationship: true });
 
-  const { data: attachments, isFetching, isLoading, hasNextPage: hasMore, fetchNextPage } = useAccountGallery(account?.id!);
+  const {
+    data: attachments,
+    isFetching,
+    isLoading,
+    hasNextPage: hasMore,
+    fetchNextPage,
+  } = useAccountGallery(account?.id!);
 
   const handleScrollToBottom = () => {
     if (hasMore) {
@@ -166,7 +184,7 @@ const AccountGalleryPage = () => {
     fetchNextPage({ cancelRefetch: false });
   };
 
-  const handleLoadOlder: React.MouseEventHandler = e => {
+  const handleLoadOlder: React.MouseEventHandler = (e) => {
     e.preventDefault();
     handleScrollToBottom();
   };
@@ -184,22 +202,25 @@ const AccountGalleryPage = () => {
   }
 
   if (!account) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   let loadOlder = null;
 
   if (hasMore && !(isFetching && attachments.length === 0)) {
-    loadOlder = <LoadMore className='my-auto mt-4' visible={!isFetching} onClick={handleLoadOlder} />;
+    loadOlder = (
+      <LoadMore className='my-auto mt-4' visible={!isFetching} onClick={handleLoadOlder} />
+    );
   }
 
   if (isUnavailable) {
     return (
       <Column>
         <div className='empty-column-indicator'>
-          <FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
+          <FormattedMessage
+            id='empty_column.account_unavailable'
+            defaultMessage='Profile unavailable'
+          />
         </div>
       </Column>
     );
diff --git a/packages/pl-fe/src/pages/accounts/account-timeline.tsx b/packages/pl-fe/src/pages/accounts/account-timeline.tsx
index 45b031f33..0d57cf5d4 100644
--- a/packages/pl-fe/src/pages/accounts/account-timeline.tsx
+++ b/packages/pl-fe/src/pages/accounts/account-timeline.tsx
@@ -31,22 +31,29 @@ const AccountTimelinePage: React.FC = () => {
 
   const path = withReplies ? `${account?.id}:with_replies` : account?.id;
   const showPins = settings.account_timeline.shows.pinned && !withReplies;
-  const statusIds = useAppSelector(state => getStatusIds(state, { type: `account:${path}`, prefix: 'account_timeline' }));
-  const featuredStatusIds = useAppSelector(state => getStatusIds(state, { type: `account:${account?.id}:with_replies:pinned`, prefix: 'account_timeline' }));
+  const statusIds = useAppSelector((state) =>
+    getStatusIds(state, { type: `account:${path}`, prefix: 'account_timeline' }),
+  );
+  const featuredStatusIds = useAppSelector((state) =>
+    getStatusIds(state, {
+      type: `account:${account?.id}:with_replies:pinned`,
+      prefix: 'account_timeline',
+    }),
+  );
 
   const isBlocked = account?.relationship?.blocked_by;
   const unavailable = isBlocked && !features.blockersVisible;
-  const isLoading = useAppSelector(state =>  state.timelines[`account:${path}`]?.isLoading);
-  const hasMore = useAppSelector(state =>  state.timelines[`account:${path}`]?.hasMore);
+  const isLoading = useAppSelector((state) => state.timelines[`account:${path}`]?.isLoading);
+  const hasMore = useAppSelector((state) => state.timelines[`account:${path}`]?.hasMore);
 
   const accountUsername = account?.username ?? username;
 
   useEffect(() => {
     dispatch(fetchAccountByUsername(username))
-      .then(() =>{
+      .then(() => {
         setAccountLoading(false);
       })
-      .catch(() =>{
+      .catch(() => {
         setAccountLoading(false);
       });
   }, [username]);
@@ -79,9 +86,16 @@ const AccountTimelinePage: React.FC = () => {
         <CardBody>
           <Text align='center'>
             {isBlocked ? (
-              <FormattedMessage id='empty_column.account_blocked' defaultMessage='You are blocked by @{accountUsername}.' values={{ accountUsername }} />
+              <FormattedMessage
+                id='empty_column.account_blocked'
+                defaultMessage='You are blocked by @{accountUsername}.'
+                values={{ accountUsername }}
+              />
             ) : (
-              <FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
+              <FormattedMessage
+                id='empty_column.account_unavailable'
+                defaultMessage='Profile unavailable'
+              />
             )}
           </Text>
         </CardBody>
@@ -97,7 +111,9 @@ const AccountTimelinePage: React.FC = () => {
       isLoading={isLoading}
       hasMore={hasMore}
       onLoadMore={handleLoadMore}
-      emptyMessageText={<FormattedMessage id='empty_column.account_timeline' defaultMessage='No posts here!' />}
+      emptyMessageText={
+        <FormattedMessage id='empty_column.account_timeline' defaultMessage='No posts here!' />
+      }
     />
   );
 };
diff --git a/packages/pl-fe/src/pages/auth/login.tsx b/packages/pl-fe/src/pages/auth/login.tsx
index 0b1385ac7..081385f9c 100644
--- a/packages/pl-fe/src/pages/auth/login.tsx
+++ b/packages/pl-fe/src/pages/auth/login.tsx
@@ -34,9 +34,7 @@ const LoginPage = () => {
   const [shouldRedirect, setShouldRedirect] = useState(false);
 
   const getFormData = (form: HTMLFormElement) =>
-    Object.fromEntries(
-      Array.from(form).map((i: any) => [i.name, i.value]),
-    );
+    Object.fromEntries(Array.from(form).map((i: any) => [i.name, i.value]));
 
   const handleSubmit: React.FormEventHandler = (event) => {
     const { username, password } = getFormData(event.target as HTMLFormElement);
@@ -54,7 +52,8 @@ const LoginPage = () => {
         } else {
           setShouldRedirect(true);
         }
-      }).catch((error: { response: PlfeResponse }) => {
+      })
+      .catch((error: { response: PlfeResponse }) => {
         const data: any = error.response?.json;
         if (data?.error === 'mfa_required') {
           setMfaAuthNeeded(true);
@@ -81,14 +80,21 @@ const LoginPage = () => {
         <LoginForm handleSubmit={handleSubmit} isLoading={isLoading} />
         <ConsumersList />
 
-        <div className={'flex items-center gap-2.5 before:flex-1 before:border-b before:border-gray-300 before:content-[\'\'] after:flex-1 after:border-b after:border-gray-300 after:content-[\'\'] before:dark:border-gray-800 after:dark:border-gray-800'}>
+        <div
+          className={
+            "flex items-center gap-2.5 before:flex-1 before:border-b before:border-gray-300 before:content-[''] after:flex-1 after:border-b after:border-gray-300 after:content-[''] before:dark:border-gray-800 after:dark:border-gray-800"
+          }
+        >
           <Text align='center'>
             <FormattedMessage id='login_form.divider' defaultMessage='or' />
           </Text>
         </div>
 
         <Button className='w-full' theme='secondary' to='/login/external'>
-          <FormattedMessage id='login_form.external' defaultMessage='Sign in from remote instance' />
+          <FormattedMessage
+            id='login_form.external'
+            defaultMessage='Sign in from remote instance'
+          />
         </Button>
       </Stack>
     </BigCard>
diff --git a/packages/pl-fe/src/pages/auth/logout.tsx b/packages/pl-fe/src/pages/auth/logout.tsx
index 64fa26b3a..b6d3ec8e3 100644
--- a/packages/pl-fe/src/pages/auth/logout.tsx
+++ b/packages/pl-fe/src/pages/auth/logout.tsx
@@ -12,7 +12,7 @@ const LogoutPage: React.FC = () => {
 
   useEffect(() => {
     dispatch(logOut() as any)
-      .then(() =>{
+      .then(() => {
         setDone(true);
       })
       .catch(console.warn);
diff --git a/packages/pl-fe/src/pages/auth/password-reset.tsx b/packages/pl-fe/src/pages/auth/password-reset.tsx
index 059a90921..f3f45a219 100644
--- a/packages/pl-fe/src/pages/auth/password-reset.tsx
+++ b/packages/pl-fe/src/pages/auth/password-reset.tsx
@@ -14,9 +14,15 @@ import { useFeatures } from '@/hooks/use-features';
 import toast from '@/toast';
 
 const messages = defineMessages({
-  nicknameOrEmail: { id: 'password_reset.fields.username_placeholder', defaultMessage: 'Email or username' },
+  nicknameOrEmail: {
+    id: 'password_reset.fields.username_placeholder',
+    defaultMessage: 'Email or username',
+  },
   email: { id: 'password_reset.fields.email_placeholder', defaultMessage: 'E-mail address' },
-  confirmation: { id: 'password_reset.confirmation', defaultMessage: 'Check your email for confirmation.' },
+  confirmation: {
+    id: 'password_reset.confirmation',
+    defaultMessage: 'Check your email for confirmation.',
+  },
 });
 
 const PasswordResetPage = () => {
@@ -30,27 +36,30 @@ const PasswordResetPage = () => {
   const handleSubmit = (e: React.FormEvent) => {
     const nicknameOrEmail = (e.target as any).nickname_or_email.value;
     setIsLoading(true);
-    dispatch(resetPassword(nicknameOrEmail)).then(() => {
-      setIsLoading(false);
-      setSuccess(true);
-      toast.info(intl.formatMessage(messages.confirmation));
-    }).catch(() => {
-      setIsLoading(false);
-    });
+    dispatch(resetPassword(nicknameOrEmail))
+      .then(() => {
+        setIsLoading(false);
+        setSuccess(true);
+        toast.info(intl.formatMessage(messages.confirmation));
+      })
+      .catch(() => {
+        setIsLoading(false);
+      });
   };
 
   if (success) return <Navigate to='/' replace />;
 
   return (
-    <BigCard title={<FormattedMessage id='password_reset.header' defaultMessage='Reset password' />}>
+    <BigCard
+      title={<FormattedMessage id='password_reset.header' defaultMessage='Reset password' />}
+    >
       <Form onSubmit={handleSubmit}>
-        <FormGroup labelText={intl.formatMessage(features.logInWithUsername ? messages.nicknameOrEmail : messages.email)}>
-          <Input
-            type='text'
-            name='nickname_or_email'
-            placeholder='me@example.com'
-            required
-          />
+        <FormGroup
+          labelText={intl.formatMessage(
+            features.logInWithUsername ? messages.nicknameOrEmail : messages.email,
+          )}
+        >
+          <Input type='text' name='nickname_or_email' placeholder='me@example.com' required />
         </FormGroup>
 
         <FormActions>
diff --git a/packages/pl-fe/src/pages/auth/registration.tsx b/packages/pl-fe/src/pages/auth/registration.tsx
index 05de07689..33252badb 100644
--- a/packages/pl-fe/src/pages/auth/registration.tsx
+++ b/packages/pl-fe/src/pages/auth/registration.tsx
@@ -13,7 +13,11 @@ const RegistrationPage: React.FC = () => {
 
   if (!isOpen) {
     return (
-      <BigCard title={<FormattedMessage id='registration.closed_title' defaultMessage='Registrations closed' />}>
+      <BigCard
+        title={
+          <FormattedMessage id='registration.closed_title' defaultMessage='Registrations closed' />
+        }
+      >
         <Text theme='muted' align='center'>
           <FormattedMessage
             id='registration.closed_message'
diff --git a/packages/pl-fe/src/pages/dashboard/account.tsx b/packages/pl-fe/src/pages/dashboard/account.tsx
index 7442709de..e78e6d93a 100644
--- a/packages/pl-fe/src/pages/dashboard/account.tsx
+++ b/packages/pl-fe/src/pages/dashboard/account.tsx
@@ -32,18 +32,39 @@ import type { Account as AccountEntity } from 'pl-api';
 const messages = defineMessages({
   columnHeading: { id: 'column.admin.account', defaultMessage: 'Moderate @{acct}' },
   userVerified: { id: 'admin.users.user_verified_message', defaultMessage: '@{acct} was verified' },
-  userUnverified: { id: 'admin.users.user_unverified_message', defaultMessage: '@{acct} was unverified' },
-  userSuggested: { id: 'admin.users.user_suggested_message', defaultMessage: '@{acct} was suggested' },
-  userUnsuggested: { id: 'admin.users.user_unsuggested_message', defaultMessage: '@{acct} was unsuggested' },
+  userUnverified: {
+    id: 'admin.users.user_unverified_message',
+    defaultMessage: '@{acct} was unverified',
+  },
+  userSuggested: {
+    id: 'admin.users.user_suggested_message',
+    defaultMessage: '@{acct} was suggested',
+  },
+  userUnsuggested: {
+    id: 'admin.users.user_unsuggested_message',
+    defaultMessage: '@{acct} was unsuggested',
+  },
   badgesSaved: { id: 'admin.users.badges_saved_message', defaultMessage: 'Custom badges updated.' },
   badgePlaceholder: { id: 'badge_input.placeholder', defaultMessage: 'Enter a badge…' },
   roleUser: { id: 'account_moderation_modal.roles.user', defaultMessage: 'User' },
   roleModerator: { id: 'account_moderation_modal.roles.moderator', defaultMessage: 'Moderator' },
   roleAdmin: { id: 'account_moderation_modal.roles.admin', defaultMessage: 'Admin' },
-  promotedToAdmin: { id: 'admin.users.actions.promote_to_admin_message', defaultMessage: '@{acct} was promoted to an admin' },
-  promotedToModerator: { id: 'admin.users.actions.promote_to_moderator_message', defaultMessage: '@{acct} was promoted to a moderator' },
-  demotedToModerator: { id: 'admin.users.actions.demote_to_moderator_message', defaultMessage: '@{acct} was demoted to a moderator' },
-  demotedToUser: { id: 'admin.users.actions.demote_to_user_message', defaultMessage: '@{acct} was demoted to a regular user' },
+  promotedToAdmin: {
+    id: 'admin.users.actions.promote_to_admin_message',
+    defaultMessage: '@{acct} was promoted to an admin',
+  },
+  promotedToModerator: {
+    id: 'admin.users.actions.promote_to_moderator_message',
+    defaultMessage: '@{acct} was promoted to a moderator',
+  },
+  demotedToModerator: {
+    id: 'admin.users.actions.demote_to_moderator_message',
+    defaultMessage: '@{acct} was demoted to a moderator',
+  },
+  demotedToUser: {
+    id: 'admin.users.actions.demote_to_user_message',
+    defaultMessage: '@{acct} was demoted to a regular user',
+  },
 });
 
 /** Staff role. */
@@ -70,11 +91,14 @@ const StaffRolePicker: React.FC<IStaffRolePicker> = ({ account }) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
 
-  const roles: Record<AccountRole, string> = useMemo(() => ({
-    user: intl.formatMessage(messages.roleUser),
-    moderator: intl.formatMessage(messages.roleModerator),
-    admin: intl.formatMessage(messages.roleAdmin),
-  }), []);
+  const roles: Record<AccountRole, string> = useMemo(
+    () => ({
+      user: intl.formatMessage(messages.roleUser),
+      moderator: intl.formatMessage(messages.roleModerator),
+      admin: intl.formatMessage(messages.roleAdmin),
+    }),
+    [],
+  );
 
   const handleRoleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
     const role = e.target.value as AccountRole;
@@ -102,13 +126,7 @@ const StaffRolePicker: React.FC<IStaffRolePicker> = ({ account }) => {
 
   const accountRole = getRole(account);
 
-  return (
-    <SelectDropdown
-      items={roles}
-      defaultValue={accountRole}
-      onChange={handleRoleChange}
-    />
-  );
+  return <SelectDropdown items={roles} defaultValue={accountRole} onChange={handleRoleChange} />;
 };
 
 interface IBadgeInput {
@@ -175,7 +193,7 @@ const AdminAccountPage: React.FC = () => {
     const action = checked ? verify : unverify;
 
     action(account.id, {
-      onSuccess: () =>{
+      onSuccess: () => {
         toast.success(intl.formatMessage(message, { acct: account.acct }));
       },
     });
@@ -188,7 +206,7 @@ const AdminAccountPage: React.FC = () => {
     const action = checked ? suggest : unsuggest;
 
     action(account.id, {
-      onSuccess: () =>{
+      onSuccess: () => {
         toast.success(intl.formatMessage(message, { acct: account.acct }));
       },
     });
@@ -204,7 +222,7 @@ const AdminAccountPage: React.FC = () => {
 
   const handleSaveBadges = () => {
     dispatch(saveBadges(account.id, accountBadges, badges))
-      .then(() =>{
+      .then(() => {
         toast.success(intl.formatMessage(messages.badgesSaved));
       })
       .catch(() => {});
@@ -223,8 +241,15 @@ const AdminAccountPage: React.FC = () => {
         </OutlineBox>
 
         <List>
-          {(ownAccount.is_admin && account.local) && (
-            <ListItem label={<FormattedMessage id='account_moderation_modal.fields.account_role' defaultMessage='Staff level' />}>
+          {ownAccount.is_admin && account.local && (
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='account_moderation_modal.fields.account_role'
+                  defaultMessage='Staff level'
+                />
+              }
+            >
               <div className='w-auto'>
                 <StaffRolePicker account={account} />
               </div>
@@ -232,25 +257,40 @@ const AdminAccountPage: React.FC = () => {
           )}
 
           {features.pleromaAdminAccounts && (
-            <ListItem label={<FormattedMessage id='account_moderation_modal.fields.verified' defaultMessage='Verified account' />}>
-              <Toggle
-                checked={account.verified}
-                onChange={handleVerifiedChange}
-              />
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='account_moderation_modal.fields.verified'
+                  defaultMessage='Verified account'
+                />
+              }
+            >
+              <Toggle checked={account.verified} onChange={handleVerifiedChange} />
             </ListItem>
           )}
 
           {features.suggestionsV2 && (
-            <ListItem label={<FormattedMessage id='account_moderation_modal.fields.suggested' defaultMessage='Suggested in people to follow' />}>
-              <Toggle
-                checked={account.is_suggested === true}
-                onChange={handleSuggestedChange}
-              />
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='account_moderation_modal.fields.suggested'
+                  defaultMessage='Suggested in people to follow'
+                />
+              }
+            >
+              <Toggle checked={account.is_suggested === true} onChange={handleSuggestedChange} />
             </ListItem>
           )}
 
           {features.pleromaAdminAccounts && (
-            <ListItem label={<FormattedMessage id='account_moderation_modal.fields.badges' defaultMessage='Custom badges' />}>
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='account_moderation_modal.fields.badges'
+                  defaultMessage='Custom badges'
+                />
+              }
+            >
               <div className='grow'>
                 <HStack className='w-full' alignItems='center' space={2}>
                   <BadgeInput badges={badges} onChange={setBadges} />
@@ -265,12 +305,22 @@ const AdminAccountPage: React.FC = () => {
 
         <List>
           <ListItem
-            label={<FormattedMessage id='account_moderation_modal.fields.deactivate' defaultMessage='Deactivate account' />}
+            label={
+              <FormattedMessage
+                id='account_moderation_modal.fields.deactivate'
+                defaultMessage='Deactivate account'
+              />
+            }
             onClick={handleDeactivate}
           />
 
           <ListItem
-            label={<FormattedMessage id='account_moderation_modal.fields.delete' defaultMessage='Delete account' />}
+            label={
+              <FormattedMessage
+                id='account_moderation_modal.fields.delete'
+                defaultMessage='Delete account'
+              />
+            }
             onClick={handleDelete}
           />
         </List>
@@ -285,8 +335,16 @@ const AdminAccountPage: React.FC = () => {
 
         {features.version.software === PLEROMA && (
           <HStack justifyContent='center'>
-            <Button icon={require('@phosphor-icons/core/regular/arrow-square-out.svg')} size='sm' theme='secondary' onClick={handleAdminFE}>
-              <FormattedMessage id='account_moderation_modal.admin_fe' defaultMessage='Open in AdminFE' />
+            <Button
+              icon={require('@phosphor-icons/core/regular/arrow-square-out.svg')}
+              size='sm'
+              theme='secondary'
+              onClick={handleAdminFE}
+            >
+              <FormattedMessage
+                id='account_moderation_modal.admin_fe'
+                defaultMessage='Open in AdminFE'
+              />
             </Button>
           </HStack>
         )}
diff --git a/packages/pl-fe/src/pages/dashboard/announcements.tsx b/packages/pl-fe/src/pages/dashboard/announcements.tsx
index 60c382beb..26a01fc8f 100644
--- a/packages/pl-fe/src/pages/dashboard/announcements.tsx
+++ b/packages/pl-fe/src/pages/dashboard/announcements.tsx
@@ -16,9 +16,18 @@ import type { AdminAnnouncement } from 'pl-api';
 
 const messages = defineMessages({
   heading: { id: 'column.admin.announcements', defaultMessage: 'Announcements' },
-  deleteConfirm: { id: 'confirmations.admin.delete_announcement.confirm', defaultMessage: 'Delete' },
-  deleteHeading: { id: 'confirmations.admin.delete_announcement.heading', defaultMessage: 'Delete announcement' },
-  deleteMessage: { id: 'confirmations.admin.delete_announcement.message', defaultMessage: 'Are you sure you want to delete the announcement?' },
+  deleteConfirm: {
+    id: 'confirmations.admin.delete_announcement.confirm',
+    defaultMessage: 'Delete',
+  },
+  deleteHeading: {
+    id: 'confirmations.admin.delete_announcement.heading',
+    defaultMessage: 'Delete announcement',
+  },
+  deleteMessage: {
+    id: 'confirmations.admin.delete_announcement.message',
+    defaultMessage: 'Are you sure you want to delete the announcement?',
+  },
   deleteSuccess: { id: 'admin.edit_announcement.deleted', defaultMessage: 'Announcement deleted' },
 });
 
@@ -40,9 +49,9 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement }) => {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
       confirm: intl.formatMessage(messages.deleteConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         deleteAnnouncement(announcement.id, {
-          onSuccess: () =>{
+          onSuccess: () => {
             toast.success(messages.deleteSuccess);
           },
         });
@@ -52,28 +61,42 @@ const Announcement: React.FC<IAnnouncement> = ({ announcement }) => {
 
   return (
     <div key={announcement.id} className='rounded-lg bg-gray-100 p-4 dark:bg-primary-800'>
-      <Stack space={2}>n
+      <Stack space={2}>
+        n
         <Text>
           <ParsedContent html={announcement.content} emojis={announcement.emojis} />
         </Text>
-        {((announcement.starts_at ?? announcement.ends_at) ?? announcement.all_day) && (
+        {(announcement.starts_at ?? announcement.ends_at ?? announcement.all_day) && (
           <HStack space={2} wrap>
             {announcement.starts_at && (
               <Text size='sm'>
                 <Text tag='span' size='sm' weight='medium'>
-                  <FormattedMessage id='admin.announcements.starts_at' defaultMessage='Starts at:' />
-                </Text>
-                {' '}
-                <FormattedDate value={announcement.starts_at} year='2-digit' month='short' day='2-digit' weekday='short' />
+                  <FormattedMessage
+                    id='admin.announcements.starts_at'
+                    defaultMessage='Starts at:'
+                  />
+                </Text>{' '}
+                <FormattedDate
+                  value={announcement.starts_at}
+                  year='2-digit'
+                  month='short'
+                  day='2-digit'
+                  weekday='short'
+                />
               </Text>
             )}
             {announcement.ends_at && (
               <Text size='sm'>
                 <Text tag='span' size='sm' weight='medium'>
                   <FormattedMessage id='admin.announcements.ends_at' defaultMessage='Ends at:' />
-                </Text>
-                {' '}
-                <FormattedDate value={announcement.ends_at} year='2-digit' month='short' day='2-digit' weekday='short' />
+                </Text>{' '}
+                <FormattedDate
+                  value={announcement.ends_at}
+                  year='2-digit'
+                  month='short'
+                  day='2-digit'
+                  weekday='short'
+                />
               </Text>
             )}
             {announcement.all_day && (
@@ -106,7 +129,12 @@ const AdminAnnouncementsPage: React.FC = () => {
     openModal('EDIT_ANNOUNCEMENT');
   };
 
-  const emptyMessage = <FormattedMessage id='empty_column.admin.announcements' defaultMessage='There are no announcements yet.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.admin.announcements'
+      defaultMessage='There are no announcements yet.'
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
index b946d7fba..a8c0b736a 100644
--- a/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
+++ b/packages/pl-fe/src/pages/dashboard/awaiting-approval.tsx
@@ -30,10 +30,15 @@ const AwaitingApproval: React.FC = () => {
         scrollKey='awaitingApproval'
         isLoading={isFetching}
         showLoading={isPending}
-        emptyMessageText={<FormattedMessage id='admin.awaiting_approval.empty_message' defaultMessage='There is nobody waiting for approval. When a new user signs up, you can review them here.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='admin.awaiting_approval.empty_message'
+            defaultMessage='There is nobody waiting for approval. When a new user signs up, you can review them here.'
+          />
+        }
         listClassName='⁂-status-list'
       >
-        {accountIds.map(id => (
+        {accountIds.map((id) => (
           <div key={id} className='px-5 py-4'>
             <UnapprovedAccount accountId={id} />
           </div>
diff --git a/packages/pl-fe/src/pages/dashboard/dashboard.tsx b/packages/pl-fe/src/pages/dashboard/dashboard.tsx
index fed281449..d25fdd2f8 100644
--- a/packages/pl-fe/src/pages/dashboard/dashboard.tsx
+++ b/packages/pl-fe/src/pages/dashboard/dashboard.tsx
@@ -39,11 +39,15 @@ const Dashboard: React.FC = () => {
   } = instance.stats;
 
   const mau = instance.usage.users.active_month ?? instance.pleroma.stats.mau;
-  const retention = (userCount && mau) ? Math.round(mau / userCount * 100) : undefined;
+  const retention = userCount && mau ? Math.round((mau / userCount) * 100) : undefined;
 
   const [today] = useState<string>(new Date().toISOString().slice(0, 10));
-  const [monthAgo] = useState<string>(new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000).toISOString().slice(0, 10));
-  const [sixMonthsAgo] = useState<string>(new Date(new Date().getTime() - 30 * 6 * 24 * 60 * 60 * 1000).toISOString().slice(0, 10));
+  const [monthAgo] = useState<string>(
+    new Date(new Date().getTime() - 30 * 24 * 60 * 60 * 1000).toISOString().slice(0, 10),
+  );
+  const [sixMonthsAgo] = useState<string>(
+    new Date(new Date().getTime() - 30 * 6 * 24 * 60 * 60 * 1000).toISOString().slice(0, 10),
+  );
 
   if (!account) return null;
 
@@ -63,7 +67,12 @@ const Dashboard: React.FC = () => {
             <DashCounter
               to='/pl-fe/admin/users'
               count={userCount}
-              label={<FormattedMessage id='admin.dashcounters.user_count_label' defaultMessage='total users' />}
+              label={
+                <FormattedMessage
+                  id='admin.dashcounters.user_count_label'
+                  defaultMessage='total users'
+                />
+              }
             />
           )}
           {features.mastodonAdminMetrics ? (
@@ -71,18 +80,30 @@ const Dashboard: React.FC = () => {
               measure='active_users'
               startAt={monthAgo}
               endAt={today}
-              label={<FormattedMessage id='admin.counters.active_users' defaultMessage='active users' />}
+              label={
+                <FormattedMessage id='admin.counters.active_users' defaultMessage='active users' />
+              }
             />
           ) : (
             <DashCounter
               count={mau}
-              label={<FormattedMessage id='admin.dashcounters.mau_label' defaultMessage='monthly active users' />}
+              label={
+                <FormattedMessage
+                  id='admin.dashcounters.mau_label'
+                  defaultMessage='monthly active users'
+                />
+              }
             />
           )}
           {!features.mastodonAdminMetrics && (
             <DashCounter
               count={retention}
-              label={<FormattedMessage id='admin.dashcounters.retention_label' defaultMessage='user retention' />}
+              label={
+                <FormattedMessage
+                  id='admin.dashcounters.retention_label'
+                  defaultMessage='user retention'
+                />
+              }
               percent
             />
           )}
@@ -92,14 +113,24 @@ const Dashboard: React.FC = () => {
                 measure='interactions'
                 startAt={monthAgo}
                 endAt={today}
-                label={<FormattedMessage id='admin.counters.interactions' defaultMessage='interactions' />}
+                label={
+                  <FormattedMessage
+                    id='admin.counters.interactions'
+                    defaultMessage='interactions'
+                  />
+                }
               />
               <Counter
                 measure='opened_reports'
                 startAt={monthAgo}
                 endAt={today}
                 to='/pl-fe/admin/reports'
-                label={<FormattedMessage id='admin.counters.opened_reports' defaultMessage='reports opened' />}
+                label={
+                  <FormattedMessage
+                    id='admin.counters.opened_reports'
+                    defaultMessage='reports opened'
+                  />
+                }
               />
               <Counter
                 measure='resolved_reports'
@@ -107,22 +138,66 @@ const Dashboard: React.FC = () => {
                 endAt={today}
                 to='/pl-fe/admin/reports'
                 search={{ resolved: true }}
-                label={<FormattedMessage id='admin.counters.resolved_reports' defaultMessage='reports resolved' />}
+                label={
+                  <FormattedMessage
+                    id='admin.counters.resolved_reports'
+                    defaultMessage='reports resolved'
+                  />
+                }
               />
             </>
           )}
           <DashCounter
             to='/timeline/local'
             count={statusCount}
-            label={<FormattedMessage id='admin.dashcounters.status_count_label' defaultMessage='posts' />}
+            label={
+              <FormattedMessage id='admin.dashcounters.status_count_label' defaultMessage='posts' />
+            }
           />
           <DashCounter
             count={domainCount}
-            label={<FormattedMessage id='admin.dashcounters.domain_count_label' defaultMessage='peers' />}
+            label={
+              <FormattedMessage id='admin.dashcounters.domain_count_label' defaultMessage='peers' />
+            }
           />
           <List>
-            <ListItem size='sm' to='/pl-fe/admin/reports' search={{ resolved: false }} label={<FormattedMessage id='admin.links.pending_reports' defaultMessage='{count, plural, one {{formattedCount} pending report} other {{formattedCount} pending reports}}' values={{ count: pendingReportsCount, formattedCount: <strong><FormattedNumber value={pendingReportsCount} /></strong> }} />} />
-            <ListItem size='sm' to='/pl-fe/admin/approval' label={<FormattedMessage id='admin.links.pending_users' defaultMessage='{count, plural, one {{formattedCount} pending user} other {{formattedCount} pending users}}' values={{ count: awaitingApprovalCount, formattedCount: <strong><FormattedNumber value={awaitingApprovalCount} /></strong> }} />} />
+            <ListItem
+              size='sm'
+              to='/pl-fe/admin/reports'
+              search={{ resolved: false }}
+              label={
+                <FormattedMessage
+                  id='admin.links.pending_reports'
+                  defaultMessage='{count, plural, one {{formattedCount} pending report} other {{formattedCount} pending reports}}'
+                  values={{
+                    count: pendingReportsCount,
+                    formattedCount: (
+                      <strong>
+                        <FormattedNumber value={pendingReportsCount} />
+                      </strong>
+                    ),
+                  }}
+                />
+              }
+            />
+            <ListItem
+              size='sm'
+              to='/pl-fe/admin/approval'
+              label={
+                <FormattedMessage
+                  id='admin.links.pending_users'
+                  defaultMessage='{count, plural, one {{formattedCount} pending user} other {{formattedCount} pending users}}'
+                  values={{
+                    count: awaitingApprovalCount,
+                    formattedCount: (
+                      <strong>
+                        <FormattedNumber value={awaitingApprovalCount} />
+                      </strong>
+                    ),
+                  }}
+                />
+              }
+            />
             {/* <ListItem size='sm' to='/pl-fe/admin' label={<FormattedMessage id='admin.links.pending_tags' defaultMessage='{count} pending tags' values={{ count: <strong>0</strong> }} />} />
             <ListItem size='sm' to='/pl-fe/admin' label={<FormattedMessage id='admin.links.pending_appeals' defaultMessage='{count} pending appeals' values={{ count: <strong>0</strong> }} />} /> */}
           </List>
@@ -133,21 +208,36 @@ const Dashboard: React.FC = () => {
                 startAt={monthAgo}
                 endAt={today}
                 params={{ limit: 8 }}
-                label={<FormattedMessage id='admin.dimensions.sources' defaultMessage='Sign-up sources' />}
+                label={
+                  <FormattedMessage
+                    id='admin.dimensions.sources'
+                    defaultMessage='Sign-up sources'
+                  />
+                }
               />
               <Dimension
                 dimension='languages'
                 startAt={monthAgo}
                 endAt={today}
                 params={{ limit: 8 }}
-                label={<FormattedMessage id='admin.dimensions.top_languages' defaultMessage='Top active languages' />}
+                label={
+                  <FormattedMessage
+                    id='admin.dimensions.top_languages'
+                    defaultMessage='Top active languages'
+                  />
+                }
               />
               <Dimension
                 dimension='servers'
                 startAt={monthAgo}
                 endAt={today}
                 params={{ limit: 8 }}
-                label={<FormattedMessage id='admin.dimensions.top_servers' defaultMessage='Top active servers' />}
+                label={
+                  <FormattedMessage
+                    id='admin.dimensions.top_servers'
+                    defaultMessage='Top active servers'
+                  />
+                }
               />
               <Retention startAt={sixMonthsAgo} endAt={today} frequency='month' />
               <Dimension
@@ -155,14 +245,21 @@ const Dashboard: React.FC = () => {
                 startAt={monthAgo}
                 endAt={today}
                 params={{ limit: 4 }}
-                label={<FormattedMessage id='admin.dimensions.software' defaultMessage='Software' />}
+                label={
+                  <FormattedMessage id='admin.dimensions.software' defaultMessage='Software' />
+                }
               />
               <Dimension
                 dimension='space_usage'
                 startAt={monthAgo}
                 endAt={today}
                 params={{ limit: 3 }}
-                label={<FormattedMessage id='admin.dimensions.media_storage' defaultMessage='Media storage' />}
+                label={
+                  <FormattedMessage
+                    id='admin.dimensions.media_storage'
+                    defaultMessage='Media storage'
+                  />
+                }
               />
             </>
           )}
@@ -172,21 +269,33 @@ const Dashboard: React.FC = () => {
           {features.pleromaAdminAccounts && account.is_admin && (
             <ListItem
               to='/pl-fe/config'
-              label={<FormattedMessage id='column.plfe_config' defaultMessage='Front-end configuration' />}
+              label={
+                <FormattedMessage
+                  id='column.plfe_config'
+                  defaultMessage='Front-end configuration'
+                />
+              }
             />
           )}
 
           {features.pleromaAdminModerationLog && (
             <ListItem
               to='/pl-fe/admin/log'
-              label={<FormattedMessage id='column.admin.moderation_log' defaultMessage='Moderation log' />}
+              label={
+                <FormattedMessage
+                  id='column.admin.moderation_log'
+                  defaultMessage='Moderation log'
+                />
+              }
             />
           )}
 
           {features.pleromaAdminAnnouncements && (
             <ListItem
               to='/pl-fe/admin/announcements'
-              label={<FormattedMessage id='column.admin.announcements' defaultMessage='Announcements' />}
+              label={
+                <FormattedMessage id='column.admin.announcements' defaultMessage='Announcements' />
+              }
             />
           )}
 
@@ -208,7 +317,12 @@ const Dashboard: React.FC = () => {
         {features.pleromaAdminAccounts && account.is_admin && (
           <>
             <CardTitle
-              title={<FormattedMessage id='admin.dashboard.registration_mode_label' defaultMessage='Registrations' />}
+              title={
+                <FormattedMessage
+                  id='admin.dashboard.registration_mode_label'
+                  defaultMessage='Registrations'
+                />
+              }
             />
 
             <RegistrationModePicker />
@@ -216,25 +330,35 @@ const Dashboard: React.FC = () => {
         )}
 
         <CardTitle
-          title={<FormattedMessage id='admin.dashwidgets.software_header' defaultMessage='Software' />}
+          title={
+            <FormattedMessage id='admin.dashwidgets.software_header' defaultMessage='Software' />
+          }
         />
 
         <List>
-          <ListItem label={<FormattedMessage id='admin.software.frontend' defaultMessage='Frontend' />}>
+          <ListItem
+            label={<FormattedMessage id='admin.software.frontend' defaultMessage='Frontend' />}
+          >
             <a
               href={sourceCode.ref ? `${sourceCode.url}/tree/${sourceCode.ref}` : sourceCode.url}
               className='⁂-dashboard__source-code'
               target='_blank'
             >
-              <span>{sourceCode.displayName} {sourceCode.version}</span>
+              <span>
+                {sourceCode.displayName} {sourceCode.version}
+              </span>
 
               <Icon src={require('@phosphor-icons/core/regular/arrow-square-out.svg')} />
             </a>
           </ListItem>
 
           {!features.mastodonAdminMetrics && (
-            <ListItem label={<FormattedMessage id='admin.software.backend' defaultMessage='Backend' />}>
-              <span>{v.software} ({instance.version})</span>
+            <ListItem
+              label={<FormattedMessage id='admin.software.backend' defaultMessage='Backend' />}
+            >
+              <span>
+                {v.software} ({instance.version})
+              </span>
             </ListItem>
           )}
         </List>
diff --git a/packages/pl-fe/src/pages/dashboard/domains.tsx b/packages/pl-fe/src/pages/dashboard/domains.tsx
index dc42aa608..07b463c00 100644
--- a/packages/pl-fe/src/pages/dashboard/domains.tsx
+++ b/packages/pl-fe/src/pages/dashboard/domains.tsx
@@ -18,10 +18,19 @@ import type { AdminDomain as DomainEntity } from 'pl-api';
 const messages = defineMessages({
   heading: { id: 'column.admin.domains', defaultMessage: 'Domains' },
   deleteConfirm: { id: 'confirmations.admin.delete_domain.confirm', defaultMessage: 'Delete' },
-  deleteHeading: { id: 'confirmations.admin.delete_domain.heading', defaultMessage: 'Delete domain' },
-  deleteMessage: { id: 'confirmations.admin.delete_domain.message', defaultMessage: 'Are you sure you want to delete the domain?' },
+  deleteHeading: {
+    id: 'confirmations.admin.delete_domain.heading',
+    defaultMessage: 'Delete domain',
+  },
+  deleteMessage: {
+    id: 'confirmations.admin.delete_domain.message',
+    defaultMessage: 'Are you sure you want to delete the domain?',
+  },
   domainDeleteSuccess: { id: 'admin.edit_domain.deleted', defaultMessage: 'Domain deleted' },
-  domainLastChecked: { id: 'admin.domains.resolve.last_checked', defaultMessage: 'Last checked: {date}' },
+  domainLastChecked: {
+    id: 'admin.domains.resolve.last_checked',
+    defaultMessage: 'Last checked: {date}',
+  },
 });
 
 interface IDomain {
@@ -55,13 +64,27 @@ const Domain: React.FC<IDomain> = ({ domain }) => {
 
   const domainState = domain.last_checked_at ? (domain.resolves ? 'active' : 'error') : 'pending';
   const domainStateLabel = {
-    active: <FormattedMessage id='admin.domains.resolve.success_label' defaultMessage='Resolves correctly' />,
-    error: <FormattedMessage id='admin.domains.resolve.fail_label' defaultMessage='Not resolving' />,
-    pending: <FormattedMessage id='admin.domains.resolve.pending_label' defaultMessage='Pending resolve check' />,
+    active: (
+      <FormattedMessage
+        id='admin.domains.resolve.success_label'
+        defaultMessage='Resolves correctly'
+      />
+    ),
+    error: (
+      <FormattedMessage id='admin.domains.resolve.fail_label' defaultMessage='Not resolving' />
+    ),
+    pending: (
+      <FormattedMessage
+        id='admin.domains.resolve.pending_label'
+        defaultMessage='Pending resolve check'
+      />
+    ),
   }[domainState];
-  const domainStateTitle = domain.last_checked_at ? intl.formatMessage(messages.domainLastChecked, {
-    date: intl.formatDate(domain.last_checked_at, dateFormatOptions),
-  }) : undefined;
+  const domainStateTitle = domain.last_checked_at
+    ? intl.formatMessage(messages.domainLastChecked, {
+        date: intl.formatDate(domain.last_checked_at, dateFormatOptions),
+      })
+    : undefined;
 
   return (
     <div key={domain.id} className='rounded-lg bg-gray-100 p-4 dark:bg-primary-800'>
@@ -70,8 +93,7 @@ const Domain: React.FC<IDomain> = ({ domain }) => {
           <Text size='sm'>
             <Text tag='span' size='sm' weight='medium'>
               <FormattedMessage id='admin.domains.name' defaultMessage='Domain:' />
-            </Text>
-            {' '}
+            </Text>{' '}
             {domain.domain}
           </Text>
           <Text tag='span' size='sm' weight='medium'>
@@ -115,7 +137,9 @@ const AdminDomainsPage: React.FC = () => {
     if (!isFetching) refetch();
   }, []);
 
-  const emptyMessage = <FormattedMessage id='empty_column.admin.domains' defaultMessage='There are no domains yet.' />;
+  const emptyMessage = (
+    <FormattedMessage id='empty_column.admin.domains' defaultMessage='There are no domains yet.' />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
index 9336988e3..75d8d9d58 100644
--- a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
+++ b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
@@ -27,31 +27,75 @@ import ThemeSelector from '@/features/ui/components/theme-selector';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
-import { cryptoAddressSchema, footerItemSchema, frontendConfigSchema, promoPanelItemSchema, type FrontendConfig } from '@/normalizers/frontend-config';
+import {
+  cryptoAddressSchema,
+  footerItemSchema,
+  frontendConfigSchema,
+  promoPanelItemSchema,
+  type FrontendConfig,
+} from '@/normalizers/frontend-config';
 import toast from '@/toast';
 
 const messages = defineMessages({
   heading: { id: 'column.plfe_config', defaultMessage: 'Front-end configuration' },
   saved: { id: 'plfe_config.saved', defaultMessage: 'pl-fe config saved!' },
-  copyrightFooterLabel: { id: 'plfe_config.copyright_footer.meta_fields.label_placeholder', defaultMessage: 'Copyright footer' },
-  cryptoDonatePanelLimitLabel: { id: 'plfe_config.crypto_donate_panel_limit.meta_fields.limit_placeholder', defaultMessage: 'Number of items to display in the crypto homepage widget' },
-  rawJSONLabel: { id: 'plfe_config.raw_json_label', defaultMessage: 'Advanced: Edit raw JSON data' },
-  rawJSONHint: { id: 'plfe_config.raw_json_hint', defaultMessage: 'Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click "Save" to apply your changes.' },
+  copyrightFooterLabel: {
+    id: 'plfe_config.copyright_footer.meta_fields.label_placeholder',
+    defaultMessage: 'Copyright footer',
+  },
+  cryptoDonatePanelLimitLabel: {
+    id: 'plfe_config.crypto_donate_panel_limit.meta_fields.limit_placeholder',
+    defaultMessage: 'Number of items to display in the crypto homepage widget',
+  },
+  rawJSONLabel: {
+    id: 'plfe_config.raw_json_label',
+    defaultMessage: 'Advanced: Edit raw JSON data',
+  },
+  rawJSONHint: {
+    id: 'plfe_config.raw_json_hint',
+    defaultMessage:
+      'Edit the settings data directly. Changes made directly to the JSON file will override the form fields above. Click "Save" to apply your changes.',
+  },
   rawJSONInvalid: { id: 'plfe_config.raw_json_invalid', defaultMessage: 'is invalid' },
-  displayFqnLabel: { id: 'plfe_config.display_fqn_label', defaultMessage: 'Display domain (eg @user@domain) for local accounts.' },
+  displayFqnLabel: {
+    id: 'plfe_config.display_fqn_label',
+    defaultMessage: 'Display domain (eg @user@domain) for local accounts.',
+  },
   greentextLabel: { id: 'plfe_config.greentext_label', defaultMessage: 'Enable greentext support' },
-  mediaPreviewLabel: { id: 'plfe_config.media_preview_label', defaultMessage: 'Prefer preview media for thumbnails' },
-  mediaPreviewHint: { id: 'plfe_config.media_preview_hint', defaultMessage: 'Some backends provide an optimized version of media for display in timelines. However, these preview images may be too small without additional configuration.' },
+  mediaPreviewLabel: {
+    id: 'plfe_config.media_preview_label',
+    defaultMessage: 'Prefer preview media for thumbnails',
+  },
+  mediaPreviewHint: {
+    id: 'plfe_config.media_preview_hint',
+    defaultMessage:
+      'Some backends provide an optimized version of media for display in timelines. However, these preview images may be too small without additional configuration.',
+  },
   tileServerLabel: { id: 'plfe_config.tile_server_label', defaultMessage: 'Map tile server' },
-  tileServerAttributionLabel: { id: 'plfe_config.tile_server_attribution_label', defaultMessage: 'Map tiles attribution' },
-  redirectRootNoLoginLabel: { id: 'plfe_config.redirect_root_no_login_label', defaultMessage: 'Redirect homepage' },
-  redirectRootNoLoginHint: { id: 'plfe_config.redirect_root_no_login_hint', defaultMessage: 'Path to redirect the homepage when a user is not logged in.' },
+  tileServerAttributionLabel: {
+    id: 'plfe_config.tile_server_attribution_label',
+    defaultMessage: 'Map tiles attribution',
+  },
+  redirectRootNoLoginLabel: {
+    id: 'plfe_config.redirect_root_no_login_label',
+    defaultMessage: 'Redirect homepage',
+  },
+  redirectRootNoLoginHint: {
+    id: 'plfe_config.redirect_root_no_login_hint',
+    defaultMessage: 'Path to redirect the homepage when a user is not logged in.',
+  },
   sentryDsnLabel: { id: 'plfe_config.sentry_dsn_label', defaultMessage: 'Sentry DSN' },
-  sentryDsnHint: { id: 'plfe_config.sentry_dsn_hint', defaultMessage: 'DSN URL for error reporting. Works with Sentry and GlitchTip.' },
+  sentryDsnHint: {
+    id: 'plfe_config.sentry_dsn_hint',
+    defaultMessage: 'DSN URL for error reporting. Works with Sentry and GlitchTip.',
+  },
 });
 
 type ValueGetter<T1 = Element, T2 = any> = (e: React.ChangeEvent<T1>) => T2;
-type StreamItemConfigPath = ['promoPanel', 'items'] | ['navlinks', 'homeFooter'] | ['cryptoAddresses'];
+type StreamItemConfigPath =
+  | ['promoPanel', 'items']
+  | ['navlinks', 'homeFooter']
+  | ['cryptoAddresses'];
 type ThemeChangeHandler = (theme: 'system' | 'light' | 'dark' | 'black') => void;
 
 const FrontendConfigEditor: React.FC = () => {
@@ -60,7 +104,7 @@ const FrontendConfigEditor: React.FC = () => {
 
   const features = useFeatures();
 
-  const initialData = useAppSelector(state => state.frontendConfig);
+  const initialData = useAppSelector((state) => state.frontendConfig);
 
   const [isLoading, setLoading] = useState(false);
   const [data, setData] = useState(v.parse(frontendConfigSchema, initialData));
@@ -81,20 +125,27 @@ const FrontendConfigEditor: React.FC = () => {
   };
 
   const handleSubmit: React.FormEventHandler = (e) => {
-    dispatch(updateFrontendConfig(data)).then(() => {
-      setLoading(false);
-      toast.success(intl.formatMessage(messages.saved));
-    }).catch(() => {
-      setLoading(false);
-    });
+    dispatch(updateFrontendConfig(data))
+      .then(() => {
+        setLoading(false);
+        toast.success(intl.formatMessage(messages.saved));
+      })
+      .catch(() => {
+        setLoading(false);
+      });
     setLoading(true);
     e.preventDefault();
   };
 
-  const handleChange = (path: keyof FrontendConfig, getValue: ValueGetter<any, FrontendConfig[typeof path]>): React.ChangeEventHandler => e => {
-    const newData: FrontendConfig = { ...data, [path]: getValue(e) };
-    setConfig(newData);
-  };
+  const handleChange =
+    (
+      path: keyof FrontendConfig,
+      getValue: ValueGetter<any, FrontendConfig[typeof path]>,
+    ): React.ChangeEventHandler =>
+    (e) => {
+      const newData: FrontendConfig = { ...data, [path]: getValue(e) };
+      setConfig(newData);
+    };
 
   const handleThemeChange: ThemeChangeHandler = (theme) => {
     const newData = create(data, (draft) => {
@@ -104,15 +155,19 @@ const FrontendConfigEditor: React.FC = () => {
     setConfig(newData);
   };
 
-  const handleFileChange = (path: keyof FrontendConfig): React.ChangeEventHandler<HTMLInputElement> => e => {
-    const file = e.target.files?.item(0);
+  const handleFileChange =
+    (path: keyof FrontendConfig): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      const file = e.target.files?.item(0);
 
-    if (file) {
-      dispatch(uploadMedia({ file })).then((data: any) => {
-        handleChange(path, () => data.url)(e);
-      }).catch(console.error);
-    }
-  };
+      if (file) {
+        dispatch(uploadMedia({ file }))
+          .then((data: any) => {
+            handleChange(path, () => data.url)(e);
+          })
+          .catch(console.error);
+      }
+    };
 
   const handleStreamItemChange = (path: StreamItemConfigPath) => (values: any[]) => {
     const newData = create(data, (draft) => {
@@ -126,17 +181,19 @@ const FrontendConfigEditor: React.FC = () => {
     setConfig(newData);
   };
 
-  const addStreamItem = <T, >(path: StreamItemConfigPath, schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>) => () => {
-    const newData = create(data, (draft) => {
-      if (path[0] === 'cryptoAddresses') {
-        draft.cryptoAddresses.push(v.parse(cryptoAddressSchema, {}));
-      } else {
-        // @ts-ignore
-        draft[path[0]][path[1]].push(v.parse(schema, {}));
-      }
-    });
-    setConfig(newData);
-  };
+  const addStreamItem =
+    <T,>(path: StreamItemConfigPath, schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>) =>
+    () => {
+      const newData = create(data, (draft) => {
+        if (path[0] === 'cryptoAddresses') {
+          draft.cryptoAddresses.push(v.parse(cryptoAddressSchema, {}));
+        } else {
+          // @ts-ignore
+          draft[path[0]][path[1]].push(v.parse(schema, {}));
+        }
+      });
+      setConfig(newData);
+    };
 
   const deleteStreamItem = (path: StreamItemConfigPath) => (i: number) => {
     const newData = create(data, (draft) => {
@@ -150,11 +207,11 @@ const FrontendConfigEditor: React.FC = () => {
     setConfig(newData);
   };
 
-  const handleEditJSON: React.ChangeEventHandler<HTMLTextAreaElement> = e => {
+  const handleEditJSON: React.ChangeEventHandler<HTMLTextAreaElement> = (e) => {
     setRawJSON(e.target.value);
   };
 
-  const toggleJSONEditor = (expanded: boolean) =>{
+  const toggleJSONEditor = (expanded: boolean) => {
     setJsonEditorExpanded(expanded);
   };
 
@@ -182,11 +239,20 @@ const FrontendConfigEditor: React.FC = () => {
           <SitePreview frontendConfig={frontendConfig} />
 
           <CardHeader>
-            <CardTitle title={<FormattedMessage id='plfe_config.headings.theme' defaultMessage='Theme' />} />
+            <CardTitle
+              title={<FormattedMessage id='plfe_config.headings.theme' defaultMessage='Theme' />}
+            />
           </CardHeader>
 
           <List>
-            <ListItem label={<FormattedMessage id='plfe_config.fields.theme_label' defaultMessage='Default theme' />}>
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='plfe_config.fields.theme_label'
+                  defaultMessage='Default theme'
+                />
+              }
+            >
               <ThemeSelector
                 value={frontendConfig.defaultSettings?.themeMode ?? 'system'}
                 onChange={handleThemeChange}
@@ -194,24 +260,43 @@ const FrontendConfigEditor: React.FC = () => {
             </ListItem>
 
             <ListItem
-              label={<FormattedMessage id='plfe_config.fields.edit_theme_label' defaultMessage='Edit theme' />}
+              label={
+                <FormattedMessage
+                  id='plfe_config.fields.edit_theme_label'
+                  defaultMessage='Edit theme'
+                />
+              }
               to='/pl-fe/admin/theme'
             />
           </List>
 
           <FormGroup
-            labelText={<FormattedMessage id='plfe_config.fields.logo_label' defaultMessage='Logo' />}
-            hintText={<FormattedMessage id='plfe_config.hints.logo' defaultMessage='SVG or PNG. At most 2 MB. Will be displayed to 50px height, maintaining aspect ratio' />}
+            labelText={
+              <FormattedMessage id='plfe_config.fields.logo_label' defaultMessage='Logo' />
+            }
+            hintText={
+              <FormattedMessage
+                id='plfe_config.hints.logo'
+                defaultMessage='SVG or PNG. At most 2 MB. Will be displayed to 50px height, maintaining aspect ratio'
+              />
+            }
           >
-            <FileInput
-              onChange={handleFileChange('logo')}
-              accept='image/svg+xml,image/png'
-            />
+            <FileInput onChange={handleFileChange('logo')} accept='image/svg+xml,image/png' />
           </FormGroup>
 
           <FormGroup
-            labelText={<FormattedMessage id='plfe_config.fields.logo_dark_label' defaultMessage='Logo (dark)' />}
-            hintText={<FormattedMessage id='plfe_config.hints.logo_dark' defaultMessage='SVG or PNG. At most 2 MB. Will be displayed when in dark mode' />}
+            labelText={
+              <FormattedMessage
+                id='plfe_config.fields.logo_dark_label'
+                defaultMessage='Logo (dark)'
+              />
+            }
+            hintText={
+              <FormattedMessage
+                id='plfe_config.hints.logo_dark'
+                defaultMessage='SVG or PNG. At most 2 MB. Will be displayed when in dark mode'
+              />
+            }
           >
             <FileInput
               onChange={handleFileChange('logoDarkMode')}
@@ -221,17 +306,30 @@ const FrontendConfigEditor: React.FC = () => {
 
           {(data.logo || data.logoDarkMode) && (
             <List>
-              <ListItem label={<FormattedMessage id='plfe_config.fields.logo_alignment' defaultMessage='Logo alignment' />}>
+              <ListItem
+                label={
+                  <FormattedMessage
+                    id='plfe_config.fields.logo_alignment'
+                    defaultMessage='Logo alignment'
+                  />
+                }
+              >
                 <Select
                   className='w-fit'
                   onChange={handleChange('logoAlignment', (e) => e.target.value)}
                   defaultValue={data.logoAlignment}
                 >
                   <option value='center'>
-                    <FormattedMessage id='plfe_config.fields.logo_alignment.center' defaultMessage='Center' />
+                    <FormattedMessage
+                      id='plfe_config.fields.logo_alignment.center'
+                      defaultMessage='Center'
+                    />
                   </option>
                   <option value='left'>
-                    <FormattedMessage id='plfe_config.fields.logo_alignment.left' defaultMessage='Left' />
+                    <FormattedMessage
+                      id='plfe_config.fields.logo_alignment.left'
+                      defaultMessage='Left'
+                    />
                   </option>
                 </Select>
               </ListItem>
@@ -239,7 +337,11 @@ const FrontendConfigEditor: React.FC = () => {
           )}
 
           <CardHeader>
-            <CardTitle title={<FormattedMessage id='plfe_config.headings.options' defaultMessage='Options' />} />
+            <CardTitle
+              title={
+                <FormattedMessage id='plfe_config.headings.options' defaultMessage='Options' />
+              }
+            />
           </CardHeader>
 
           <List>
@@ -286,19 +388,36 @@ const FrontendConfigEditor: React.FC = () => {
               <Input
                 type='text'
                 placeholder='https://01234abcdef@glitch.tip.tld/5678'
-                value={String(data.sentryDsn ??  '')}
+                value={String(data.sentryDsn ?? '')}
                 onChange={handleChange('sentryDsn', (e) => e.target.value)}
               />
             </ListItem>
           </List>
 
           <CardHeader>
-            <CardTitle title={<FormattedMessage id='plfe_config.headings.navigation' defaultMessage='Navigation' />} />
+            <CardTitle
+              title={
+                <FormattedMessage
+                  id='plfe_config.headings.navigation'
+                  defaultMessage='Navigation'
+                />
+              }
+            />
           </CardHeader>
 
           <Streamfield
-            label={<FormattedMessage id='plfe_config.fields.promo_panel_fields_label' defaultMessage='Promo panel items' />}
-            hint={<FormattedMessage id='plfe_config.hints.promo_panel_fields' defaultMessage='You can have custom defined links displayed on the right panel of the timelines page.' />}
+            label={
+              <FormattedMessage
+                id='plfe_config.fields.promo_panel_fields_label'
+                defaultMessage='Promo panel items'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='plfe_config.hints.promo_panel_fields'
+                defaultMessage='You can have custom defined links displayed on the right panel of the timelines page.'
+              />
+            }
             component={PromoPanelInput}
             values={frontendConfig.promoPanel.items}
             onChange={handleStreamItemChange(['promoPanel', 'items'])}
@@ -308,8 +427,18 @@ const FrontendConfigEditor: React.FC = () => {
           />
 
           <Streamfield
-            label={<FormattedMessage id='plfe_config.fields.home_footer_fields_label' defaultMessage='Home footer items' />}
-            hint={<FormattedMessage id='plfe_config.hints.home_footer_fields' defaultMessage='You can have custom defined links displayed on the footer of your static pages' />}
+            label={
+              <FormattedMessage
+                id='plfe_config.fields.home_footer_fields_label'
+                defaultMessage='Home footer items'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='plfe_config.hints.home_footer_fields'
+                defaultMessage='You can have custom defined links displayed on the footer of your static pages'
+              />
+            }
             component={FooterLinkInput}
             values={frontendConfig.navlinks.homeFooter || []}
             onChange={handleStreamItemChange(['navlinks', 'homeFooter'])}
@@ -330,7 +459,11 @@ const FrontendConfigEditor: React.FC = () => {
           {features.events && (
             <>
               <CardHeader>
-                <CardTitle title={<FormattedMessage id='plfe_config.headings.events' defaultMessage='Events' />} />
+                <CardTitle
+                  title={
+                    <FormattedMessage id='plfe_config.headings.events' defaultMessage='Events' />
+                  }
+                />
               </CardHeader>
 
               <FormGroup labelText={intl.formatMessage(messages.tileServerLabel)}>
@@ -354,12 +487,29 @@ const FrontendConfigEditor: React.FC = () => {
           )}
 
           <CardHeader>
-            <CardTitle title={<FormattedMessage id='plfe_config.headings.cryptocurrency' defaultMessage='Cryptocurrency' />} />
+            <CardTitle
+              title={
+                <FormattedMessage
+                  id='plfe_config.headings.cryptocurrency'
+                  defaultMessage='Cryptocurrency'
+                />
+              }
+            />
           </CardHeader>
 
           <Streamfield
-            label={<FormattedMessage id='plfe_config.fields.crypto_addresses_label' defaultMessage='Cryptocurrency addresses' />}
-            hint={<FormattedMessage id='plfe_config.hints.crypto_addresses' defaultMessage='Add cryptocurrency addresses so users of your site can donate to you. Order matters, and you must use lowercase ticker values.' />}
+            label={
+              <FormattedMessage
+                id='plfe_config.fields.crypto_addresses_label'
+                defaultMessage='Cryptocurrency addresses'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='plfe_config.hints.crypto_addresses'
+                defaultMessage='Add cryptocurrency addresses so users of your site can donate to you. Order matters, and you must use lowercase ticker values.'
+              />
+            }
             component={CryptoAddressInput}
             values={frontendConfig.cryptoAddresses}
             onChange={handleStreamItemChange(['cryptoAddresses'])}
@@ -375,12 +525,18 @@ const FrontendConfigEditor: React.FC = () => {
               pattern='[0-9]+'
               placeholder={intl.formatMessage(messages.cryptoDonatePanelLimitLabel)}
               value={frontendConfig.cryptoDonatePanel.limit}
-              onChange={handleChange('cryptoDonatePanel', (e) => ({ limit: Number(e.target.value) }))}
+              onChange={handleChange('cryptoDonatePanel', (e) => ({
+                limit: Number(e.target.value),
+              }))}
             />
           </FormGroup>
 
           <CardHeader>
-            <CardTitle title={<FormattedMessage id='plfe_config.headings.advanced' defaultMessage='Advanced' />} />
+            <CardTitle
+              title={
+                <FormattedMessage id='plfe_config.headings.advanced' defaultMessage='Advanced' />
+              }
+            />
           </CardHeader>
 
           <Accordion
@@ -392,12 +548,7 @@ const FrontendConfigEditor: React.FC = () => {
               hintText={intl.formatMessage(messages.rawJSONHint)}
               errors={jsonValid ? undefined : [intl.formatMessage(messages.rawJSONInvalid)]}
             >
-              <Textarea
-                value={rawJSON}
-                onChange={handleEditJSON}
-                isCodeEditor
-                rows={12}
-              />
+              <Textarea value={rawJSON} onChange={handleEditJSON} isCodeEditor rows={12} />
             </FormGroup>
           </Accordion>
         </fieldset>
diff --git a/packages/pl-fe/src/pages/dashboard/moderation-log.tsx b/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
index 10edcf0b8..ad9c578e0 100644
--- a/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
+++ b/packages/pl-fe/src/pages/dashboard/moderation-log.tsx
@@ -16,12 +16,7 @@ const messages = defineMessages({
 const ModerationLogPage = () => {
   const intl = useIntl();
 
-  const {
-    data,
-    hasNextPage,
-    isLoading,
-    fetchNextPage,
-  } = useModerationLog();
+  const { data, hasNextPage, isLoading, fetchNextPage } = useModerationLog();
 
   const showLoading = isLoading && data.length === 0;
 
@@ -35,14 +30,17 @@ const ModerationLogPage = () => {
         scrollKey='moderationLog'
         isLoading={isLoading}
         showLoading={showLoading}
-        emptyMessageText={<FormattedMessage id='admin.moderation_log.empty_message' defaultMessage='You have not performed any moderation actions yet. When you do, a history will be shown here.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='admin.moderation_log.empty_message'
+            defaultMessage='You have not performed any moderation actions yet. When you do, a history will be shown here.'
+          />
+        }
         hasMore={hasNextPage}
         onLoadMore={handleLoadMore}
         listClassName='⁂-status-list'
       >
-        {data.map(item => item && (
-          <LogItem key={item.id} log={item} />
-        ))}
+        {data.map((item) => item && <LogItem key={item.id} log={item} />)}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/dashboard/relays.tsx b/packages/pl-fe/src/pages/dashboard/relays.tsx
index 5416e1cf0..00c3a2d6c 100644
--- a/packages/pl-fe/src/pages/dashboard/relays.tsx
+++ b/packages/pl-fe/src/pages/dashboard/relays.tsx
@@ -20,7 +20,10 @@ const messages = defineMessages({
   relayDeleteSuccess: { id: 'admin.relays.deleted', defaultMessage: 'Relay unfollowed' },
   label: { id: 'admin.relays.new.url_placeholder', defaultMessage: 'Instance relay URL' },
   createSuccess: { id: 'admin.relays.add.success', defaultMessage: 'Instance relay followed' },
-  createFail: { id: 'admin.relays.add.fail', defaultMessage: 'Failed to follow the instance relay' },
+  createFail: {
+    id: 'admin.relays.add.fail',
+    defaultMessage: 'Failed to follow the instance relay',
+  },
 });
 
 interface IRelay {
@@ -45,8 +48,7 @@ const Relay: React.FC<IRelay> = ({ relay }) => {
           <Text size='sm'>
             <Text tag='span' size='sm' weight='medium'>
               <FormattedMessage id='admin.relays.url' defaultMessage='Instance URL:' />
-            </Text>
-            {' '}
+            </Text>{' '}
             {relay.actor}
           </Text>
           {relay.followed_back && (
@@ -92,19 +94,10 @@ const NewRelayForm: React.FC = () => {
         <label className='grow'>
           <span style={{ display: 'none' }}>{label}</span>
 
-          <Input
-            type='text'
-            placeholder={label}
-            disabled={isPendingFollow}
-            {...name}
-          />
+          <Input type='text' placeholder={label} disabled={isPendingFollow} {...name} />
         </label>
 
-        <Button
-          disabled={isPendingFollow}
-          onClick={handleSubmit}
-          theme='primary'
-        >
+        <Button disabled={isPendingFollow} onClick={handleSubmit} theme='primary'>
           <FormattedMessage id='admin.relays.new.follow' defaultMessage='Follow' />
         </Button>
       </HStack>
@@ -117,7 +110,12 @@ const RelaysPage: React.FC = () => {
 
   const { data: relays, isFetching } = useRelays();
 
-  const emptyMessage = <FormattedMessage id='empty_column.admin.relays' defaultMessage='There are no relays followed yet.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.admin.relays'
+      defaultMessage='There are no relays followed yet.'
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/dashboard/report.tsx b/packages/pl-fe/src/pages/dashboard/report.tsx
index 59fb41dc0..3efd4fb18 100644
--- a/packages/pl-fe/src/pages/dashboard/report.tsx
+++ b/packages/pl-fe/src/pages/dashboard/report.tsx
@@ -18,7 +18,13 @@ import ColumnLoading from '@/features/ui/components/column-loading';
 import { adminReportRoute } from '@/features/ui/router';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
-import { useReopenReport, useReport, useResolveReport, useSelfAssignReport, useUnassignReport } from '@/queries/admin/use-reports';
+import {
+  useReopenReport,
+  useReport,
+  useResolveReport,
+  useSelfAssignReport,
+  useUnassignReport,
+} from '@/queries/admin/use-reports';
 import { makeGetReport } from '@/selectors';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
@@ -27,12 +33,19 @@ const messages = defineMessages({
   columnHeading: { id: 'column.report', defaultMessage: 'Report #{id}' },
   reportAssign: { id: 'report.assign_to_self', defaultMessage: 'Assign to self' },
   reportUnassign: { id: 'report.unassign', defaultMessage: 'Unassign' },
-  reportAssigned: { id: 'report.assign_to_self.success', defaultMessage: 'Assigned report to yourself.' },
+  reportAssigned: {
+    id: 'report.assign_to_self.success',
+    defaultMessage: 'Assigned report to yourself.',
+  },
   reportUnassigned: { id: 'report.unassign.success', defaultMessage: 'Unassigned report.' },
   reportResolved: { id: 'report.resolve.success', defaultMessage: 'Report marked as resolved.' },
   reportReopened: { id: 'report.reopen.success', defaultMessage: 'Report reopened.' },
   reportCommentHeading: { id: 'report.resolve.comment.heading', defaultMessage: 'Add a comment' },
-  reportCommentPlaceholder: { id: 'report.resolve.comment.placeholder', defaultMessage: 'You can include an optional comment while resolving this report. If the report was created by a local account, the comment will be sent to the user.' },
+  reportCommentPlaceholder: {
+    id: 'report.resolve.comment.placeholder',
+    defaultMessage:
+      'You can include an optional comment while resolving this report. If the report was created by a local account, the comment will be sent to the user.',
+  },
   reportCommentConfirm: { id: 'report.resolve.comment.confirm', defaultMessage: 'Resolve report' },
 });
 
@@ -52,27 +65,37 @@ const ReportStatuses: React.FC<IReportStatuses> = ({ statusIds }) => {
       {index !== 0 && (
         <div className='absolute left-0 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() =>{
+            onClick={() => {
               handleChangeIndex(index - 1);
             }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
-            <Icon src={require('@phosphor-icons/core/regular/caret-left.svg')} className='size-6 text-black dark:text-white' />
+            <Icon
+              src={require('@phosphor-icons/core/regular/caret-left.svg')}
+              className='size-6 text-black dark:text-white'
+            />
           </button>
         </div>
       )}
       <ReactSwipeableViews animateHeight index={index} onChangeIndex={handleChangeIndex}>
-        {statusIds.map(statusId => <div className='w-full'><StatusContainer key={statusId} id={statusId} /></div>)}
+        {statusIds.map((statusId) => (
+          <div className='w-full'>
+            <StatusContainer key={statusId} id={statusId} />
+          </div>
+        ))}
       </ReactSwipeableViews>
       {index !== statusIds.length - 1 && (
         <div className='absolute right-0 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() =>{
+            onClick={() => {
               handleChangeIndex(index + 1);
             }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
-            <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} className='size-6 text-black dark:text-white' />
+            <Icon
+              src={require('@phosphor-icons/core/regular/caret-right.svg')}
+              className='size-6 text-black dark:text-white'
+            />
           </button>
         </div>
       )}
@@ -148,7 +171,6 @@ const ReportPage: React.FC = () => {
   if (!report) return <ColumnLoading />;
 
   return (
-
     <Column label={intl.formatMessage(messages.columnHeading, { id: reportId })}>
       <div className='mb-4 grid grid-cols-1 gap-2 md:grid-cols-2'>
         {targetAccount && (
@@ -156,7 +178,10 @@ const ReportPage: React.FC = () => {
             <Card variant='rounded'>
               <Stack space={2}>
                 <Text size='md' weight='medium'>
-                  <FormattedMessage id='admin.report.target_account' defaultMessage='Reported account' />
+                  <FormattedMessage
+                    id='admin.report.target_account'
+                    defaultMessage='Reported account'
+                  />
                 </Text>
                 <Account account={targetAccount} disabled hideActions />
               </Stack>
@@ -174,7 +199,13 @@ const ReportPage: React.FC = () => {
 
               <td className='p-2.5 text-end'>
                 <Text size='sm'>
-                  <FormattedDate value={report.created_at} year='2-digit' month='short' day='2-digit' weekday='short' />
+                  <FormattedDate
+                    value={report.created_at}
+                    year='2-digit'
+                    month='short'
+                    day='2-digit'
+                    weekday='short'
+                  />
                 </Text>
               </td>
             </tr>
@@ -188,7 +219,10 @@ const ReportPage: React.FC = () => {
 
                 <td className='p-2.5 text-end'>
                   <Text size='sm' className='hover:underline'>
-                    <Link to='/pl-fe/admin/accounts/$accountId' params={{ accountId: report.account_id }}>
+                    <Link
+                      to='/pl-fe/admin/accounts/$accountId'
+                      params={{ accountId: report.account_id }}
+                    >
                       @{authorAccount.acct}
                     </Link>
                   </Text>
@@ -204,7 +238,17 @@ const ReportPage: React.FC = () => {
 
               <td className='p-2.5 text-end'>
                 <Text size='sm'>
-                  {report.action_taken ? <FormattedMessage id='admin.report.action_taken.true' defaultMessage='Resolved' /> : <FormattedMessage id='admin.report.action_taken.false' defaultMessage='Unresolved' />}
+                  {report.action_taken ? (
+                    <FormattedMessage
+                      id='admin.report.action_taken.true'
+                      defaultMessage='Resolved'
+                    />
+                  ) : (
+                    <FormattedMessage
+                      id='admin.report.action_taken.false'
+                      defaultMessage='Unresolved'
+                    />
+                  )}
                 </Text>
               </td>
             </tr>
@@ -212,7 +256,10 @@ const ReportPage: React.FC = () => {
               <tr className='border-b border-primary-200 last:border-none dark:border-gray-800'>
                 <td className='p-2.5'>
                   <Text weight='medium' size='sm' tag='span'>
-                    <FormattedMessage id='admin.report.assigned_account' defaultMessage='Assigned moderator' />
+                    <FormattedMessage
+                      id='admin.report.assigned_account'
+                      defaultMessage='Assigned moderator'
+                    />
                   </Text>
                 </td>
 
@@ -220,7 +267,10 @@ const ReportPage: React.FC = () => {
                   {report.assigned_account ? (
                     <HStack space={2} alignItems='center' justifyContent='end'>
                       <Text size='sm' className='hover:underline'>
-                        <Link to='/pl-fe/admin/accounts/$accountId' params={{ accountId: report.assigned_account.id }}>
+                        <Link
+                          to='/pl-fe/admin/accounts/$accountId'
+                          params={{ accountId: report.assigned_account.id }}
+                        >
                           @{report.assigned_account.acct}
                         </Link>
                       </Text>
@@ -265,7 +315,12 @@ const ReportPage: React.FC = () => {
         ) : (
           <ListItem
             label={<FormattedMessage id='admin.report.resolve' defaultMessage='Mark as resolved' />}
-            hint={<FormattedMessage id='admin.report.resolve.hint' defaultMessage='No action will be taken against the reported account, no strike recorded, and the report will be closed.' />}
+            hint={
+              <FormattedMessage
+                id='admin.report.resolve.hint'
+                defaultMessage='No action will be taken against the reported account, no strike recorded, and the report will be closed.'
+              />
+            }
             onClick={handleResolveReport}
           />
         )}
diff --git a/packages/pl-fe/src/pages/dashboard/reports.tsx b/packages/pl-fe/src/pages/dashboard/reports.tsx
index 48329b039..a1994c71c 100644
--- a/packages/pl-fe/src/pages/dashboard/reports.tsx
+++ b/packages/pl-fe/src/pages/dashboard/reports.tsx
@@ -19,13 +19,22 @@ const messages = defineMessages({
 const Reports: React.FC = () => {
   const intl = useIntl();
 
-  const { resolved, account_id: accountId, target_account_id: targetAccountId } = adminReportsRoute.useSearch();
+  const {
+    resolved,
+    account_id: accountId,
+    target_account_id: targetAccountId,
+  } = adminReportsRoute.useSearch();
   const navigate = useNavigate({ from: adminReportsRoute.fullPath });
 
   const { account } = useAccount(accountId);
   const { account: targetAccount } = useAccount(targetAccountId);
 
-  const { data: reportIds = [], isPending, hasNextPage, fetchNextPage } = useReports({
+  const {
+    data: reportIds = [],
+    isPending,
+    hasNextPage,
+    fetchNextPage,
+  } = useReports({
     resolved,
     account_id: accountId,
     target_account_id: targetAccountId,
@@ -36,25 +45,46 @@ const Reports: React.FC = () => {
   return (
     <Column label={intl.formatMessage(messages.heading)}>
       {(accountId ?? targetAccountId) && (
-        <HStack className='border-b border-solid border-gray-200 p-2 pb-4 dark:border-gray-800' alignItems='center' space={2}>
-          <IconButton iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/x.svg')} onClick={handleUnsetAccounts} />
+        <HStack
+          className='border-b border-solid border-gray-200 p-2 pb-4 dark:border-gray-800'
+          alignItems='center'
+          space={2}
+        >
+          <IconButton
+            iconClassName='h-5 w-5'
+            src={require('@phosphor-icons/core/regular/x.svg')}
+            onClick={handleUnsetAccounts}
+          />
           <Text>
             <FormattedMessage
               id='column.admin.reports.filter_message'
               defaultMessage='You are displaying reports {query}.'
-              values={{ query: <FormattedList value={[
-                account && <FormattedMessage
-                  id='column.admin.reports.filter_message.account'
-                  defaultMessage='from @{acct}'
-                  values={{ acct: <strong className='break-words'>{account?.acct}</strong> }}
-                />,
-                targetAccount && <FormattedMessage
-                  id='column.admin.reports.filter_message.target_account'
-                  defaultMessage='targeting @{acct}'
-                  values={{ acct: <strong className='break-words'>{targetAccount?.acct}</strong> }}
-                />,
-              ]}
-              /> }}
+              values={{
+                query: (
+                  <FormattedList
+                    value={[
+                      account && (
+                        <FormattedMessage
+                          id='column.admin.reports.filter_message.account'
+                          defaultMessage='from @{acct}'
+                          values={{
+                            acct: <strong className='break-words'>{account?.acct}</strong>,
+                          }}
+                        />
+                      ),
+                      targetAccount && (
+                        <FormattedMessage
+                          id='column.admin.reports.filter_message.target_account'
+                          defaultMessage='targeting @{acct}'
+                          values={{
+                            acct: <strong className='break-words'>{targetAccount?.acct}</strong>,
+                          }}
+                        />
+                      ),
+                    ]}
+                  />
+                ),
+              }}
             />
           </Text>
         </HStack>
@@ -63,12 +93,17 @@ const Reports: React.FC = () => {
         scrollKey='adminReports'
         isLoading={isPending}
         showLoading={isPending}
-        emptyMessageText={<FormattedMessage id='admin.reports.empty_message' defaultMessage='There are no open reports. If a user gets reported, they will show up here.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='admin.reports.empty_message'
+            defaultMessage='There are no open reports. If a user gets reported, they will show up here.'
+          />
+        }
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
         itemClassName='pt-4'
       >
-        {reportIds.map(report => report && <Report id={report} key={report} />)}
+        {reportIds.map((report) => report && <Report id={report} key={report} />)}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/dashboard/rules.tsx b/packages/pl-fe/src/pages/dashboard/rules.tsx
index 9f12dad1c..6470fcb4f 100644
--- a/packages/pl-fe/src/pages/dashboard/rules.tsx
+++ b/packages/pl-fe/src/pages/dashboard/rules.tsx
@@ -17,7 +17,10 @@ const messages = defineMessages({
   heading: { id: 'column.admin.rules', defaultMessage: 'Instance rules' },
   deleteConfirm: { id: 'confirmations.admin.delete_rule.confirm', defaultMessage: 'Delete' },
   deleteHeading: { id: 'confirmations.admin.delete_rule.heading', defaultMessage: 'Delete rule' },
-  deleteMessage: { id: 'confirmations.admin.delete_rule.message', defaultMessage: 'Are you sure you want to delete the rule?' },
+  deleteMessage: {
+    id: 'confirmations.admin.delete_rule.message',
+    defaultMessage: 'Are you sure you want to delete the rule?',
+  },
   ruleDeleteSuccess: { id: 'admin.edit_rule.deleted', defaultMessage: 'Rule deleted' },
 });
 
@@ -39,9 +42,9 @@ const Rule: React.FC<IRule> = ({ rule }) => {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
       confirm: intl.formatMessage(messages.deleteConfirm),
-      onConfirm: () =>{
+      onConfirm: () => {
         deleteRule(id, {
-          onSuccess: () =>{
+          onSuccess: () => {
             toast.success(messages.ruleDeleteSuccess);
           },
         });
@@ -53,13 +56,14 @@ const Rule: React.FC<IRule> = ({ rule }) => {
     <div key={rule.id} className='rounded-lg bg-gray-100 p-4 dark:bg-primary-800'>
       <Stack space={2}>
         <Text>{rule.text}</Text>
-        <Text tag='span' theme='muted' size='sm'>{rule.hint}</Text>
+        <Text tag='span' theme='muted' size='sm'>
+          {rule.hint}
+        </Text>
         {rule.priority !== null && (
           <Text size='sm'>
             <Text tag='span' size='sm' weight='medium'>
               <FormattedMessage id='admin.rule.priority' defaultMessage='Priority:' />
-            </Text>
-            {' '}
+            </Text>{' '}
             {rule.priority}
           </Text>
         )}
@@ -86,7 +90,12 @@ const RulesPage: React.FC = () => {
     openModal('EDIT_RULE');
   };
 
-  const emptyMessage = <FormattedMessage id='empty_column.admin.rules' defaultMessage='There are no instance rules yet.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.admin.rules'
+      defaultMessage='There are no instance rules yet.'
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
index 74b0830e6..4e3ef8513 100644
--- a/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
+++ b/packages/pl-fe/src/pages/dashboard/theme-editor.tsx
@@ -29,7 +29,10 @@ const messages = defineMessages({
   restore: { id: 'theme_editor.restore', defaultMessage: 'Restore default theme' },
   export: { id: 'theme_editor.export', defaultMessage: 'Export theme' },
   import: { id: 'theme_editor.import', defaultMessage: 'Import theme' },
-  importSuccess: { id: 'theme_editor.import_success', defaultMessage: 'Theme was successfully imported!' },
+  importSuccess: {
+    id: 'theme_editor.import_success',
+    defaultMessage: 'Theme was successfully imported!',
+  },
   colorPrimary: { id: 'theme_editor.colors.primary', defaultMessage: 'Primary' },
   colorSecondary: { id: 'theme_editor.colors.secondary', defaultMessage: 'Secondary' },
   colorAccent: { id: 'theme_editor.colors.accent', defaultMessage: 'Accent' },
@@ -38,7 +41,10 @@ const messages = defineMessages({
   colorDanger: { id: 'theme_editor.colors.danger', defaultMessage: 'Danger' },
   colorGreentext: { id: 'theme_editor.colors.greentext', defaultMessage: 'Greentext' },
   colorAccentBlue: { id: 'theme_editor.colors.accent_blue', defaultMessage: 'Accent Blue' },
-  colorGradientStart: { id: 'theme_editor.colors.gradient_start', defaultMessage: 'Gradient Start' },
+  colorGradientStart: {
+    id: 'theme_editor.colors.gradient_start',
+    defaultMessage: 'Gradient Start',
+  },
   colorGradientEnd: { id: 'theme_editor.colors.gradient_end', defaultMessage: 'Gradient End' },
 });
 
@@ -48,8 +54,8 @@ const ThemeEditorPage: React.FC = () => {
   const dispatch = useAppDispatch();
 
   const frontendConfig = useFrontendConfig();
-  const host = useAppSelector(state => getHost(state));
-  const rawConfig = useAppSelector(state => state.frontendConfig);
+  const host = useAppSelector((state) => getHost(state));
+  const rawConfig = useAppSelector((state) => state.frontendConfig);
 
   const [colors, setColors] = useState(normalizeColors(frontendConfig));
   const [isDefault, setIsDefault] = useState(false);
@@ -82,7 +88,7 @@ const ThemeEditorPage: React.FC = () => {
   const setTheme = (theme: any) => {
     setResetKey(crypto.randomUUID());
     setIsDefault(false);
-    setTimeout(() =>{
+    setTimeout(() => {
       setColors(theme);
     });
   };
@@ -129,7 +135,7 @@ const ThemeEditorPage: React.FC = () => {
     }
   };
 
-  const handleSubmit = async() => {
+  const handleSubmit = async () => {
     setSubmitting(true);
 
     try {
@@ -211,19 +217,23 @@ const ThemeEditorPage: React.FC = () => {
 
         <FormActions>
           <DropdownMenu
-            items={[{
-              text: intl.formatMessage(messages.restore),
-              action: restoreDefaultTheme,
-              icon: require('@phosphor-icons/core/regular/arrows-clockwise.svg'),
-            }, {
-              text: intl.formatMessage(messages.import),
-              action: importTheme,
-              icon: require('@phosphor-icons/core/regular/export.svg'),
-            }, {
-              text: intl.formatMessage(messages.export),
-              action: exportTheme,
-              icon: require('@phosphor-icons/core/regular/download-simple.svg'),
-            }]}
+            items={[
+              {
+                text: intl.formatMessage(messages.restore),
+                action: restoreDefaultTheme,
+                icon: require('@phosphor-icons/core/regular/arrows-clockwise.svg'),
+              },
+              {
+                text: intl.formatMessage(messages.import),
+                action: importTheme,
+                icon: require('@phosphor-icons/core/regular/export.svg'),
+              },
+              {
+                text: intl.formatMessage(messages.export),
+                action: exportTheme,
+                icon: require('@phosphor-icons/core/regular/download-simple.svg'),
+              },
+            ]}
           />
           <Button theme='secondary' onClick={resetTheme}>
             <FormattedMessage id='theme_editor.reset' defaultMessage='Reset' />
@@ -256,11 +266,23 @@ interface IPaletteListItem {
 }
 
 /** Palette editor inside a ListItem. */
-const PaletteListItem: React.FC<IPaletteListItem> = ({ label, palette, onChange, resetKey, allowTintChange }) => typeof palette === 'string' ? null : (
-  <ListItem label={<div className='whitespace-nowrap'>{label}</div>}>
-    <Palette palette={palette} onChange={onChange} resetKey={resetKey} allowTintChange={allowTintChange} />
-  </ListItem>
-);
+const PaletteListItem: React.FC<IPaletteListItem> = ({
+  label,
+  palette,
+  onChange,
+  resetKey,
+  allowTintChange,
+}) =>
+  typeof palette === 'string' ? null : (
+    <ListItem label={<div className='whitespace-nowrap'>{label}</div>}>
+      <Palette
+        palette={palette}
+        onChange={onChange}
+        resetKey={resetKey}
+        allowTintChange={allowTintChange}
+      />
+    </ListItem>
+  );
 
 interface IColorListItem {
   label: React.ReactNode;
diff --git a/packages/pl-fe/src/pages/dashboard/user-index.tsx b/packages/pl-fe/src/pages/dashboard/user-index.tsx
index 3c1b74549..720e155dd 100644
--- a/packages/pl-fe/src/pages/dashboard/user-index.tsx
+++ b/packages/pl-fe/src/pages/dashboard/user-index.tsx
@@ -19,7 +19,13 @@ const UserIndexPage: React.FC = () => {
 
   const intl = useIntl();
 
-  const { data: accountIds, isPending, isFetching, hasNextPage, fetchNextPage } = useAdminAccounts({
+  const {
+    data: accountIds,
+    isPending,
+    isFetching,
+    hasNextPage,
+    fetchNextPage,
+  } = useAdminAccounts({
     origin: 'local',
     status: 'active',
     username: query,
@@ -35,12 +41,14 @@ const UserIndexPage: React.FC = () => {
           isLoading={isFetching}
           showLoading={isPending}
           onLoadMore={() => fetchNextPage({ cancelRefetch: false })}
-          emptyMessageText={<FormattedMessage id='admin.user_index.empty' defaultMessage='No users found.' />}
+          emptyMessageText={
+            <FormattedMessage id='admin.user_index.empty' defaultMessage='No users found.' />
+          }
           itemClassName='pb-4'
         >
-          {(accountIds ?? []).map(id =>
-            <AccountContainer key={id} id={id} withDate />,
-          )}
+          {(accountIds ?? []).map((id) => (
+            <AccountContainer key={id} id={id} withDate />
+          ))}
         </ScrollableList>
       </Stack>
     </Column>
diff --git a/packages/pl-fe/src/pages/developers/create-app.tsx b/packages/pl-fe/src/pages/developers/create-app.tsx
index e499cc4b5..f2f6feb2b 100644
--- a/packages/pl-fe/src/pages/developers/create-app.tsx
+++ b/packages/pl-fe/src/pages/developers/create-app.tsx
@@ -19,8 +19,11 @@ import type { CredentialApplication, Token } from 'pl-api';
 
 const messages = defineMessages({
   heading: { id: 'column.app_create', defaultMessage: 'Create app' },
-  namePlaceholder: { id: 'app_create.name_placeholder', defaultMessage: 'e.g. \'pl-fe\'' },
-  scopesPlaceholder: { id: 'app_create.scopes_placeholder', defaultMessage: 'e.g. \'read write follow\'' },
+  namePlaceholder: { id: 'app_create.name_placeholder', defaultMessage: "e.g. 'pl-fe'" },
+  scopesPlaceholder: {
+    id: 'app_create.scopes_placeholder',
+    defaultMessage: "e.g. 'read write follow'",
+  },
 });
 
 const BLANK_PARAMS = {
@@ -44,11 +47,10 @@ const CreateAppPage: React.FC = () => {
   const handleCreateApp = () => {
     const baseURL = getBaseURL(account!);
 
-    return createApp(params, baseURL)
-      .then(app => {
-        setApp(app);
-        return app;
-      });
+    return createApp(params, baseURL).then((app) => {
+      setApp(app);
+      return app;
+    });
   };
 
   const handleCreateToken = (app: CredentialApplication) => {
@@ -62,8 +64,7 @@ const CreateAppPage: React.FC = () => {
       scope: params.scopes,
     };
 
-    return obtainOAuthToken(tokenParams, baseURL)
-      .then(setToken);
+    return obtainOAuthToken(tokenParams, baseURL).then(setToken);
   };
 
   const handleSubmit = () => {
@@ -74,7 +75,8 @@ const CreateAppPage: React.FC = () => {
       .then(() => {
         scrollToTop();
         setLoading(false);
-      }).catch(error => {
+      })
+      .catch((error) => {
         console.error(error);
         setLoading(false);
       });
@@ -84,9 +86,11 @@ const CreateAppPage: React.FC = () => {
     setParams({ ...params, [key]: value });
   };
 
-  const handleParamChange = (key: string): React.ChangeEventHandler<HTMLInputElement> => e => {
-    setParam(key, e.target.value);
-  };
+  const handleParamChange =
+    (key: string): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      setParam(key, e.target.value);
+    };
 
   const resetState = () => {
     setApp(null);
@@ -109,7 +113,10 @@ const CreateAppPage: React.FC = () => {
       <Form>
         <Stack>
           <Text size='lg' weight='medium'>
-            <FormattedMessage id='app_create.results.explanation_title' defaultMessage='App created successfully' />
+            <FormattedMessage
+              id='app_create.results.explanation_title'
+              defaultMessage='App created successfully'
+            />
           </Text>
           <Text theme='muted'>
             <FormattedMessage
@@ -119,22 +126,18 @@ const CreateAppPage: React.FC = () => {
           </Text>
         </Stack>
 
-        <FormGroup labelText={<FormattedMessage id='app_create.results.app_label' defaultMessage='App' />}>
-          <Textarea
-            value={JSON.stringify(app, null, 2)}
-            rows={10}
-            readOnly
-            isCodeEditor
-          />
+        <FormGroup
+          labelText={<FormattedMessage id='app_create.results.app_label' defaultMessage='App' />}
+        >
+          <Textarea value={JSON.stringify(app, null, 2)} rows={10} readOnly isCodeEditor />
         </FormGroup>
 
-        <FormGroup labelText={<FormattedMessage id='app_create.results.token_label' defaultMessage='OAuth token' />}>
-          <Textarea
-            value={JSON.stringify(token, null, 2)}
-            rows={10}
-            readOnly
-            isCodeEditor
-          />
+        <FormGroup
+          labelText={
+            <FormattedMessage id='app_create.results.token_label' defaultMessage='OAuth token' />
+          }
+        >
+          <Textarea value={JSON.stringify(token, null, 2)} rows={10} readOnly isCodeEditor />
         </FormGroup>
 
         <FormActions>
@@ -153,7 +156,9 @@ const CreateAppPage: React.FC = () => {
   return (
     <Column label={intl.formatMessage(messages.heading)} backHref='/developers'>
       <Form onSubmit={handleSubmit}>
-        <FormGroup labelText={<FormattedMessage id='app_create.name_label' defaultMessage='App name' />}>
+        <FormGroup
+          labelText={<FormattedMessage id='app_create.name_label' defaultMessage='App name' />}
+        >
           <Input
             type='text'
             placeholder={intl.formatMessage(messages.namePlaceholder)}
@@ -163,7 +168,9 @@ const CreateAppPage: React.FC = () => {
           />
         </FormGroup>
 
-        <FormGroup labelText={<FormattedMessage id='app_create.website_label' defaultMessage='Website' />}>
+        <FormGroup
+          labelText={<FormattedMessage id='app_create.website_label' defaultMessage='Website' />}
+        >
           <Input
             type='text'
             placeholder='https://codeberg.org/mkljczk/nicolium'
@@ -172,7 +179,11 @@ const CreateAppPage: React.FC = () => {
           />
         </FormGroup>
 
-        <FormGroup labelText={<FormattedMessage id='app_create.redirect_uri_label' defaultMessage='Redirect URIs' />}>
+        <FormGroup
+          labelText={
+            <FormattedMessage id='app_create.redirect_uri_label' defaultMessage='Redirect URIs' />
+          }
+        >
           <Input
             type='text'
             placeholder='https://codeberg.org/mkljczk/nicolium'
@@ -182,7 +193,9 @@ const CreateAppPage: React.FC = () => {
           />
         </FormGroup>
 
-        <FormGroup labelText={<FormattedMessage id='app_create.scopes_label' defaultMessage='Scopes' />}>
+        <FormGroup
+          labelText={<FormattedMessage id='app_create.scopes_label' defaultMessage='Scopes' />}
+        >
           <Input
             type='text'
             placeholder={intl.formatMessage(messages.scopesPlaceholder)}
diff --git a/packages/pl-fe/src/pages/developers/developers.tsx b/packages/pl-fe/src/pages/developers/developers.tsx
index cb541708d..f3ca35861 100644
--- a/packages/pl-fe/src/pages/developers/developers.tsx
+++ b/packages/pl-fe/src/pages/developers/developers.tsx
@@ -18,12 +18,21 @@ interface IDashWidget extends Partial<LinkOptions> {
 }
 
 const DashWidget: React.FC<IDashWidget> = ({ to, onClick, children, ...rest }) => {
-  const className = 'bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-800/75 p-4 rounded flex flex-col items-center justify-center space-y-2';
+  const className =
+    'bg-gray-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-800/75 p-4 rounded flex flex-col items-center justify-center space-y-2';
 
   if (to) {
-    return <Link className={className} to={to} {...rest}>{children}</Link>;
+    return (
+      <Link className={className} to={to} {...rest}>
+        {children}
+      </Link>
+    );
   } else {
-    return <button className={className} onClick={onClick}>{children}</button>;
+    return (
+      <button className={className} onClick={onClick}>
+        {children}
+      </button>
+    );
   }
 };
 
@@ -34,7 +43,7 @@ const DevelopersPage: React.FC = () => {
     event.preventDefault();
 
     toast.success('Hello world!', {
-      action: () =>{
+      action: () => {
         alert('hi');
       },
       actionLabel: 'Click me',
@@ -46,58 +55,100 @@ const DevelopersPage: React.FC = () => {
       <Column label={intl.formatMessage(messages.heading)}>
         <div className='grid grid-cols-1 gap-2 sm:grid-cols-2 lg:grid-cols-3'>
           <DashWidget to='/developers/apps/create'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/squares-four.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/squares-four.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.app_create_label' defaultMessage='Create an app' />
+              <FormattedMessage
+                id='developers.navigation.app_create_label'
+                defaultMessage='Create an app'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget to='/developers/settings_store'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/code.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/code.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.settings_store_label' defaultMessage='Settings store' />
+              <FormattedMessage
+                id='developers.navigation.settings_store_label'
+                defaultMessage='Settings store'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget to='/developers/timeline'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/list-bullets.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/list-bullets.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.test_timeline_label' defaultMessage='Test timeline' />
+              <FormattedMessage
+                id='developers.navigation.test_timeline_label'
+                defaultMessage='Test timeline'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget to='/error'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/bug.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/bug.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.intentional_error_label' defaultMessage='Trigger an error' />
+              <FormattedMessage
+                id='developers.navigation.intentional_error_label'
+                defaultMessage='Trigger an error'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget to='/error/network'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/wifi-x.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/wifi-x.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.network_error_label' defaultMessage='Network error' />
+              <FormattedMessage
+                id='developers.navigation.network_error_label'
+                defaultMessage='Network error'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget to='/developers/sw'>
-            <SvgIcon src={require('@phosphor-icons/core/regular/app-window.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/app-window.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.service_worker_label' defaultMessage='Service Worker' />
+              <FormattedMessage
+                id='developers.navigation.service_worker_label'
+                defaultMessage='Service Worker'
+              />
             </Text>
           </DashWidget>
 
           <DashWidget onClick={showToast}>
-            <SvgIcon src={require('@phosphor-icons/core/regular/warning.svg')} className='text-gray-700 dark:text-gray-600' />
+            <SvgIcon
+              src={require('@phosphor-icons/core/regular/warning.svg')}
+              className='text-gray-700 dark:text-gray-600'
+            />
 
             <Text>
-              <FormattedMessage id='developers.navigation.show_toast' defaultMessage='Trigger Toast' />
+              <FormattedMessage
+                id='developers.navigation.show_toast'
+                defaultMessage='Trigger Toast'
+              />
             </Text>
           </DashWidget>
         </div>
diff --git a/packages/pl-fe/src/pages/developers/service-worker-info.tsx b/packages/pl-fe/src/pages/developers/service-worker-info.tsx
index fd1aee7d1..b51d70a67 100644
--- a/packages/pl-fe/src/pages/developers/service-worker-info.tsx
+++ b/packages/pl-fe/src/pages/developers/service-worker-info.tsx
@@ -27,12 +27,13 @@ const useRegistration = () => {
 
   useEffect(() => {
     if (isSupported) {
-      navigator.serviceWorker.getRegistration()
-        .then(r => {
+      navigator.serviceWorker
+        .getRegistration()
+        .then((r) => {
           setRegistration(r);
           setLoading(false);
         })
-        .catch(() =>{
+        .catch(() => {
           setLoading(false);
         });
     } else {
@@ -65,44 +66,19 @@ const ServiceWorkerInfo: React.FC = () => {
 
   const getMessage = () => {
     if (isLoading) {
-      return (
-        <FormattedMessage
-          id='sw.state.loading'
-          defaultMessage='Loading…'
-        />
-      );
+      return <FormattedMessage id='sw.state.loading' defaultMessage='Loading…' />;
     } else if (!isLoading && !registration) {
-      return (
-        <FormattedMessage
-          id='sw.state.unavailable'
-          defaultMessage='Unavailable'
-        />
-      );
+      return <FormattedMessage id='sw.state.unavailable' defaultMessage='Unavailable' />;
     } else if (registration?.waiting) {
-      return (
-        <FormattedMessage
-          id='sw.state.waiting'
-          defaultMessage='Waiting'
-        />
-      );
+      return <FormattedMessage id='sw.state.waiting' defaultMessage='Waiting' />;
     } else if (registration?.active) {
-      return (
-        <FormattedMessage
-          id='sw.state.active'
-          defaultMessage='Active'
-        />
-      );
+      return <FormattedMessage id='sw.state.active' defaultMessage='Active' />;
     } else {
-      return (
-        <FormattedMessage
-          id='sw.state.unknown'
-          defaultMessage='Unknown'
-        />
-      );
+      return <FormattedMessage id='sw.state.unknown' defaultMessage='Unknown' />;
     }
   };
 
-  const handleRestart = async() => {
+  const handleRestart = async () => {
     await unregisterSW();
     window.location.reload();
   };
@@ -114,7 +90,9 @@ const ServiceWorkerInfo: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.status)}>
             <HStack alignItems='center' space={2}>
               <Indicator state={getState()} />
-              <Text size='md' theme='muted'>{getMessage()}</Text>
+              <Text size='md' theme='muted'>
+                {getMessage()}
+              </Text>
             </HStack>
           </ListItem>
 
diff --git a/packages/pl-fe/src/pages/developers/settings-store.tsx b/packages/pl-fe/src/pages/developers/settings-store.tsx
index de128dea6..dd36835e9 100644
--- a/packages/pl-fe/src/pages/developers/settings-store.tsx
+++ b/packages/pl-fe/src/pages/developers/settings-store.tsx
@@ -27,7 +27,11 @@ const isJSONValid = (text: any): boolean => {
 const messages = defineMessages({
   heading: { id: 'column.settings_store', defaultMessage: 'Settings store' },
   advanced: { id: 'developers.settings_store.advanced', defaultMessage: 'Advanced settings' },
-  hint: { id: 'developers.settings_store.hint', defaultMessage: 'It is possible to directly edit your user settings here. BE CAREFUL! Editing this section can break your account, and you will only be able to recover through the API.' },
+  hint: {
+    id: 'developers.settings_store.hint',
+    defaultMessage:
+      'It is possible to directly edit your user settings here. BE CAREFUL! Editing this section can break your account, and you will only be able to recover through the API.',
+  },
 });
 
 const SettingsStore: React.FC = () => {
@@ -50,17 +54,19 @@ const SettingsStore: React.FC = () => {
     dispatch(changeSetting(key, checked, { showAlert: true }));
   };
 
-  const handleSubmit: React.FormEventHandler = e => {
+  const handleSubmit: React.FormEventHandler = (e) => {
     const settings = JSON.parse(rawJSON);
 
     setLoading(true);
-    dispatch(updateSettingsStore(settings)).then(() => {
-      loadUserSettings(settings);
-      setLoading(false);
-    }).catch(error => {
-      toast.showAlertForError(error);
-      setLoading(false);
-    });
+    dispatch(updateSettingsStore(settings))
+      .then(() => {
+        loadUserSettings(settings);
+        setLoading(false);
+      })
+      .catch((error) => {
+        toast.showAlertForError(error);
+        setLoading(false);
+      });
   };
 
   useEffect(() => {
@@ -98,7 +104,12 @@ const SettingsStore: React.FC = () => {
       <List>
         <ListItem
           label={<FormattedMessage id='preferences.fields.demo_label' defaultMessage='Demo mode' />}
-          hint={<FormattedMessage id='preferences.fields.demo_hint' defaultMessage='Use the default pl-fe logo and color scheme. Useful for taking screenshots.' />}
+          hint={
+            <FormattedMessage
+              id='preferences.fields.demo_hint'
+              defaultMessage='Use the default pl-fe logo and color scheme. Useful for taking screenshots.'
+            />
+          }
         >
           <SettingToggle settings={settings} settingPath={['demo']} onChange={onToggleChange} />
         </ListItem>
diff --git a/packages/pl-fe/src/pages/drive/drive.tsx b/packages/pl-fe/src/pages/drive/drive.tsx
index b62ce51d0..dc86a0e59 100644
--- a/packages/pl-fe/src/pages/drive/drive.tsx
+++ b/packages/pl-fe/src/pages/drive/drive.tsx
@@ -14,8 +14,19 @@ import IconButton from '@/components/ui/icon-button';
 import { MIMETYPE_ICONS } from '@/components/upload';
 import ColumnLoading from '@/features/ui/components/column-loading';
 import { driveRoute } from '@/features/ui/router';
-import { useCreateDriveFileMutation, useDeleteDriveFileMutation, useMoveDriveFileMutation, useUpdateDriveFileMutation } from '@/queries/drive/use-drive-file';
-import { useCreateDriveFolderMutation, useDeleteDriveFolderMutation, useDriveFolderQuery, useMoveDriveFolderMutation, useUpdateDriveFolderMutation } from '@/queries/drive/use-drive-folder';
+import {
+  useCreateDriveFileMutation,
+  useDeleteDriveFileMutation,
+  useMoveDriveFileMutation,
+  useUpdateDriveFileMutation,
+} from '@/queries/drive/use-drive-file';
+import {
+  useCreateDriveFolderMutation,
+  useDeleteDriveFolderMutation,
+  useDriveFolderQuery,
+  useMoveDriveFolderMutation,
+  useUpdateDriveFolderMutation,
+} from '@/queries/drive/use-drive-folder';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 import { download } from '@/utils/download';
@@ -25,44 +36,95 @@ const messages = defineMessages({
   folderDropdown: { id: 'drive.folder.dropdown', defaultMessage: 'Folder menu' },
   folderView: { id: 'drive.folder.view', defaultMessage: 'View folder' },
   folderRename: { id: 'drive.folder.rename', defaultMessage: 'Rename folder' },
-  folderRenamePlaceholder: { id: 'drive.folder.rename.placeholder', defaultMessage: 'New folder name' },
-  folderRenameSuccess: { id: 'drive.folder.rename.success', defaultMessage: 'Folder renamed successfully.' },
-  folderRenameError: { id: 'drive.folder.rename.error', defaultMessage: 'Failed to rename folder.' },
+  folderRenamePlaceholder: {
+    id: 'drive.folder.rename.placeholder',
+    defaultMessage: 'New folder name',
+  },
+  folderRenameSuccess: {
+    id: 'drive.folder.rename.success',
+    defaultMessage: 'Folder renamed successfully.',
+  },
+  folderRenameError: {
+    id: 'drive.folder.rename.error',
+    defaultMessage: 'Failed to rename folder.',
+  },
   folderMove: { id: 'drive.folder.move', defaultMessage: 'Move folder' },
-  folderMoveSuccess: { id: 'drive.folder.move.success', defaultMessage: 'Folder moved successfully.' },
+  folderMoveSuccess: {
+    id: 'drive.folder.move.success',
+    defaultMessage: 'Folder moved successfully.',
+  },
   folderMoveError: { id: 'drive.folder.move.error', defaultMessage: 'Failed to move folder.' },
   folderDelete: { id: 'drive.folder.delete', defaultMessage: 'Delete folder' },
-  folderDeleteSuccess: { id: 'drive.folder.delete.success', defaultMessage: 'Folder deleted successfully.' },
-  folderDeleteError: { id: 'drive.folder.delete.error', defaultMessage: 'Failed to delete folder.' },
+  folderDeleteSuccess: {
+    id: 'drive.folder.delete.success',
+    defaultMessage: 'Folder deleted successfully.',
+  },
+  folderDeleteError: {
+    id: 'drive.folder.delete.error',
+    defaultMessage: 'Failed to delete folder.',
+  },
   fileDropdown: { id: 'drive.file.dropdown', defaultMessage: 'File menu' },
   fileView: { id: 'drive.file.view', defaultMessage: 'View file' },
   fileDownload: { id: 'drive.file.download', defaultMessage: 'Download file' },
   fileRename: { id: 'drive.file.rename', defaultMessage: 'Rename file' },
   fileRenamePlaceholder: { id: 'drive.file.rename.placeholder', defaultMessage: 'New file name' },
-  fileRenameSuccess: { id: 'drive.file.rename.success', defaultMessage: 'File renamed successfully.' },
+  fileRenameSuccess: {
+    id: 'drive.file.rename.success',
+    defaultMessage: 'File renamed successfully.',
+  },
   fileRenameError: { id: 'drive.file.rename.error', defaultMessage: 'Failed to rename file.' },
   updateDescription: { id: 'drive.file.update_description', defaultMessage: 'Edit description' },
-  updateDescriptionPlaceholder: { id: 'drive.file.update_description.placeholder', defaultMessage: 'New description' },
-  updateDescriptionSuccess: { id: 'drive.file.update_description.success', defaultMessage: 'Description updated successfully.' },
-  updateDescriptionError: { id: 'drive.file.update_description.error', defaultMessage: 'Failed to update description.' },
+  updateDescriptionPlaceholder: {
+    id: 'drive.file.update_description.placeholder',
+    defaultMessage: 'New description',
+  },
+  updateDescriptionSuccess: {
+    id: 'drive.file.update_description.success',
+    defaultMessage: 'Description updated successfully.',
+  },
+  updateDescriptionError: {
+    id: 'drive.file.update_description.error',
+    defaultMessage: 'Failed to update description.',
+  },
   markSensitive: { id: 'drive.file.mark_sensitive', defaultMessage: 'Mark as sensitive' },
-  markSensitiveSuccess: { id: 'drive.file.mark_sensitive.success', defaultMessage: 'File marked as sensitive.' },
-  markSensitiveError: { id: 'drive.file.mark_sensitive.error', defaultMessage: 'Failed to mark file as sensitive.' },
+  markSensitiveSuccess: {
+    id: 'drive.file.mark_sensitive.success',
+    defaultMessage: 'File marked as sensitive.',
+  },
+  markSensitiveError: {
+    id: 'drive.file.mark_sensitive.error',
+    defaultMessage: 'Failed to mark file as sensitive.',
+  },
   unmarkSensitive: { id: 'drive.file.unmark_sensitive', defaultMessage: 'Unmark as sensitive' },
-  unmarkSensitiveSuccess: { id: 'drive.file.unmark_sensitive.success', defaultMessage: 'File unmarked as sensitive.' },
-  unmarkSensitiveError: { id: 'drive.file.unmark_sensitive.error', defaultMessage: 'Failed to unmark file as sensitive.' },
+  unmarkSensitiveSuccess: {
+    id: 'drive.file.unmark_sensitive.success',
+    defaultMessage: 'File unmarked as sensitive.',
+  },
+  unmarkSensitiveError: {
+    id: 'drive.file.unmark_sensitive.error',
+    defaultMessage: 'Failed to unmark file as sensitive.',
+  },
   fileMove: { id: 'drive.file.move', defaultMessage: 'Move file' },
   fileMoveSuccess: { id: 'drive.file.move.success', defaultMessage: 'File moved successfully.' },
   fileMoveError: { id: 'drive.file.move.error', defaultMessage: 'Failed to move file.' },
   fileDelete: { id: 'drive.file.delete', defaultMessage: 'Delete file' },
-  fileDeleteSuccess: { id: 'drive.file.delete.success', defaultMessage: 'File deleted successfully.' },
+  fileDeleteSuccess: {
+    id: 'drive.file.delete.success',
+    defaultMessage: 'File deleted successfully.',
+  },
   fileDeleteError: { id: 'drive.file.delete.error', defaultMessage: 'Failed to delete file.' },
   fileUpload: { id: 'drive.file.upload', defaultMessage: 'Upload file' },
-  fileUploadSuccess: { id: 'drive.file.upload.success', defaultMessage: 'File uploaded successfully.' },
+  fileUploadSuccess: {
+    id: 'drive.file.upload.success',
+    defaultMessage: 'File uploaded successfully.',
+  },
   fileUploadError: { id: 'drive.file.upload.error', defaultMessage: 'Failed to upload file.' },
   newFolder: { id: 'drive.folder.new', defaultMessage: 'New folder' },
   newFolderPlaceholder: { id: 'drive.folder.new.placeholder', defaultMessage: 'Folder name' },
-  newFolderSuccess: { id: 'drive.folder.new.success', defaultMessage: 'Folder created successfully.' },
+  newFolderSuccess: {
+    id: 'drive.folder.new.success',
+    defaultMessage: 'Folder created successfully.',
+  },
   newFolderError: { id: 'drive.folder.new.error', defaultMessage: 'Failed to create folder.' },
 });
 
@@ -76,12 +138,18 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
   const { data } = useDriveFolderQuery(folderId);
 
   if (!folderId) {
-    const label = depth === 0 && <span><FormattedMessage id='drive.breadcrumbs.home' defaultMessage='Home' /></span>;
+    const label = depth === 0 && (
+      <span>
+        <FormattedMessage id='drive.breadcrumbs.home' defaultMessage='Home' />
+      </span>
+    );
 
     if (onClick || depth === 0) {
       return (
         <button
-          className={clsx('⁂-drive-breadcrumbs__item ⁂-drive-breadcrumbs__home', { '⁂-drive-breadcrumbs__item--current': depth === 0 })}
+          className={clsx('⁂-drive-breadcrumbs__item ⁂-drive-breadcrumbs__home', {
+            '⁂-drive-breadcrumbs__item--current': depth === 0,
+          })}
           onClick={() => onClick?.()}
           disabled={depth === 0}
         >
@@ -91,7 +159,11 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
       );
     } else {
       return (
-        <Link to='/drive/{-$folderId}' params={{ folderId: undefined }} className='⁂-drive-breadcrumbs__home'>
+        <Link
+          to='/drive/{-$folderId}'
+          params={{ folderId: undefined }}
+          className='⁂-drive-breadcrumbs__home'
+        >
           <Icon src={require('@phosphor-icons/core/regular/house.svg')} />
           {label}
         </Link>
@@ -109,8 +181,10 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
 
   const button = onClick ? (
     <button
-      className={clsx('⁂-drive-breadcrumbs__item', { '⁂-drive-breadcrumbs__item--current': depth === 0 })}
-      onClick={() =>{
+      className={clsx('⁂-drive-breadcrumbs__item', {
+        '⁂-drive-breadcrumbs__item--current': depth === 0,
+      })}
+      onClick={() => {
         onClick?.(folderId);
       }}
     >
@@ -120,7 +194,9 @@ const Breadcrumbs: React.FC<IBreadcrumbs> = ({ folderId, depth = 0, onClick }) =
     <Link
       to={'/drive/{-$folderId}'}
       params={{ folderId }}
-      className={clsx('⁂-drive-breadcrumbs__item', { '⁂-drive-breadcrumbs__item--current': depth === 0 })}
+      className={clsx('⁂-drive-breadcrumbs__item', {
+        '⁂-drive-breadcrumbs__item--current': depth === 0,
+      })}
     >
       {data.name}
     </Link>
@@ -199,66 +275,79 @@ const File: React.FC<IFile> = ({ file }) => {
         text: file.filename,
         singleLine: true,
         onConfirm: (value: string) => {
-          updateFile({
-            sensitive: file.sensitive,
-            description: file.description ?? undefined,
-            filename: value,
-          }, {
-            onSuccess: () =>{
-              toast.success(messages.fileRenameSuccess);
+          updateFile(
+            {
+              sensitive: file.sensitive,
+              description: file.description ?? undefined,
+              filename: value,
             },
-            onError: () =>{
-              toast.error(messages.fileRenameError);
+            {
+              onSuccess: () => {
+                toast.success(messages.fileRenameSuccess);
+              },
+              onError: () => {
+                toast.error(messages.fileRenameError);
+              },
             },
-          });
+          );
         },
       });
     };
 
     const handleUpdateDescription = () => {
       openModal('TEXT_FIELD', {
-        heading: <FormattedMessage id='drive.file.update_description' defaultMessage='Edit description' />,
+        heading: (
+          <FormattedMessage id='drive.file.update_description' defaultMessage='Edit description' />
+        ),
         placeholder: intl.formatMessage(messages.updateDescriptionPlaceholder),
-        confirm: <FormattedMessage id='drive.file.update_description.confirm' defaultMessage='Save' />,
+        confirm: (
+          <FormattedMessage id='drive.file.update_description.confirm' defaultMessage='Save' />
+        ),
         text: file.description ?? '',
         onConfirm: (value: string) => {
-          updateFile({
-            sensitive: file.sensitive,
-            filename: file.filename,
-            description: value,
-          }, {
-            onSuccess: () =>{
-              toast.success(messages.updateDescriptionSuccess);
+          updateFile(
+            {
+              sensitive: file.sensitive,
+              filename: file.filename,
+              description: value,
             },
-            onError: () =>{
-              toast.error(messages.updateDescriptionError);
+            {
+              onSuccess: () => {
+                toast.success(messages.updateDescriptionSuccess);
+              },
+              onError: () => {
+                toast.error(messages.updateDescriptionError);
+              },
             },
-          });
+          );
         },
       });
     };
 
     const handleToggleSensitive = () => {
-      updateFile({
-        sensitive: !file.sensitive,
-        filename: file.filename,
-        description: file.description ?? undefined,
-      }, {
-        onSuccess: (file) => {
-          if (file.sensitive) {
-            toast.success(messages.markSensitiveSuccess);
-          } else {
-            toast.success(messages.unmarkSensitiveSuccess);
-          }
+      updateFile(
+        {
+          sensitive: !file.sensitive,
+          filename: file.filename,
+          description: file.description ?? undefined,
         },
-        onError: () => {
-          if (file.sensitive) {
-            toast.error(messages.markSensitiveError);
-          } else {
-            toast.error(messages.unmarkSensitiveError);
-          }
+        {
+          onSuccess: (file) => {
+            if (file.sensitive) {
+              toast.success(messages.markSensitiveSuccess);
+            } else {
+              toast.success(messages.unmarkSensitiveSuccess);
+            }
+          },
+          onError: () => {
+            if (file.sensitive) {
+              toast.error(messages.markSensitiveError);
+            } else {
+              toast.error(messages.unmarkSensitiveError);
+            }
+          },
         },
-      });
+      );
     };
 
     const handleMove = () => {
@@ -266,16 +355,18 @@ const File: React.FC<IFile> = ({ file }) => {
         type: 'folder',
         onSelect: (targetFolder) => {
           moveFile(targetFolder.id ?? undefined, {
-            onSuccess: () =>{
+            onSuccess: () => {
               toast.success(messages.fileMoveSuccess);
             },
-            onError: () =>{
+            onError: () => {
               toast.error(messages.fileMoveError);
             },
           });
         },
         disabled: [file.id],
-        title: <FormattedMessage id='drive.file.move.heading' defaultMessage='Select move destination' />,
+        title: (
+          <FormattedMessage id='drive.file.move.heading' defaultMessage='Select move destination' />
+        ),
       });
     };
 
@@ -283,13 +374,18 @@ const File: React.FC<IFile> = ({ file }) => {
       openModal('CONFIRM', {
         heading: <FormattedMessage id='drive.file.delete' defaultMessage='Delete file' />,
         confirm: <FormattedMessage id='drive.file.delete.confirm' defaultMessage='Delete' />,
-        message: <FormattedMessage id='drive.file.delete.text' defaultMessage='Are you sure you want to delete this file? This action cannot be undone.' />,
+        message: (
+          <FormattedMessage
+            id='drive.file.delete.text'
+            defaultMessage='Are you sure you want to delete this file? This action cannot be undone.'
+          />
+        ),
         onConfirm: () => {
           deleteFile(undefined, {
-            onSuccess: () =>{
+            onSuccess: () => {
               toast.success(messages.fileDeleteSuccess);
             },
-            onError: () =>{
+            onError: () => {
               toast.error(messages.fileDeleteError);
             },
           });
@@ -298,15 +394,17 @@ const File: React.FC<IFile> = ({ file }) => {
     };
 
     return [
-      isMedia ? {
-        text: intl.formatMessage(messages.fileView),
-        icon: require('@phosphor-icons/core/regular/eye.svg'),
-        action: handleView,
-      } : {
-        text: intl.formatMessage(messages.fileDownload),
-        icon: require('@phosphor-icons/core/regular/download.svg'),
-        href: file.url,
-      },
+      isMedia
+        ? {
+            text: intl.formatMessage(messages.fileView),
+            icon: require('@phosphor-icons/core/regular/eye.svg'),
+            action: handleView,
+          }
+        : {
+            text: intl.formatMessage(messages.fileDownload),
+            icon: require('@phosphor-icons/core/regular/download.svg'),
+            href: file.url,
+          },
       {
         text: intl.formatMessage(messages.fileRename),
         icon: require('@phosphor-icons/core/regular/cursor-text.svg'),
@@ -317,15 +415,17 @@ const File: React.FC<IFile> = ({ file }) => {
         icon: require('@phosphor-icons/core/regular/file-text.svg'),
         action: handleUpdateDescription,
       },
-      file.sensitive ? {
-        text: intl.formatMessage(messages.unmarkSensitive),
-        icon: require('@phosphor-icons/core/regular/eye.svg'),
-        action: handleToggleSensitive,
-      } : {
-        text: intl.formatMessage(messages.markSensitive),
-        icon: require('@phosphor-icons/core/regular/eye-slash.svg'),
-        action: handleToggleSensitive,
-      },
+      file.sensitive
+        ? {
+            text: intl.formatMessage(messages.unmarkSensitive),
+            icon: require('@phosphor-icons/core/regular/eye.svg'),
+            action: handleToggleSensitive,
+          }
+        : {
+            text: intl.formatMessage(messages.markSensitive),
+            icon: require('@phosphor-icons/core/regular/eye-slash.svg'),
+            action: handleToggleSensitive,
+          },
       null,
       {
         text: intl.formatMessage(messages.fileMove),
@@ -354,10 +454,7 @@ const File: React.FC<IFile> = ({ file }) => {
       </div>
 
       {file.thumbnail_url && isMedia ? (
-        <img
-          src={file.thumbnail_url}
-          alt={file.description ?? undefined}
-        />
+        <img src={file.thumbnail_url} alt={file.description ?? undefined} />
       ) : (
         <Icon
           className='⁂-drive-file__icon'
@@ -365,9 +462,7 @@ const File: React.FC<IFile> = ({ file }) => {
         />
       )}
 
-      <span className='⁂-drive-file__label'>
-        {file.filename}
-      </span>
+      <span className='⁂-drive-file__label'>{file.filename}</span>
     </div>
   );
 };
@@ -399,10 +494,10 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         singleLine: true,
         onConfirm: (value: string) => {
           updateFolder(value, {
-            onSuccess: () =>{
+            onSuccess: () => {
               toast.success(messages.folderRenameSuccess);
             },
-            onError: () =>{
+            onError: () => {
               toast.error(messages.folderRenameError);
             },
           });
@@ -414,13 +509,18 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
       openModal('CONFIRM', {
         heading: <FormattedMessage id='drive.folder.delete' defaultMessage='Delete folder' />,
         confirm: <FormattedMessage id='drive.folder.delete.confirm' defaultMessage='Delete' />,
-        message: <FormattedMessage id='drive.folder.delete.text' defaultMessage='Are you sure you want to delete this folder? This action cannot be undone.' />,
+        message: (
+          <FormattedMessage
+            id='drive.folder.delete.text'
+            defaultMessage='Are you sure you want to delete this folder? This action cannot be undone.'
+          />
+        ),
         onConfirm: () => {
           deleteFolder(undefined, {
-            onSuccess: () =>{
+            onSuccess: () => {
               toast.success(messages.folderDeleteSuccess);
             },
-            onError: () =>{
+            onError: () => {
               toast.error(messages.folderDeleteError);
             },
           });
@@ -433,16 +533,18 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         type: 'folder',
         onSelect: (targetFolder) => {
           moveFolder(targetFolder.id ?? undefined, {
-            onSuccess: () =>{
+            onSuccess: () => {
               toast.success(messages.folderMoveSuccess);
             },
-            onError: () =>{
+            onError: () => {
               toast.error(messages.folderMoveError);
             },
           });
         },
         disabled: [folder.id],
-        title: <FormattedMessage id='drive.file.move.heading' defaultMessage='Select move destination' />,
+        title: (
+          <FormattedMessage id='drive.file.move.heading' defaultMessage='Select move destination' />
+        ),
       });
     };
 
@@ -489,9 +591,7 @@ const Folder: React.FC<IFolder> = ({ folder }) => {
         src={require('@phosphor-icons/core/regular/folder.svg')}
       />
 
-      <span className='⁂-drive-file__label'>
-        {folder.name}
-      </span>
+      <span className='⁂-drive-file__label'>{folder.name}</span>
     </div>
   );
 };
@@ -513,10 +613,10 @@ const DrivePage: React.FC = () => {
       icon: require('@phosphor-icons/core/regular/upload.svg'),
       onSelectFile: (files: FileList) => {
         uploadFile(files[0], {
-          onSuccess: () =>{
+          onSuccess: () => {
             toast.success(messages.fileUploadSuccess);
           },
-          onError: (error) =>{
+          onError: (error) => {
             toast.error(messages.fileUploadError);
           },
         });
@@ -532,14 +632,17 @@ const DrivePage: React.FC = () => {
           confirm: <FormattedMessage id='drive.folder.create.confirm' defaultMessage='Create' />,
           singleLine: true,
           onConfirm: (value: string) => {
-            createFolder({ name: value, parentId: folderId }, {
-              onSuccess: () =>{
-                toast.success(messages.newFolderSuccess);
+            createFolder(
+              { name: value, parentId: folderId },
+              {
+                onSuccess: () => {
+                  toast.success(messages.newFolderSuccess);
+                },
+                onError: () => {
+                  toast.error(messages.newFolderError);
+                },
               },
-              onError: () =>{
-                toast.error(messages.newFolderError);
-              },
-            });
+            );
           },
         });
       },
@@ -558,20 +661,34 @@ const DrivePage: React.FC = () => {
       label={data?.name ?? intl.formatMessage(messages.heading)}
       backHref={'/drive/{-$folderId}'}
       backParams={{ folderId: data?.parent_id ?? undefined }}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <div className='⁂-drive-breadcrumbs'>
         <Breadcrumbs folderId={folderId} />
       </div>
       {isEmpty ? (
         <EmptyMessage
-          text={<FormattedMessage id='drive.empty' defaultMessage='There are no files or folders in this folder.' />}
+          text={
+            <FormattedMessage
+              id='drive.empty'
+              defaultMessage='There are no files or folders in this folder.'
+            />
+          }
           icon={require('@phosphor-icons/core/regular/folder-open.svg')}
         />
       ) : (
         <div className='⁂-drive-page__files'>
-          {data?.folders.map((folder) => <Folder key={folder.id} folder={folder} />)}
-          {data?.files.map((file) => <File key={file.id} file={file} />)}
+          {data?.folders.map((folder) => (
+            <Folder key={folder.id} folder={folder} />
+          ))}
+          {data?.files.map((file) => (
+            <File key={file.id} file={file} />
+          ))}
         </div>
       )}
     </Column>
diff --git a/packages/pl-fe/src/pages/fun/circle.tsx b/packages/pl-fe/src/pages/fun/circle.tsx
index 2158a5681..db4d430fc 100644
--- a/packages/pl-fe/src/pages/fun/circle.tsx
+++ b/packages/pl-fe/src/pages/fun/circle.tsx
@@ -30,22 +30,46 @@ const WIDTH = 1000;
 const messages = defineMessages({
   heading: { id: 'column.circle', defaultMessage: 'Interactions circle' },
   pending: { id: 'interactions_circle.state.pending', defaultMessage: 'Fetching interactions' },
-  fetchingStatuses: { id: 'interactions_circle.state.fetching_statuses', defaultMessage: 'Fetching posts' },
-  fetchingFavourites: { id: 'interactions_circle.state.fetching_favourites', defaultMessage: 'Fetching likes' },
-  fetchingAvatars: { id: 'interactions_circle.state.fetching_avatars', defaultMessage: 'Fetching avatars' },
+  fetchingStatuses: {
+    id: 'interactions_circle.state.fetching_statuses',
+    defaultMessage: 'Fetching posts',
+  },
+  fetchingFavourites: {
+    id: 'interactions_circle.state.fetching_favourites',
+    defaultMessage: 'Fetching likes',
+  },
+  fetchingAvatars: {
+    id: 'interactions_circle.state.fetching_avatars',
+    defaultMessage: 'Fetching avatars',
+  },
   drawing: { id: 'interactions_circle.state.drawing', defaultMessage: 'Drawing circle' },
   done: { id: 'interactions_circle.state.done', defaultMessage: 'Finalizing…' },
-  imageLoadingError: { id: 'interactions_circle.error.image_loading', defaultMessage: 'Failed to load one of the avatars' },
-  imageLoadingMultipleError: { id: 'interactions_circle.error.image_loading.multiple', defaultMessage: 'Failed to load some of the avatars' },
+  imageLoadingError: {
+    id: 'interactions_circle.error.image_loading',
+    defaultMessage: 'Failed to load one of the avatars',
+  },
+  imageLoadingMultipleError: {
+    id: 'interactions_circle.error.image_loading.multiple',
+    defaultMessage: 'Failed to load some of the avatars',
+  },
 });
 
 const CirclePage: React.FC = () => {
   const [{ state, progress }, setProgress] = useState<{
-    state: 'unrequested' | 'pending' | 'fetchingStatuses' | 'fetchingFavourites' | 'fetchingAvatars' | 'drawing' | 'done';
+    state:
+      | 'unrequested'
+      | 'pending'
+      | 'fetchingStatuses'
+      | 'fetchingFavourites'
+      | 'fetchingAvatars'
+      | 'drawing'
+      | 'done';
     progress: number;
   }>({ state: 'unrequested', progress: 0 });
   const [expanded, setExpanded] = useState(false);
-  const [users, setUsers] = useState<Array<{ id: string; avatar?: string; avatar_description?: string; acct: string }>>();
+  const [users, setUsers] = useState<
+    Array<{ id: string; avatar?: string; avatar_description?: string; acct: string }>
+  >();
 
   const intl = useIntl();
   const dispatch = useAppDispatch();
@@ -54,8 +78,7 @@ const CirclePage: React.FC = () => {
   const { openModal } = useModalsActions();
   const { account } = useOwnAccount();
 
-  useEffect(() => {
-  }, []);
+  useEffect(() => {}, []);
 
   const onSave: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.preventDefault();
@@ -74,89 +97,97 @@ const CirclePage: React.FC = () => {
     canvasRef.current!.toBlob((blob) => {
       const file = new File([blob!], 'interactions_circle.png', { type: 'image/png' });
 
-      dispatch(uploadFile(file, intl, (data) => {
-        dispatch(uploadComposeSuccess('compose-modal', data));
-        openModal('COMPOSE');
-      }));
+      dispatch(
+        uploadFile(file, intl, (data) => {
+          dispatch(uploadComposeSuccess('compose-modal', data));
+          openModal('COMPOSE');
+        }),
+      );
     }, 'image/png');
   };
 
   const handleRequest = () => {
     setProgress({ state: 'pending', progress: 0 });
 
-    dispatch(processCircle(setProgress)).then(async (users) => {
-      setUsers(users);
+    dispatch(processCircle(setProgress))
+      .then(async (users) => {
+        setUsers(users);
 
-      // Adapted from twitter-interaction-circles, licensed under MIT License
-      // https://github.com/duiker101/twitter-interaction-circles
-      const ctx = canvasRef.current?.getContext('2d')!;
+        // Adapted from twitter-interaction-circles, licensed under MIT License
+        // https://github.com/duiker101/twitter-interaction-circles
+        const ctx = canvasRef.current?.getContext('2d')!;
 
-      const ownAvatar = account?.avatar ?? avatarMissing;
+        const ownAvatar = account?.avatar ?? avatarMissing;
 
-      let imageLoadingErorrs = 0;
+        let imageLoadingErorrs = 0;
 
-      for (const layer of [
-        { index: 0, off: 0, distance: 0, count: 1, radius: 110, users: [{ avatar: ownAvatar }] },
-        { index: 1, off: 1, distance: 200, count: 8, radius: 64, users: users.slice(0, 8) },
-        { index: 2, off: 9, distance: 330, count: 15, radius: 58, users: users.slice(8, 23) },
-        { index: 3, off: 24, distance: 450, count: 26, radius: 50, users: users.slice(23, 49) },
-      ]) {
-        const { index, off, count, radius, distance, users } = layer;
+        for (const layer of [
+          { index: 0, off: 0, distance: 0, count: 1, radius: 110, users: [{ avatar: ownAvatar }] },
+          { index: 1, off: 1, distance: 200, count: 8, radius: 64, users: users.slice(0, 8) },
+          { index: 2, off: 9, distance: 330, count: 15, radius: 58, users: users.slice(8, 23) },
+          { index: 3, off: 24, distance: 450, count: 26, radius: 50, users: users.slice(23, 49) },
+        ]) {
+          const { index, off, count, radius, distance, users } = layer;
 
-        const angleSize = 360 / count;
+          const angleSize = 360 / count;
 
-        for (let i = 0; i < count; i++) {
-          setProgress({ state: 'drawing', progress: 90 + (i + off) / users.length * 10 });
+          for (let i = 0; i < count; i++) {
+            setProgress({ state: 'drawing', progress: 90 + ((i + off) / users.length) * 10 });
 
-          const offset = index * 30;
+            const offset = index * 30;
 
-          const r = toRad(i * angleSize + offset);
+            const r = toRad(i * angleSize + offset);
 
-          const centerX = Math.cos(r) * distance + WIDTH / 2;
-          const centerY = Math.sin(r) * distance + HEIGHT / 2;
+            const centerX = Math.cos(r) * distance + WIDTH / 2;
+            const centerY = Math.sin(r) * distance + HEIGHT / 2;
 
-          if (!users[i]) break;
+            if (!users[i]) break;
 
-          const avatarUrl = users[i].avatar ?? avatarMissing;
+            const avatarUrl = users[i].avatar ?? avatarMissing;
 
-          try {
-            // eslint-disable-next-line no-loop-func
-            await new Promise(resolve => {
-              const img = new Image();
+            try {
+              // eslint-disable-next-line no-loop-func
+              await new Promise((resolve) => {
+                const img = new Image();
 
-              img.onload = () => {
-                ctx.save();
-                ctx.beginPath();
-                ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
-                ctx.closePath();
-                ctx.clip();
+                img.onload = () => {
+                  ctx.save();
+                  ctx.beginPath();
+                  ctx.arc(centerX, centerY, radius, 0, 2 * Math.PI);
+                  ctx.closePath();
+                  ctx.clip();
 
-                ctx.drawImage(img, centerX - radius, centerY - radius, radius * 2, radius * 2);
-                ctx.restore();
+                  ctx.drawImage(img, centerX - radius, centerY - radius, radius * 2, radius * 2);
+                  ctx.restore();
 
-                resolve(null);
-              };
+                  resolve(null);
+                };
 
-              img.onerror = () => {
-                imageLoadingErorrs++;
-                resolve(null);
-              };
+                img.onerror = () => {
+                  imageLoadingErorrs++;
+                  resolve(null);
+                };
 
-              img.setAttribute('crossorigin', 'anonymous');
-              img.src = avatarUrl;
-            });
-          } catch (_) {
-            //
+                img.setAttribute('crossorigin', 'anonymous');
+                img.src = avatarUrl;
+              });
+            } catch (_) {
+              //
+            }
           }
         }
-      }
 
-      if (imageLoadingErorrs) {
-        toast.info(imageLoadingErorrs > 1 ? messages.imageLoadingMultipleError : messages.imageLoadingError);
-      }
+        if (imageLoadingErorrs) {
+          toast.info(
+            imageLoadingErorrs > 1
+              ? messages.imageLoadingMultipleError
+              : messages.imageLoadingError,
+          );
+        }
 
-      setProgress({ state: 'done', progress: 100 });
-    }).catch(() => {});
+        setProgress({ state: 'done', progress: 100 });
+      })
+      .catch(() => {});
   };
 
   if (state === 'unrequested') {
@@ -164,7 +195,11 @@ const CirclePage: React.FC = () => {
       <Column label={intl.formatMessage(messages.heading)}>
         <Form onSubmit={handleRequest}>
           <Text size='xl' weight='semibold'>
-            <FormattedMessage id='interactions_circle.confirmation_heading' defaultMessage='Do you want to generate an interaction circle for the user @{username}?' values={{ username: account?.acct }} />
+            <FormattedMessage
+              id='interactions_circle.confirmation_heading'
+              defaultMessage='Do you want to generate an interaction circle for the user @{username}?'
+              values={{ username: account?.acct }}
+            />
           </Text>
 
           <div className='mx-auto max-w-md rounded-lg p-2 black:border black:border-gray-800'>
@@ -202,15 +237,22 @@ const CirclePage: React.FC = () => {
 
         <div className='w-full'>
           <Accordion
-            headline={<FormattedMessage id='interactions_circle.user_list' defaultMessage='User list' />}
+            headline={
+              <FormattedMessage id='interactions_circle.user_list' defaultMessage='User list' />
+            }
             expanded={expanded}
             onToggle={setExpanded}
           >
             <Stack space={2}>
-              {users?.map(user => (
+              {users?.map((user) => (
                 <Link key={user.id} to='/@{$username}' params={{ username: user.acct }}>
                   <HStack space={2} alignItems='center'>
-                    <Avatar size={20} src={user.avatar!} alt={user.avatar_description} username={user.acct} />
+                    <Avatar
+                      size={20}
+                      src={user.avatar!}
+                      alt={user.avatar_description}
+                      username={user.acct}
+                    />
                     <Text size='sm' weight='semibold' truncate>
                       {user.acct}
                     </Text>
@@ -222,10 +264,16 @@ const CirclePage: React.FC = () => {
         </div>
 
         <HStack space={2}>
-          <Button onClick={onSave} icon={require('@phosphor-icons/core/regular/download-simple.svg')}>
+          <Button
+            onClick={onSave}
+            icon={require('@phosphor-icons/core/regular/download-simple.svg')}
+          >
             <FormattedMessage id='interactions_circle.download' defaultMessage='Download' />
           </Button>
-          <Button onClick={onCompose} icon={require('@phosphor-icons/core/regular/note-pencil.svg')}>
+          <Button
+            onClick={onCompose}
+            icon={require('@phosphor-icons/core/regular/note-pencil.svg')}
+          >
             <FormattedMessage id='interactions_circle.compose' defaultMessage='Share' />
           </Button>
         </HStack>
diff --git a/packages/pl-fe/src/pages/groups/edit-group.tsx b/packages/pl-fe/src/pages/groups/edit-group.tsx
index f618522e1..95d081a65 100644
--- a/packages/pl-fe/src/pages/groups/edit-group.tsx
+++ b/packages/pl-fe/src/pages/groups/edit-group.tsx
@@ -24,8 +24,14 @@ import { unescapeHTML } from '@/utils/html';
 
 const messages = defineMessages({
   heading: { id: 'navigation_bar.edit_group', defaultMessage: 'Edit Group' },
-  groupNamePlaceholder: { id: 'manage_group.fields.name_placeholder', defaultMessage: 'Group Name' },
-  groupDescriptionPlaceholder: { id: 'manage_group.fields.description_placeholder', defaultMessage: 'Description' },
+  groupNamePlaceholder: {
+    id: 'manage_group.fields.name_placeholder',
+    defaultMessage: 'Group Name',
+  },
+  groupDescriptionPlaceholder: {
+    id: 'manage_group.fields.description_placeholder',
+    defaultMessage: 'Description',
+  },
   groupSaved: { id: 'group.update.success', defaultMessage: 'Group successfully saved' },
 });
 
@@ -40,8 +46,14 @@ const EditGroup: React.FC = () => {
 
   const [isSubmitting, setIsSubmitting] = useState(false);
 
-  const avatar = useImageField({ maxPixels: 400 * 400, preview: group?.avatar_default === false ? group.avatar : undefined });
-  const header = useImageField({ maxPixels: 1920 * 1080, preview: group?.header_default === false ? group.header : undefined });
+  const avatar = useImageField({
+    maxPixels: 400 * 400,
+    preview: group?.avatar_default === false ? group.avatar : undefined,
+  });
+  const header = useImageField({
+    maxPixels: 1920 * 1080,
+    preview: group?.header_default === false ? group.header : undefined,
+  });
 
   const displayName = useTextField(group?.display_name);
   const note = useTextField(unescapeHTML(group?.note));
@@ -49,30 +61,35 @@ const EditGroup: React.FC = () => {
   const maxName = Number(instance.configuration.groups.max_characters_name);
   const maxNote = Number(instance.configuration.groups.max_characters_description);
 
-  const attachmentTypes = useAppSelector(state => state.instance.configuration.media_attachments.supported_mime_types)
+  const attachmentTypes = useAppSelector(
+    (state) => state.instance.configuration.media_attachments.supported_mime_types,
+  )
     ?.filter((type) => type.startsWith('image/'))
     .join(',');
 
   const handleSubmit = async () => {
     setIsSubmitting(true);
 
-    await updateGroup({
-      display_name: displayName.value,
-      note: note.value,
-      avatar: avatar.file === null ? '' : avatar.file,
-      header: header.file === null ? '' : header.file,
-    }, {
-      onSuccess() {
-        toast.success(intl.formatMessage(messages.groupSaved));
+    await updateGroup(
+      {
+        display_name: displayName.value,
+        note: note.value,
+        avatar: avatar.file === null ? '' : avatar.file,
+        header: header.file === null ? '' : header.file,
       },
-      onError(error) {
-        const message = error.response?.json?.error;
+      {
+        onSuccess() {
+          toast.success(intl.formatMessage(messages.groupSaved));
+        },
+        onError(error) {
+          const message = error.response?.json?.error;
 
-        if (error.response?.status === 422 && typeof message !== 'undefined') {
-          toast.error(message);
-        }
+          if (error.response?.status === 422 && typeof message !== 'undefined') {
+            toast.error(message);
+          }
+        },
       },
-    });
+    );
 
     setIsSubmitting(false);
   };
@@ -89,20 +106,40 @@ const EditGroup: React.FC = () => {
           <AvatarPicker accept={attachmentTypes} disabled={isSubmitting} {...avatar} />
         </div>
         <FormGroup
-          labelText={<FormattedMessage id='manage_group.fields.name_label_optional' defaultMessage='Group name' />}
-          hintText={<FormattedMessage id='manage_group.fields.cannot_change_hint' defaultMessage='This cannot be changed after the group is created.' />}
+          labelText={
+            <FormattedMessage
+              id='manage_group.fields.name_label_optional'
+              defaultMessage='Group name'
+            />
+          }
+          hintText={
+            <FormattedMessage
+              id='manage_group.fields.cannot_change_hint'
+              defaultMessage='This cannot be changed after the group is created.'
+            />
+          }
         >
           <Input
             type='text'
             placeholder={intl.formatMessage(messages.groupNamePlaceholder)}
             maxLength={maxName}
             {...displayName}
-            append={<Icon className='size-5 text-gray-600' src={require('@phosphor-icons/core/regular/lock.svg')} />}
+            append={
+              <Icon
+                className='size-5 text-gray-600'
+                src={require('@phosphor-icons/core/regular/lock.svg')}
+              />
+            }
             disabled
           />
         </FormGroup>
         <FormGroup
-          labelText={<FormattedMessage id='manage_group.fields.description_label' defaultMessage='Description' />}
+          labelText={
+            <FormattedMessage
+              id='manage_group.fields.description_label'
+              defaultMessage='Description'
+            />
+          }
         >
           <Textarea
             autoComplete='off'
diff --git a/packages/pl-fe/src/pages/groups/group-blocked-members.tsx b/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
index bd6fac922..e570ac27b 100644
--- a/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
+++ b/packages/pl-fe/src/pages/groups/group-blocked-members.tsx
@@ -17,7 +17,10 @@ import toast from '@/toast';
 const messages = defineMessages({
   heading: { id: 'column.group_blocked_members', defaultMessage: 'Banned members' },
   unblock: { id: 'group.group_mod_unblock', defaultMessage: 'Unban' },
-  unblocked: { id: 'group.group_mod_unblock.success', defaultMessage: 'Unbanned @{name} from group' },
+  unblocked: {
+    id: 'group.group_mod_unblock.success',
+    defaultMessage: 'Unbanned @{name} from group',
+  },
 });
 
 interface IBlockedMember {
@@ -33,9 +36,9 @@ const BlockedMember: React.FC<IBlockedMember> = ({ accountId, groupId }) => {
 
   if (!account) return null;
 
-  const handleUnblock = () =>{
+  const handleUnblock = () => {
     unblockGroupUser(undefined, {
-      onSuccess: () =>{
+      onSuccess: () => {
         toast.success(intl.formatMessage(messages.unblocked, { name: account.acct }));
       },
     });
@@ -72,21 +75,30 @@ const GroupBlockedMembers: React.FC = () => {
     );
   }
 
-  if (!group.relationship.role || !['owner', 'admin', 'moderator'].includes(group.relationship.role)) {
-    return (<ColumnForbidden />);
+  if (
+    !group.relationship.role ||
+    !['owner', 'admin', 'moderator'].includes(group.relationship.role)
+  ) {
+    return <ColumnForbidden />;
   }
 
-  const emptyMessage = <FormattedMessage id='empty_column.group_blocks' defaultMessage="The group hasn't banned any users yet." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.group_blocks'
+      defaultMessage="The group hasn't banned any users yet."
+    />
+  );
 
   return (
-    <Column label={intl.formatMessage(messages.heading)} backHref='/groups/$groupId/manage' backParams={{ groupId: group.id }}>
-      <ScrollableList
-        scrollKey={`groupBlockedMembers:${groupId}`}
-        emptyMessageText={emptyMessage}
-      >
-        {accountIds.map((accountId) =>
-          <BlockedMember key={accountId} accountId={accountId} groupId={groupId} />,
-        )}
+    <Column
+      label={intl.formatMessage(messages.heading)}
+      backHref='/groups/$groupId/manage'
+      backParams={{ groupId: group.id }}
+    >
+      <ScrollableList scrollKey={`groupBlockedMembers:${groupId}`} emptyMessageText={emptyMessage}>
+        {accountIds.map((accountId) => (
+          <BlockedMember key={accountId} accountId={accountId} groupId={groupId} />
+        ))}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/groups/group-gallery.tsx b/packages/pl-fe/src/pages/groups/group-gallery.tsx
index 6054e397b..f248c11f9 100644
--- a/packages/pl-fe/src/pages/groups/group-gallery.tsx
+++ b/packages/pl-fe/src/pages/groups/group-gallery.tsx
@@ -18,7 +18,13 @@ const GroupGallery: React.FC = () => {
 
   const { group, isLoading: groupIsLoading } = useGroup(groupId);
 
-  const { data: attachments, isFetching, isLoading, hasNextPage, fetchNextPage } = useGroupGallery(groupId);
+  const {
+    data: attachments,
+    isFetching,
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+  } = useGroupGallery(groupId);
 
   const handleOpenMedia = (attachment: AccountGalleryAttachment) => {
     openModal('MEDIA', { index: attachment.index, statusId: attachment.status_id });
@@ -44,7 +50,10 @@ const GroupGallery: React.FC = () => {
 
   return (
     <Column label={group.display_name} transparent withHeader={false}>
-      <div role='feed' className='mt-4 grid grid-cols-2 gap-1 overflow-hidden rounded-md sm:grid-cols-3'>
+      <div
+        role='feed'
+        className='mt-4 grid grid-cols-2 gap-1 overflow-hidden rounded-md sm:grid-cols-3'
+      >
         {attachments.map((attachment, index) => (
           <MediaItem
             key={`${attachment.status_id}+${attachment.id}`}
@@ -54,7 +63,7 @@ const GroupGallery: React.FC = () => {
           />
         ))}
 
-        {(!isLoading && attachments.length === 0) && (
+        {!isLoading && attachments.length === 0 && (
           <div className='empty-column-indicator col-span-2 sm:col-span-3'>
             <FormattedMessage id='account_gallery.none' defaultMessage='No media to show.' />
           </div>
@@ -62,7 +71,11 @@ const GroupGallery: React.FC = () => {
       </div>
 
       {hasNextPage && (
-        <LoadMore className='mt-4' disabled={isFetching} onClick={() => fetchNextPage({ cancelRefetch: false })} />
+        <LoadMore
+          className='mt-4'
+          disabled={isFetching}
+          onClick={() => fetchNextPage({ cancelRefetch: false })}
+        />
       )}
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/groups/group-members.tsx b/packages/pl-fe/src/pages/groups/group-members.tsx
index b25fc3101..6c85a1eb7 100644
--- a/packages/pl-fe/src/pages/groups/group-members.tsx
+++ b/packages/pl-fe/src/pages/groups/group-members.tsx
@@ -17,16 +17,22 @@ const GroupMembers: React.FC = () => {
   const { group, isFetching: isFetchingGroup } = useGroup(groupId);
   const { data: owners, isFetching: isFetchingOwners } = useGroupMembers(groupId, GroupRoles.OWNER);
   const { data: admins, isFetching: isFetchingAdmins } = useGroupMembers(groupId, GroupRoles.ADMIN);
-  const { data: users, isFetching: isFetchingUsers, fetchNextPage, hasNextPage } = useGroupMembers(groupId, GroupRoles.USER);
-  const { isFetching: isFetchingPending, count: pendingCount } = useGroupMembershipRequests(groupId);
+  const {
+    data: users,
+    isFetching: isFetchingUsers,
+    fetchNextPage,
+    hasNextPage,
+  } = useGroupMembers(groupId, GroupRoles.USER);
+  const { isFetching: isFetchingPending, count: pendingCount } =
+    useGroupMembershipRequests(groupId);
 
-  const isLoading = isFetchingGroup || isFetchingOwners || isFetchingAdmins || isFetchingUsers || isFetchingPending;
+  const isLoading =
+    isFetchingGroup || isFetchingOwners || isFetchingAdmins || isFetchingUsers || isFetchingPending;
 
-  const members = useMemo(() => [
-    ...(owners ?? []),
-    ...(admins ?? []),
-    ...(users ?? []),
-  ], [owners, admins, users]);
+  const members = useMemo(
+    () => [...(owners ?? []), ...(admins ?? []), ...(users ?? [])],
+    [owners, admins, users],
+  );
 
   return (
     <>
@@ -35,27 +41,29 @@ const GroupMembers: React.FC = () => {
         hasMore={hasNextPage}
         onLoadMore={fetchNextPage}
         isLoading={!group || isLoading}
-        showLoading={!group || (isFetchingPending ?? isLoading) && members.length === 0}
+        showLoading={!group || ((isFetchingPending ?? isLoading) && members.length === 0)}
         placeholderComponent={PlaceholderAccount}
         placeholderCount={3}
         className='⁂-status-list'
         itemClassName='py-3 last:pb-0'
-        prepend={(pendingCount > 0) && (
-          <div className={clsx('py-3', { 'border-b border-gray-200 dark:border-gray-800': members.length })}>
-            <PendingItemsRow
-              to='/groups/$groupId/manage/requests'
-              params={{ groupId: group?.id! }}
-              count={pendingCount}
-            />
-          </div>
-        )}
+        prepend={
+          pendingCount > 0 && (
+            <div
+              className={clsx('py-3', {
+                'border-b border-gray-200 dark:border-gray-800': members.length,
+              })}
+            >
+              <PendingItemsRow
+                to='/groups/$groupId/manage/requests'
+                params={{ groupId: group?.id! }}
+                count={pendingCount}
+              />
+            </div>
+          )
+        }
       >
         {members.map((member) => (
-          <GroupMemberListItem
-            group={group!}
-            member={member}
-            key={member.account_id}
-          />
+          <GroupMemberListItem group={group!} member={member} key={member.account_id} />
         ))}
       </ScrollableList>
     </>
diff --git a/packages/pl-fe/src/pages/groups/group-membership-requests.tsx b/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
index 046704089..286439ee5 100644
--- a/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
+++ b/packages/pl-fe/src/pages/groups/group-membership-requests.tsx
@@ -18,7 +18,10 @@ import type { Account as AccountEntity } from 'pl-api';
 
 const messages = defineMessages({
   heading: { id: 'column.group_pending_requests', defaultMessage: 'Pending requests' },
-  authorizeFail: { id: 'group.group_mod_authorize.fail', defaultMessage: 'Failed to approve @{name}' },
+  authorizeFail: {
+    id: 'group.group_mod_authorize.fail',
+    defaultMessage: 'Failed to approve @{name}',
+  },
   rejectFail: { id: 'group.group_mod_reject.fail', defaultMessage: 'Failed to reject @{name}' },
 });
 
@@ -66,7 +69,10 @@ const GroupMembershipRequests: React.FC = () => {
     );
   }
 
-  if (!group.relationship.role || !['owner', 'admin', 'moderator'].includes(group.relationship.role)) {
+  if (
+    !group.relationship.role ||
+    !['owner', 'admin', 'moderator'].includes(group.relationship.role)
+  ) {
     return <ColumnForbidden />;
   }
 
@@ -108,7 +114,12 @@ const GroupMembershipRequests: React.FC = () => {
     <Column label={intl.formatMessage(messages.heading)}>
       <ScrollableList
         scrollKey={`groupMembershipRequests:${groupId}`}
-        emptyMessageText={<FormattedMessage id='empty_column.group_membership_requests' defaultMessage='There are no pending membership requests for this group.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='empty_column.group_membership_requests'
+            defaultMessage='There are no pending membership requests for this group.'
+          />
+        }
       >
         {accounts.map((account) => (
           <MembershipRequest
diff --git a/packages/pl-fe/src/pages/groups/groups.tsx b/packages/pl-fe/src/pages/groups/groups.tsx
index dccf86a06..e072f314b 100644
--- a/packages/pl-fe/src/pages/groups/groups.tsx
+++ b/packages/pl-fe/src/pages/groups/groups.tsx
@@ -22,7 +22,7 @@ const Groups: React.FC = () => {
     }
   };
 
-  const createGroup = () =>{
+  const createGroup = () => {
     openModal('CREATE_GROUP');
   };
 
@@ -30,10 +30,7 @@ const Groups: React.FC = () => {
     <Stack space={4} alignItems='center' justifyContent='center' className='py-6'>
       <Stack space={2} className='max-w-sm'>
         <Text size='2xl' weight='bold' tag='h2' align='center'>
-          <FormattedMessage
-            id='groups.empty.title'
-            defaultMessage='No groups yet'
-          />
+          <FormattedMessage id='groups.empty.title' defaultMessage='No groups yet' />
         </Text>
 
         <Text size='sm' theme='muted' align='center'>
@@ -44,11 +41,7 @@ const Groups: React.FC = () => {
         </Text>
       </Stack>
 
-      <Button
-        className='self-center'
-        onClick={createGroup}
-        theme='secondary'
-      >
+      <Button className='self-center' onClick={createGroup} theme='secondary'>
         <FormattedMessage id='new_group_panel.action' defaultMessage='Create group' />
       </Button>
     </Stack>
diff --git a/packages/pl-fe/src/pages/groups/manage-group.tsx b/packages/pl-fe/src/pages/groups/manage-group.tsx
index 6bb00adbd..5be4cde10 100644
--- a/packages/pl-fe/src/pages/groups/manage-group.tsx
+++ b/packages/pl-fe/src/pages/groups/manage-group.tsx
@@ -24,7 +24,11 @@ const messages = defineMessages({
   deleteGroup: { id: 'manage_group.delete_group', defaultMessage: 'Delete group' },
   deleteConfirm: { id: 'confirmations.delete_group.confirm', defaultMessage: 'Delete' },
   deleteHeading: { id: 'confirmations.delete_group.heading', defaultMessage: 'Delete group' },
-  deleteMessage: { id: 'confirmations.delete_group.message', defaultMessage: 'Are you sure you want to delete this group? This is a permanent action that cannot be undone.' },
+  deleteMessage: {
+    id: 'confirmations.delete_group.message',
+    defaultMessage:
+      'Are you sure you want to delete this group? This is a permanent action that cannot be undone.',
+  },
   members: { id: 'group.tabs.members', defaultMessage: 'Members' },
   other: { id: 'settings.other', defaultMessage: 'Other options' },
   deleteSuccess: { id: 'group.delete.success', defaultMessage: 'Group successfully deleted' },
@@ -51,11 +55,14 @@ const ManageGroup: React.FC = () => {
     );
   }
 
-  if (!group.relationship.role || !['owner', 'admin', 'moderator'].includes(group.relationship.role)) {
-    return (<ColumnForbidden />);
+  if (
+    !group.relationship.role ||
+    !['owner', 'admin', 'moderator'].includes(group.relationship.role)
+  ) {
+    return <ColumnForbidden />;
   }
 
-  const onDeleteGroup = () =>{
+  const onDeleteGroup = () => {
     openModal('CONFIRM', {
       heading: intl.formatMessage(messages.deleteHeading),
       message: intl.formatMessage(messages.deleteMessage),
@@ -72,7 +79,11 @@ const ManageGroup: React.FC = () => {
   };
 
   return (
-    <Column label={intl.formatMessage(messages.heading)} backHref='/groups/$groupId' backParams={{ groupId: group.id }}>
+    <Column
+      label={intl.formatMessage(messages.heading)}
+      backHref='/groups/$groupId'
+      backParams={{ groupId: group.id }}
+    >
       <CardBody className='space-y-4'>
         {isOwner && (
           <>
@@ -81,8 +92,14 @@ const ManageGroup: React.FC = () => {
             </CardHeader>
 
             <List>
-              <ListItem label={intl.formatMessage(messages.editGroup)} to='/groups/$groupId/manage/edit' params={{ groupId: group.id }}>
-                <span><Emojify text={group.display_name} emojis={group.emojis} /></span>
+              <ListItem
+                label={intl.formatMessage(messages.editGroup)}
+                to='/groups/$groupId/manage/edit'
+                params={{ groupId: group.id }}
+              >
+                <span>
+                  <Emojify text={group.display_name} emojis={group.emojis} />
+                </span>
               </ListItem>
             </List>
           </>
@@ -93,9 +110,17 @@ const ManageGroup: React.FC = () => {
         </CardHeader>
 
         <List>
-          <ListItem label={intl.formatMessage(messages.pendingRequests)} to='/groups/$groupId/manage/requests' params={{ groupId: group.id }} />
+          <ListItem
+            label={intl.formatMessage(messages.pendingRequests)}
+            to='/groups/$groupId/manage/requests'
+            params={{ groupId: group.id }}
+          />
 
-          <ListItem label={intl.formatMessage(messages.blockedMembers)} to='/groups/$groupId/manage/blocks' params={{ groupId: group.id }} />
+          <ListItem
+            label={intl.formatMessage(messages.blockedMembers)}
+            to='/groups/$groupId/manage/blocks'
+            params={{ groupId: group.id }}
+          />
         </List>
 
         {isOwner && (
@@ -105,7 +130,10 @@ const ManageGroup: React.FC = () => {
             </CardHeader>
 
             <List>
-              <ListItem label={<Text theme='danger'>{intl.formatMessage(messages.deleteGroup)}</Text>} onClick={onDeleteGroup} />
+              <ListItem
+                label={<Text theme='danger'>{intl.formatMessage(messages.deleteGroup)}</Text>}
+                onClick={onDeleteGroup}
+              />
             </List>
           </>
         )}
diff --git a/packages/pl-fe/src/pages/search/search.tsx b/packages/pl-fe/src/pages/search/search.tsx
index 77229469c..d73520c55 100644
--- a/packages/pl-fe/src/pages/search/search.tsx
+++ b/packages/pl-fe/src/pages/search/search.tsx
@@ -75,7 +75,10 @@ const SearchInput: React.FC<ISearchInput> = ({ className, placeholder, query })
 
   return (
     <div
-      className={clsx('z-10 w-full bg-white/90 backdrop-blur backdrop-saturate-200 black:bg-black/75 dark:bg-primary-900/90', className)}
+      className={clsx(
+        'z-10 w-full bg-white/90 backdrop-blur backdrop-saturate-200 black:bg-black/75 dark:bg-primary-900/90',
+        className,
+      )}
     >
       <div className='relative'>
         <Input
@@ -95,7 +98,11 @@ const SearchInput: React.FC<ISearchInput> = ({ className, placeholder, query })
           tabIndex={0}
           className='absolute inset-y-0 right-0 flex cursor-pointer items-center px-3 rtl:left-0 rtl:right-auto'
           onClick={handleClick}
-          title={query === value ? intl.formatMessage(messages.clear) : intl.formatMessage(messages.placeholder)}
+          title={
+            query === value
+              ? intl.formatMessage(messages.clear)
+              : intl.formatMessage(messages.placeholder)
+          }
         >
           {query === value ? (
             <SvgIcon
@@ -127,7 +134,12 @@ const SearchResults = () => {
   const selectFilter = (newActiveFilter: SearchFilter) => {
     if (newActiveFilter === selectedFilter) {
       queryClient.refetchQueries({
-        queryKey: ['search', newActiveFilter, value, newActiveFilter === 'statuses' ? { account_id: accountId } : undefined],
+        queryKey: [
+          'search',
+          newActiveFilter,
+          value,
+          newActiveFilter === 'statuses' ? { account_id: accountId } : undefined,
+        ],
         exact: true,
       });
     } else navigate({ search: (prev) => ({ ...prev, type: newActiveFilter }) });
@@ -144,34 +156,35 @@ const SearchResults = () => {
     items.push(
       {
         text: intl.formatMessage(messages.accounts),
-        action: () =>{
+        action: () => {
           selectFilter('accounts');
         },
         name: 'accounts',
       },
       {
         text: intl.formatMessage(messages.statuses),
-        action: () =>{
+        action: () => {
           selectFilter('statuses');
         },
         name: 'statuses',
       },
       {
         text: intl.formatMessage(messages.hashtags),
-        action: () =>{
+        action: () => {
           selectFilter('hashtags');
         },
         name: 'hashtags',
       },
     );
 
-    if (!submitted && features.trendingLinks) items.push({
-      text: intl.formatMessage(messages.links),
-      action: () =>{
-        selectFilter('links');
-      },
-      name: 'links',
-    });
+    if (!submitted && features.trendingLinks)
+      items.push({
+        text: intl.formatMessage(messages.links),
+        action: () => {
+          selectFilter('links');
+        },
+        name: 'links',
+      });
 
     return <Tabs items={items} activeItem={selectedFilter} />;
   };
@@ -179,8 +192,17 @@ const SearchResults = () => {
   return (
     <>
       {accountId ? (
-        <HStack className='border-b border-solid border-gray-200 p-2 pb-4 dark:border-gray-800' alignItems='center' space={2}>
-          <IconButton className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/x.svg')} onClick={handleUnsetAccount} />
+        <HStack
+          className='border-b border-solid border-gray-200 p-2 pb-4 dark:border-gray-800'
+          alignItems='center'
+          space={2}
+        >
+          <IconButton
+            className='text-gray-400 hover:text-gray-600'
+            iconClassName='h-5 w-5'
+            src={require('@phosphor-icons/core/regular/x.svg')}
+            onClick={handleUnsetAccount}
+          />
           <Text truncate>
             <FormattedMessage
               id='search_results.filter_message'
@@ -189,7 +211,9 @@ const SearchResults = () => {
             />
           </Text>
         </HStack>
-      ) : renderFilterBar()}
+      ) : (
+        renderFilterBar()
+      )}
 
       <SearchColumn query={value} type={selectedFilter} accountId={accountId} />
     </>
diff --git a/packages/pl-fe/src/pages/settings/aliases.tsx b/packages/pl-fe/src/pages/settings/aliases.tsx
index d7c683bcd..bddc2bb09 100644
--- a/packages/pl-fe/src/pages/settings/aliases.tsx
+++ b/packages/pl-fe/src/pages/settings/aliases.tsx
@@ -15,14 +15,21 @@ import Text from '@/components/ui/text';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useFeatures } from '@/hooks/use-features';
 import { useSearchAccounts } from '@/queries/search/use-search';
-import { useAccountAliases, useAddAccountAlias, useDeleteAccountAlias } from '@/queries/settings/use-account-aliases';
+import {
+  useAccountAliases,
+  useAddAccountAlias,
+  useDeleteAccountAlias,
+} from '@/queries/settings/use-account-aliases';
 
 const messages = defineMessages({
   heading: { id: 'column.aliases', defaultMessage: 'Account aliases' },
   subheading_add_new: { id: 'column.aliases.subheading_add_new', defaultMessage: 'Add new alias' },
   create_error: { id: 'column.aliases.create_error', defaultMessage: 'Error creating alias' },
   delete_error: { id: 'column.aliases.delete_error', defaultMessage: 'Error deleting alias' },
-  subheading_aliases: { id: 'column.aliases.subheading_aliases', defaultMessage: 'Current aliases' },
+  subheading_aliases: {
+    id: 'column.aliases.subheading_aliases',
+    defaultMessage: 'Current aliases',
+  },
   delete: { id: 'column.aliases.delete', defaultMessage: 'Delete' },
   add: { id: 'aliases.account.add', defaultMessage: 'Create alias' },
   search: { id: 'aliases.search', defaultMessage: 'Search your old account' },
@@ -48,7 +55,7 @@ const Account: React.FC<IAccount> = ({ accountId, aliases }) => {
   const name = features.accountMoving ? account?.acct : apId;
   const added = name ? aliases.includes(name) : false;
 
-  const handleOnAdd = () =>{
+  const handleOnAdd = () => {
     addAccountAlias(name!);
   };
 
@@ -58,7 +65,13 @@ const Account: React.FC<IAccount> = ({ accountId, aliases }) => {
 
   if (!added && accountId !== me) {
     button = (
-      <IconButton src={require('@phosphor-icons/core/regular/plus.svg')} className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' title={intl.formatMessage(messages.add)} onClick={handleOnAdd} />
+      <IconButton
+        src={require('@phosphor-icons/core/regular/plus.svg')}
+        className='text-gray-400 hover:text-gray-600'
+        iconClassName='h-5 w-5'
+        title={intl.formatMessage(messages.add)}
+        onClick={handleOnAdd}
+      />
     );
   }
 
@@ -120,7 +133,11 @@ const Search: React.FC<IAliasesSearch> = ({ onSubmit }) => {
           onClick={handleClear}
           title={intl.formatMessage(messages.clear)}
         >
-          <Icon src={require('@phosphor-icons/core/regular/backspace.svg')} className={clsx('size-5 text-gray-600', { 'hidden': !hasValue })} aria-hidden />
+          <Icon
+            src={require('@phosphor-icons/core/regular/backspace.svg')}
+            className={clsx('size-5 text-gray-600', { hidden: !hasValue })}
+            aria-hidden
+          />
         </button>
       </label>
       <Button onClick={handleSubmit}>{intl.formatMessage(messages.searchTitle)}</Button>
@@ -137,11 +154,16 @@ const AliasesPage = () => {
   const { data: searchAccountIds = [], isFetched } = useSearchAccounts(query);
   const { mutate: deleteAccountAlias } = useDeleteAccountAlias();
 
-  const handleAliasDelete: React.MouseEventHandler<HTMLButtonElement> = e => {
+  const handleAliasDelete: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     deleteAccountAlias(e.currentTarget.dataset.value as string);
   };
 
-  const emptyMessage = <FormattedMessage id='empty_column.aliases' defaultMessage="You haven't created any account alias yet." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.aliases'
+      defaultMessage="You haven't created any account alias yet."
+    />
+  );
 
   return (
     <Column className='flex-1' label={intl.formatMessage(messages.heading)}>
@@ -149,36 +171,44 @@ const AliasesPage = () => {
         <CardTitle title={intl.formatMessage(messages.subheading_add_new)} />
       </CardHeader>
       <Search onSubmit={setQuery} />
-      {
-        isFetched && searchAccountIds.length === 0 ? (
-          <div className='empty-column-indicator'>
-            <FormattedMessage id='empty_column.aliases.suggestions' defaultMessage='There are no account suggestions available for the provided term.' />
-          </div>
-        ) : (
-          <div className='mb-4 max-h-72 overflow-y-auto'>
-            {searchAccountIds.map(accountId => <Account key={accountId} accountId={accountId} aliases={aliases} />)}
-          </div>
-        )
-      }
+      {isFetched && searchAccountIds.length === 0 ? (
+        <div className='empty-column-indicator'>
+          <FormattedMessage
+            id='empty_column.aliases.suggestions'
+            defaultMessage='There are no account suggestions available for the provided term.'
+          />
+        </div>
+      ) : (
+        <div className='mb-4 max-h-72 overflow-y-auto'>
+          {searchAccountIds.map((accountId) => (
+            <Account key={accountId} accountId={accountId} aliases={aliases} />
+          ))}
+        </div>
+      )}
       <CardHeader>
         <CardTitle title={intl.formatMessage(messages.subheading_aliases)} />
       </CardHeader>
       <div className='flex-1'>
-        <ScrollableList
-          scrollKey='aliases'
-          emptyMessageText={emptyMessage}
-        >
+        <ScrollableList scrollKey='aliases' emptyMessageText={emptyMessage}>
           {aliases.map((alias, i) => (
             <HStack alignItems='center' justifyContent='between' space={1} key={i} className='p-2'>
               <div>
-                <Text tag='span' theme='muted'><FormattedMessage id='aliases.account_label' defaultMessage='Old account:' /></Text>
-                {' '}
+                <Text tag='span' theme='muted'>
+                  <FormattedMessage id='aliases.account_label' defaultMessage='Old account:' />
+                </Text>{' '}
                 <Text tag='span'>{alias}</Text>
               </div>
-              <button onClick={handleAliasDelete} data-value={alias} aria-label={intl.formatMessage(messages.delete)}>
+              <button
+                onClick={handleAliasDelete}
+                data-value={alias}
+                aria-label={intl.formatMessage(messages.delete)}
+              >
                 <Text theme='muted' className='flex items-center gap-1'>
                   <Icon src={require('@phosphor-icons/core/regular/x.svg')} />
-                  <FormattedMessage id='aliases.aliases_list_delete' defaultMessage='Unlink alias' />
+                  <FormattedMessage
+                    id='aliases.aliases_list_delete'
+                    defaultMessage='Unlink alias'
+                  />
                 </Text>
               </button>
             </HStack>
diff --git a/packages/pl-fe/src/pages/settings/auth-token-list.tsx b/packages/pl-fe/src/pages/settings/auth-token-list.tsx
index d8406886c..ace452527 100644
--- a/packages/pl-fe/src/pages/settings/auth-token-list.tsx
+++ b/packages/pl-fe/src/pages/settings/auth-token-list.tsx
@@ -12,7 +12,10 @@ import Spinner from '@/components/ui/spinner';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 import { useAppSelector } from '@/hooks/use-app-selector';
-import { oauthTokensQueryOptions, revokeOauthTokenMutationOptions } from '@/queries/security/oauth-tokens';
+import {
+  oauthTokensQueryOptions,
+  revokeOauthTokenMutationOptions,
+} from '@/queries/security/oauth-tokens';
 import { useModalsActions } from '@/stores/modals';
 
 import type { OauthToken } from 'pl-api';
@@ -20,8 +23,14 @@ import type { OauthToken } from 'pl-api';
 const messages = defineMessages({
   header: { id: 'column.tokens', defaultMessage: 'Active sessions' },
   revoke: { id: 'security.tokens.revoke', defaultMessage: 'Revoke' },
-  revokeSessionHeading: { id: 'confirmations.revoke_session.heading', defaultMessage: 'Revoke current session' },
-  revokeSessionMessage: { id: 'confirmations.revoke_session.message', defaultMessage: 'You are about to revoke your current session. You will be signed out.' },
+  revokeSessionHeading: {
+    id: 'confirmations.revoke_session.heading',
+    defaultMessage: 'Revoke current session',
+  },
+  revokeSessionMessage: {
+    id: 'confirmations.revoke_session.message',
+    defaultMessage: 'You are about to revoke your current session. You will be signed out.',
+  },
   revokeSessionConfirm: { id: 'confirmations.revoke_session.confirm', defaultMessage: 'Revoke' },
 });
 
@@ -72,10 +81,7 @@ const AuthToken: React.FC<IAuthToken> = ({ token, isCurrent }) => {
           {token.scopes?.length > 0 && (
             <HStack space={2} alignItems='center' wrap>
               <Text size='sm' theme='muted'>
-                <FormattedMessage
-                  id='security.tokens.scopes'
-                  defaultMessage='Scopes:'
-                />
+                <FormattedMessage id='security.tokens.scopes' defaultMessage='Scopes:' />
               </Text>
               {token.scopes.map((scope, index) => (
                 <Badge title={scope} slug='opaque' key={scope} />
@@ -87,15 +93,19 @@ const AuthToken: React.FC<IAuthToken> = ({ token, isCurrent }) => {
               <FormattedMessage
                 id='security.tokens.created_at'
                 defaultMessage='Created on {date}'
-                values={{ date: <FormattedDate
-                  value={token.created_at}
-                  hour12
-                  year='numeric'
-                  month='short'
-                  day='2-digit'
-                  hour='numeric'
-                  minute='2-digit'
-                /> }}
+                values={{
+                  date: (
+                    <FormattedDate
+                      value={token.created_at}
+                      hour12
+                      year='numeric'
+                      month='short'
+                      day='2-digit'
+                      hour='numeric'
+                      minute='2-digit'
+                    />
+                  ),
+                }}
               />
             </Text>
           )}
@@ -104,15 +114,19 @@ const AuthToken: React.FC<IAuthToken> = ({ token, isCurrent }) => {
               <FormattedMessage
                 id='security.tokens.last_used'
                 defaultMessage='Last used on {date}'
-                values={{ date: <FormattedDate
-                  value={token.last_used}
-                  hour12
-                  year='numeric'
-                  month='short'
-                  day='2-digit'
-                  hour='numeric'
-                  minute='2-digit'
-                /> }}
+                values={{
+                  date: (
+                    <FormattedDate
+                      value={token.last_used}
+                      hour12
+                      year='numeric'
+                      month='short'
+                      day='2-digit'
+                      hour='numeric'
+                      minute='2-digit'
+                    />
+                  ),
+                }}
               />
             </Text>
           )}
@@ -121,15 +135,19 @@ const AuthToken: React.FC<IAuthToken> = ({ token, isCurrent }) => {
               <FormattedMessage
                 id='security.tokens.valid_until'
                 defaultMessage='Expires on {date}'
-                values={{ date: <FormattedDate
-                  value={token.valid_until}
-                  hour12
-                  year='numeric'
-                  month='short'
-                  day='2-digit'
-                  hour='numeric'
-                  minute='2-digit'
-                /> }}
+                values={{
+                  date: (
+                    <FormattedDate
+                      value={token.valid_until}
+                      hour12
+                      year='numeric'
+                      month='short'
+                      day='2-digit'
+                      hour='numeric'
+                      minute='2-digit'
+                    />
+                  ),
+                }}
               />
             </Text>
           )}
@@ -149,8 +167,10 @@ const AuthTokenListPage: React.FC = () => {
 
   const { data: tokens } = useInfiniteQuery(oauthTokensQueryOptions);
 
-  const currentTokenId = useAppSelector(state => {
-    const currentToken = Object.values(state.auth.tokens).find((token) => token.me === state.auth.me);
+  const currentTokenId = useAppSelector((state) => {
+    const currentToken = Object.values(state.auth.tokens).find(
+      (token) => token.me === state.auth.me,
+    );
 
     return currentToken?.id;
   });
@@ -158,10 +178,16 @@ const AuthTokenListPage: React.FC = () => {
   const body = tokens ? (
     <div className='grid grid-cols-1 gap-4 sm:grid-cols-2'>
       {tokens.map((token) => (
-        <AuthToken key={token.id} token={token} isCurrent={token.is_current ?? String(token.id) === currentTokenId} />
+        <AuthToken
+          key={token.id}
+          token={token}
+          isCurrent={token.is_current ?? String(token.id) === currentTokenId}
+        />
       ))}
     </div>
-  ) : <Spinner />;
+  ) : (
+    <Spinner />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.header)} transparent withHeader={false}>
@@ -170,9 +196,7 @@ const AuthTokenListPage: React.FC = () => {
           <CardTitle title={intl.formatMessage(messages.header)} />
         </CardHeader>
 
-        <CardBody>
-          {body}
-        </CardBody>
+        <CardBody>{body}</CardBody>
       </Card>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/settings/backups.tsx b/packages/pl-fe/src/pages/settings/backups.tsx
index 8156895c1..bb87f7937 100644
--- a/packages/pl-fe/src/pages/settings/backups.tsx
+++ b/packages/pl-fe/src/pages/settings/backups.tsx
@@ -52,7 +52,13 @@ const Backup: React.FC<IBackup> = ({ backup }) => {
           </Text>
         </Stack>
         <HStack justifyContent='end'>
-          {backup.processed ? <a href={backup.url} target='_blank'>{button}</a> : button}
+          {backup.processed ? (
+            <a href={backup.url} target='_blank'>
+              {button}
+            </a>
+          ) : (
+            button
+          )}
         </HStack>
       </Stack>
     </div>
@@ -65,7 +71,7 @@ const BackupsPage = () => {
   const { data: backups = [], isLoading } = useBackups();
   const { mutate: createBackup } = useCreateBackupMutation();
 
-  const handleCreateBackup: React.MouseEventHandler = e => {
+  const handleCreateBackup: React.MouseEventHandler = (e) => {
     createBackup();
     e.preventDefault();
   };
@@ -86,11 +92,17 @@ const BackupsPage = () => {
     </Card>
   );
 
-  const body = showLoading ? <Spinner /> : backups.length ? (
+  const body = showLoading ? (
+    <Spinner />
+  ) : backups.length ? (
     <div className='mb-4 grid grid-cols-1 gap-4 sm:grid-cols-2'>
-      {backups.map((backup) => <Backup key={backup.id} backup={backup} />)}
+      {backups.map((backup) => (
+        <Backup key={backup.id} backup={backup} />
+      ))}
     </div>
-  ) : emptyMessage;
+  ) : (
+    emptyMessage
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/settings/blocks.tsx b/packages/pl-fe/src/pages/settings/blocks.tsx
index d2debf2a2..62838995c 100644
--- a/packages/pl-fe/src/pages/settings/blocks.tsx
+++ b/packages/pl-fe/src/pages/settings/blocks.tsx
@@ -15,13 +15,7 @@ const messages = defineMessages({
 const BlocksPage: React.FC = () => {
   const intl = useIntl();
 
-  const {
-    data = [],
-    hasNextPage,
-    fetchNextPage,
-    isLoading,
-    isFetching,
-  } = useBlocks();
+  const { data = [], hasNextPage, fetchNextPage, isLoading, isFetching } = useBlocks();
 
   if (isLoading) {
     return (
@@ -31,7 +25,12 @@ const BlocksPage: React.FC = () => {
     );
   }
 
-  const emptyMessage = <FormattedMessage id='empty_column.blocks' defaultMessage="You haven't blocked any users yet." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.blocks'
+      defaultMessage="You haven't blocked any users yet."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -44,7 +43,12 @@ const BlocksPage: React.FC = () => {
         isLoading={isFetching}
       >
         {data.map(([accountId, blockExpiresAt]) => (
-          <AccountContainer key={accountId} id={accountId} actionType='blocking' blockExpiresAt={blockExpiresAt} />
+          <AccountContainer
+            key={accountId}
+            id={accountId}
+            actionType='blocking'
+            blockExpiresAt={blockExpiresAt}
+          />
         ))}
       </ScrollableList>
     </Column>
diff --git a/packages/pl-fe/src/pages/settings/delete-account.tsx b/packages/pl-fe/src/pages/settings/delete-account.tsx
index 494638735..b9cc213ed 100644
--- a/packages/pl-fe/src/pages/settings/delete-account.tsx
+++ b/packages/pl-fe/src/pages/settings/delete-account.tsx
@@ -18,8 +18,14 @@ const messages = defineMessages({
   passwordFieldLabel: { id: 'security.fields.password.label', defaultMessage: 'Password' },
   deleteHeader: { id: 'column.delete_account', defaultMessage: 'Delete account' },
   deleteSubmit: { id: 'security.submit.delete', defaultMessage: 'Delete account' },
-  deleteAccountSuccess: { id: 'security.delete_account.success', defaultMessage: 'Account successfully deleted.' },
-  deleteAccountFail: { id: 'security.delete_account.fail', defaultMessage: 'Account deletion failed.' },
+  deleteAccountSuccess: {
+    id: 'security.delete_account.success',
+    defaultMessage: 'Account successfully deleted.',
+  },
+  deleteAccountFail: {
+    id: 'security.delete_account.fail',
+    defaultMessage: 'Account deletion failed.',
+  },
 });
 
 const DeleteAccountPage = () => {
@@ -38,15 +44,18 @@ const DeleteAccountPage = () => {
 
   const handleSubmit = React.useCallback(() => {
     setLoading(true);
-    dispatch(deleteAccount(password)).then(() => {
-      setPassword('');
-      toast.success(intl.formatMessage(messages.deleteAccountSuccess));
-    }).finally(() => {
-      setLoading(false);
-    }).catch(() => {
-      setPassword('');
-      toast.error(intl.formatMessage(messages.deleteAccountFail));
-    });
+    dispatch(deleteAccount(password))
+      .then(() => {
+        setPassword('');
+        toast.success(intl.formatMessage(messages.deleteAccountSuccess));
+      })
+      .finally(() => {
+        setLoading(false);
+      })
+      .catch(() => {
+        setPassword('');
+        toast.error(intl.formatMessage(messages.deleteAccountFail));
+      });
   }, [password, dispatch, intl]);
 
   return (
@@ -58,14 +67,29 @@ const DeleteAccountPage = () => {
       <CardBody>
         <Stack space={4}>
           <Text theme='muted'>
-
-            {features.deleteAccountWithoutPassword
-              ? (features.federating
-                ? <FormattedMessage id='security.text.delete.without_password' defaultMessage='To delete your account, click Delete account. This is a permanent action that cannot be undone. Your account will be destroyed from this server, and a deletion request will be sent to other servers. It’s not guaranteed that all servers will purge your account.' />
-                : <FormattedMessage id='security.text.delete.local.without_password' defaultMessage='To delete your account, click Delete account. This is a permanent action that cannot be undone.' />)
-              : features.federating
-                ? <FormattedMessage id='security.text.delete' defaultMessage='To delete your account, enter your password and then click Delete account. This is a permanent action that cannot be undone. Your account will be destroyed from this server, and a deletion request will be sent to other servers. It’s not guaranteed that all servers will purge your account.' />
-                : <FormattedMessage id='security.text.delete.local' defaultMessage='To delete your account, enter your password and then click Delete account. This is a permanent action that cannot be undone.' />}
+            {features.deleteAccountWithoutPassword ? (
+              features.federating ? (
+                <FormattedMessage
+                  id='security.text.delete.without_password'
+                  defaultMessage='To delete your account, click Delete account. This is a permanent action that cannot be undone. Your account will be destroyed from this server, and a deletion request will be sent to other servers. It’s not guaranteed that all servers will purge your account.'
+                />
+              ) : (
+                <FormattedMessage
+                  id='security.text.delete.local.without_password'
+                  defaultMessage='To delete your account, click Delete account. This is a permanent action that cannot be undone.'
+                />
+              )
+            ) : features.federating ? (
+              <FormattedMessage
+                id='security.text.delete'
+                defaultMessage='To delete your account, enter your password and then click Delete account. This is a permanent action that cannot be undone. Your account will be destroyed from this server, and a deletion request will be sent to other servers. It’s not guaranteed that all servers will purge your account.'
+              />
+            ) : (
+              <FormattedMessage
+                id='security.text.delete.local'
+                defaultMessage='To delete your account, enter your password and then click Delete account. This is a permanent action that cannot be undone.'
+              />
+            )}
           </Text>
 
           <Form onSubmit={handleSubmit}>
diff --git a/packages/pl-fe/src/pages/settings/domain-blocks.tsx b/packages/pl-fe/src/pages/settings/domain-blocks.tsx
index 268ab2ea9..26ee700aa 100644
--- a/packages/pl-fe/src/pages/settings/domain-blocks.tsx
+++ b/packages/pl-fe/src/pages/settings/domain-blocks.tsx
@@ -32,7 +32,12 @@ const DomainBlocksPage: React.FC = () => {
     );
   }
 
-  const emptyMessage = <FormattedMessage id='empty_column.domain_blocks' defaultMessage='There are no hidden domains yet.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.domain_blocks'
+      defaultMessage='There are no hidden domains yet.'
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -43,9 +48,9 @@ const DomainBlocksPage: React.FC = () => {
         emptyMessageText={emptyMessage}
         listClassName='divide-y divide-gray-200 black:divide-gray-800 dark:divide-primary-800'
       >
-        {domains.map((domain) =>
-          <Domain key={domain} domain={domain} />,
-        )}
+        {domains.map((domain) => (
+          <Domain key={domain} domain={domain} />
+        ))}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/settings/edit-email.tsx b/packages/pl-fe/src/pages/settings/edit-email.tsx
index dc3e01245..81623c55d 100644
--- a/packages/pl-fe/src/pages/settings/edit-email.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-email.tsx
@@ -13,7 +13,10 @@ import toast from '@/toast';
 
 const messages = defineMessages({
   header: { id: 'column.change_email', defaultMessage: 'Change email' },
-  updateEmailSuccess: { id: 'security.update_email.success', defaultMessage: 'Email successfully updated.' },
+  updateEmailSuccess: {
+    id: 'security.update_email.success',
+    defaultMessage: 'Email successfully updated.',
+  },
   updateEmailFail: { id: 'security.update_email.fail', defaultMessage: 'Update email failed.' },
   emailFieldLabel: { id: 'security.fields.email.label', defaultMessage: 'Email address' },
   emailFieldPlaceholder: { id: 'edit_email.placeholder', defaultMessage: 'me@example.com' },
@@ -33,23 +36,29 @@ const EditEmailPage = () => {
 
   const { email, password } = state;
 
-  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback((event) => {
-    event.persist();
+  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(
+    (event) => {
+      event.persist();
 
-    setState((prevState) => ({ ...prevState, [event.target.name]: event.target.value }));
-  }, []);
+      setState((prevState) => ({ ...prevState, [event.target.name]: event.target.value }));
+    },
+    [],
+  );
 
   const handleSubmit = React.useCallback(() => {
     setLoading(true);
-    dispatch(changeEmail(email, password)).then(() => {
-      setState(initialState);
-      toast.success(intl.formatMessage(messages.updateEmailSuccess));
-    }).finally(() => {
-      setLoading(false);
-    }).catch(() => {
-      setState((prevState) => ({ ...prevState, password: '' }));
-      toast.error(intl.formatMessage(messages.updateEmailFail));
-    });
+    dispatch(changeEmail(email, password))
+      .then(() => {
+        setState(initialState);
+        toast.success(intl.formatMessage(messages.updateEmailSuccess));
+      })
+      .finally(() => {
+        setLoading(false);
+      })
+      .catch(() => {
+        setState((prevState) => ({ ...prevState, password: '' }));
+        toast.error(intl.formatMessage(messages.updateEmailFail));
+      });
   }, [email, password, dispatch, intl]);
 
   return (
@@ -67,17 +76,16 @@ const EditEmailPage = () => {
         </FormGroup>
 
         <FormGroup labelText={intl.formatMessage(messages.passwordFieldLabel)}>
-          <Input
-            type='password'
-            name='password'
-            onChange={handleInputChange}
-            value={password}
-          />
+          <Input type='password' name='password' onChange={handleInputChange} value={password} />
         </FormGroup>
 
         <FormActions>
-          <Button to='/settings' theme='tertiary'>{intl.formatMessage(messages.cancel)}</Button>
-          <Button type='submit' theme='primary' disabled={isLoading}>{intl.formatMessage(messages.submit)}</Button>
+          <Button to='/settings' theme='tertiary'>
+            {intl.formatMessage(messages.cancel)}
+          </Button>
+          <Button type='submit' theme='primary' disabled={isLoading}>
+            {intl.formatMessage(messages.submit)}
+          </Button>
         </FormActions>
       </Form>
     </Column>
diff --git a/packages/pl-fe/src/pages/settings/edit-filter.tsx b/packages/pl-fe/src/pages/settings/edit-filter.tsx
index 1d6db815c..54c2d2873 100644
--- a/packages/pl-fe/src/pages/settings/edit-filter.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-filter.tsx
@@ -45,14 +45,35 @@ const messages = defineMessages({
   conversations: { id: 'column.filters.conversations', defaultMessage: 'Conversations' },
   accounts: { id: 'column.filters.accounts', defaultMessage: 'Accounts' },
   drop_header: { id: 'column.filters.drop_header', defaultMessage: 'Drop instead of hide' },
-  drop_hint: { id: 'column.filters.drop_hint', defaultMessage: 'Filtered posts will disappear irreversibly, even if filter is later removed' },
+  drop_hint: {
+    id: 'column.filters.drop_hint',
+    defaultMessage: 'Filtered posts will disappear irreversibly, even if filter is later removed',
+  },
   hide_header: { id: 'column.filters.hide_header', defaultMessage: 'Hide completely' },
-  hide_hint: { id: 'column.filters.hide_hint', defaultMessage: 'Completely hide the filtered content, instead of showing a warning' },
-  filter_action_header: { id: 'column.filters.filter_action_header', defaultMessage: 'Filter action' },
-  filter_action_hint: { id: 'column.filters.filter_action_hint', defaultMessage: 'Choose which action to perform when a post matches the filter' },
-  filter_action_warn: { id: 'column.filters.filter_action_warn', defaultMessage: 'Hide with a warning' },
-  filter_action_blur: { id: 'column.filters.filter_action_blur', defaultMessage: 'Hide media with a warning' },
-  filter_action_hide: { id: 'column.filters.filter_action_hide', defaultMessage: 'Hide completely' },
+  hide_hint: {
+    id: 'column.filters.hide_hint',
+    defaultMessage: 'Completely hide the filtered content, instead of showing a warning',
+  },
+  filter_action_header: {
+    id: 'column.filters.filter_action_header',
+    defaultMessage: 'Filter action',
+  },
+  filter_action_hint: {
+    id: 'column.filters.filter_action_hint',
+    defaultMessage: 'Choose which action to perform when a post matches the filter',
+  },
+  filter_action_warn: {
+    id: 'column.filters.filter_action_warn',
+    defaultMessage: 'Hide with a warning',
+  },
+  filter_action_blur: {
+    id: 'column.filters.filter_action_blur',
+    defaultMessage: 'Hide media with a warning',
+  },
+  filter_action_hide: {
+    id: 'column.filters.filter_action_hide',
+    defaultMessage: 'Hide completely',
+  },
   add_new: { id: 'column.filters.add_new', defaultMessage: 'Add new filter' },
   edit: { id: 'column.filters.edit', defaultMessage: 'Edit filter' },
   create_error: { id: 'column.filters.create_error', defaultMessage: 'Error adding filter' },
@@ -68,9 +89,13 @@ const messages = defineMessages({
 const FilterField: StreamfieldComponent<IFilterField> = ({ value, onChange }) => {
   const intl = useIntl();
 
-  const handleChange = (key: string): React.ChangeEventHandler<HTMLInputElement> =>
-    e =>{
-      onChange({ ...value, [key]: e.currentTarget[e.currentTarget.type === 'checkbox' ? 'checked' : 'value'] });
+  const handleChange =
+    (key: string): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      onChange({
+        ...value,
+        [key]: e.currentTarget[e.currentTarget.type === 'checkbox' ? 'checked' : 'value'],
+      });
     };
 
   return (
@@ -83,10 +108,7 @@ const FilterField: StreamfieldComponent<IFilterField> = ({ value, onChange }) =>
         placeholder={intl.formatMessage(messages.keyword)}
       />
       <HStack alignItems='center' space={2}>
-        <Toggle
-          checked={value.whole_word}
-          onChange={handleChange('whole_word')}
-        />
+        <Toggle checked={value.whole_word} onChange={handleChange('whole_word')} />
 
         <Text tag='span' theme='muted'>
           <FormattedMessage id='column.filters.whole_word' defaultMessage='Whole word' />
@@ -117,21 +139,24 @@ const EditFilterPage: React.FC = () => {
   const [filterAction, setFilterAction] = useState<Filter['filter_action']>('warn');
   const [keywords, setKeywords] = useState<IFilterField[]>([{ keyword: '', whole_word: false }]);
 
-  const expirations = useMemo(() => ({
-    '': intl.formatMessage(messages.expiration_never),
-    1800: intl.formatMessage(messages.expiration_1800),
-    3600: intl.formatMessage(messages.expiration_3600),
-    21600: intl.formatMessage(messages.expiration_21600),
-    43200: intl.formatMessage(messages.expiration_43200),
-    86400: intl.formatMessage(messages.expiration_86400),
-    604800: intl.formatMessage(messages.expiration_604800),
-  }), []);
+  const expirations = useMemo(
+    () => ({
+      '': intl.formatMessage(messages.expiration_never),
+      1800: intl.formatMessage(messages.expiration_1800),
+      3600: intl.formatMessage(messages.expiration_3600),
+      21600: intl.formatMessage(messages.expiration_21600),
+      43200: intl.formatMessage(messages.expiration_43200),
+      86400: intl.formatMessage(messages.expiration_86400),
+      604800: intl.formatMessage(messages.expiration_604800),
+    }),
+    [],
+  );
 
-  const handleSelectChange: React.ChangeEventHandler<HTMLSelectElement> = e => {
+  const handleSelectChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {
     setExpiresIn(+e.target.value || undefined);
   };
 
-  const handleAddNew: React.FormEventHandler = e => {
+  const handleAddNew: React.FormEventHandler = (e) => {
     e.preventDefault();
     const context: Array<FilterContext> = [];
 
@@ -151,27 +176,33 @@ const EditFilterPage: React.FC = () => {
       context.push('account');
     }
 
-    dispatch(filterId !== 'new'
-      ? updateFilter(filterId, title, expiresIn, context, filterAction, keywords)
-      : createFilter(title, expiresIn, context, filterAction, keywords)).then(() => {
-      navigate({ to: '/filters' });
-    }).catch(() => {
-      toast.error(intl.formatMessage(messages.create_error));
-    });
+    dispatch(
+      filterId !== 'new'
+        ? updateFilter(filterId, title, expiresIn, context, filterAction, keywords)
+        : createFilter(title, expiresIn, context, filterAction, keywords),
+    )
+      .then(() => {
+        navigate({ to: '/filters' });
+      })
+      .catch(() => {
+        toast.error(intl.formatMessage(messages.create_error));
+      });
   };
 
-  const handleChangeKeyword = (keywords: { keyword: string; whole_word: boolean }[]) =>{
+  const handleChangeKeyword = (keywords: { keyword: string; whole_word: boolean }[]) => {
     setKeywords(keywords);
   };
 
-  const handleAddKeyword = () =>{
-    setKeywords(keywords => [...keywords, { keyword: '', whole_word: false }]);
+  const handleAddKeyword = () => {
+    setKeywords((keywords) => [...keywords, { keyword: '', whole_word: false }]);
   };
 
-  const handleRemoveKeyword = (i: number) =>{
-    setKeywords(keywords => keywords[i].id
-      ? keywords.map((keyword, index) => index === i ? { ...keyword, _destroy: true } : keyword)
-      : keywords.filter((_, index) => index !== i));
+  const handleRemoveKeyword = (i: number) => {
+    setKeywords((keywords) =>
+      keywords[i].id
+        ? keywords.map((keyword, index) => (index === i ? { ...keyword, _destroy: true } : keyword))
+        : keywords.filter((_, index) => index !== i),
+    );
   };
 
   useEffect(() => {
@@ -211,7 +242,10 @@ const EditFilterPage: React.FC = () => {
   );
 
   return (
-    <Column className='filter-settings-panel' label={intl.formatMessage(messages.subheading_add_new)}>
+    <Column
+      className='filter-settings-panel'
+      label={intl.formatMessage(messages.subheading_add_new)}
+    >
       <Form onSubmit={handleAddNew}>
         {features.filtersV2 ? (
           <FormGroup labelText={intl.formatMessage(messages.title)}>
@@ -220,19 +254,17 @@ const EditFilterPage: React.FC = () => {
               type='text'
               name='title'
               value={title}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setTitle(target.value);
               }}
             />
           </FormGroup>
-        ) : keywordsField}
+        ) : (
+          keywordsField
+        )}
 
         <FormGroup labelText={intl.formatMessage(messages.expires)}>
-          <SelectDropdown
-            items={expirations}
-            defaultValue=''
-            onChange={handleSelectChange}
-          />
+          <SelectDropdown items={expirations} defaultValue='' onChange={handleSelectChange} />
         </FormGroup>
 
         <Stack>
@@ -240,7 +272,10 @@ const EditFilterPage: React.FC = () => {
             <FormattedMessage id='filters.context_header' defaultMessage='Filter contexts' />
           </Text>
           <Text size='xs' theme='muted'>
-            <FormattedMessage id='filters.context_hint' defaultMessage='One or multiple contexts where the filter should apply' />
+            <FormattedMessage
+              id='filters.context_hint'
+              defaultMessage='One or multiple contexts where the filter should apply'
+            />
           </Text>
         </Stack>
 
@@ -248,7 +283,7 @@ const EditFilterPage: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.home_timeline)}>
             <Toggle
               checked={homeTimeline}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setHomeTimeline(target.checked);
               }}
             />
@@ -256,7 +291,7 @@ const EditFilterPage: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.public_timeline)}>
             <Toggle
               checked={publicTimeline}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setPublicTimeline(target.checked);
               }}
             />
@@ -264,7 +299,7 @@ const EditFilterPage: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.notifications)}>
             <Toggle
               checked={notifications}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setNotifications(target.checked);
               }}
             />
@@ -272,7 +307,7 @@ const EditFilterPage: React.FC = () => {
           <ListItem label={intl.formatMessage(messages.conversations)}>
             <Toggle
               checked={conversations}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setConversations(target.checked);
               }}
             />
@@ -281,7 +316,7 @@ const EditFilterPage: React.FC = () => {
             <ListItem label={intl.formatMessage(messages.accounts)}>
               <Toggle
                 checked={accounts}
-                onChange={({ target }) =>{
+                onChange={({ target }) => {
                   setAccounts(target.checked);
                 }}
               />
@@ -296,7 +331,8 @@ const EditFilterPage: React.FC = () => {
               hint={intl.formatMessage(messages.filter_action_hint)}
             >
               <Select
-                value={filterAction} onChange={({ target }) =>{
+                value={filterAction}
+                onChange={({ target }) => {
                   setFilterAction(target.value as Filter['filter_action']);
                 }}
               >
@@ -307,12 +343,16 @@ const EditFilterPage: React.FC = () => {
             </ListItem>
           ) : (
             <ListItem
-              label={intl.formatMessage(features.filtersV2 ? messages.hide_header : messages.drop_header)}
-              hint={intl.formatMessage(features.filtersV2 ? messages.hide_hint : messages.drop_hint)}
+              label={intl.formatMessage(
+                features.filtersV2 ? messages.hide_header : messages.drop_header,
+              )}
+              hint={intl.formatMessage(
+                features.filtersV2 ? messages.hide_hint : messages.drop_hint,
+              )}
             >
               <Toggle
                 checked={filterAction === 'hide'}
-                onChange={({ target }) =>{
+                onChange={({ target }) => {
                   setFilterAction(target.checked ? 'hide' : 'warn');
                 }}
               />
diff --git a/packages/pl-fe/src/pages/settings/edit-password.tsx b/packages/pl-fe/src/pages/settings/edit-password.tsx
index 210322668..5633c3e62 100644
--- a/packages/pl-fe/src/pages/settings/edit-password.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-password.tsx
@@ -12,12 +12,30 @@ import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import toast from '@/toast';
 
 const messages = defineMessages({
-  updatePasswordSuccess: { id: 'security.update_password.success', defaultMessage: 'Password successfully updated.' },
-  updatePasswordFail: { id: 'security.update_password.fail', defaultMessage: 'Update password failed.' },
-  passwordsNoMatch: { id: 'security.update_password.password_confirmation_no_match', defaultMessage: 'Passwords do not match.' },
-  oldPasswordFieldLabel: { id: 'security.fields.old_password.label', defaultMessage: 'Current password' },
-  newPasswordFieldLabel: { id: 'security.fields.new_password.label', defaultMessage: 'New password' },
-  confirmationFieldLabel: { id: 'security.fields.password_confirmation.label', defaultMessage: 'New password (again)' },
+  updatePasswordSuccess: {
+    id: 'security.update_password.success',
+    defaultMessage: 'Password successfully updated.',
+  },
+  updatePasswordFail: {
+    id: 'security.update_password.fail',
+    defaultMessage: 'Update password failed.',
+  },
+  passwordsNoMatch: {
+    id: 'security.update_password.password_confirmation_no_match',
+    defaultMessage: 'Passwords do not match.',
+  },
+  oldPasswordFieldLabel: {
+    id: 'security.fields.old_password.label',
+    defaultMessage: 'Current password',
+  },
+  newPasswordFieldLabel: {
+    id: 'security.fields.new_password.label',
+    defaultMessage: 'New password',
+  },
+  confirmationFieldLabel: {
+    id: 'security.fields.password_confirmation.label',
+    defaultMessage: 'New password (again)',
+  },
   header: { id: 'edit_password.header', defaultMessage: 'Change password' },
   submit: { id: 'security.submit', defaultMessage: 'Save changes' },
   cancel: { id: 'common.cancel', defaultMessage: 'Cancel' },
@@ -34,32 +52,38 @@ const EditPasswordPage = () => {
 
   const { currentPassword, newPassword, newPasswordConfirmation } = state;
 
-  const resetState = () =>{
+  const resetState = () => {
     setState(initialState);
   };
 
-  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback((event) => {
-    event.persist();
+  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = React.useCallback(
+    (event) => {
+      event.persist();
 
-    setState((prevState) => ({ ...prevState, [event.target.name]: event.target.value }));
-  }, []);
+      setState((prevState) => ({ ...prevState, [event.target.name]: event.target.value }));
+    },
+    [],
+  );
 
   const handleSubmit = React.useCallback(() => {
     if (newPassword !== newPasswordConfirmation) {
-      toast.error(intl.formatMessage(messages.passwordsNoMatch)); return;
+      toast.error(intl.formatMessage(messages.passwordsNoMatch));
+      return;
     }
 
     setLoading(true);
-    dispatch(changePassword(currentPassword, newPassword)).then(() => {
-      resetState();
-      toast.success(intl.formatMessage(messages.updatePasswordSuccess));
-
-    }).finally(() => {
-      setLoading(false);
-    }).catch(() => {
-      resetState();
-      toast.error(intl.formatMessage(messages.updatePasswordFail));
-    });
+    dispatch(changePassword(currentPassword, newPassword))
+      .then(() => {
+        resetState();
+        toast.success(intl.formatMessage(messages.updatePasswordSuccess));
+      })
+      .finally(() => {
+        setLoading(false);
+      })
+      .catch(() => {
+        resetState();
+        toast.error(intl.formatMessage(messages.updatePasswordFail));
+      });
   }, [currentPassword, newPassword, newPasswordConfirmation, dispatch, intl]);
 
   return (
@@ -97,7 +121,11 @@ const EditPasswordPage = () => {
             {intl.formatMessage(messages.cancel)}
           </Button>
 
-          <Button type='submit' theme='primary' disabled={isLoading || newPassword !== newPasswordConfirmation}>
+          <Button
+            type='submit'
+            theme='primary'
+            disabled={isLoading || newPassword !== newPasswordConfirmation}
+          >
             {intl.formatMessage(messages.submit)}
           </Button>
         </FormActions>
diff --git a/packages/pl-fe/src/pages/settings/edit-profile.tsx b/packages/pl-fe/src/pages/settings/edit-profile.tsx
index 9637cc1cc..625364999 100644
--- a/packages/pl-fe/src/pages/settings/edit-profile.tsx
+++ b/packages/pl-fe/src/pages/settings/edit-profile.tsx
@@ -35,29 +35,75 @@ import type { StreamfieldComponent } from '@/components/ui/streamfield';
  * Whether the user is hiding their follows and/or followers.
  * Pleroma's config is granular, but we simplify it into one setting.
  */
-const hidesNetwork = ({ __meta }: Pick<CredentialAccount, '__meta'>): boolean => Boolean(
-  __meta.pleroma?.hide_followers && __meta.pleroma?.hide_follows && __meta.pleroma?.hide_followers_count && __meta.pleroma?.hide_follows_count,
-);
+const hidesNetwork = ({ __meta }: Pick<CredentialAccount, '__meta'>): boolean =>
+  Boolean(
+    __meta.pleroma?.hide_followers &&
+    __meta.pleroma?.hide_follows &&
+    __meta.pleroma?.hide_followers_count &&
+    __meta.pleroma?.hide_follows_count,
+  );
 
 const messages = defineMessages({
   heading: { id: 'column.edit_profile', defaultMessage: 'Edit profile' },
-  metaFieldLabel: { id: 'edit_profile.fields.meta_fields.label_placeholder', defaultMessage: 'Label' },
-  metaFieldContent: { id: 'edit_profile.fields.meta_fields.content_placeholder', defaultMessage: 'Content' },
-  firstMetaFieldLabel: { id: 'edit_profile.fields.meta_fields.label_placeholder.first', defaultMessage: 'Label (e.g. pronouns)' },
-  success: { id: 'edit_profile.success', defaultMessage: 'Your profile has been successfully saved!' },
+  metaFieldLabel: {
+    id: 'edit_profile.fields.meta_fields.label_placeholder',
+    defaultMessage: 'Label',
+  },
+  metaFieldContent: {
+    id: 'edit_profile.fields.meta_fields.content_placeholder',
+    defaultMessage: 'Content',
+  },
+  firstMetaFieldLabel: {
+    id: 'edit_profile.fields.meta_fields.label_placeholder.first',
+    defaultMessage: 'Label (e.g. pronouns)',
+  },
+  success: {
+    id: 'edit_profile.success',
+    defaultMessage: 'Your profile has been successfully saved!',
+  },
   error: { id: 'edit_profile.error', defaultMessage: 'Profile update failed' },
-  bioPlaceholder: { id: 'edit_profile.fields.bio_placeholder', defaultMessage: 'Tell us about yourself.' },
-  displayNamePlaceholder: { id: 'edit_profile.fields.display_name_placeholder', defaultMessage: 'Name' },
-  locationPlaceholder: { id: 'edit_profile.fields.location_placeholder', defaultMessage: 'Location' },
+  bioPlaceholder: {
+    id: 'edit_profile.fields.bio_placeholder',
+    defaultMessage: 'Tell us about yourself.',
+  },
+  displayNamePlaceholder: {
+    id: 'edit_profile.fields.display_name_placeholder',
+    defaultMessage: 'Name',
+  },
+  locationPlaceholder: {
+    id: 'edit_profile.fields.location_placeholder',
+    defaultMessage: 'Location',
+  },
   cancel: { id: 'common.cancel', defaultMessage: 'Cancel' },
   mentionPolicyNone: { id: 'edit_profile.fields.mention_policy.none', defaultMessage: 'Everybody' },
-  mentionPolicyOnlyKnown: { id: 'edit_profile.fields.mention_policy.only_known', defaultMessage: 'Everybody except new accounts' },
-  mentionPolicyOnlyContacts: { id: 'edit_profile.fields.mention_policy.only_contacts', defaultMessage: 'People I follow and my followers' },
-  webLayoutMicroblog: { id: 'edit_profile.fields.web_layout.microblog', defaultMessage: 'Classic microblog layout' },
-  webLayoutGallery: { id: 'edit_profile.fields.web_layout.gallery', defaultMessage: 'Media-only gallery layout' },
-  webVisibilityPublic: { id: 'edit_profile.fields.web_visibility.public', defaultMessage: 'Show public posts only' },
-  webVisibilityUnlisted: { id: 'edit_profile.fields.web_visibility.unlisted', defaultMessage: 'Show public and unlisted posts' },
-  webVisibilityNone: { id: 'edit_profile.fields.web_visibility.none', defaultMessage: 'Show no posts' },
+  mentionPolicyOnlyKnown: {
+    id: 'edit_profile.fields.mention_policy.only_known',
+    defaultMessage: 'Everybody except new accounts',
+  },
+  mentionPolicyOnlyContacts: {
+    id: 'edit_profile.fields.mention_policy.only_contacts',
+    defaultMessage: 'People I follow and my followers',
+  },
+  webLayoutMicroblog: {
+    id: 'edit_profile.fields.web_layout.microblog',
+    defaultMessage: 'Classic microblog layout',
+  },
+  webLayoutGallery: {
+    id: 'edit_profile.fields.web_layout.gallery',
+    defaultMessage: 'Media-only gallery layout',
+  },
+  webVisibilityPublic: {
+    id: 'edit_profile.fields.web_visibility.public',
+    defaultMessage: 'Show public posts only',
+  },
+  webVisibilityUnlisted: {
+    id: 'edit_profile.fields.web_visibility.unlisted',
+    defaultMessage: 'Show public and unlisted posts',
+  },
+  webVisibilityNone: {
+    id: 'edit_profile.fields.web_visibility.none',
+    defaultMessage: 'Show no posts',
+  },
   customCSSLabel: { id: 'edit_profile.fields.custom_css_label', defaultMessage: 'Custom CSS' },
 });
 
@@ -144,10 +190,26 @@ const accountToCredentials = (account: CredentialAccount): AccountCredentials =>
   const hideNetwork = hidesNetwork(account);
 
   return {
-    ...(pick(account, ['birthday', 'bot', 'custom_css', 'discoverable', 'display_name', 'locked', 'location', 'avatar_description', 'header_description', 'enable_rss', 'hide_collections', 'is_cat', 'speak_as_cat', 'mention_policy'])),
-    ...(pick(account.source, ['note', 'web_include_boosts', 'web_layout', 'web_visibility'])),
-    fields_attributes: [...account.__meta.source?.fields ?? []],
-    stranger_notifications: account.__meta.pleroma?.notification_settings?.block_from_strangers === true,
+    ...pick(account, [
+      'birthday',
+      'bot',
+      'custom_css',
+      'discoverable',
+      'display_name',
+      'locked',
+      'location',
+      'avatar_description',
+      'header_description',
+      'enable_rss',
+      'hide_collections',
+      'is_cat',
+      'speak_as_cat',
+      'mention_policy',
+    ]),
+    ...pick(account.source, ['note', 'web_include_boosts', 'web_layout', 'web_visibility']),
+    fields_attributes: [...(account.__meta.source?.fields ?? [])],
+    stranger_notifications:
+      account.__meta.pleroma?.notification_settings?.block_from_strangers === true,
     hide_followers: hideNetwork,
     hide_follows: hideNetwork,
     hide_followers_count: hideNetwork,
@@ -155,12 +217,18 @@ const accountToCredentials = (account: CredentialAccount): AccountCredentials =>
   };
 };
 
-const ProfileField: StreamfieldComponent<AccountCredentialsField> = ({ index, value, onChange }) => {
+const ProfileField: StreamfieldComponent<AccountCredentialsField> = ({
+  index,
+  value,
+  onChange,
+}) => {
   const intl = useIntl();
 
-  const handleChange = (key: string): React.ChangeEventHandler<HTMLInputElement> => e => {
-    onChange({ ...value, [key]: e.currentTarget.value });
-  };
+  const handleChange =
+    (key: string): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      onChange({ ...value, [key]: e.currentTarget.value });
+    };
 
   return (
     <HStack space={2} grow>
@@ -169,7 +237,11 @@ const ProfileField: StreamfieldComponent<AccountCredentialsField> = ({ index, va
         outerClassName='w-2/5 grow'
         value={value.name}
         onChange={handleChange('name')}
-        placeholder={index === 0 ? intl.formatMessage(messages.firstMetaFieldLabel) : intl.formatMessage(messages.metaFieldLabel)}
+        placeholder={
+          index === 0
+            ? intl.formatMessage(messages.firstMetaFieldLabel)
+            : intl.formatMessage(messages.metaFieldLabel)
+        }
         onFocus={(e) => {
           const field: HTMLElement | null = e.target.closest('[draggable=true]');
           if (field) field.draggable = false;
@@ -212,8 +284,9 @@ const EditProfilePage: React.FC = () => {
     : instance.pleroma.metadata.fields_limits.max_fields;
 
   const attachmentTypes = useAppSelector(
-    state => state.instance.configuration.media_attachments.supported_mime_types)
-    ?.filter(type => type.startsWith('image/'))
+    (state) => state.instance.configuration.media_attachments.supported_mime_types,
+  )
+    ?.filter((type) => type.startsWith('image/'))
     .join(',');
 
   const [isLoading, setLoading] = useState(true);
@@ -221,24 +294,34 @@ const EditProfilePage: React.FC = () => {
   const [muteStrangers, setMuteStrangers] = useState(false);
   const [customCSSEditorExpanded, setCustomCSSEditorExpanded] = useState(false);
 
-  const avatar = useImageField({ maxPixels: 400 * 400, preview: account?.avatar_default === false ? account.avatar : undefined });
-  const header = useImageField({ maxPixels: 1920 * 1080, preview: account?.header_default === false ? account.header : undefined });
+  const avatar = useImageField({
+    maxPixels: 400 * 400,
+    preview: account?.avatar_default === false ? account.avatar : undefined,
+  });
+  const header = useImageField({
+    maxPixels: 1920 * 1080,
+    preview: account?.header_default === false ? account.header : undefined,
+  });
 
   useEffect(() => {
-    client.settings.verifyCredentials().then((credentialAccount) => {
-      const credentials = accountToCredentials(credentialAccount);
-      const strangerNotifications = credentialAccount.__meta.pleroma?.notification_settings?.block_from_strangers === true;
-      setData(credentials);
-      setMuteStrangers(strangerNotifications);
-      setLoading(false);
-    }).catch(() => {
-      setLoading(false);
-    });
+    client.settings
+      .verifyCredentials()
+      .then((credentialAccount) => {
+        const credentials = accountToCredentials(credentialAccount);
+        const strangerNotifications =
+          credentialAccount.__meta.pleroma?.notification_settings?.block_from_strangers === true;
+        setData(credentials);
+        setMuteStrangers(strangerNotifications);
+        setLoading(false);
+      })
+      .catch(() => {
+        setLoading(false);
+      });
   }, [account?.id]);
 
   /** Set a single key in the request data. */
   const updateData = (key: string, value: any) => {
-    setData(prevData => ({ ...prevData, [key]: value }));
+    setData((prevData) => ({ ...prevData, [key]: value }));
   };
 
   const handleSubmit: React.FormEventHandler = (event) => {
@@ -249,10 +332,12 @@ const EditProfilePage: React.FC = () => {
       ...rest,
     };
 
-    if (fields_attributes?.length === 0) params.fields_attributes = { '0': { name: '', value: '' } };
-    else if (fields_attributes) params.fields_attributes = Object.fromEntries(
-      fields_attributes.map(({ name, value }, i) => [i.toString(), { name, value }]),
-    );
+    if (fields_attributes?.length === 0)
+      params.fields_attributes = { '0': { name: '', value: '' } };
+    else if (fields_attributes)
+      params.fields_attributes = Object.fromEntries(
+        fields_attributes.map(({ name, value }, i) => [i.toString(), { name, value }]),
+      );
     if (header.file !== undefined) params.header = header.file ?? '';
     if (avatar.file !== undefined) params.avatar = avatar.file ?? '';
 
@@ -262,51 +347,65 @@ const EditProfilePage: React.FC = () => {
 
     if (features.muteStrangers) {
       promises.push(
-        client.settings.updateNotificationSettings({
-          block_from_strangers: muteStrangers,
-        }).catch(console.error),
+        client.settings
+          .updateNotificationSettings({
+            block_from_strangers: muteStrangers,
+          })
+          .catch(console.error),
       );
     }
 
     setLoading(true);
 
-    Promise.all(promises).then(() => {
-      setLoading(false);
-      toast.success(intl.formatMessage(messages.success));
-    }).catch(() => {
-      setLoading(false);
-      toast.error(intl.formatMessage(messages.error));
-    });
+    Promise.all(promises)
+      .then(() => {
+        setLoading(false);
+        toast.success(intl.formatMessage(messages.success));
+      })
+      .catch(() => {
+        setLoading(false);
+        toast.error(intl.formatMessage(messages.error));
+      });
 
     event.preventDefault();
   };
 
-  const handleFieldChange = <T = any>(key: keyof AccountCredentials) => (value: T) => {
-    updateData(key, value);
-  };
+  const handleFieldChange =
+    <T = any>(key: keyof AccountCredentials) =>
+    (value: T) => {
+      updateData(key, value);
+    };
 
-  const handleCheckboxChange = (key: keyof AccountCredentials): React.ChangeEventHandler<HTMLInputElement> => e => {
-    updateData(key, e.target.checked);
-  };
+  const handleCheckboxChange =
+    (key: keyof AccountCredentials): React.ChangeEventHandler<HTMLInputElement> =>
+    (e) => {
+      updateData(key, e.target.checked);
+    };
 
-  const handleTextChange = (key: keyof AccountCredentials): React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> => e => {
-    updateData(key, e.target.value);
-  };
+  const handleTextChange =
+    (
+      key: keyof AccountCredentials,
+    ): React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> =>
+    (e) => {
+      updateData(key, e.target.value);
+    };
 
   const handleBirthdayChange = (date: string) => {
     updateData('birthday', date);
   };
 
-  const handleHideNetworkChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleHideNetworkChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const hide = e.target.checked;
-    setData(prevData => ({
+    setData((prevData) => ({
       ...prevData,
-      ...(features.version.software === GOTOSOCIAL ? { hide_collections: hide } : {
-        hide_followers: hide,
-        hide_follows: hide,
-        hide_followers_count: hide,
-        hide_follows_count: hide,
-      }),
+      ...(features.version.software === GOTOSOCIAL
+        ? { hide_collections: hide }
+        : {
+            hide_followers: hide,
+            hide_follows: hide,
+            hide_followers_count: hide,
+            hide_follows_count: hide,
+          }),
     }));
   };
 
@@ -328,9 +427,11 @@ const EditProfilePage: React.FC = () => {
   };
 
   const handleAvatarChangeDescription = features.accountAvatarDescription
-    ? handleFieldChange<string>('avatar_description') : undefined;
+    ? handleFieldChange<string>('avatar_description')
+    : undefined;
   const handleHeaderChangeDescription = features.accountAvatarDescription
-    ? handleFieldChange<string>('header_description') : undefined;
+    ? handleFieldChange<string>('header_description')
+    : undefined;
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -354,7 +455,12 @@ const EditProfilePage: React.FC = () => {
         </div>
 
         <FormGroup
-          labelText={<FormattedMessage id='edit_profile.fields.display_name_label' defaultMessage='Display name' />}
+          labelText={
+            <FormattedMessage
+              id='edit_profile.fields.display_name_label'
+              defaultMessage='Display name'
+            />
+          }
         >
           <Input
             type='text'
@@ -366,18 +472,19 @@ const EditProfilePage: React.FC = () => {
 
         {features.birthdays && (
           <FormGroup
-            labelText={<FormattedMessage id='edit_profile.fields.birthday_label' defaultMessage='Birthday' />}
+            labelText={
+              <FormattedMessage id='edit_profile.fields.birthday_label' defaultMessage='Birthday' />
+            }
           >
-            <BirthdayInput
-              value={data.birthday}
-              onChange={handleBirthdayChange}
-            />
+            <BirthdayInput value={data.birthday} onChange={handleBirthdayChange} />
           </FormGroup>
         )}
 
         {features.accountLocation && (
           <FormGroup
-            labelText={<FormattedMessage id='edit_profile.fields.location_label' defaultMessage='Location' />}
+            labelText={
+              <FormattedMessage id='edit_profile.fields.location_label' defaultMessage='Location' />
+            }
           >
             <Input
               type='text'
@@ -402,23 +509,49 @@ const EditProfilePage: React.FC = () => {
         <List>
           {features.followRequests && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.locked_label' defaultMessage='Lock account' />}
-              hint={<FormattedMessage id='edit_profile.hints.locked' defaultMessage='Requires you to manually approve followers' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.locked_label'
+                  defaultMessage='Lock account'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='edit_profile.hints.locked'
+                  defaultMessage='Requires you to manually approve followers'
+                />
+              }
             >
-              <Toggle
-                checked={data.locked}
-                onChange={handleCheckboxChange('locked')}
-              />
+              <Toggle checked={data.locked} onChange={handleCheckboxChange('locked')} />
             </ListItem>
           )}
 
           {features.hideNetwork && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.hide_network_label' defaultMessage='Hide network' />}
-              hint={<FormattedMessage id='edit_profile.hints.hide_network' defaultMessage='Who you follow and who follows you will not be shown on your profile' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.hide_network_label'
+                  defaultMessage='Hide network'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='edit_profile.hints.hide_network'
+                  defaultMessage='Who you follow and who follows you will not be shown on your profile'
+                />
+              }
             >
               <Toggle
-                checked={account ? (features.version.software === GOTOSOCIAL ? data.hide_collections : (data.hide_followers && data.hide_follows && data.hide_followers_count && data.hide_follows_count)) : false}
+                checked={
+                  account
+                    ? features.version.software === GOTOSOCIAL
+                      ? data.hide_collections
+                      : data.hide_followers &&
+                        data.hide_follows &&
+                        data.hide_followers_count &&
+                        data.hide_follows_count
+                    : false
+                }
                 onChange={handleHideNetworkChange}
               />
             </ListItem>
@@ -426,24 +559,41 @@ const EditProfilePage: React.FC = () => {
 
           {features.bots && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.bot_label' defaultMessage='This is a bot account' />}
-              hint={<FormattedMessage id='edit_profile.hints.bot' defaultMessage='This account mainly performs automated actions and might not be monitored' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.bot_label'
+                  defaultMessage='This is a bot account'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='edit_profile.hints.bot'
+                  defaultMessage='This account mainly performs automated actions and might not be monitored'
+                />
+              }
             >
-              <Toggle
-                checked={data.bot}
-                onChange={handleCheckboxChange('bot')}
-              />
+              <Toggle checked={data.bot} onChange={handleCheckboxChange('bot')} />
             </ListItem>
           )}
 
           {features.muteStrangers && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.stranger_notifications_label' defaultMessage='Block notifications from strangers' />}
-              hint={<FormattedMessage id='edit_profile.hints.stranger_notifications' defaultMessage='Only show notifications from people you follow' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.stranger_notifications_label'
+                  defaultMessage='Block notifications from strangers'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='edit_profile.hints.stranger_notifications'
+                  defaultMessage='Only show notifications from people you follow'
+                />
+              }
             >
               <Toggle
                 checked={muteStrangers}
-                onChange={(e) =>{
+                onChange={(e) => {
                   setMuteStrangers(e.target.checked);
                 }}
               />
@@ -452,42 +602,68 @@ const EditProfilePage: React.FC = () => {
 
           {features.accountDiscoverability && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.discoverable_label' defaultMessage='Allow account discovery' />}
-              hint={<FormattedMessage id='edit_profile.hints.discoverable' defaultMessage='Display account in profile directory and allow indexing by external services' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.discoverable_label'
+                  defaultMessage='Allow account discovery'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='edit_profile.hints.discoverable'
+                  defaultMessage='Display account in profile directory and allow indexing by external services'
+                />
+              }
             >
-              <Toggle
-                checked={data.discoverable}
-                onChange={handleCheckboxChange('discoverable')}
-              />
+              <Toggle checked={data.discoverable} onChange={handleCheckboxChange('discoverable')} />
             </ListItem>
           )}
 
           {features.rssFeeds && features.version.software === GOTOSOCIAL && (
             <ListItem
-              label={<FormattedMessage id='edit_profile.fields.rss_label' defaultMessage='Enable RSS feed for public posts' />}
+              label={
+                <FormattedMessage
+                  id='edit_profile.fields.rss_label'
+                  defaultMessage='Enable RSS feed for public posts'
+                />
+              }
             >
-              <Toggle
-                checked={data.enable_rss}
-                onChange={handleCheckboxChange('enable_rss')}
-              />
+              <Toggle checked={data.enable_rss} onChange={handleCheckboxChange('enable_rss')} />
             </ListItem>
           )}
 
           {features.accountIsCat && (
             <>
               <ListItem
-                label={<FormattedMessage id='edit_profile.fields.is_cat_label' defaultMessage='The user is a cat' />}
-                hint={<FormattedMessage id='edit_profile.hints.is_cat' defaultMessage='Mark this account as a cat.' />}
+                label={
+                  <FormattedMessage
+                    id='edit_profile.fields.is_cat_label'
+                    defaultMessage='The user is a cat'
+                  />
+                }
+                hint={
+                  <FormattedMessage
+                    id='edit_profile.hints.is_cat'
+                    defaultMessage='Mark this account as a cat.'
+                  />
+                }
               >
-                <Toggle
-                  checked={data.is_cat}
-                  onChange={handleCheckboxChange('is_cat')}
-                />
+                <Toggle checked={data.is_cat} onChange={handleCheckboxChange('is_cat')} />
               </ListItem>
 
               <ListItem
-                label={<FormattedMessage id='edit_profile.fields.speak_as_cat_label' defaultMessage='The user speaks as a cat' />}
-                hint={<FormattedMessage id='edit_profile.hints.speak_as_cat' defaultMessage='Your posts will get nyanified.' />}
+                label={
+                  <FormattedMessage
+                    id='edit_profile.fields.speak_as_cat_label'
+                    defaultMessage='The user speaks as a cat'
+                  />
+                }
+                hint={
+                  <FormattedMessage
+                    id='edit_profile.hints.speak_as_cat'
+                    defaultMessage='Your posts will get nyanified.'
+                  />
+                }
               >
                 <Toggle
                   checked={data.speak_as_cat}
@@ -499,7 +675,12 @@ const EditProfilePage: React.FC = () => {
 
           {features.accountWebLayout && (
             <ListItem
-              label={<FormattedMessage id='preferences.fields.web_layout_label' defaultMessage='Layout of the web view of your profile' />}
+              label={
+                <FormattedMessage
+                  id='preferences.fields.web_layout_label'
+                  defaultMessage='Layout of the web view of your profile'
+                />
+              }
             >
               <SelectDropdown
                 className='max-w-fit'
@@ -508,7 +689,7 @@ const EditProfilePage: React.FC = () => {
                   gallery: intl.formatMessage(messages.webLayoutGallery),
                 }}
                 defaultValue={data.web_layout}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                   handleFieldChange('web_layout')(event.target.value);
                 }}
               />
@@ -517,7 +698,12 @@ const EditProfilePage: React.FC = () => {
 
           {features.accountWebVisibility && (
             <ListItem
-              label={<FormattedMessage id='preferences.fields.web_visibility_label' defaultMessage='Visibility level of posts displayed on your profile' />}
+              label={
+                <FormattedMessage
+                  id='preferences.fields.web_visibility_label'
+                  defaultMessage='Visibility level of posts displayed on your profile'
+                />
+              }
             >
               <SelectDropdown
                 className='max-w-fit'
@@ -527,7 +713,7 @@ const EditProfilePage: React.FC = () => {
                   none: intl.formatMessage(messages.webVisibilityNone),
                 }}
                 defaultValue={data.web_visibility}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                   handleFieldChange('web_visibility')(event.target.value);
                 }}
               />
@@ -536,8 +722,18 @@ const EditProfilePage: React.FC = () => {
 
           {features.accountWebIncludeBoosts && (
             <ListItem
-              label={<FormattedMessage id='preferences.fields.web_include_boosts_label' defaultMessage='Include reposts in web view' />}
-              hint={<FormattedMessage id='preferences.hints.web_include_boosts' defaultMessage='Show reposts created by the account on the web view of your profile' />}
+              label={
+                <FormattedMessage
+                  id='preferences.fields.web_include_boosts_label'
+                  defaultMessage='Include reposts in web view'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='preferences.hints.web_include_boosts'
+                  defaultMessage='Show reposts created by the account on the web view of your profile'
+                />
+              }
             >
               <Toggle
                 checked={data.web_include_boosts}
@@ -548,8 +744,18 @@ const EditProfilePage: React.FC = () => {
 
           {features.accountMentionPolicy && (
             <ListItem
-              label={<FormattedMessage id='preferences.fields.mention_policy_label' defaultMessage='Accept mentions from' />}
-              hint={<FormattedMessage id='preferences.hints.mention_policy' defaultMessage='Applies to direct messages and public posts' />}
+              label={
+                <FormattedMessage
+                  id='preferences.fields.mention_policy_label'
+                  defaultMessage='Accept mentions from'
+                />
+              }
+              hint={
+                <FormattedMessage
+                  id='preferences.hints.mention_policy'
+                  defaultMessage='Applies to direct messages and public posts'
+                />
+              }
             >
               <SelectDropdown
                 key={data.mention_policy ? 'true' : 'false'}
@@ -560,7 +766,7 @@ const EditProfilePage: React.FC = () => {
                   only_contacts: intl.formatMessage(messages.mentionPolicyOnlyContacts),
                 }}
                 defaultValue={data.mention_policy}
-                onChange={(event: React.ChangeEvent<HTMLSelectElement>) =>{
+                onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                   handleFieldChange('mention_policy')(event.target.value);
                 }}
               />
@@ -570,8 +776,19 @@ const EditProfilePage: React.FC = () => {
 
         {features.profileFields && (
           <Streamfield
-            label={<FormattedMessage id='edit_profile.fields.meta_fields_label' defaultMessage='Profile fields' />}
-            hint={<FormattedMessage id='edit_profile.hints.meta_fields' defaultMessage='You can have up to {count, plural, one {# custom field} other {# custom fields}} displayed on your profile.' values={{ count: maxFields }} />}
+            label={
+              <FormattedMessage
+                id='edit_profile.fields.meta_fields_label'
+                defaultMessage='Profile fields'
+              />
+            }
+            hint={
+              <FormattedMessage
+                id='edit_profile.hints.meta_fields'
+                defaultMessage='You can have up to {count, plural, one {# custom field} other {# custom fields}} displayed on your profile.'
+                values={{ count: maxFields }}
+              />
+            }
             values={data.fields_attributes ?? []}
             onChange={handleFieldsChange}
             onAddItem={handleAddField}
diff --git a/packages/pl-fe/src/pages/settings/export-data.tsx b/packages/pl-fe/src/pages/settings/export-data.tsx
index c80ad5b70..b3e5a449f 100644
--- a/packages/pl-fe/src/pages/settings/export-data.tsx
+++ b/packages/pl-fe/src/pages/settings/export-data.tsx
@@ -1,11 +1,7 @@
 import React, { useState } from 'react';
 import { defineMessages, useIntl, type MessageDescriptor } from 'react-intl';
 
-import {
-  exportFollows,
-  exportBlocks,
-  exportMutes,
-} from '@/actions/export-data';
+import { exportFollows, exportBlocks, exportMutes } from '@/actions/export-data';
 import Button from '@/components/ui/button';
 import Column from '@/components/ui/column';
 import Form from '@/components/ui/form';
@@ -32,16 +28,20 @@ const CSVExporter: React.FC<ICSVExporter> = ({ messages, action }) => {
 
   const handleClick: React.MouseEventHandler = (event) => {
     setIsLoading(true);
-    dispatch(action()).then(() => {
-      setIsLoading(false);
-    }).catch(() => {
-      setIsLoading(false);
-    });
+    dispatch(action())
+      .then(() => {
+        setIsLoading(false);
+      })
+      .catch(() => {
+        setIsLoading(false);
+      });
   };
 
   return (
     <Form>
-      <Text size='xl' weight='bold'>{intl.formatMessage(messages.input_label)}</Text>
+      <Text size='xl' weight='bold'>
+        {intl.formatMessage(messages.input_label)}
+      </Text>
       <Text theme='muted'>{intl.formatMessage(messages.input_hint)}</Text>
 
       <FormActions>
@@ -60,19 +60,28 @@ const messages = defineMessages({
 
 const followMessages = defineMessages({
   input_label: { id: 'export_data.follows_label', defaultMessage: 'Follows' },
-  input_hint: { id: 'export_data.hints.follows', defaultMessage: 'Get a CSV file containing a list of followed accounts' },
+  input_hint: {
+    id: 'export_data.hints.follows',
+    defaultMessage: 'Get a CSV file containing a list of followed accounts',
+  },
   submit: { id: 'export_data.actions.export_follows', defaultMessage: 'Export follows' },
 });
 
 const blockMessages = defineMessages({
   input_label: { id: 'export_data.blocks_label', defaultMessage: 'Blocks' },
-  input_hint: { id: 'export_data.hints.blocks', defaultMessage: 'Get a CSV file containing a list of blocked accounts' },
+  input_hint: {
+    id: 'export_data.hints.blocks',
+    defaultMessage: 'Get a CSV file containing a list of blocked accounts',
+  },
   submit: { id: 'export_data.actions.export_blocks', defaultMessage: 'Export blocks' },
 });
 
 const muteMessages = defineMessages({
   input_label: { id: 'export_data.mutes_label', defaultMessage: 'Mutes' },
-  input_hint: { id: 'export_data.hints.mutes', defaultMessage: 'Get a CSV file containing a list of muted accounts' },
+  input_hint: {
+    id: 'export_data.hints.mutes',
+    defaultMessage: 'Get a CSV file containing a list of muted accounts',
+  },
   submit: { id: 'export_data.actions.export_mutes', defaultMessage: 'Export mutes' },
 });
 
diff --git a/packages/pl-fe/src/pages/settings/filters.tsx b/packages/pl-fe/src/pages/settings/filters.tsx
index fe8cce62f..aa8da123c 100644
--- a/packages/pl-fe/src/pages/settings/filters.tsx
+++ b/packages/pl-fe/src/pages/settings/filters.tsx
@@ -42,26 +42,28 @@ const FiltersPage = () => {
   const filters = useAppSelector((state) => state.filters);
 
   const handleFilterDelete = (id: string) => () => {
-    dispatch(deleteFilter(id)).then(() => dispatch(fetchFilters())).catch(() => {
-      toast.error(intl.formatMessage(messages.delete_error));
-    });
+    dispatch(deleteFilter(id))
+      .then(() => dispatch(fetchFilters()))
+      .catch(() => {
+        toast.error(intl.formatMessage(messages.delete_error));
+      });
   };
 
   useEffect(() => {
     dispatch(fetchFilters());
   }, []);
 
-  const emptyMessage = <FormattedMessage id='empty_column.filters' defaultMessage="You haven't created any muted words yet." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.filters'
+      defaultMessage="You haven't created any muted words yet."
+    />
+  );
 
   return (
     <Column className='filter-settings-panel' label={intl.formatMessage(messages.heading)}>
       <HStack className='mb-4' space={2} justifyContent='end'>
-        <Button
-          to='/filters/$filterId'
-          params={{ filterId: 'new' }}
-          theme='primary'
-          size='sm'
-        >
+        <Button to='/filters/$filterId' params={{ filterId: 'new' }} theme='primary' size='sm'>
           <FormattedMessage id='filters.create_filter' defaultMessage='Create filter' />
         </Button>
       </HStack>
@@ -76,32 +78,66 @@ const FiltersPage = () => {
             <Stack space={2}>
               <Stack className='grow' space={1}>
                 <Text weight='medium'>
-                  <FormattedMessage id='filters.filters_list_phrases_label' defaultMessage='Keywords or phrases:' />
-                  {' '}
-                  <Text theme='muted' tag='span'>{filter.keywords.map(keyword => keyword.keyword).join(', ')}</Text>
+                  <FormattedMessage
+                    id='filters.filters_list_phrases_label'
+                    defaultMessage='Keywords or phrases:'
+                  />{' '}
+                  <Text theme='muted' tag='span'>
+                    {filter.keywords.map((keyword) => keyword.keyword).join(', ')}
+                  </Text>
                 </Text>
                 <Text weight='medium'>
-                  <FormattedMessage id='filters.filters_list_context_label' defaultMessage='Filter contexts:' />
-                  {' '}
-                  <Text theme='muted' tag='span'>{filter.context.map(context => contexts[context] ? intl.formatMessage(contexts[context]) : context).join(', ')}</Text>
+                  <FormattedMessage
+                    id='filters.filters_list_context_label'
+                    defaultMessage='Filter contexts:'
+                  />{' '}
+                  <Text theme='muted' tag='span'>
+                    {filter.context
+                      .map((context) =>
+                        contexts[context] ? intl.formatMessage(contexts[context]) : context,
+                      )
+                      .join(', ')}
+                  </Text>
                 </Text>
                 <HStack space={4} wrap>
                   <Text weight='medium'>
                     {filtersV2 ? (
-                      filter.filter_action === 'hide' ?
-                        <FormattedMessage id='filters.filters_list_hide_completely' defaultMessage='Hide content' /> :
-                        filter.filter_action === 'blur' ?
-                          <FormattedMessage id='filters.filters_list_blur' defaultMessage='Hide media with a warning' /> :
-                          <FormattedMessage id='filters.filters_list_warn' defaultMessage='Display warning' />
-                    ) : (filter.filter_action === 'hide' ?
-                      <FormattedMessage id='filters.filters_list_drop' defaultMessage='Drop' /> :
-                      <FormattedMessage id='filters.filters_list_hide' defaultMessage='Hide' />)}
+                      filter.filter_action === 'hide' ? (
+                        <FormattedMessage
+                          id='filters.filters_list_hide_completely'
+                          defaultMessage='Hide content'
+                        />
+                      ) : filter.filter_action === 'blur' ? (
+                        <FormattedMessage
+                          id='filters.filters_list_blur'
+                          defaultMessage='Hide media with a warning'
+                        />
+                      ) : (
+                        <FormattedMessage
+                          id='filters.filters_list_warn'
+                          defaultMessage='Display warning'
+                        />
+                      )
+                    ) : filter.filter_action === 'hide' ? (
+                      <FormattedMessage id='filters.filters_list_drop' defaultMessage='Drop' />
+                    ) : (
+                      <FormattedMessage id='filters.filters_list_hide' defaultMessage='Hide' />
+                    )}
                   </Text>
                   {filter.expires_at && (
                     <Text weight='medium'>
-                      {new Date(filter.expires_at).getTime() <= Date.now()
-                        ? <FormattedMessage id='filters.filters_list_expired' defaultMessage='Expired' />
-                        : <RelativeTimestamp timestamp={filter.expires_at} className='whitespace-nowrap' futureDate />}
+                      {new Date(filter.expires_at).getTime() <= Date.now() ? (
+                        <FormattedMessage
+                          id='filters.filters_list_expired'
+                          defaultMessage='Expired'
+                        />
+                      ) : (
+                        <RelativeTimestamp
+                          timestamp={filter.expires_at}
+                          className='whitespace-nowrap'
+                          futureDate
+                        />
+                      )}
                     </Text>
                   )}
                 </HStack>
diff --git a/packages/pl-fe/src/pages/settings/import-data.tsx b/packages/pl-fe/src/pages/settings/import-data.tsx
index 315f37c76..c15bc00db 100644
--- a/packages/pl-fe/src/pages/settings/import-data.tsx
+++ b/packages/pl-fe/src/pages/settings/import-data.tsx
@@ -17,26 +17,41 @@ import toast from '@/toast';
 const messages = defineMessages({
   heading: { id: 'column.import_data', defaultMessage: 'Import data' },
   submit: { id: 'import_data.actions.import', defaultMessage: 'Import' },
-  blocksSuccess: { id: 'import_data.success.blocks', defaultMessage: 'Blocks imported successfully' },
-  followersSuccess: { id: 'import_data.success.followers', defaultMessage: 'Followers imported successfully' },
+  blocksSuccess: {
+    id: 'import_data.success.blocks',
+    defaultMessage: 'Blocks imported successfully',
+  },
+  followersSuccess: {
+    id: 'import_data.success.followers',
+    defaultMessage: 'Followers imported successfully',
+  },
   mutesSuccess: { id: 'import_data.success.mutes', defaultMessage: 'Mutes imported successfully' },
 });
 
 const followMessages = defineMessages({
   input_label: { id: 'import_data.follows_label', defaultMessage: 'Follows' },
-  input_hint: { id: 'import_data.hints.follows', defaultMessage: 'CSV file containing a list of followed accounts' },
+  input_hint: {
+    id: 'import_data.hints.follows',
+    defaultMessage: 'CSV file containing a list of followed accounts',
+  },
   submit: { id: 'import_data.actions.import_follows', defaultMessage: 'Import follows' },
 });
 
 const blockMessages = defineMessages({
   input_label: { id: 'import_data.blocks_label', defaultMessage: 'Blocks' },
-  input_hint: { id: 'import_data.hints.blocks', defaultMessage: 'CSV file containing a list of blocked accounts' },
+  input_hint: {
+    id: 'import_data.hints.blocks',
+    defaultMessage: 'CSV file containing a list of blocked accounts',
+  },
   submit: { id: 'import_data.actions.import_blocks', defaultMessage: 'Import blocks' },
 });
 
 const muteMessages = defineMessages({
   input_label: { id: 'import_data.mutes_label', defaultMessage: 'Mutes' },
-  input_hint: { id: 'import_data.hints.mutes', defaultMessage: 'CSV file containing a list of muted accounts' },
+  input_hint: {
+    id: 'import_data.hints.mutes',
+    defaultMessage: 'CSV file containing a list of muted accounts',
+  },
   submit: { id: 'import_data.actions.import_mutes', defaultMessage: 'Import mutes' },
 });
 
@@ -51,7 +66,12 @@ interface IDataImporter {
   allowOverwrite?: boolean;
 }
 
-const DataImporter: React.FC<IDataImporter> = ({ messages, action, accept = '.csv,text/csv', allowOverwrite }) => {
+const DataImporter: React.FC<IDataImporter> = ({
+  messages,
+  action,
+  accept = '.csv,text/csv',
+  allowOverwrite,
+}) => {
   const intl = useIntl();
 
   const [isLoading, setIsLoading] = useState(false);
@@ -60,41 +80,44 @@ const DataImporter: React.FC<IDataImporter> = ({ messages, action, accept = '.cs
 
   const handleSubmit: React.FormEventHandler = (event) => {
     setIsLoading(true);
-    action(file!, overwrite).then(() => {
-      setIsLoading(false);
-    }).catch(() => {
-      setIsLoading(false);
-    });
+    action(file!, overwrite)
+      .then(() => {
+        setIsLoading(false);
+      })
+      .catch(() => {
+        setIsLoading(false);
+      });
 
     event.preventDefault();
   };
 
-  const handleFileChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleFileChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     const file = e.target.files?.item(0);
     setFile(file);
   };
 
   return (
     <Form onSubmit={handleSubmit}>
-      <Text size='xl' weight='bold' tag='label'>{intl.formatMessage(messages.input_label)}</Text>
-      <FormGroup
-        hintText={<Text theme='muted'>{intl.formatMessage(messages.input_hint)}</Text>}
-      >
-        <FileInput
-          accept={accept}
-          onChange={handleFileChange}
-          required
-        />
+      <Text size='xl' weight='bold' tag='label'>
+        {intl.formatMessage(messages.input_label)}
+      </Text>
+      <FormGroup hintText={<Text theme='muted'>{intl.formatMessage(messages.input_hint)}</Text>}>
+        <FileInput accept={accept} onChange={handleFileChange} required />
       </FormGroup>
 
       {allowOverwrite && (
         <List>
           <ListItem
-            label={<FormattedMessage id='import_data.overwrite' defaultMessage='Overwrite instead of appending' />}
+            label={
+              <FormattedMessage
+                id='import_data.overwrite'
+                defaultMessage='Overwrite instead of appending'
+              />
+            }
           >
             <Toggle
               checked={overwrite}
-              onChange={({ target }) =>{
+              onChange={({ target }) => {
                 setOverwrite(target.checked);
               }}
             />
@@ -117,25 +140,43 @@ const ImportDataPage = () => {
   const features = useFeatures();
 
   const importFollows = (list: File | string, overwrite?: boolean) =>
-    client.settings.importFollows(list, overwrite ? 'overwrite' : 'merge').then(response => {
+    client.settings.importFollows(list, overwrite ? 'overwrite' : 'merge').then((response) => {
       toast.success(messages.followersSuccess);
     });
 
   const importBlocks = (list: File | string, overwrite?: boolean) =>
-    client.settings.importBlocks(list, overwrite ? 'overwrite' : 'merge').then(response => {
+    client.settings.importBlocks(list, overwrite ? 'overwrite' : 'merge').then((response) => {
       toast.success(messages.blocksSuccess);
     });
 
   const importMutes = (list: File | string) =>
-    client.settings.importMutes(list).then(response => {
+    client.settings.importMutes(list).then((response) => {
       toast.success(messages.mutesSuccess);
     });
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
-      {features.importFollows && <DataImporter action={importFollows} messages={followMessages} allowOverwrite={features.importOverwrite} />}
-      {features.importBlocks && <DataImporter action={importBlocks} messages={blockMessages} allowOverwrite={features.importOverwrite} />}
-      {features.importMutes && <DataImporter action={importMutes} messages={muteMessages} allowOverwrite={features.importOverwrite} />}
+      {features.importFollows && (
+        <DataImporter
+          action={importFollows}
+          messages={followMessages}
+          allowOverwrite={features.importOverwrite}
+        />
+      )}
+      {features.importBlocks && (
+        <DataImporter
+          action={importBlocks}
+          messages={blockMessages}
+          allowOverwrite={features.importOverwrite}
+        />
+      )}
+      {features.importMutes && (
+        <DataImporter
+          action={importMutes}
+          messages={muteMessages}
+          allowOverwrite={features.importOverwrite}
+        />
+      )}
     </Column>
   );
 };
diff --git a/packages/pl-fe/src/pages/settings/index.tsx b/packages/pl-fe/src/pages/settings/index.tsx
index 600d17ddc..bd089f3d8 100644
--- a/packages/pl-fe/src/pages/settings/index.tsx
+++ b/packages/pl-fe/src/pages/settings/index.tsx
@@ -16,7 +16,12 @@ const FollowedTagsPage = () => {
 
   const { data: tags = [], isLoading, hasNextPage, fetchNextPage } = useFollowedTags();
 
-  const emptyMessage = <FormattedMessage id='empty_column.followed_tags' defaultMessage="You haven't followed any hashtag yet." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.followed_tags'
+      defaultMessage="You haven't followed any hashtag yet."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -30,7 +35,9 @@ const FollowedTagsPage = () => {
         placeholderCount={5}
         itemClassName='pb-3'
       >
-        {tags.map(tag => <Hashtag key={tag.name} hashtag={tag} />)}
+        {tags.map((tag) => (
+          <Hashtag key={tag.name} hashtag={tag} />
+        ))}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/settings/interaction-policies.tsx b/packages/pl-fe/src/pages/settings/interaction-policies.tsx
index ffe84057f..dd4581e9f 100644
--- a/packages/pl-fe/src/pages/settings/interaction-policies.tsx
+++ b/packages/pl-fe/src/pages/settings/interaction-policies.tsx
@@ -37,9 +37,15 @@ const messages = defineMessages({
   private: { id: 'interaction_policies.tabs.private', defaultMessage: 'Followers-only' },
   submit: { id: 'interaction_policies.update', defaultMessage: 'Update' },
   success: { id: 'interaction_policies.success', defaultMessage: 'Updated interaction policies' },
-  fail: { id: 'interaction_policies.fail', defaultMessage: 'Failed to update interaction policies' },
+  fail: {
+    id: 'interaction_policies.fail',
+    defaultMessage: 'Failed to update interaction policies',
+  },
   always: { id: 'interaction_policies.rule.always', defaultMessage: 'Always' },
-  with_approval: { id: 'interaction_policies.rule.with_approval', defaultMessage: 'Require approval' },
+  with_approval: {
+    id: 'interaction_policies.rule.with_approval',
+    defaultMessage: 'Require approval',
+  },
 });
 
 const scopeMessages = defineMessages({
@@ -52,28 +58,76 @@ const scopeMessages = defineMessages({
 
 const titleMessages = {
   public: defineMessages({
-    can_favourite: { id: 'interaction_policies.title.public.can_favourite', defaultMessage: 'Who can like your public posts?' },
-    can_reply: { id: 'interaction_policies.title.public.can_reply', defaultMessage: 'Who can reply to your public posts?' },
-    can_reblog: { id: 'interaction_policies.title.public.can_reblog', defaultMessage: 'Who can repost your public posts?' },
-    can_quote: { id: 'interaction_policies.title.public.can_quote', defaultMessage: 'Who can quote your posts?' },
+    can_favourite: {
+      id: 'interaction_policies.title.public.can_favourite',
+      defaultMessage: 'Who can like your public posts?',
+    },
+    can_reply: {
+      id: 'interaction_policies.title.public.can_reply',
+      defaultMessage: 'Who can reply to your public posts?',
+    },
+    can_reblog: {
+      id: 'interaction_policies.title.public.can_reblog',
+      defaultMessage: 'Who can repost your public posts?',
+    },
+    can_quote: {
+      id: 'interaction_policies.title.public.can_quote',
+      defaultMessage: 'Who can quote your posts?',
+    },
   }),
   unlisted: defineMessages({
-    can_favourite: { id: 'interaction_policies.title.unlisted.can_favourite', defaultMessage: 'Who can like your unlisted posts?' },
-    can_reply: { id: 'interaction_policies.title.unlisted.can_reply', defaultMessage: 'Who can reply to your unlisted posts?' },
-    can_reblog: { id: 'interaction_policies.title.unlisted.can_reblog', defaultMessage: 'Who can repost your unlisted posts?' },
-    can_quote: { id: 'interaction_policies.title.public.can_quote', defaultMessage: 'Who can quote your posts?' },
+    can_favourite: {
+      id: 'interaction_policies.title.unlisted.can_favourite',
+      defaultMessage: 'Who can like your unlisted posts?',
+    },
+    can_reply: {
+      id: 'interaction_policies.title.unlisted.can_reply',
+      defaultMessage: 'Who can reply to your unlisted posts?',
+    },
+    can_reblog: {
+      id: 'interaction_policies.title.unlisted.can_reblog',
+      defaultMessage: 'Who can repost your unlisted posts?',
+    },
+    can_quote: {
+      id: 'interaction_policies.title.public.can_quote',
+      defaultMessage: 'Who can quote your posts?',
+    },
   }),
   private: defineMessages({
-    can_favourite: { id: 'interaction_policies.title.private.can_favourite', defaultMessage: 'Who can like your followers-only post?' },
-    can_reply: { id: 'interaction_policies.title.private.can_reply', defaultMessage: 'Who can reply to your followers-only post?' },
-    can_reblog: { id: 'interaction_policies.title.private.can_reblog', defaultMessage: 'Who can repost your followers-only post?' },
-    can_quote: { id: 'interaction_policies.title.public.can_quote', defaultMessage: 'Who can quote your posts?' },
+    can_favourite: {
+      id: 'interaction_policies.title.private.can_favourite',
+      defaultMessage: 'Who can like your followers-only post?',
+    },
+    can_reply: {
+      id: 'interaction_policies.title.private.can_reply',
+      defaultMessage: 'Who can reply to your followers-only post?',
+    },
+    can_reblog: {
+      id: 'interaction_policies.title.private.can_reblog',
+      defaultMessage: 'Who can repost your followers-only post?',
+    },
+    can_quote: {
+      id: 'interaction_policies.title.public.can_quote',
+      defaultMessage: 'Who can quote your posts?',
+    },
   }),
   single_post: defineMessages({
-    can_favourite: { id: 'interaction_policies.title.single_post.can_favourite', defaultMessage: 'Who can like this post?' },
-    can_reply: { id: 'interaction_policies.title.single_post.can_reply', defaultMessage: 'Who can reply to this post?' },
-    can_reblog: { id: 'interaction_policies.title.single_post.can_reblog', defaultMessage: 'Who can repost this post?' },
-    can_quote: { id: 'interaction_policies.title.single_post.can_quote', defaultMessage: 'Who can quote this post?' },
+    can_favourite: {
+      id: 'interaction_policies.title.single_post.can_favourite',
+      defaultMessage: 'Who can like this post?',
+    },
+    can_reply: {
+      id: 'interaction_policies.title.single_post.can_reply',
+      defaultMessage: 'Who can reply to this post?',
+    },
+    can_reblog: {
+      id: 'interaction_policies.title.single_post.can_reblog',
+      defaultMessage: 'Who can repost this post?',
+    },
+    can_quote: {
+      id: 'interaction_policies.title.single_post.can_quote',
+      defaultMessage: 'Who can quote this post?',
+    },
   }),
 };
 
@@ -105,11 +159,22 @@ interface IInteractionPolicyConfig {
   disabled?: boolean;
 }
 
-const InteractionPolicyConfig: React.FC<IInteractionPolicyConfig> = ({ interactionPolicy, quotePolicy, visibility, onChange, onQuotePolicyChange, singlePost, disabled }) => {
+const InteractionPolicyConfig: React.FC<IInteractionPolicyConfig> = ({
+  interactionPolicy,
+  quotePolicy,
+  visibility,
+  onChange,
+  onQuotePolicyChange,
+  singlePost,
+  disabled,
+}) => {
   const features = useFeatures();
   const intl = useIntl();
 
-  const getItems = (policy: Policy) => Object.fromEntries(options[visibility][policy].map(scope => [scope, intl.formatMessage(scopeMessages[scope])])) as Record<Scope, string>;
+  const getItems = (policy: Policy) =>
+    Object.fromEntries(
+      options[visibility][policy].map((scope) => [scope, intl.formatMessage(scopeMessages[scope])]),
+    ) as Record<Scope, string>;
 
   const handleChange = (policy: Policy, rule: Rule) => (value: Scope[]) => {
     onChange(policy, rule, value);
@@ -117,42 +182,50 @@ const InteractionPolicyConfig: React.FC<IInteractionPolicyConfig> = ({ interacti
 
   return (
     <>
-      {features.interactionRequests && policies.map((policy) => {
-        const items = getItems(policy);
+      {features.interactionRequests &&
+        policies.map((policy) => {
+          const items = getItems(policy);
 
-        if (!Object.keys(items).length) return null;
+          if (!Object.keys(items).length) return null;
 
-        return (
-          <React.Fragment key={policy}>
-            <Text size='lg' weight='bold'>
-              {intl.formatMessage(titleMessages[singlePost ? 'single_post' : visibility][policy])}
-            </Text>
+          return (
+            <React.Fragment key={policy}>
+              <Text size='lg' weight='bold'>
+                {intl.formatMessage(titleMessages[singlePost ? 'single_post' : visibility][policy])}
+              </Text>
 
-            {policy === 'can_reply' && (
-              <Warning message={<FormattedMessage id='interaction_policies.mentioned_warning' defaultMessage='Mentioned users can always reply.' />} />
-            )}
-
-            <List>
-              <ListItem label={intl.formatMessage(messages.always)}>
-                <InlineMultiselect<Scope>
-                  items={items}
-                  value={interactionPolicy[policy].always as Array<Scope>}
-                  onChange={handleChange(policy, 'always')}
-                  disabled={disabled}
+              {policy === 'can_reply' && (
+                <Warning
+                  message={
+                    <FormattedMessage
+                      id='interaction_policies.mentioned_warning'
+                      defaultMessage='Mentioned users can always reply.'
+                    />
+                  }
                 />
-              </ListItem>
-              <ListItem label={intl.formatMessage(messages.with_approval)}>
-                <InlineMultiselect
-                  items={items}
-                  value={interactionPolicy[policy].with_approval as Array<Scope>}
-                  onChange={handleChange(policy, 'with_approval')}
-                  disabled={disabled}
-                />
-              </ListItem>
-            </List>
-          </React.Fragment>
-        );
-      })}
+              )}
+
+              <List>
+                <ListItem label={intl.formatMessage(messages.always)}>
+                  <InlineMultiselect<Scope>
+                    items={items}
+                    value={interactionPolicy[policy].always as Array<Scope>}
+                    onChange={handleChange(policy, 'always')}
+                    disabled={disabled}
+                  />
+                </ListItem>
+                <ListItem label={intl.formatMessage(messages.with_approval)}>
+                  <InlineMultiselect
+                    items={items}
+                    value={interactionPolicy[policy].with_approval as Array<Scope>}
+                    onChange={handleChange(policy, 'with_approval')}
+                    disabled={disabled}
+                  />
+                </ListItem>
+              </List>
+            </React.Fragment>
+          );
+        })}
       {features.quoteApprovalPolicies && visibility !== 'private' && (
         <>
           <Text size='lg' weight='bold'>
@@ -182,7 +255,11 @@ const InteractionPoliciesPage = () => {
 
   const [quotePolicy, setQuotePolicy] = useState<QuoteApprovalPolicy>('public');
 
-  const { interactionPolicies: initial, updateInteractionPolicies, isUpdating } = useInteractionPolicies();
+  const {
+    interactionPolicies: initial,
+    updateInteractionPolicies,
+    isUpdating,
+  } = useInteractionPolicies();
   const intl = useIntl();
   const [interactionPolicies, setInteractionPolicies] = useState(initial);
   const [visibility, setVisibility] = useState<Visibility>('public');
@@ -192,44 +269,61 @@ const InteractionPoliciesPage = () => {
   }, [initial]);
 
   useEffect(() => {
-    client.settings.verifyCredentials().then((credentialAccount) => {
-      setQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
-    }).catch(() => {
-    });
+    client.settings
+      .verifyCredentials()
+      .then((credentialAccount) => {
+        setQuotePolicy(credentialAccount.source?.quote_policy ?? 'public');
+      })
+      .catch(() => {});
   }, []);
 
-  const handleChange = (visibility: Visibility, policy: Policy, rule: Rule, value: Array<Scope>) => {
-    setInteractionPolicies((policies) => create(policies, (draft) => {
-      draft[visibility][policy][rule] = value;
-      draft[visibility][policy][rule === 'always' ? 'with_approval' : 'always'] = draft[visibility][policy][rule === 'always' ? 'with_approval' : 'always'].filter(rule => !value.includes(rule as any));
-    }));
+  const handleChange = (
+    visibility: Visibility,
+    policy: Policy,
+    rule: Rule,
+    value: Array<Scope>,
+  ) => {
+    setInteractionPolicies((policies) =>
+      create(policies, (draft) => {
+        draft[visibility][policy][rule] = value;
+        draft[visibility][policy][rule === 'always' ? 'with_approval' : 'always'] = draft[
+          visibility
+        ][policy][rule === 'always' ? 'with_approval' : 'always'].filter(
+          (rule) => !value.includes(rule as any),
+        );
+      }),
+    );
   };
 
   const handleSubmit = () => {
     const promises = [];
 
     if (features.interactionRequests) {
-      promises.push(new Promise<void>((resolve, reject) => {
-        updateInteractionPolicies(interactionPolicies, {
-          onSuccess: () =>{
-            resolve();
-          },
-          onError: () =>{
-            reject();
-          },
-        });
-      }));
+      promises.push(
+        new Promise<void>((resolve, reject) => {
+          updateInteractionPolicies(interactionPolicies, {
+            onSuccess: () => {
+              resolve();
+            },
+            onError: () => {
+              reject();
+            },
+          });
+        }),
+      );
     }
 
     if (features.quoteApprovalPolicies) {
       promises.push(dispatch(patchMe({ source: { quote_policy: quotePolicy } })));
     }
 
-    Promise.all(promises).then(() => {
-      toast.success(intl.formatMessage(messages.success));
-    }).catch(() => {
-      toast.error(intl.formatMessage(messages.fail));
-    });
+    Promise.all(promises)
+      .then(() => {
+        toast.success(intl.formatMessage(messages.success));
+      })
+      .catch(() => {
+        toast.error(intl.formatMessage(messages.fail));
+      });
   };
 
   return (
@@ -239,31 +333,32 @@ const InteractionPoliciesPage = () => {
           items={[
             {
               text: intl.formatMessage(messages.public),
-              action: () =>{
+              action: () => {
                 setVisibility('public');
               },
               name: 'public',
             },
             {
               text: intl.formatMessage(messages.unlisted),
-              action: () =>{
+              action: () => {
                 setVisibility('unlisted');
               },
               name: 'unlisted',
             },
             {
               text: intl.formatMessage(messages.private),
-              action: () =>{
+              action: () => {
                 setVisibility('private');
               },
               name: 'private',
-            }]}
+            },
+          ]}
           activeItem={visibility}
         />
 
         <InteractionPolicyConfig
           interactionPolicy={interactionPolicies[visibility]}
-          onChange={(...props) =>{
+          onChange={(...props) => {
             handleChange(visibility, ...props);
           }}
           quotePolicy={quotePolicy}
diff --git a/packages/pl-fe/src/pages/settings/migration.tsx b/packages/pl-fe/src/pages/settings/migration.tsx
index 3e764e720..06ee1b55a 100644
--- a/packages/pl-fe/src/pages/settings/migration.tsx
+++ b/packages/pl-fe/src/pages/settings/migration.tsx
@@ -17,12 +17,30 @@ import toast from '@/toast';
 const messages = defineMessages({
   heading: { id: 'column.migration', defaultMessage: 'Move account' },
   submit: { id: 'migration.submit', defaultMessage: 'Move followers' },
-  moveAccountSuccess: { id: 'migration.move_account.success', defaultMessage: 'Account successfully moved.' },
-  moveAccountFail: { id: 'migration.move_account.fail', defaultMessage: 'Account migration failed.' },
-  moveAccountFailCooldownPeriod: { id: 'migration.move_account.fail.cooldown_period', defaultMessage: 'You have moved your account too recently. Please try again later.' },
-  acctFieldLabel: { id: 'migration.fields.acct.label', defaultMessage: 'Handle of the new account' },
-  acctFieldPlaceholder: { id: 'migration.fields.acct.placeholder', defaultMessage: 'username@domain' },
-  currentPasswordFieldLabel: { id: 'migration.fields.confirm_password.label', defaultMessage: 'Current password' },
+  moveAccountSuccess: {
+    id: 'migration.move_account.success',
+    defaultMessage: 'Account successfully moved.',
+  },
+  moveAccountFail: {
+    id: 'migration.move_account.fail',
+    defaultMessage: 'Account migration failed.',
+  },
+  moveAccountFailCooldownPeriod: {
+    id: 'migration.move_account.fail.cooldown_period',
+    defaultMessage: 'You have moved your account too recently. Please try again later.',
+  },
+  acctFieldLabel: {
+    id: 'migration.fields.acct.label',
+    defaultMessage: 'Handle of the new account',
+  },
+  acctFieldPlaceholder: {
+    id: 'migration.fields.acct.placeholder',
+    defaultMessage: 'username@domain',
+  },
+  currentPasswordFieldLabel: {
+    id: 'migration.fields.confirm_password.label',
+    defaultMessage: 'Current password',
+  },
 });
 
 const MigrationPage = () => {
@@ -36,7 +54,7 @@ const MigrationPage = () => {
   const [password, setPassword] = useState('');
   const [isLoading, setIsLoading] = useState(false);
 
-  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {
+  const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (e) => {
     if (e.target.name === 'password') setPassword(e.target.value);
     else setTargetAccount(e.target.value);
   };
@@ -46,23 +64,26 @@ const MigrationPage = () => {
     setPassword('');
   };
 
-  const handleSubmit: React.FormEventHandler = e => {
+  const handleSubmit: React.FormEventHandler = (e) => {
     setIsLoading(true);
-    return dispatch(moveAccount(targetAccount, password)).then(() => {
-      clearForm();
-      toast.success(intl.formatMessage(messages.moveAccountSuccess));
-    }).catch(error => {
-      let message = intl.formatMessage(messages.moveAccountFail);
+    return dispatch(moveAccount(targetAccount, password))
+      .then(() => {
+        clearForm();
+        toast.success(intl.formatMessage(messages.moveAccountSuccess));
+      })
+      .catch((error) => {
+        let message = intl.formatMessage(messages.moveAccountFail);
 
-      const errorMessage = (error.response?.data)?.error;
-      if (errorMessage === 'You are within cooldown period.') {
-        message = intl.formatMessage(messages.moveAccountFailCooldownPeriod);
-      }
+        const errorMessage = error.response?.data?.error;
+        if (errorMessage === 'You are within cooldown period.') {
+          message = intl.formatMessage(messages.moveAccountFailCooldownPeriod);
+        }
 
-      toast.error(message);
-    }).then(() => {
-      setIsLoading(false);
-    });
+        toast.error(message);
+      })
+      .then(() => {
+        setIsLoading(false);
+      });
   };
 
   return (
@@ -86,18 +107,18 @@ const MigrationPage = () => {
               ),
             }}
           />
-          {!!cooldownPeriod && (<>
-            {' '}
-            <FormattedMessage
-              id='migration.hint.cooldown_period'
-              defaultMessage='If you migrate your account, you will not be able to migrate your account for {cooldownPeriod, plural, one {one day} other {the next # days}}.'
-              values={{ cooldownPeriod }}
-            />
-          </>)}
+          {!!cooldownPeriod && (
+            <>
+              {' '}
+              <FormattedMessage
+                id='migration.hint.cooldown_period'
+                defaultMessage='If you migrate your account, you will not be able to migrate your account for {cooldownPeriod, plural, one {one day} other {the next # days}}.'
+                values={{ cooldownPeriod }}
+              />
+            </>
+          )}
         </Text>
-        <FormGroup
-          labelText={intl.formatMessage(messages.acctFieldLabel)}
-        >
+        <FormGroup labelText={intl.formatMessage(messages.acctFieldLabel)}>
           <Input
             name='targetAccount'
             placeholder={intl.formatMessage(messages.acctFieldPlaceholder)}
@@ -106,9 +127,7 @@ const MigrationPage = () => {
             required
           />
         </FormGroup>
-        <FormGroup
-          labelText={intl.formatMessage(messages.currentPasswordFieldLabel)}
-        >
+        <FormGroup labelText={intl.formatMessage(messages.currentPasswordFieldLabel)}>
           <Input
             type='password'
             name='password'
diff --git a/packages/pl-fe/src/pages/settings/mutes.tsx b/packages/pl-fe/src/pages/settings/mutes.tsx
index ac4afe620..6008d391b 100644
--- a/packages/pl-fe/src/pages/settings/mutes.tsx
+++ b/packages/pl-fe/src/pages/settings/mutes.tsx
@@ -15,12 +15,7 @@ const messages = defineMessages({
 const MutesPage: React.FC = () => {
   const intl = useIntl();
 
-  const {
-    data = [],
-    hasNextPage,
-    fetchNextPage,
-    isFetching,
-  } = useMutes();
+  const { data = [], hasNextPage, fetchNextPage, isFetching } = useMutes();
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -32,12 +27,20 @@ const MutesPage: React.FC = () => {
           onLoadMore={fetchNextPage}
           hasMore={hasNextPage}
           emptyMessageText={
-            <FormattedMessage id='empty_column.mutes' defaultMessage="You haven't muted any users yet." />
+            <FormattedMessage
+              id='empty_column.mutes'
+              defaultMessage="You haven't muted any users yet."
+            />
           }
         >
-          {data.map(([accountId, muteExpiresAt]) =>
-            <AccountContainer key={accountId} id={accountId} actionType='muting' muteExpiresAt={muteExpiresAt} />,
-          )}
+          {data.map(([accountId, muteExpiresAt]) => (
+            <AccountContainer
+              key={accountId}
+              id={accountId}
+              actionType='muting'
+              muteExpiresAt={muteExpiresAt}
+            />
+          ))}
         </ScrollableList>
       </Stack>
     </Column>
diff --git a/packages/pl-fe/src/pages/settings/privacy.tsx b/packages/pl-fe/src/pages/settings/privacy.tsx
index 9f53ba465..72ef1a0ad 100644
--- a/packages/pl-fe/src/pages/settings/privacy.tsx
+++ b/packages/pl-fe/src/pages/settings/privacy.tsx
@@ -27,9 +27,18 @@ const messages = defineMessages({
   hashUrlPlaceholder: { id: 'url_privacy.hash_url.placeholder', defaultMessage: 'Hash URL' },
   redirectLinksModeOff: { id: 'url_privacy.redirect_links_mode.off', defaultMessage: 'Disabled' },
   redirectLinksModeAuto: { id: 'url_privacy.redirect_links_mode.auto', defaultMessage: 'From URL' },
-  redirectLinksModeManual: { id: 'url_privacy.redirect_links_mode.manual', defaultMessage: 'Specify manually' },
-  redirectServicesUrlPlaceholder: { id: 'url_privacy.redirect_services_url.placeholder', defaultMessage: 'Rules URL' },
-  redirectServicePlaceholder: { id: 'url_privacy.redirect_service_url.placeholder', defaultMessage: 'eg. https://proxy.example.org' },
+  redirectLinksModeManual: {
+    id: 'url_privacy.redirect_links_mode.manual',
+    defaultMessage: 'Specify manually',
+  },
+  redirectServicesUrlPlaceholder: {
+    id: 'url_privacy.redirect_services_url.placeholder',
+    defaultMessage: 'Rules URL',
+  },
+  redirectServicePlaceholder: {
+    id: 'url_privacy.redirect_service_url.placeholder',
+    defaultMessage: 'eg. https://proxy.example.org',
+  },
 });
 
 const Privacy = () => {
@@ -79,31 +88,36 @@ const Privacy = () => {
     dispatch(changeSetting(['urlPrivacy'], value));
     dispatch(changeSetting(['stripMetadata'], stripMetadata));
 
-    dispatch(saveSettings({
-      showAlert: true,
-    }));
+    dispatch(
+      saveSettings({
+        showAlert: true,
+      }),
+    );
   };
 
   const handleChangeRedirectLinksMode = (event: React.ChangeEvent<HTMLSelectElement>) => {
     if (redirectLinksMode === 'auto' && event.target.value === 'manual') {
-      KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${me}`).then((services) => {
-        if (!services?.redirectServices) return;
+      KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${me}`)
+        .then((services) => {
+          if (!services?.redirectServices) return;
 
-        setRedirectServices(
-          Object.fromEntries(
-            mappings.map(({ name, targets }) => ([
-              name,
-              services.redirectServices.find((service) => targets.includes(service.type) && service.instances.length)?.instances[0].split('|')[0] ?? '',
-            ])),
-          ),
-        );
-      }).catch(() => { });
+          setRedirectServices(
+            Object.fromEntries(
+              mappings.map(({ name, targets }) => [
+                name,
+                services.redirectServices
+                  .find((service) => targets.includes(service.type) && service.instances.length)
+                  ?.instances[0].split('|')[0] ?? '',
+              ]),
+            ),
+          );
+        })
+        .catch(() => {});
     }
     setRedirectLinksMode(event.target.value as 'off');
   };
 
-  useEffect(() => {
-  }, [dispatch]);
+  useEffect(() => {}, [dispatch]);
 
   return (
     <Column label={intl.formatMessage(messages.heading)} transparent withHeader={false}>
@@ -115,9 +129,17 @@ const Privacy = () => {
         <CardBody>
           <Form onSubmit={onSubmit}>
             <List>
-              <ListItem label={<FormattedMessage id='url_privacy.display_target_host' defaultMessage='Always display the domain external links lead to' />}>
+              <ListItem
+                label={
+                  <FormattedMessage
+                    id='url_privacy.display_target_host'
+                    defaultMessage='Always display the domain external links lead to'
+                  />
+                }
+              >
                 <Toggle
-                  checked={displayTargetHost} onChange={({ target }) =>{
+                  checked={displayTargetHost}
+                  onChange={({ target }) => {
                     setDisplayTargetHost(target.checked);
                   }}
                 />
@@ -125,17 +147,33 @@ const Privacy = () => {
             </List>
 
             <List>
-              <ListItem label={<FormattedMessage id='url_privacy.clear_links_in_compose' defaultMessage='Suggest removing tracking parameters when composing a post' />}>
+              <ListItem
+                label={
+                  <FormattedMessage
+                    id='url_privacy.clear_links_in_compose'
+                    defaultMessage='Suggest removing tracking parameters when composing a post'
+                  />
+                }
+              >
                 <Toggle
-                  checked={clearLinksInCompose} onChange={({ target }) =>{
+                  checked={clearLinksInCompose}
+                  onChange={({ target }) => {
                     setClearLinksInCompose(target.checked);
                   }}
                 />
               </ListItem>
 
-              <ListItem label={<FormattedMessage id='url_privacy.clear_links_in_content' defaultMessage='Remove tracking parameters from displayed posts' />}>
+              <ListItem
+                label={
+                  <FormattedMessage
+                    id='url_privacy.clear_links_in_content'
+                    defaultMessage='Remove tracking parameters from displayed posts'
+                  />
+                }
+              >
                 <Toggle
-                  checked={clearLinksInContent} onChange={({ target }) =>{
+                  checked={clearLinksInContent}
+                  onChange={({ target }) => {
                     setClearLinksInContent(target.checked);
                   }}
                 />
@@ -143,35 +181,64 @@ const Privacy = () => {
             </List>
 
             <FormGroup
-              labelText={<FormattedMessage id='url_privacy.rules_url.label' defaultMessage='URL cleaning rules database address' />}
-              hintText={<FormattedMessage id='url_privacy.rules_url.hint' defaultMessage='Rules database in ClearURLs-compatible format, eg. {url}' values={{ url: 'https://rules2.clearurls.xyz/data.minify.json' }} />}
+              labelText={
+                <FormattedMessage
+                  id='url_privacy.rules_url.label'
+                  defaultMessage='URL cleaning rules database address'
+                />
+              }
+              hintText={
+                <FormattedMessage
+                  id='url_privacy.rules_url.hint'
+                  defaultMessage='Rules database in ClearURLs-compatible format, eg. {url}'
+                  values={{ url: 'https://rules2.clearurls.xyz/data.minify.json' }}
+                />
+              }
             >
               <Input
                 type='text'
                 placeholder={intl.formatMessage(messages.rulesUrlPlaceholder)}
                 value={rulesUrl}
-                onChange={({ target }) =>{
+                onChange={({ target }) => {
                   setRulesUrl(target.value);
                 }}
               />
             </FormGroup>
 
             <FormGroup
-              labelText={<FormattedMessage id='url_privacy.hash_url.label' defaultMessage='URL cleaning rules hash address (optional)' />}
-              hintText={<FormattedMessage id='url_privacy.hash_url.hint' defaultMessage='SHA256 hash of rules database, used to avoid unnecessary fetches, eg. {url}' values={{ url: 'https://rules2.clearurls.xyz/rules.minify.hash' }} />}
+              labelText={
+                <FormattedMessage
+                  id='url_privacy.hash_url.label'
+                  defaultMessage='URL cleaning rules hash address (optional)'
+                />
+              }
+              hintText={
+                <FormattedMessage
+                  id='url_privacy.hash_url.hint'
+                  defaultMessage='SHA256 hash of rules database, used to avoid unnecessary fetches, eg. {url}'
+                  values={{ url: 'https://rules2.clearurls.xyz/rules.minify.hash' }}
+                />
+              }
             >
               <Input
                 type='text'
                 placeholder={intl.formatMessage(messages.hashUrlPlaceholder)}
                 value={hashUrl}
-                onChange={({ target }) =>{
+                onChange={({ target }) => {
                   setHashUrl(target.value);
                 }}
               />
             </FormGroup>
 
             <List>
-              <ListItem label={<FormattedMessage id='url_privacy.redirect_links_mode' defaultMessage='Redirect links to popular websites to privacy-respecting proxy services' />}>
+              <ListItem
+                label={
+                  <FormattedMessage
+                    id='url_privacy.redirect_links_mode'
+                    defaultMessage='Redirect links to popular websites to privacy-respecting proxy services'
+                  />
+                }
+              >
                 <SelectDropdown
                   className='max-w-fit'
                   items={{
@@ -187,32 +254,60 @@ const Privacy = () => {
 
             {redirectLinksMode === 'auto' && (
               <FormGroup
-                labelText={<FormattedMessage id='url_privacy.redirect_services_url.label' defaultMessage='Redirect services URLs database address' />}
-                hintText={<FormattedMessage id='url_privacy.redirect_services_url.hint' defaultMessage='URLs database in Farside-compatible format, eg. {url}' values={{ url: 'https://raw.githubusercontent.com/benbusby/farside/refs/heads/main/services.json' }} />}
+                labelText={
+                  <FormattedMessage
+                    id='url_privacy.redirect_services_url.label'
+                    defaultMessage='Redirect services URLs database address'
+                  />
+                }
+                hintText={
+                  <FormattedMessage
+                    id='url_privacy.redirect_services_url.hint'
+                    defaultMessage='URLs database in Farside-compatible format, eg. {url}'
+                    values={{
+                      url: 'https://raw.githubusercontent.com/benbusby/farside/refs/heads/main/services.json',
+                    }}
+                  />
+                }
               >
                 <Input
                   type='text'
                   placeholder={intl.formatMessage(messages.redirectServicesUrlPlaceholder)}
                   value={redirectServicesUrl}
-                  onChange={({ target }) =>{
+                  onChange={({ target }) => {
                     setRedirectServicesUrl(target.value);
                   }}
                 />
               </FormGroup>
             )}
 
-            {redirectLinksMode === 'manual' && (
+            {redirectLinksMode === 'manual' &&
               mappings.map((service) => (
                 <FormGroup
                   key={service.name}
-                  labelText={<FormattedMessage id='url_privacy.redirect_services.name' defaultMessage='{name}' values={{ name: service.name }} />}
-                  hintText={<FormattedMessage id='url_privacy.redirect_services.patterns' defaultMessage='Matches: {pattern}, eg. {services}, leave empty for no redirect' values={{ pattern: service.urlPattern, services: <FormattedList value={service.targets} /> }} />}
+                  labelText={
+                    <FormattedMessage
+                      id='url_privacy.redirect_services.name'
+                      defaultMessage='{name}'
+                      values={{ name: service.name }}
+                    />
+                  }
+                  hintText={
+                    <FormattedMessage
+                      id='url_privacy.redirect_services.patterns'
+                      defaultMessage='Matches: {pattern}, eg. {services}, leave empty for no redirect'
+                      values={{
+                        pattern: service.urlPattern,
+                        services: <FormattedList value={service.targets} />,
+                      }}
+                    />
+                  }
                 >
                   <Input
                     outerClassName='grow'
                     type='text'
                     value={redirectServices[service.name]}
-                    onChange={(e) =>{
+                    onChange={(e) => {
                       setRedirectServices((services) => {
                         services[service.name] = e.target.value;
                       });
@@ -220,22 +315,36 @@ const Privacy = () => {
                     placeholder={intl.formatMessage(messages.redirectServicePlaceholder)}
                   />
                 </FormGroup>
-              ))
-            )}
+              ))}
 
             <List>
               <ListItem
-                label={<FormattedMessage id='url_privacy.strip_metadata' defaultMessage='Strip metadata from uploaded images' />}
+                label={
+                  <FormattedMessage
+                    id='url_privacy.strip_metadata'
+                    defaultMessage='Strip metadata from uploaded images'
+                  />
+                }
                 hint={
-                  hasCanvasExtractPermission
-                    ? <FormattedMessage id='url_privacy.strip_metadata.hint' defaultMessage='Removes metadata such as EXIF tags, including geolocation, from images before hitting the server. This is usually done server-side, regardless of client settings.' />
-                    : <FormattedMessage id='url_privacy.strip_metadata.hint_no_permission' defaultMessage='This option requires additional permissions to function. Please enable canvas extraction permission in your browser settings.' />
+                  hasCanvasExtractPermission ? (
+                    <FormattedMessage
+                      id='url_privacy.strip_metadata.hint'
+                      defaultMessage='Removes metadata such as EXIF tags, including geolocation, from images before hitting the server. This is usually done server-side, regardless of client settings.'
+                    />
+                  ) : (
+                    <FormattedMessage
+                      id='url_privacy.strip_metadata.hint_no_permission'
+                      defaultMessage='This option requires additional permissions to function. Please enable canvas extraction permission in your browser settings.'
+                    />
+                  )
                 }
               >
                 <Toggle
-                  checked={stripMetadata} onChange={({ target }) =>{
+                  checked={stripMetadata}
+                  onChange={({ target }) => {
                     setStripMetadata(target.checked);
-                  }} disabled={!hasCanvasExtractPermission}
+                  }}
+                  disabled={!hasCanvasExtractPermission}
                 />
               </ListItem>
             </List>
diff --git a/packages/pl-fe/src/pages/settings/settings.tsx b/packages/pl-fe/src/pages/settings/settings.tsx
index 0c4ede128..bbf06f77f 100644
--- a/packages/pl-fe/src/pages/settings/settings.tsx
+++ b/packages/pl-fe/src/pages/settings/settings.tsx
@@ -26,7 +26,10 @@ const messages = defineMessages({
   exportData: { id: 'column.export_data', defaultMessage: 'Export data' },
   filters: { id: 'column.filters', defaultMessage: 'Muted words' },
   importData: { id: 'column.import_data', defaultMessage: 'Import data' },
-  interactionPolicies: { id: 'column.interaction_policies', defaultMessage: 'Interaction policies' },
+  interactionPolicies: {
+    id: 'column.interaction_policies',
+    defaultMessage: 'Interaction policies',
+  },
   mfaDisabled: { id: 'mfa.disabled', defaultMessage: 'Disabled' },
   mfaEnabled: { id: 'mfa.enabled', defaultMessage: 'Enabled' },
   mutes: { id: 'column.mutes', defaultMessage: 'Mutes' },
@@ -77,9 +80,18 @@ const SettingsPage = () => {
           <List>
             <ListItem label={intl.formatMessage(messages.mutes)} to='/mutes' />
             <ListItem label={intl.formatMessage(messages.blocks)} to='/blocks' />
-            {(features.filters || features.filtersV2) && <ListItem label={intl.formatMessage(messages.filters)} to='/filters' />}
-            {features.federating && <ListItem label={intl.formatMessage(messages.domainBlocks)} to='/domain_blocks' />}
-            {(features.interactionRequests || features.quoteApprovalPolicies) && <ListItem label={intl.formatMessage(messages.interactionPolicies)} to='/settings/interaction_policies' />}
+            {(features.filters || features.filtersV2) && (
+              <ListItem label={intl.formatMessage(messages.filters)} to='/filters' />
+            )}
+            {features.federating && (
+              <ListItem label={intl.formatMessage(messages.domainBlocks)} to='/domain_blocks' />
+            )}
+            {(features.interactionRequests || features.quoteApprovalPolicies) && (
+              <ListItem
+                label={intl.formatMessage(messages.interactionPolicies)}
+                to='/settings/interaction_policies'
+              />
+            )}
           </List>
         </CardBody>
 
@@ -89,15 +101,22 @@ const SettingsPage = () => {
 
         <CardBody>
           <List>
-            {features.changeEmail && <ListItem label={intl.formatMessage(messages.changeEmail)} to='/settings/email' />}
-            {features.changePassword && <ListItem label={intl.formatMessage(messages.changePassword)} to='/settings/password' />}
+            {features.changeEmail && (
+              <ListItem label={intl.formatMessage(messages.changeEmail)} to='/settings/email' />
+            )}
+            {features.changePassword && (
+              <ListItem
+                label={intl.formatMessage(messages.changePassword)}
+                to='/settings/password'
+              />
+            )}
             {features.manageMfa && (
               <>
                 <ListItem label={intl.formatMessage(messages.configureMfa)} to='/settings/mfa'>
                   <span>
-                    {isMfaEnabled ?
-                      intl.formatMessage(messages.mfaEnabled) :
-                      intl.formatMessage(messages.mfaDisabled)}
+                    {isMfaEnabled
+                      ? intl.formatMessage(messages.mfaEnabled)
+                      : intl.formatMessage(messages.mfaDisabled)}
                   </span>
                 </ListItem>
               </>
@@ -105,7 +124,10 @@ const SettingsPage = () => {
             {features.sessions && (
               <ListItem label={intl.formatMessage(messages.sessions)} to='/settings/tokens' />
             )}
-            <ListItem label={<FormattedMessage id='settings.privacy' defaultMessage='Privacy' />} to='/settings/privacy' />
+            <ListItem
+              label={<FormattedMessage id='settings.privacy' defaultMessage='Privacy' />}
+              to='/settings/privacy'
+            />
           </List>
         </CardBody>
 
@@ -147,14 +169,26 @@ const SettingsPage = () => {
 
             <ListItem label={intl.formatMessage(messages.developers)} to='/developers' />
 
-            {features.federating && (features.accountMoving ? (
-              <ListItem label={intl.formatMessage(messages.accountMigration)} to='/settings/migration' />
-            ) : features.manageAccountAliases && (
-              <ListItem label={intl.formatMessage(messages.accountAliases)} to='/settings/aliases' />
-            ))}
+            {features.federating &&
+              (features.accountMoving ? (
+                <ListItem
+                  label={intl.formatMessage(messages.accountMigration)}
+                  to='/settings/migration'
+                />
+              ) : (
+                features.manageAccountAliases && (
+                  <ListItem
+                    label={intl.formatMessage(messages.accountAliases)}
+                    to='/settings/aliases'
+                  />
+                )
+              ))}
 
             {(features.deleteAccount || features.deleteAccountWithoutPassword) && (
-              <ListItem label={<Text theme='danger'>{intl.formatMessage(messages.deleteAccount)}</Text>} to='/settings/account' />
+              <ListItem
+                label={<Text theme='danger'>{intl.formatMessage(messages.deleteAccount)}</Text>}
+                to='/settings/account'
+              />
             )}
           </List>
         </CardBody>
diff --git a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
index c7e43080c..b1283ad44 100644
--- a/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
+++ b/packages/pl-fe/src/pages/status-lists/bookmark-folders.tsx
@@ -14,15 +14,27 @@ import Spinner from '@/components/ui/spinner';
 import Stack from '@/components/ui/stack';
 import { useTextField } from '@/hooks/forms/use-text-field';
 import { useFeatures } from '@/hooks/use-features';
-import { useBookmarkFolders, useCreateBookmarkFolder } from '@/queries/statuses/use-bookmark-folders';
+import {
+  useBookmarkFolders,
+  useCreateBookmarkFolder,
+} from '@/queries/statuses/use-bookmark-folders';
 import toast from '@/toast';
 
 const messages = defineMessages({
   heading: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
   label: { id: 'bookmark_folders.new.title_placeholder', defaultMessage: 'New folder title' },
-  labelWithSearch: { id: 'bookmark_folders.new.title_with_search_placeholder', defaultMessage: 'Search or create new folder' },
-  createSuccess: { id: 'bookmark_folders.add.success', defaultMessage: 'Bookmark folder created successfully' },
-  createFail: { id: 'bookmark_folders.add.fail', defaultMessage: 'Failed to create bookmark folder' },
+  labelWithSearch: {
+    id: 'bookmark_folders.new.title_with_search_placeholder',
+    defaultMessage: 'Search or create new folder',
+  },
+  createSuccess: {
+    id: 'bookmark_folders.add.success',
+    defaultMessage: 'Bookmark folder created successfully',
+  },
+  createFail: {
+    id: 'bookmark_folders.add.fail',
+    defaultMessage: 'Failed to create bookmark folder',
+  },
 });
 
 interface INewFolderForm {
@@ -44,16 +56,19 @@ const NewFolderForm: React.FC<INewFolderForm> = ({ search, onChange }) => {
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
-    createBookmarkFolder({
-      name: name.value,
-    }, {
-      onSuccess() {
-        toast.success(messages.createSuccess);
+    createBookmarkFolder(
+      {
+        name: name.value,
       },
-      onError() {
-        toast.success(messages.createFail);
+      {
+        onSuccess() {
+          toast.success(messages.createSuccess);
+        },
+        onError() {
+          toast.success(messages.createFail);
+        },
       },
-    });
+    );
   };
 
   const label = intl.formatMessage(search ? messages.labelWithSearch : messages.label);
@@ -71,11 +86,7 @@ const NewFolderForm: React.FC<INewFolderForm> = ({ search, onChange }) => {
           onChange={handleChange}
         />
 
-        <Button
-          disabled={isPending}
-          onClick={handleSubmit}
-          theme='primary'
-        >
+        <Button disabled={isPending} onClick={handleSubmit} theme='primary'>
           <FormattedMessage id='bookmark_folders.new.create_title' defaultMessage='Add folder' />
         </Button>
       </HStack>
@@ -87,9 +98,10 @@ const BookmarkFoldersPage: React.FC = () => {
   const intl = useIntl();
   const features = useFeatures();
 
-  const { data: bookmarkFolders, isFetching } = useBookmarkFolders(data => data);
+  const { data: bookmarkFolders, isFetching } = useBookmarkFolders((data) => data);
 
-  if (!features.bookmarkFolders) return <Navigate to='/bookmarks/$folderId' params={{ folderId: 'all' }} replace />;
+  if (!features.bookmarkFolders)
+    return <Navigate to='/bookmarks/$folderId' params={{ folderId: 'all' }} replace />;
 
   if (isFetching) {
     return (
@@ -111,7 +123,12 @@ const BookmarkFoldersPage: React.FC = () => {
             label={
               <HStack alignItems='center' space={2}>
                 <Icon src={require('@phosphor-icons/core/regular/bookmarks.svg')} size={20} />
-                <span><FormattedMessage id='bookmark_folders.all_bookmarks' defaultMessage='All bookmarks' /></span>
+                <span>
+                  <FormattedMessage
+                    id='bookmark_folders.all_bookmarks'
+                    defaultMessage='All bookmarks'
+                  />
+                </span>
               </HStack>
             }
           />
@@ -128,7 +145,12 @@ const BookmarkFoldersPage: React.FC = () => {
                       src={folder.emoji_url ?? undefined}
                       className='size-5 flex-none'
                     />
-                  ) : <Icon src={require('@phosphor-icons/core/regular/folder-simple.svg')} size={20} />}
+                  ) : (
+                    <Icon
+                      src={require('@phosphor-icons/core/regular/folder-simple.svg')}
+                      size={20}
+                    />
+                  )}
                   <span>{folder.name}</span>
                 </HStack>
               }
diff --git a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
index 83f4fdf89..abc52f920 100644
--- a/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
+++ b/packages/pl-fe/src/pages/status-lists/bookmarks.tsx
@@ -8,7 +8,10 @@ import StatusList from '@/components/status-list';
 import Column from '@/components/ui/column';
 import { bookmarksRoute } from '@/features/ui/router';
 import { useBookmarks } from '@/queries/status-lists/use-bookmarks';
-import { useBookmarkFolder, useDeleteBookmarkFolder } from '@/queries/statuses/use-bookmark-folders';
+import {
+  useBookmarkFolder,
+  useDeleteBookmarkFolder,
+} from '@/queries/statuses/use-bookmark-folders';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 
@@ -16,11 +19,24 @@ const messages = defineMessages({
   heading: { id: 'column.bookmarks', defaultMessage: 'Bookmarks' },
   editFolder: { id: 'bookmarks.edit_folder', defaultMessage: 'Edit folder' },
   deleteFolder: { id: 'bookmarks.delete_folder', defaultMessage: 'Delete folder' },
-  deleteFolderHeading: { id: 'confirmations.delete_bookmark_folder.heading', defaultMessage: 'Delete "{name}" folder?' },
-  deleteFolderMessage: { id: 'confirmations.delete_bookmark_folder.message', defaultMessage: 'Are you sure you want to delete the folder? The bookmarks will still be stored.' },
-  deleteFolderConfirm: { id: 'confirmations.delete_bookmark_folder.confirm', defaultMessage: 'Delete folder' },
+  deleteFolderHeading: {
+    id: 'confirmations.delete_bookmark_folder.heading',
+    defaultMessage: 'Delete "{name}" folder?',
+  },
+  deleteFolderMessage: {
+    id: 'confirmations.delete_bookmark_folder.message',
+    defaultMessage:
+      'Are you sure you want to delete the folder? The bookmarks will still be stored.',
+  },
+  deleteFolderConfirm: {
+    id: 'confirmations.delete_bookmark_folder.confirm',
+    defaultMessage: 'Delete folder',
+  },
   deleteFolderSuccess: { id: 'bookmarks.delete_folder.success', defaultMessage: 'Folder deleted' },
-  deleteFolderFail: { id: 'bookmarks.delete_folder.fail', defaultMessage: 'Failed to delete folder' },
+  deleteFolderFail: {
+    id: 'bookmarks.delete_folder.fail',
+    defaultMessage: 'Failed to delete folder',
+  },
 });
 
 const BookmarksPage: React.FC = () => {
@@ -34,7 +50,13 @@ const BookmarksPage: React.FC = () => {
   const { data: folder } = useBookmarkFolder(folderId);
   const { mutate: deleteBookmarkFolder } = useDeleteBookmarkFolder();
 
-  const { data: statusIds = [], isFetching, hasNextPage, fetchNextPage, refetch } = useBookmarks(folderId);
+  const {
+    data: statusIds = [],
+    isFetching,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useBookmarks(folderId);
 
   const handleRefresh = () => refetch();
 
@@ -62,27 +84,42 @@ const BookmarksPage: React.FC = () => {
     });
   };
 
-  const emptyMessage = folderId
-    ? <FormattedMessage id='empty_column.bookmarks.folder' defaultMessage="You don't have any bookmarks in this folder yet. When you add one, it will show up here." />
-    : <FormattedMessage id='empty_column.bookmarks' defaultMessage="You don't have any bookmarks yet. When you add one, it will show up here." />;
+  const emptyMessage = folderId ? (
+    <FormattedMessage
+      id='empty_column.bookmarks.folder'
+      defaultMessage="You don't have any bookmarks in this folder yet. When you add one, it will show up here."
+    />
+  ) : (
+    <FormattedMessage
+      id='empty_column.bookmarks'
+      defaultMessage="You don't have any bookmarks yet. When you add one, it will show up here."
+    />
+  );
 
-  const items = folderId ? [
-    {
-      text: intl.formatMessage(messages.editFolder),
-      action: handleEditFolder,
-      icon: require('@phosphor-icons/core/regular/pencil-simple.svg'),
-    },
-    {
-      text: intl.formatMessage(messages.deleteFolder),
-      action: handleDeleteFolder,
-      icon: require('@phosphor-icons/core/regular/trash.svg'),
-    },
-  ] : [];
+  const items = folderId
+    ? [
+        {
+          text: intl.formatMessage(messages.editFolder),
+          action: handleEditFolder,
+          icon: require('@phosphor-icons/core/regular/pencil-simple.svg'),
+        },
+        {
+          text: intl.formatMessage(messages.deleteFolder),
+          action: handleDeleteFolder,
+          icon: require('@phosphor-icons/core/regular/trash.svg'),
+        },
+      ]
+    : [];
 
   return (
     <Column
       label={folder ? folder.name : intl.formatMessage(messages.heading)}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <PullToRefresh onRefresh={handleRefresh}>
         <StatusList
diff --git a/packages/pl-fe/src/pages/status-lists/conversations.tsx b/packages/pl-fe/src/pages/status-lists/conversations.tsx
index a58469865..ebc173310 100644
--- a/packages/pl-fe/src/pages/status-lists/conversations.tsx
+++ b/packages/pl-fe/src/pages/status-lists/conversations.tsx
@@ -1,7 +1,11 @@
 import React, { useEffect } from 'react';
 import { defineMessages, useIntl } from 'react-intl';
 
-import { mountConversations, unmountConversations, expandConversations } from '@/actions/conversations';
+import {
+  mountConversations,
+  unmountConversations,
+  expandConversations,
+} from '@/actions/conversations';
 import { useDirectStream } from '@/api/hooks/streaming/use-direct-stream';
 import Column from '@/components/ui/column';
 import ConversationsList from '@/features/conversations/components/conversations-list';
diff --git a/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx b/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
index 20f572156..0b0ae67f5 100644
--- a/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/draft-statuses.tsx
@@ -13,9 +13,14 @@ const messages = defineMessages({
 const DraftStatusesPage = () => {
   const intl = useIntl();
 
-  const { data: drafts = [] } = useDraftStatusesQuery(data => Object.values(data));
+  const { data: drafts = [] } = useDraftStatusesQuery((data) => Object.values(data));
 
-  const emptyMessage = <FormattedMessage id='empty_column.draft_statuses' defaultMessage="You don't have any draft statuses yet. When you add one, it will show up here." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.draft_statuses'
+      defaultMessage="You don't have any draft statuses yet. When you add one, it will show up here."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -24,7 +29,9 @@ const DraftStatusesPage = () => {
         emptyMessageText={emptyMessage}
         listClassName='⁂-status-list'
       >
-        {drafts.toReversed().map((draft) => <DraftStatus key={draft.draft_id} draftStatus={draft} />)}
+        {drafts.toReversed().map((draft) => (
+          <DraftStatus key={draft.draft_id} draftStatus={draft} />
+        ))}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/status-lists/events.tsx b/packages/pl-fe/src/pages/status-lists/events.tsx
index 723141972..4657dd441 100644
--- a/packages/pl-fe/src/pages/status-lists/events.tsx
+++ b/packages/pl-fe/src/pages/status-lists/events.tsx
@@ -11,7 +11,10 @@ import HStack from '@/components/ui/hstack';
 import Icon from '@/components/ui/icon';
 import PlaceholderEventPreview from '@/features/placeholder/components/placeholder-event-preview';
 import { useAppSelector } from '@/hooks/use-app-selector';
-import { useJoinedEventsTimeline, useRecentEventsTimeline } from '@/queries/timelines/use-events-lists';
+import {
+  useJoinedEventsTimeline,
+  useRecentEventsTimeline,
+} from '@/queries/timelines/use-events-lists';
 import { makeGetStatus } from '@/selectors';
 
 const messages = defineMessages({
@@ -20,7 +23,7 @@ const messages = defineMessages({
 
 const Event = ({ id }: { id: string }) => {
   const getStatus = useCallback(makeGetStatus(), []);
-  const status = useAppSelector(state => getStatus(state, { id }));
+  const status = useAppSelector((state) => getStatus(state, { id }));
 
   if (!status) return null;
 
@@ -64,27 +67,35 @@ const EventCarousel: React.FC<IEventCarousel> = ({ statusIds, isLoading, emptyMe
       {index !== 0 && (
         <div className='absolute left-3 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() =>{
+            onClick={() => {
               handleChangeIndex(index - 1);
             }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
-            <Icon src={require('@phosphor-icons/core/regular/caret-left.svg')} className='size-6 text-black dark:text-white' />
+            <Icon
+              src={require('@phosphor-icons/core/regular/caret-left.svg')}
+              className='size-6 text-black dark:text-white'
+            />
           </button>
         </div>
       )}
       <ReactSwipeableViews animateHeight index={index} onChangeIndex={handleChangeIndex}>
-        {statusIds.map(statusId => <Event key={statusId} id={statusId} />)}
+        {statusIds.map((statusId) => (
+          <Event key={statusId} id={statusId} />
+        ))}
       </ReactSwipeableViews>
       {index !== statusIds.length - 1 && (
         <div className='absolute right-3 top-1/2 z-10 -mt-4'>
           <button
-            onClick={() =>{
+            onClick={() => {
               handleChangeIndex(index + 1);
             }}
             className='flex size-8 items-center justify-center rounded-full bg-white/50 backdrop-blur dark:bg-gray-900/50'
           >
-            <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} className='size-6 text-black dark:text-white' />
+            <Icon
+              src={require('@phosphor-icons/core/regular/caret-right.svg')}
+              className='size-6 text-black dark:text-white'
+            />
           </button>
         </div>
       )}
@@ -101,7 +112,9 @@ const EventsPage = () => {
   return (
     <Column label={intl.formatMessage(messages.title)}>
       <HStack className='mb-2' space={2} justifyContent='between'>
-        <CardTitle title={<FormattedMessage id='events.recent_events' defaultMessage='Recent events' />} />
+        <CardTitle
+          title={<FormattedMessage id='events.recent_events' defaultMessage='Recent events' />}
+        />
         <Button className='ml-auto xl:hidden' theme='primary' size='sm' to='/events/new'>
           <FormattedMessage id='events.create_event' defaultMessage='Create event' />
         </Button>
@@ -110,17 +123,29 @@ const EventsPage = () => {
         <EventCarousel
           statusIds={recentEvents}
           isLoading={recentEventsLoading}
-          emptyMessage={<FormattedMessage id='events.recent_events.empty' defaultMessage='There are no public events yet.' />}
+          emptyMessage={
+            <FormattedMessage
+              id='events.recent_events.empty'
+              defaultMessage='There are no public events yet.'
+            />
+          }
         />
       </CardBody>
       <CardHeader className='mb-2'>
-        <CardTitle title={<FormattedMessage id='events.joined_events' defaultMessage='Joined events' />} />
+        <CardTitle
+          title={<FormattedMessage id='events.joined_events' defaultMessage='Joined events' />}
+        />
       </CardHeader>
       <CardBody>
         <EventCarousel
           statusIds={joinedEvents}
           isLoading={joinedEventsLoading}
-          emptyMessage={<FormattedMessage id='events.joined_events.empty' defaultMessage="You haven't joined any event yet." />}
+          emptyMessage={
+            <FormattedMessage
+              id='events.joined_events.empty'
+              defaultMessage="You haven't joined any event yet."
+            />
+          }
         />
       </CardBody>
     </Column>
diff --git a/packages/pl-fe/src/pages/status-lists/favourited-statuses.tsx b/packages/pl-fe/src/pages/status-lists/favourited-statuses.tsx
index bb5bb9426..f23710f41 100644
--- a/packages/pl-fe/src/pages/status-lists/favourited-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/favourited-statuses.tsx
@@ -30,21 +30,30 @@ const FavouritedStatusesPage: React.FC = () => {
     return (
       <Column>
         <div className='empty-column-indicator'>
-          <FormattedMessage id='empty_column.account_unavailable' defaultMessage='Profile unavailable' />
+          <FormattedMessage
+            id='empty_column.account_unavailable'
+            defaultMessage='Profile unavailable'
+          />
         </div>
       </Column>
     );
   }
 
   if (!account) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
-  const emptyMessage = isOwnAccount
-    ? <FormattedMessage id='empty_column.favourited_statuses' defaultMessage="You don't have any liked posts yet. When you like one, it will show up here." />
-    : <FormattedMessage id='empty_column.account_favourited_statuses' defaultMessage="This user doesn't have any liked posts yet." />;
+  const emptyMessage = isOwnAccount ? (
+    <FormattedMessage
+      id='empty_column.favourited_statuses'
+      defaultMessage="You don't have any liked posts yet. When you like one, it will show up here."
+    />
+  ) : (
+    <FormattedMessage
+      id='empty_column.account_favourited_statuses'
+      defaultMessage="This user doesn't have any liked posts yet."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)} withHeader={false} transparent>
diff --git a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
index e4160ac67..e51506b1f 100644
--- a/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
+++ b/packages/pl-fe/src/pages/status-lists/interaction-requests.tsx
@@ -20,20 +20,46 @@ import { buildLink } from '@/features/notifications/components/notification';
 import { Hotkeys } from '@/features/ui/components/hotkeys';
 import { useAppSelector } from '@/hooks/use-app-selector';
 import { useOwnAccount } from '@/hooks/use-own-account';
-import { type MinifiedInteractionRequest, useAuthorizeInteractionRequestMutation, useFlatInteractionRequests, useRejectInteractionRequestMutation } from '@/queries/statuses/use-interaction-requests';
+import {
+  type MinifiedInteractionRequest,
+  useAuthorizeInteractionRequestMutation,
+  useFlatInteractionRequests,
+  useRejectInteractionRequestMutation,
+} from '@/queries/statuses/use-interaction-requests';
 import toast from '@/toast';
 
 const messages = defineMessages({
   title: { id: 'column.interaction_requests', defaultMessage: 'Interaction requests' },
-  favourite: { id: 'interaction_request.favourite', defaultMessage: '{name} wants to like your <link>post</link>' },
-  reply: { id: 'interaction_request.reply', defaultMessage: '{name} wants to reply to your <link>post</link>' },
-  reblog: { id: 'interaction_request.reblog', defaultMessage: '{name} wants to repost your <link>post</link>' },
+  favourite: {
+    id: 'interaction_request.favourite',
+    defaultMessage: '{name} wants to like your <link>post</link>',
+  },
+  reply: {
+    id: 'interaction_request.reply',
+    defaultMessage: '{name} wants to reply to your <link>post</link>',
+  },
+  reblog: {
+    id: 'interaction_request.reblog',
+    defaultMessage: '{name} wants to repost your <link>post</link>',
+  },
   authorize: { id: 'interaction_request.authorize', defaultMessage: 'Accept' },
   reject: { id: 'interaction_request.reject', defaultMessage: 'Reject' },
-  authorized: { id: 'interaction_request.authorize.success', defaultMessage: 'Authorized @{acct} interaction request' },
-  authorizeFail: { id: 'interaction_request.authorize.fail', defaultMessage: 'Failed to authorize @{acct} interaction request' },
-  rejected: { id: 'interaction_request.reject.success', defaultMessage: 'Rejected @{acct} interaction request' },
-  rejectFail: { id: 'interaction_request.reject.fail', defaultMessage: 'Failed to reject @{acct} interaction request' },
+  authorized: {
+    id: 'interaction_request.authorize.success',
+    defaultMessage: 'Authorized @{acct} interaction request',
+  },
+  authorizeFail: {
+    id: 'interaction_request.authorize.fail',
+    defaultMessage: 'Failed to authorize @{acct} interaction request',
+  },
+  rejected: {
+    id: 'interaction_request.reject.success',
+    defaultMessage: 'Rejected @{acct} interaction request',
+  },
+  rejectFail: {
+    id: 'interaction_request.reject.fail',
+    defaultMessage: 'Failed to reject @{acct} interaction request',
+  },
 });
 
 const icons = {
@@ -51,7 +77,12 @@ interface IInteractionRequestStatus {
   actions?: JSX.Element;
 }
 
-const InteractionRequestStatus: React.FC<IInteractionRequestStatus> = ({ id: statusId, hasReply, isReply, actions }) => {
+const InteractionRequestStatus: React.FC<IInteractionRequestStatus> = ({
+  id: statusId,
+  hasReply,
+  isReply,
+  actions,
+}) => {
   const status = useAppSelector((state) => state.statuses[statusId]);
 
   if (!status) return null;
@@ -59,9 +90,7 @@ const InteractionRequestStatus: React.FC<IInteractionRequestStatus> = ({ id: sta
   return (
     <Stack className='relative py-2' space={2}>
       {hasReply && (
-        <div
-          className='absolute left-5 top-[62px] z-[1] block h-[calc(100%-58px)] w-0.5 bg-gray-200 black:bg-gray-800 dark:bg-primary-800 rtl:left-auto rtl:right-5'
-        />
+        <div className='absolute left-5 top-[62px] z-[1] block h-[calc(100%-58px)] w-0.5 bg-gray-200 black:bg-gray-800 dark:bg-primary-800 rtl:left-auto rtl:right-5' />
       )}
 
       <AccountContainer
@@ -75,9 +104,7 @@ const InteractionRequestStatus: React.FC<IInteractionRequestStatus> = ({ id: sta
       <Stack space={2} className={clsx(hasReply && 'pl-[54px]')}>
         <StatusContent status={status} preview={!isReply} />
 
-        {status.media_attachments.length > 0 && (
-          <AttachmentThumbs status={status} />
-        )}
+        {status.media_attachments.length > 0 && <AttachmentThumbs status={status} />}
       </Stack>
     </Stack>
   );
@@ -90,7 +117,9 @@ interface IInteractionRequest {
 }
 
 const InteractionRequest: React.FC<IInteractionRequest> = ({
-  interactionRequest, onMoveUp, onMoveDown,
+  interactionRequest,
+  onMoveUp,
+  onMoveDown,
 }) => {
   const intl = useIntl();
   const { account: ownAccount } = useOwnAccount();
@@ -101,30 +130,38 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
 
   const handleAuthorize = () => {
     authorize(undefined, {
-      onSuccess: () =>{
-        toast.success(intl.formatMessage(messages.authorized, {
-          acct: account?.acct,
-        }));
+      onSuccess: () => {
+        toast.success(
+          intl.formatMessage(messages.authorized, {
+            acct: account?.acct,
+          }),
+        );
       },
-      onError: () =>{
-        toast.error(intl.formatMessage(messages.authorizeFail, {
-          acct: account?.acct,
-        }));
+      onError: () => {
+        toast.error(
+          intl.formatMessage(messages.authorizeFail, {
+            acct: account?.acct,
+          }),
+        );
       },
     });
   };
 
   const handleReject = () => {
     reject(undefined, {
-      onSuccess: () =>{
-        toast.success(intl.formatMessage(messages.rejected, {
-          acct: account?.acct,
-        }));
+      onSuccess: () => {
+        toast.success(
+          intl.formatMessage(messages.rejected, {
+            acct: account?.acct,
+          }),
+        );
       },
-      onError: () =>{
-        toast.error(intl.formatMessage(messages.rejectFail, {
-          acct: account?.acct,
-        }));
+      onError: () => {
+        toast.error(
+          intl.formatMessage(messages.rejectFail, {
+            acct: account?.acct,
+          }),
+        );
       },
     });
   };
@@ -136,7 +173,11 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
     link: (children: React.ReactNode) => {
       if (interactionRequest.status_id) {
         return (
-          <Link className='font-bold text-gray-800 hover:underline dark:text-gray-200' to='/@{$username}/posts/$statusId' params={{ username: ownAccount?.acct ?? '', statusId: interactionRequest.status_id }}>
+          <Link
+            className='font-bold text-gray-800 hover:underline dark:text-gray-200'
+            to='/@{$username}/posts/$statusId'
+            params={{ username: ownAccount?.acct ?? '', statusId: interactionRequest.status_id }}
+          >
             {children}
           </Link>
         );
@@ -152,7 +193,7 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
         theme='secondary'
         size='sm'
         text={intl.formatMessage(messages.authorize)}
-        onClick={() =>{
+        onClick={() => {
           handleAuthorize();
         }}
       />
@@ -160,7 +201,7 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
         theme='danger'
         size='sm'
         text={intl.formatMessage(messages.reject)}
-        onClick={() =>{
+        onClick={() => {
           handleReject();
         }}
       />
@@ -190,10 +231,7 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
         <Stack space={2}>
           <div>
             <HStack alignItems='center' space={3}>
-              <div
-                className='flex justify-end'
-                style={{ flexBasis: avatarSize }}
-              >
+              <div className='flex justify-end' style={{ flexBasis: avatarSize }}>
                 <Icon
                   src={icons[interactionRequest.type]}
                   className='flex-none text-primary-600 dark:text-primary-400'
@@ -209,15 +247,28 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
               {interactionRequest.type !== 'reply' && (
                 <div className='ml-auto'>
                   <Text theme='muted' size='xs' truncate>
-                    <RelativeTimestamp timestamp={interactionRequest.created_at} theme='muted' size='sm' className='whitespace-nowrap' />
+                    <RelativeTimestamp
+                      timestamp={interactionRequest.created_at}
+                      theme='muted'
+                      size='sm'
+                      className='whitespace-nowrap'
+                    />
                   </Text>
                 </div>
               )}
             </HStack>
           </div>
 
-          {interactionRequest.status_id && <InteractionRequestStatus id={interactionRequest.status_id} hasReply={interactionRequest.type === 'reply'} actions={interactionRequest.reply_id ? undefined : actions} />}
-          {interactionRequest.reply_id && <InteractionRequestStatus id={interactionRequest.reply_id} isReply actions={actions} />}
+          {interactionRequest.status_id && (
+            <InteractionRequestStatus
+              id={interactionRequest.status_id}
+              hasReply={interactionRequest.type === 'reply'}
+              actions={interactionRequest.reply_id ? undefined : actions}
+            />
+          )}
+          {interactionRequest.reply_id && (
+            <InteractionRequestStatus id={interactionRequest.reply_id} isReply actions={actions} />
+          )}
         </Stack>
       </div>
     </Hotkeys>
@@ -227,17 +278,29 @@ const InteractionRequest: React.FC<IInteractionRequest> = ({
 const InteractionRequestsPage = () => {
   const intl = useIntl();
 
-  const { data = [], fetchNextPage, hasNextPage, isFetching, isLoading, refetch } = useFlatInteractionRequests();
+  const {
+    data = [],
+    fetchNextPage,
+    hasNextPage,
+    isFetching,
+    isLoading,
+    refetch,
+  } = useFlatInteractionRequests();
 
-  const emptyMessage = <FormattedMessage id='empty_column.interaction_requests' defaultMessage='There are no pending interaction requests.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.interaction_requests'
+      defaultMessage='There are no pending interaction requests.'
+    />
+  );
 
   const handleMoveUp = (id: string) => {
-    const elementIndex = data.findIndex(item => item !== null && item.id === id) - 1;
+    const elementIndex = data.findIndex((item) => item !== null && item.id === id) - 1;
     _selectChild(elementIndex);
   };
 
   const handleMoveDown = (id: string) => {
-    const elementIndex = data.findIndex(item => item !== null && item.id === id) + 1;
+    const elementIndex = data.findIndex((item) => item !== null && item.id === id) + 1;
     _selectChild(elementIndex);
   };
 
@@ -262,7 +325,7 @@ const InteractionRequestsPage = () => {
             'animate-pulse': data?.length === 0,
           })}
         >
-          {data?.map(request => (
+          {data?.map((request) => (
             <InteractionRequest
               key={request.id}
               interactionRequest={request}
diff --git a/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx b/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
index 461d82aae..67d497f64 100644
--- a/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/pinned-statuses.tsx
@@ -17,13 +17,15 @@ const PinnedStatusesPage = () => {
   const { username } = profilePinsRoute.useParams();
 
   const { account } = useOwnAccount();
-  const { data: statusIds = [], isFetching: isLoading, hasNextPage: hasMore } = usePinnedStatuses(account?.id ?? '');
+  const {
+    data: statusIds = [],
+    isFetching: isLoading,
+    hasNextPage: hasMore,
+  } = usePinnedStatuses(account?.id ?? '');
   const isMyAccount = username.toLowerCase() === account?.username.toLowerCase();
 
   if (!isMyAccount) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   return (
@@ -33,7 +35,9 @@ const PinnedStatusesPage = () => {
         scrollKey='pinned_statuses'
         hasMore={hasMore}
         isLoading={isLoading}
-        emptyMessageText={<FormattedMessage id='pinned_statuses.none' defaultMessage='No pins to show.' />}
+        emptyMessageText={
+          <FormattedMessage id='pinned_statuses.none' defaultMessage='No pins to show.' />
+        }
       />
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/status-lists/quotes.tsx b/packages/pl-fe/src/pages/status-lists/quotes.tsx
index 1171dd07f..9d9606924 100644
--- a/packages/pl-fe/src/pages/status-lists/quotes.tsx
+++ b/packages/pl-fe/src/pages/status-lists/quotes.tsx
@@ -15,7 +15,13 @@ const QuotesPage: React.FC = () => {
   const intl = useIntl();
   const { statusId } = statusQuotesRoute.useParams();
 
-  const { data: statusIds = [], isLoading, hasNextPage, fetchNextPage, refetch } = useStatusQuotes(statusId);
+  const {
+    data: statusIds = [],
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+    refetch,
+  } = useStatusQuotes(statusId);
 
   const handleRefresh = async () => {
     await refetch();
@@ -25,7 +31,12 @@ const QuotesPage: React.FC = () => {
     fetchNextPage({ cancelRefetch: false });
   };
 
-  const emptyMessage = <FormattedMessage id='empty_column.quotes' defaultMessage='This post has not been quoted yet.' />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.quotes'
+      defaultMessage='This post has not been quoted yet.'
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
diff --git a/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx b/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
index e2f7e9529..98d0bf4e3 100644
--- a/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
+++ b/packages/pl-fe/src/pages/status-lists/scheduled-statuses.tsx
@@ -14,9 +14,19 @@ const messages = defineMessages({
 const ScheduledStatusesPage = () => {
   const intl = useIntl();
 
-  const { data: scheduledStatuses = [], isLoading, hasNextPage, fetchNextPage } = useInfiniteQuery(scheduledStatusesQueryOptions);
+  const {
+    data: scheduledStatuses = [],
+    isLoading,
+    hasNextPage,
+    fetchNextPage,
+  } = useInfiniteQuery(scheduledStatusesQueryOptions);
 
-  const emptyMessage = <FormattedMessage id='empty_column.scheduled_statuses' defaultMessage="You don't have any scheduled statuses yet. When you add one, it will show up here." />;
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.scheduled_statuses'
+      defaultMessage="You don't have any scheduled statuses yet. When you add one, it will show up here."
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -27,7 +37,9 @@ const ScheduledStatusesPage = () => {
         emptyMessageText={emptyMessage}
         listClassName='⁂-status-list'
       >
-        {scheduledStatuses.map((status) => <ScheduledStatus key={status.id} scheduledStatus={status} />)}
+        {scheduledStatuses.map((status) => (
+          <ScheduledStatus key={status.id} scheduledStatus={status} />
+        ))}
       </ScrollableList>
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/statuses/compose-event.tsx b/packages/pl-fe/src/pages/statuses/compose-event.tsx
index 5159dd011..bcbab2287 100644
--- a/packages/pl-fe/src/pages/statuses/compose-event.tsx
+++ b/packages/pl-fe/src/pages/statuses/compose-event.tsx
@@ -25,22 +25,25 @@ const EditEventPage = () => {
 
   const [tab, setTab] = useState<'edit' | 'pending'>('edit');
 
-  useEffect(() => () => {
-    dispatch(cancelEventCompose());
-  }, [statusId]);
+  useEffect(
+    () => () => {
+      dispatch(cancelEventCompose());
+    },
+    [statusId],
+  );
 
   const renderTabs = () => {
     const items = [
       {
         text: intl.formatMessage(messages.edit),
-        action: () =>{
+        action: () => {
           setTab('edit');
         },
         name: 'edit',
       },
       {
         text: intl.formatMessage(messages.pending),
-        action: () =>{
+        action: () => {
           setTab('pending');
         },
         name: 'pending',
@@ -54,7 +57,11 @@ const EditEventPage = () => {
     <Column label={intl.formatMessage(messages.manageEvent)}>
       <Stack space={2}>
         {renderTabs()}
-        {tab === 'edit' ? <EditEvent statusId={statusId} /> : <ManagePendingParticipants statusId={statusId} />}
+        {tab === 'edit' ? (
+          <EditEvent statusId={statusId} />
+        ) : (
+          <ManagePendingParticipants statusId={statusId} />
+        )}
       </Stack>
     </Column>
   );
@@ -64,9 +71,12 @@ const ComposeEventPage = () => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
 
-  useEffect(() => () => {
-    dispatch(cancelEventCompose());
-  }, []);
+  useEffect(
+    () => () => {
+      dispatch(cancelEventCompose());
+    },
+    [],
+  );
 
   return (
     <Column label={intl.formatMessage(messages.createEvent)}>
diff --git a/packages/pl-fe/src/pages/statuses/event-discussion.tsx b/packages/pl-fe/src/pages/statuses/event-discussion.tsx
index 4456cdda0..9fe4ffb54 100644
--- a/packages/pl-fe/src/pages/statuses/event-discussion.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-discussion.tsx
@@ -28,11 +28,13 @@ const EventDiscussionPage: React.FC = () => {
 
   const getStatus = useCallback(makeGetStatus(), []);
   const getDescendantsIds = useCallback(makeGetDescendantsIds(), []);
-  const status = useAppSelector(state => getStatus(state, { id: statusId }));
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }));
 
   const me = useAppSelector((state) => state.me);
 
-  const descendantsIds = useAppSelector(state => getDescendantsIds(state, statusId).filter(id => id !== statusId));
+  const descendantsIds = useAppSelector((state) =>
+    getDescendantsIds(state, statusId).filter((id) => id !== statusId),
+  );
 
   const [isLoaded, setIsLoaded] = useState<boolean>(!!status);
 
@@ -42,11 +44,13 @@ const EventDiscussionPage: React.FC = () => {
   const fetchData = () => dispatch(fetchStatusWithContext(statusId, intl));
 
   useEffect(() => {
-    fetchData().then(() => {
-      setIsLoaded(true);
-    }).catch(() => {
-      setIsLoaded(true);
-    });
+    fetchData()
+      .then(() => {
+        setIsLoaded(true);
+      })
+      .catch(() => {
+        setIsLoaded(true);
+      });
   }, [statusId]);
 
   useEffect(() => {
@@ -65,12 +69,7 @@ const EventDiscussionPage: React.FC = () => {
 
   const renderTombstone = (id: string) => (
     <div className='py-4 pb-8'>
-      <Tombstone
-        key={id}
-        id={id}
-        onMoveUp={handleMoveUp}
-        onMoveDown={handleMoveDown}
-      />
+      <Tombstone key={id} id={id} onMoveUp={handleMoveUp} onMoveDown={handleMoveDown} />
     </div>
   );
 
@@ -87,35 +86,26 @@ const EventDiscussionPage: React.FC = () => {
   const renderPendingStatus = (id: string) => {
     const idempotencyKey = id.replace(/^末pending-/, '');
 
-    return (
-      <PendingStatus
-        key={id}
-        idempotencyKey={idempotencyKey}
-        variant='default'
-      />
-    );
+    return <PendingStatus key={id} idempotencyKey={idempotencyKey} variant='default' />;
   };
 
-  const renderChildren = (list: Array<string>) => list.map(id => {
-    if (id.endsWith('-tombstone')) {
-      return renderTombstone(id);
-    } else if (id.startsWith('末pending-')) {
-      return renderPendingStatus(id);
-    } else {
-      return renderStatus(id);
-    }
-  });
+  const renderChildren = (list: Array<string>) =>
+    list.map((id) => {
+      if (id.endsWith('-tombstone')) {
+        return renderTombstone(id);
+      } else if (id.startsWith('末pending-')) {
+        return renderPendingStatus(id);
+      } else {
+        return renderStatus(id);
+      }
+    });
 
   const hasDescendants = descendantsIds.length > 0;
 
   if (!status && isLoaded) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   } else if (!status) {
-    return (
-      <PlaceholderStatus />
-    );
+    return <PlaceholderStatus />;
   }
 
   const children: JSX.Element[] = [];
@@ -126,16 +116,23 @@ const EventDiscussionPage: React.FC = () => {
 
   return (
     <Stack space={2}>
-      {me && <div className='border-b border-solid border-gray-200 p-2 pt-0 dark:border-gray-800'>
-        <ComposeForm id={`reply:${status.id}`} autoFocus={false} event={status.id} transparent />
-      </div>}
+      {me && (
+        <div className='border-b border-solid border-gray-200 p-2 pt-0 dark:border-gray-800'>
+          <ComposeForm id={`reply:${status.id}`} autoFocus={false} event={status.id} transparent />
+        </div>
+      )}
       <div ref={node} className='thread p-0 shadow-none sm:p-2'>
         <ScrollableList
           scrollKey={`eventDiscussion:${status.id}`}
           id='thread'
           placeholderComponent={() => <PlaceholderStatus variant='slim' />}
           initialTopMostItemIndex={0}
-          emptyMessageText={<FormattedMessage id='event.discussion.empty' defaultMessage='No one has commented this event yet. When someone does, they will appear here.' />}
+          emptyMessageText={
+            <FormattedMessage
+              id='event.discussion.empty'
+              defaultMessage='No one has commented this event yet. When someone does, they will appear here.'
+            />
+          }
         >
           {children}
         </ScrollableList>
diff --git a/packages/pl-fe/src/pages/statuses/event-information.tsx b/packages/pl-fe/src/pages/statuses/event-information.tsx
index 42b1e82b6..a1097c910 100644
--- a/packages/pl-fe/src/pages/statuses/event-information.tsx
+++ b/packages/pl-fe/src/pages/statuses/event-information.tsx
@@ -22,7 +22,7 @@ const EventInformationPage: React.FC = () => {
   const getStatus = useCallback(makeGetStatus(), []);
   const intl = useIntl();
 
-  const status = useAppSelector(state => getStatus(state, { id: statusId }))!;
+  const status = useAppSelector((state) => getStatus(state, { id: statusId }))!;
 
   const { openModal } = useModalsActions();
   const { tileServer } = useFrontendConfig();
@@ -30,11 +30,13 @@ const EventInformationPage: React.FC = () => {
   const [isLoaded, setIsLoaded] = useState<boolean>(!!status);
 
   useEffect(() => {
-    dispatch(fetchStatus(statusId, intl)).then(() => {
-      setIsLoaded(true);
-    }).catch(() => {
-      setIsLoaded(true);
-    });
+    dispatch(fetchStatus(statusId, intl))
+      .then(() => {
+        setIsLoaded(true);
+      })
+      .catch(() => {
+        setIsLoaded(true);
+      });
   }, [statusId]);
 
   const handleShowMap: React.MouseEventHandler<HTMLAnchorElement> = (e) => {
@@ -50,21 +52,20 @@ const EventInformationPage: React.FC = () => {
 
     if (!event.location) return null;
 
-    const text = [
-      <React.Fragment key='event-name'>
-        {event.location.name}
-      </React.Fragment>,
-    ];
+    const text = [<React.Fragment key='event-name'>{event.location.name}</React.Fragment>];
 
     if (event.location.street?.trim()) {
-      text.push (
+      text.push(
         <React.Fragment key='event-street'>
-          <br />{event.location.street}
+          <br />
+          {event.location.street}
         </React.Fragment>,
       );
     }
 
-    const address = [event.location.postal_code, event.location.locality, event.location.country].filter(text => text).join(', ');
+    const address = [event.location.postal_code, event.location.locality, event.location.country]
+      .filter((text) => text)
+      .join(', ');
 
     if (address) {
       text.push(
@@ -79,23 +80,29 @@ const EventInformationPage: React.FC = () => {
       text.push(
         <React.Fragment key='event-map'>
           <br />
-          <a href='#' className='text-primary-600 hover:underline dark:text-primary-400' onClick={handleShowMap}>
+          <a
+            href='#'
+            className='text-primary-600 hover:underline dark:text-primary-400'
+            onClick={handleShowMap}
+          >
             <FormattedMessage id='event.show_on_map' defaultMessage='Show on map' />
           </a>
         </React.Fragment>,
       );
     }
 
-    return event.location && (
-      <Stack space={1}>
-        <Text size='xl' weight='bold'>
-          <FormattedMessage id='event.location' defaultMessage='Location' />
-        </Text>
-        <HStack space={2} alignItems='center'>
-          <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
-          <Text>{text}</Text>
-        </HStack>
-      </Stack>
+    return (
+      event.location && (
+        <Stack space={1}>
+          <Text size='xl' weight='bold'>
+            <FormattedMessage id='event.location' defaultMessage='Location' />
+          </Text>
+          <HStack space={2} alignItems='center'>
+            <Icon src={require('@phosphor-icons/core/regular/map-pin.svg')} />
+            <Text>{text}</Text>
+          </HStack>
+        </Stack>
+      )
     );
   }, [status]);
 
@@ -107,7 +114,11 @@ const EventInformationPage: React.FC = () => {
     const startDate = new Date(event.start_time);
     const endDate = event.end_time && new Date(event.end_time);
 
-    const sameDay = endDate && startDate.getDate() === endDate.getDate() && startDate.getMonth() === endDate.getMonth() && startDate.getFullYear() === endDate.getFullYear();
+    const sameDay =
+      endDate &&
+      startDate.getDate() === endDate.getDate() &&
+      startDate.getMonth() === endDate.getMonth() &&
+      startDate.getFullYear() === endDate.getFullYear();
 
     return (
       <Stack space={1}>
@@ -126,18 +137,20 @@ const EventInformationPage: React.FC = () => {
               hour='2-digit'
               minute='2-digit'
             />
-            {endDate && (<>
-              {' - '}
-              <FormattedDate
-                value={endDate}
-                year={sameDay ? undefined : 'numeric'}
-                month={sameDay ? undefined : 'long'}
-                day={sameDay ? undefined : '2-digit'}
-                weekday={sameDay ? undefined : 'long'}
-                hour='2-digit'
-                minute='2-digit'
-              />
-            </>)}
+            {endDate && (
+              <>
+                {' - '}
+                <FormattedDate
+                  value={endDate}
+                  year={sameDay ? undefined : 'numeric'}
+                  month={sameDay ? undefined : 'long'}
+                  day={sameDay ? undefined : '2-digit'}
+                  weekday={sameDay ? undefined : 'long'}
+                  hour='2-digit'
+                  minute='2-digit'
+                />
+              </>
+            )}
           </Text>
         </HStack>
       </Stack>
@@ -153,10 +166,14 @@ const EventInformationPage: React.FC = () => {
           <FormattedMessage id='event.website' defaultMessage='External links' />
         </Text>
 
-        {status.event.links.map(link => (
+        {status.event.links.map((link) => (
           <HStack space={2} alignItems='center'>
             <Icon src={require('@phosphor-icons/core/regular/link-simple.svg')} />
-            <a href={link.remote_url ?? link.url} className='text-primary-600 hover:underline dark:text-primary-400' target='_blank'>
+            <a
+              href={link.remote_url ?? link.url}
+              className='text-primary-600 hover:underline dark:text-primary-400'
+              target='_blank'
+            >
               {(link.remote_url ?? link.url).replace(/^https?:\/\//, '')}
             </a>
           </HStack>
@@ -166,9 +183,7 @@ const EventInformationPage: React.FC = () => {
   }, [status]);
 
   if (!status && isLoaded) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   } else if (!status) return null;
 
   return (
diff --git a/packages/pl-fe/src/pages/statuses/status.tsx b/packages/pl-fe/src/pages/statuses/status.tsx
index fed1d78f1..077355e78 100644
--- a/packages/pl-fe/src/pages/statuses/status.tsx
+++ b/packages/pl-fe/src/pages/statuses/status.tsx
@@ -22,15 +22,26 @@ const messages = defineMessages({
   titleDirect: { id: 'status.title_direct', defaultMessage: 'Direct message' },
   deleteConfirm: { id: 'confirmations.delete.confirm', defaultMessage: 'Delete' },
   deleteHeading: { id: 'confirmations.delete.heading', defaultMessage: 'Delete post' },
-  deleteMessage: { id: 'confirmations.delete.message', defaultMessage: 'Are you sure you want to delete this post?' },
+  deleteMessage: {
+    id: 'confirmations.delete.message',
+    defaultMessage: 'Are you sure you want to delete this post?',
+  },
   redraftConfirm: { id: 'confirmations.redraft.confirm', defaultMessage: 'Delete & redraft' },
   redraftHeading: { id: 'confirmations.redraft.heading', defaultMessage: 'Delete & redraft' },
-  redraftMessage: { id: 'confirmations.redraft.message', defaultMessage: 'Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.' },
+  redraftMessage: {
+    id: 'confirmations.redraft.message',
+    defaultMessage:
+      'Are you sure you want to delete this post and re-draft it? Favorites and reposts will be lost, and replies to the original post will be orphaned.',
+  },
   revealAll: { id: 'status.show_more_all', defaultMessage: 'Show more for all' },
   hideAll: { id: 'status.show_less_all', defaultMessage: 'Show less for all' },
   detailedStatus: { id: 'status.detailed_status', defaultMessage: 'Detailed conversation view' },
   replyConfirm: { id: 'confirmations.reply.confirm', defaultMessage: 'Reply' },
-  replyMessage: { id: 'confirmations.reply.message', defaultMessage: 'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?' },
+  replyMessage: {
+    id: 'confirmations.reply.message',
+    defaultMessage:
+      'Replying now will overwrite the message you are currently composing. Are you sure you want to proceed?',
+  },
   treeView: { id: 'status.thread.tree_view', defaultMessage: 'Tree view' },
   linearView: { id: 'status.thread.linear_view', defaultMessage: 'Linear view' },
   expandAll: { id: 'status.thread.expand_all', defaultMessage: 'Expand all posts' },
@@ -47,7 +58,10 @@ const StatusPage: React.FC = () => {
   const [expandAllStatuses, setExpandAllStatuses] = useState<() => void>();
   const [isLoaded, setIsLoaded] = useState<boolean>(!!status);
 
-  const { displaySpoilers, threads: { displayMode } } = useSettings();
+  const {
+    displaySpoilers,
+    threads: { displayMode },
+  } = useSettings();
 
   /** Fetch the status (and context) from the API. */
   const fetchData = () => {
@@ -56,11 +70,13 @@ const StatusPage: React.FC = () => {
 
   // Load data.
   useEffect(() => {
-    fetchData().then(() => {
-      setIsLoaded(true);
-    }).catch(() => {
-      setIsLoaded(true);
-    });
+    fetchData()
+      .then(() => {
+        setIsLoaded(true);
+      })
+      .catch(() => {
+        setIsLoaded(true);
+      });
   }, [statusId]);
 
   const handleRefresh = () => fetchData();
@@ -69,7 +85,7 @@ const StatusPage: React.FC = () => {
     const menu: Menu = [
       {
         text: intl.formatMessage(messages.treeView),
-        action: () =>{
+        action: () => {
           dispatch(changeSetting(['threads', 'displayMode'], 'tree'));
         },
         icon: require('@phosphor-icons/core/regular/tree-view.svg'),
@@ -78,7 +94,7 @@ const StatusPage: React.FC = () => {
       },
       {
         text: intl.formatMessage(messages.linearView),
-        action: () =>{
+        action: () => {
           dispatch(changeSetting(['threads', 'displayMode'], 'linear'));
         },
         icon: require('@phosphor-icons/core/regular/list-bullets.svg'),
@@ -88,34 +104,37 @@ const StatusPage: React.FC = () => {
     ];
 
     if (!displaySpoilers && expandAllStatuses) {
-      menu.push(
-        null,
-        {
-          text: intl.formatMessage(messages.expandAll),
-          action: expandAllStatuses,
-          icon: require('@phosphor-icons/core/regular/caret-down.svg'),
-        },
-      );
+      menu.push(null, {
+        text: intl.formatMessage(messages.expandAll),
+        action: expandAllStatuses,
+        icon: require('@phosphor-icons/core/regular/caret-down.svg'),
+      });
     }
     return menu;
   }, [displayMode, expandAllStatuses]);
 
   if (status?.event) {
     return (
-      <Navigate to='/@{$username}/events/$statusId' params={{ username: status.account.acct, statusId: status.id }} replace />
+      <Navigate
+        to='/@{$username}/events/$statusId'
+        params={{ username: status.account.acct, statusId: status.id }}
+        replace
+      />
     );
   }
 
   if (username && status && username !== status.account.acct) {
     return (
-      <Navigate to='/@{$username}/posts/$statusId' params={{ username: status.account.acct, statusId: status.id }} replace />
+      <Navigate
+        to='/@{$username}/posts/$statusId'
+        params={{ username: status.account.acct, statusId: status.id }}
+        replace
+      />
     );
   }
 
   if (!status && isLoaded) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   } else if (!status) {
     return (
       <Column>
@@ -133,11 +152,18 @@ const StatusPage: React.FC = () => {
     <Stack space={4}>
       <Column
         label={intl.formatMessage(titleMessage())}
-        action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+        action={
+          <DropdownMenu
+            items={items}
+            src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+          />
+        }
       >
         <PullToRefresh onRefresh={handleRefresh}>
           <Thread
-            key={status.id} status={status} setExpandAllStatuses={(fn) =>{
+            key={status.id}
+            status={status}
+            setExpandAllStatuses={(fn) => {
               setExpandAllStatuses(() => fn);
             }}
           />
diff --git a/packages/pl-fe/src/pages/timelines/antenna-timeline.tsx b/packages/pl-fe/src/pages/timelines/antenna-timeline.tsx
index f83a9c677..beadcc6cb 100644
--- a/packages/pl-fe/src/pages/timelines/antenna-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/antenna-timeline.tsx
@@ -16,7 +16,10 @@ import { useModalsActions } from '@/stores/modals';
 
 const messages = defineMessages({
   deleteHeading: { id: 'confirmations.delete_antenna.heading', defaultMessage: 'Delete antenna' },
-  deleteMessage: { id: 'confirmations.delete_antenna.message', defaultMessage: 'Are you sure you want to permanently delete this antenna?' },
+  deleteMessage: {
+    id: 'confirmations.delete_antenna.message',
+    defaultMessage: 'Are you sure you want to permanently delete this antenna?',
+  },
   deleteConfirm: { id: 'confirmations.delete_antenna.confirm', defaultMessage: 'Delete' },
   editAntenna: { id: 'antennas.edit', defaultMessage: 'Edit antenna' },
   deleteAntenna: { id: 'antennas.delete', defaultMessage: 'Delete antenna' },
@@ -73,14 +76,15 @@ const AntennaTimelinePage: React.FC = () => {
       </Column>
     );
   } else if (!antenna) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   const emptyMessage = (
     <div>
-      <FormattedMessage id='empty_column.antenna' defaultMessage='There is nothing in this antenna yet. When posts matching the criteria will be created, they will appear here.' />
+      <FormattedMessage
+        id='empty_column.antenna'
+        defaultMessage='There is nothing in this antenna yet. When posts matching the criteria will be created, they will appear here.'
+      />
       {/* <br /><br />
       <Button onClick={handleEditClick}><FormattedMessage id='circle.click_to_add' defaultMessage='Click here to add people' /></Button> */}
     </div>
@@ -102,7 +106,12 @@ const AntennaTimelinePage: React.FC = () => {
   return (
     <Column
       label={title}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <Timeline
         loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
diff --git a/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx b/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
index 8e47684bc..fb0d8dd85 100644
--- a/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/bubble-timeline.tsx
@@ -45,7 +45,12 @@ const BubbleTimelinePage = () => {
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
           onLoadMore={handleLoadMore}
-          emptyMessageText={<FormattedMessage id='empty_column.bubble' defaultMessage='There is nothing here! Write something publicly to fill it up' />}
+          emptyMessageText={
+            <FormattedMessage
+              id='empty_column.bubble'
+              defaultMessage='There is nothing here! Write something publicly to fill it up'
+            />
+          }
           emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
         />
       </PullToRefresh>
diff --git a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
index c208beebb..86db25f05 100644
--- a/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/circle-timeline.tsx
@@ -16,7 +16,10 @@ import { useModalsActions } from '@/stores/modals';
 
 const messages = defineMessages({
   deleteHeading: { id: 'confirmations.delete_circle.heading', defaultMessage: 'Delete circle' },
-  deleteMessage: { id: 'confirmations.delete_circle.message', defaultMessage: 'Are you sure you want to permanently delete this circle?' },
+  deleteMessage: {
+    id: 'confirmations.delete_circle.message',
+    defaultMessage: 'Are you sure you want to permanently delete this circle?',
+  },
   deleteConfirm: { id: 'confirmations.delete_circle.confirm', defaultMessage: 'Delete' },
   editCircle: { id: 'circles.edit', defaultMessage: 'Edit circle' },
   deleteCircle: { id: 'circles.delete', defaultMessage: 'Delete circle' },
@@ -73,16 +76,20 @@ const CircleTimelinePage: React.FC = () => {
       </Column>
     );
   } else if (!circle) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   const emptyMessage = (
     <div>
-      <FormattedMessage id='empty_column.circle' defaultMessage='There is nothing in this circle yet. When members of this circle create new posts, they will appear here.' />
-      <br /><br />
-      <Button onClick={handleEditClick}><FormattedMessage id='circle.click_to_add' defaultMessage='Click here to add people' /></Button>
+      <FormattedMessage
+        id='empty_column.circle'
+        defaultMessage='There is nothing in this circle yet. When members of this circle create new posts, they will appear here.'
+      />
+      <br />
+      <br />
+      <Button onClick={handleEditClick}>
+        <FormattedMessage id='circle.click_to_add' defaultMessage='Click here to add people' />
+      </Button>
     </div>
   );
 
@@ -102,7 +109,12 @@ const CircleTimelinePage: React.FC = () => {
   return (
     <Column
       label={title}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <Timeline
         loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
diff --git a/packages/pl-fe/src/pages/timelines/community-timeline.tsx b/packages/pl-fe/src/pages/timelines/community-timeline.tsx
index 47e645d3e..e7affae86 100644
--- a/packages/pl-fe/src/pages/timelines/community-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/community-timeline.tsx
@@ -43,7 +43,12 @@ const CommunityTimelinePage = () => {
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
           onLoadMore={handleLoadMore}
-          emptyMessageText={<FormattedMessage id='empty_column.community' defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!' />}
+          emptyMessageText={
+            <FormattedMessage
+              id='empty_column.community'
+              defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!'
+            />
+          }
           emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
         />
       </PullToRefresh>
diff --git a/packages/pl-fe/src/pages/timelines/group-timeline.tsx b/packages/pl-fe/src/pages/timelines/group-timeline.tsx
index 5cdc34afb..dc9da9640 100644
--- a/packages/pl-fe/src/pages/timelines/group-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/group-timeline.tsx
@@ -33,7 +33,9 @@ const GroupTimelinePage: React.FC = () => {
 
   const composeId = `group:${groupId}`;
   const canComposeGroupStatus = !!account && group?.relationship?.member;
-  const featuredStatusIds = useAppSelector((state) => getStatusIds(state, { type: `group:${group?.id}:pinned` }));
+  const featuredStatusIds = useAppSelector((state) =>
+    getStatusIds(state, { type: `group:${group?.id}:pinned` }),
+  );
 
   const { isDragging, isDraggedOver } = useDraggedFiles(composer, (files) => {
     dispatch(uploadCompose(composeId, files, intl));
@@ -64,12 +66,17 @@ const GroupTimelinePage: React.FC = () => {
             alignItems='start'
             space={2}
             className={clsx('relative rounded-xl transition', {
-              'border-2 border-primary-600 border-dashed z-[99] p-4': isDragging,
-              'ring-2 ring-offset-2 ring-primary-600': isDraggedOver,
+              'z-[99] border-2 border-dashed border-primary-600 p-4': isDragging,
+              'ring-2 ring-primary-600 ring-offset-2': isDraggedOver,
             })}
           >
             <Link to='/@{$username}' params={{ username: account.acct }}>
-              <Avatar src={account.avatar} alt={account.avatar_description} size={42} isCat={account.is_cat} />
+              <Avatar
+                src={account.avatar}
+                alt={account.avatar_description}
+                size={42}
+                isCat={account.is_cat}
+              />
             </Link>
 
             <ComposeForm
@@ -88,7 +95,12 @@ const GroupTimelinePage: React.FC = () => {
         scrollKey='group_timeline'
         timelineId={composeId}
         onLoadMore={handleLoadMore}
-        emptyMessageText={<FormattedMessage id='empty_column.group' defaultMessage='There are no posts in this group yet.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='empty_column.group'
+            defaultMessage='There are no posts in this group yet.'
+          />
+        }
         emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
         showGroup={false}
         featuredStatusIds={featuredStatusIds}
diff --git a/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx b/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
index ea0ebd309..a3c5e6ff1 100644
--- a/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/hashtag-timeline.tsx
@@ -11,7 +11,10 @@ import { hashtagTimelineRoute } from '@/features/ui/router';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useFeatures } from '@/hooks/use-features';
 import { useLoggedIn } from '@/hooks/use-logged-in';
-import { useFollowHashtagMutation, useUnfollowHashtagMutation } from '@/queries/hashtags/use-followed-tags';
+import {
+  useFollowHashtagMutation,
+  useUnfollowHashtagMutation,
+} from '@/queries/hashtags/use-followed-tags';
 import { useHashtag } from '@/queries/hashtags/use-hashtag';
 
 const HashtagTimelinePage: React.FC = () => {
@@ -26,7 +29,7 @@ const HashtagTimelinePage: React.FC = () => {
   const { mutate: unfollowHashtag } = useUnfollowHashtagMutation(tagId);
 
   const handleLoadMore = () => {
-    dispatch(fetchHashtagTimeline(tagId, { }, true));
+    dispatch(fetchHashtagTimeline(tagId, {}, true));
   };
 
   const handleFollow = () => {
@@ -52,10 +55,7 @@ const HashtagTimelinePage: React.FC = () => {
             className='mb-3 black:mx-4 black:mb-0'
             label={<FormattedMessage id='hashtag.follow' defaultMessage='Follow hashtag' />}
           >
-            <Toggle
-              checked={tag?.following}
-              onChange={handleFollow}
-            />
+            <Toggle checked={tag?.following} onChange={handleFollow} />
           </ListItem>
         </List>
       )}
@@ -64,7 +64,12 @@ const HashtagTimelinePage: React.FC = () => {
         scrollKey='hashtag_timeline'
         timelineId={`hashtag:${tagId}`}
         onLoadMore={handleLoadMore}
-        emptyMessageText={<FormattedMessage id='empty_column.hashtag' defaultMessage='There is nothing in this hashtag yet.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='empty_column.hashtag'
+            defaultMessage='There is nothing in this hashtag yet.'
+          />
+        }
       />
     </Column>
   );
diff --git a/packages/pl-fe/src/pages/timelines/home-timeline.tsx b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
index 9cea26adb..8ecb57fbb 100644
--- a/packages/pl-fe/src/pages/timelines/home-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/home-timeline.tsx
@@ -25,7 +25,7 @@ const HomeTimelinePage: React.FC = () => {
 
   const polling = useRef<NodeJS.Timeout | null>(null);
 
-  const isPartial = useAppSelector(state =>  state.timelines.home?.isPartial);
+  const isPartial = useAppSelector((state) => state.timelines.home?.isPartial);
 
   // Mastodon generates the feed in Redis, and can return a partial timeline
   // (HTTP 206) for new users. Poll until we get a full page of results.
@@ -85,8 +85,14 @@ const HomeTimelinePage: React.FC = () => {
                     defaultMessage='Or you can visit {public} to get started and meet other users.'
                     values={{
                       public: (
-                        <Link to='/timeline/local' className='text-primary-600 hover:underline dark:text-primary-400'>
-                          <FormattedMessage id='empty_column.home.local_tab' defaultMessage='the Local tab' />
+                        <Link
+                          to='/timeline/local'
+                          className='text-primary-600 hover:underline dark:text-primary-400'
+                        >
+                          <FormattedMessage
+                            id='empty_column.home.local_tab'
+                            defaultMessage='the Local tab'
+                          />
                         </Link>
                       ),
                     }}
diff --git a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
index fc1c8b7db..6e815a753 100644
--- a/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/landing-timeline.tsx
@@ -25,7 +25,10 @@ interface ILogoText extends Pick<React.HTMLAttributes<HTMLHeadingElement>, 'clas
 /** Big text in site colors, for displaying the site name. Resizes itself according to the screen size. */
 const LogoText: React.FC<ILogoText> = ({ children, className, dir }) => (
   <h1
-    className={clsx('overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-tight text-transparent lg:text-6xl xl:text-7xl', className)}
+    className={clsx(
+      'overflow-hidden text-ellipsis bg-gradient-to-br from-accent-500 via-primary-500 to-gradient-end bg-clip-text text-5xl font-extrabold !leading-tight text-transparent lg:text-6xl xl:text-7xl',
+      className,
+    )}
     dir={dir}
   >
     {children}
@@ -42,10 +45,7 @@ const SiteBanner: React.FC = () => {
       </LogoText>
 
       {instance.description.trim().length > 0 && (
-        <Markup
-          size='lg'
-          direction={getTextDirection(instance.description)}
-        >
+        <Markup size='lg' direction={getTextDirection(instance.description)}>
           <ParsedContent html={instance.description} />
         </Markup>
       )}
@@ -74,9 +74,11 @@ const LandingTimelinePage = () => {
 
   useEffect(() => {
     if (timelineEnabled) {
-      dispatch(fetchPublicTimeline({ local: true }, false, undefined, () => {
-        setTimelineFailed(true);
-      }));
+      dispatch(
+        fetchPublicTimeline({ local: true }, false, undefined, () => {
+          setTimelineFailed(true);
+        }),
+      );
     }
   }, []);
 
@@ -105,7 +107,12 @@ const LandingTimelinePage = () => {
             timelineId={timelineId}
             prefix='home'
             onLoadMore={handleLoadMore}
-            emptyMessageText={<FormattedMessage id='empty_column.community' defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!' />}
+            emptyMessageText={
+              <FormattedMessage
+                id='empty_column.community'
+                defaultMessage='The local timeline is empty. Write something publicly to get the ball rolling!'
+              />
+            }
             emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
           />
         </PullToRefresh>
diff --git a/packages/pl-fe/src/pages/timelines/link-timeline.tsx b/packages/pl-fe/src/pages/timelines/link-timeline.tsx
index 50283a01b..66d7f5182 100644
--- a/packages/pl-fe/src/pages/timelines/link-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/link-timeline.tsx
@@ -36,7 +36,12 @@ const LinkTimelinePage: React.FC = () => {
         scrollKey='link_timeline'
         timelineId={`link:${decodedUrl}`}
         onLoadMore={handleLoadMore}
-        emptyMessageText={<FormattedMessage id='empty_column.link_timeline' defaultMessage='There are no posts with this link yet.' />}
+        emptyMessageText={
+          <FormattedMessage
+            id='empty_column.link_timeline'
+            defaultMessage='There are no posts with this link yet.'
+          />
+        }
         emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
       />
     </Column>
diff --git a/packages/pl-fe/src/pages/timelines/list-timeline.tsx b/packages/pl-fe/src/pages/timelines/list-timeline.tsx
index ffaf7bdba..97a3f9618 100644
--- a/packages/pl-fe/src/pages/timelines/list-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/list-timeline.tsx
@@ -17,7 +17,10 @@ import { useModalsActions } from '@/stores/modals';
 
 const messages = defineMessages({
   deleteHeading: { id: 'confirmations.delete_list.heading', defaultMessage: 'Delete list' },
-  deleteMessage: { id: 'confirmations.delete_list.message', defaultMessage: 'Are you sure you want to permanently delete this list?' },
+  deleteMessage: {
+    id: 'confirmations.delete_list.message',
+    defaultMessage: 'Are you sure you want to permanently delete this list?',
+  },
   deleteConfirm: { id: 'confirmations.delete_list.confirm', defaultMessage: 'Delete' },
   editList: { id: 'lists.edit', defaultMessage: 'Edit list' },
   deleteList: { id: 'lists.delete', defaultMessage: 'Delete list' },
@@ -76,16 +79,20 @@ const ListTimelinePage: React.FC = () => {
       </Column>
     );
   } else if (!list) {
-    return (
-      <MissingIndicator />
-    );
+    return <MissingIndicator />;
   }
 
   const emptyMessage = (
     <div>
-      <FormattedMessage id='empty_column.list' defaultMessage='There is nothing in this list yet. When members of this list create new posts, they will appear here.' />
-      <br /><br />
-      <Button onClick={handleEditClick}><FormattedMessage id='list.click_to_add' defaultMessage='Click here to add people' /></Button>
+      <FormattedMessage
+        id='empty_column.list'
+        defaultMessage='There is nothing in this list yet. When members of this list create new posts, they will appear here.'
+      />
+      <br />
+      <br />
+      <Button onClick={handleEditClick}>
+        <FormattedMessage id='list.click_to_add' defaultMessage='Click here to add people' />
+      </Button>
     </div>
   );
 
@@ -105,7 +112,12 @@ const ListTimelinePage: React.FC = () => {
   return (
     <Column
       label={title}
-      action={<DropdownMenu items={items} src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')} />}
+      action={
+        <DropdownMenu
+          items={items}
+          src={require('@phosphor-icons/core/regular/dots-three-vertical.svg')}
+        />
+      }
     >
       <Timeline
         loadMoreClassName='sm:pb-4 black:sm:pb-0 black:sm:mx-4'
diff --git a/packages/pl-fe/src/pages/timelines/public-timeline.tsx b/packages/pl-fe/src/pages/timelines/public-timeline.tsx
index cd5779e39..51e4a83e5 100644
--- a/packages/pl-fe/src/pages/timelines/public-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/public-timeline.tsx
@@ -16,7 +16,7 @@ import { useSettings } from '@/stores/settings';
 
 const messages = defineMessages({
   title: { id: 'column.public', defaultMessage: 'Fediverse timeline' },
-  dismiss: { id: 'fediverse_tab.explanation_box.dismiss', defaultMessage: 'Don\'t show again' },
+  dismiss: { id: 'fediverse_tab.explanation_box.dismiss', defaultMessage: "Don't show again" },
 });
 
 const PublicTimelinePage = () => {
@@ -58,7 +58,12 @@ const PublicTimelinePage = () => {
 
       {showExplanationBox && (
         <Accordion
-          headline={<FormattedMessage id='fediverse_tab.explanation_box.title' defaultMessage='What is the Fediverse?' />}
+          headline={
+            <FormattedMessage
+              id='fediverse_tab.explanation_box.title'
+              defaultMessage='What is the Fediverse?'
+            />
+          }
           action={dismissExplanationBox}
           actionIcon={require('@phosphor-icons/core/regular/x.svg')}
           actionLabel={intl.formatMessage(messages.dismiss)}
@@ -67,12 +72,17 @@ const PublicTimelinePage = () => {
         >
           <FormattedMessage
             id='fediverse_tab.explanation_box.explanation'
-            defaultMessage={'{site_title} is part of the Fediverse, a social network made up of thousands of independent social media sites (aka "servers"). Here, you can see public posts from across the Fediverse, including other servers. Pay attention to the full username after the second @ symbol to know which server a post is from. To see only {site_title} posts, visit {local}.'}
+            defaultMessage={
+              '{site_title} is part of the Fediverse, a social network made up of thousands of independent social media sites (aka "servers"). Here, you can see public posts from across the Fediverse, including other servers. Pay attention to the full username after the second @ symbol to know which server a post is from. To see only {site_title} posts, visit {local}.'
+            }
             values={{
               site_title: instance.title,
               local: (
                 <Link className='underline' to='/timeline/local'>
-                  <FormattedMessage id='empty_column.home.local_tab' defaultMessage='the Local tab' />
+                  <FormattedMessage
+                    id='empty_column.home.local_tab'
+                    defaultMessage='the Local tab'
+                  />
                 </Link>
               ),
             }}
@@ -86,7 +96,12 @@ const PublicTimelinePage = () => {
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
           onLoadMore={handleLoadMore}
-          emptyMessageText={<FormattedMessage id='empty_column.public' defaultMessage='There is nothing here! Write something publicly, or manually follow users from other servers to fill it up' />}
+          emptyMessageText={
+            <FormattedMessage
+              id='empty_column.public'
+              defaultMessage='There is nothing here! Write something publicly, or manually follow users from other servers to fill it up'
+            />
+          }
           emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
         />
       </PullToRefresh>
diff --git a/packages/pl-fe/src/pages/timelines/remote-timeline.tsx b/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
index 543fdeee9..e1367c1c1 100644
--- a/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/remote-timeline.tsx
@@ -48,7 +48,12 @@ const RemoteTimelinePage: React.FC = () => {
 
       {!pinned && (
         <HStack className='mb-4 px-2' space={2}>
-          <IconButton className='text-gray-400 hover:text-gray-600' iconClassName='h-5 w-5' src={require('@phosphor-icons/core/regular/x.svg')} onClick={handleCloseClick} />
+          <IconButton
+            className='text-gray-400 hover:text-gray-600'
+            iconClassName='h-5 w-5'
+            src={require('@phosphor-icons/core/regular/x.svg')}
+            onClick={handleCloseClick}
+          />
           <Text>
             <FormattedMessage
               id='remote_timeline.filter_message'
diff --git a/packages/pl-fe/src/pages/timelines/test-timeline.tsx b/packages/pl-fe/src/pages/timelines/test-timeline.tsx
index 23aa3e303..db9486974 100644
--- a/packages/pl-fe/src/pages/timelines/test-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/test-timeline.tsx
@@ -40,7 +40,9 @@ const TestTimelinePage: React.FC = () => {
       <Timeline
         scrollKey={`${timelineId}_timeline`}
         timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
-        emptyMessageText={<FormattedMessage id='empty_column.test' defaultMessage='The test timeline is empty.' />}
+        emptyMessageText={
+          <FormattedMessage id='empty_column.test' defaultMessage='The test timeline is empty.' />
+        }
         emptyMessageIcon={require('@phosphor-icons/core/regular/chat-centered-text.svg')}
       />
     </Column>
diff --git a/packages/pl-fe/src/pages/timelines/wrenched-timeline.tsx b/packages/pl-fe/src/pages/timelines/wrenched-timeline.tsx
index da584c3ae..0fa4b3ee1 100644
--- a/packages/pl-fe/src/pages/timelines/wrenched-timeline.tsx
+++ b/packages/pl-fe/src/pages/timelines/wrenched-timeline.tsx
@@ -1,4 +1,3 @@
-
 import React, { useEffect } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
@@ -41,7 +40,12 @@ const WrenchedTimelinePage = () => {
           timelineId={`${timelineId}${onlyMedia ? ':media' : ''}`}
           prefix='home'
           onLoadMore={handleLoadMore}
-          emptyMessageText={<FormattedMessage id='empty_column.wrenched' defaultMessage='There is nothing here! 🔧 a public post to fill it up' />}
+          emptyMessageText={
+            <FormattedMessage
+              id='empty_column.wrenched'
+              defaultMessage='There is nothing here! 🔧 a public post to fill it up'
+            />
+          }
           emptyMessageIcon={require('@phosphor-icons/core/regular/wrench.svg')}
         />
       </PullToRefresh>
diff --git a/packages/pl-fe/src/pages/utils/about.tsx b/packages/pl-fe/src/pages/utils/about.tsx
index 486782f3a..9116acfc7 100644
--- a/packages/pl-fe/src/pages/utils/about.tsx
+++ b/packages/pl-fe/src/pages/utils/about.tsx
@@ -28,14 +28,14 @@ const About: React.FC<IAbout> = ({ slug }) => {
 
   const { data: pageHtml } = useAboutPage(slug, fetchLocale ? locale : undefined);
 
-  const alsoAvailable = (defaultLocale) && (
+  const alsoAvailable = defaultLocale && (
     <div>
-      <FormattedMessage id='about.also_available' defaultMessage='Available in:' />
-      {' '}
+      <FormattedMessage id='about.also_available' defaultMessage='Available in:' />{' '}
       <ul className='inline list-none p-0'>
         <li className="inline after:content-['_·_']">
           <a
-            href='#' onClick={() =>{
+            href='#'
+            onClick={() => {
               setLocale(defaultLocale);
             }}
           >
@@ -43,20 +43,19 @@ const About: React.FC<IAbout> = ({ slug }) => {
             {languages[defaultLocale] ?? defaultLocale}
           </a>
         </li>
-        {
-          pageLocales?.map(locale => (
-            <li className="inline after:content-['_·_'] last:after:content-none" key={locale}>
-              <a
-                href='#' onClick={() =>{
-                  setLocale(locale);
-                }}
-              >
-                {/* @ts-ignore */}
-                {languages[locale] ?? locale}
-              </a>
-            </li>
-          ))
-        }
+        {pageLocales?.map((locale) => (
+          <li className="inline after:content-['_·_'] last:after:content-none" key={locale}>
+            <a
+              href='#'
+              onClick={() => {
+                setLocale(locale);
+              }}
+            >
+              {/* @ts-ignore */}
+              {languages[locale] ?? locale}
+            </a>
+          </li>
+        ))}
       </ul>
     </div>
   );
diff --git a/packages/pl-fe/src/pages/utils/crypto-donate.tsx b/packages/pl-fe/src/pages/utils/crypto-donate.tsx
index e57929093..52a792995 100644
--- a/packages/pl-fe/src/pages/utils/crypto-donate.tsx
+++ b/packages/pl-fe/src/pages/utils/crypto-donate.tsx
@@ -21,7 +21,12 @@ const CryptoDonatePage: React.FC = (): JSX.Element => {
     <Column label={intl.formatMessage(messages.heading)} withHeader>
       <Stack space={5}>
         <Accordion
-          headline={<FormattedMessage id='crypto_donate.explanation_box.title' defaultMessage='Sending cryptocurrency donations' />}
+          headline={
+            <FormattedMessage
+              id='crypto_donate.explanation_box.title'
+              defaultMessage='Sending cryptocurrency donations'
+            />
+          }
           expanded={explanationBoxExpanded}
           onToggle={toggleExplanationBox}
         >
diff --git a/packages/pl-fe/src/pages/utils/federation-restrictions.tsx b/packages/pl-fe/src/pages/utils/federation-restrictions.tsx
index b54f46180..6955e320e 100644
--- a/packages/pl-fe/src/pages/utils/federation-restrictions.tsx
+++ b/packages/pl-fe/src/pages/utils/federation-restrictions.tsx
@@ -12,8 +12,15 @@ import { federationRestrictionsDisclosed } from '@/utils/state';
 
 const messages = defineMessages({
   heading: { id: 'column.federation_restrictions', defaultMessage: 'Federation restrictions' },
-  boxTitle: { id: 'federation_restrictions.explanation_box.title', defaultMessage: 'Instance-specific policies' },
-  boxMessage: { id: 'federation_restrictions.explanation_box.message', defaultMessage: 'Normally servers on the Fediverse can communicate freely. {siteTitle} has imposed restrictions on the following servers.' },
+  boxTitle: {
+    id: 'federation_restrictions.explanation_box.title',
+    defaultMessage: 'Instance-specific policies',
+  },
+  boxMessage: {
+    id: 'federation_restrictions.explanation_box.message',
+    defaultMessage:
+      'Normally servers on the Fediverse can communicate freely. {siteTitle} has imposed restrictions on the following servers.',
+  },
 });
 
 const FederationRestrictionsPage = () => {
@@ -31,9 +38,19 @@ const FederationRestrictionsPage = () => {
     setExplanationBoxExpanded(setting);
   };
 
-  const emptyMessage = disclosed
-    ? <FormattedMessage id='federation_restrictions.empty_message' defaultMessage='{siteTitle} has not restricted any instances.' values={{ siteTitle: instance.title }} />
-    : <FormattedMessage id='federation_restrictions.not_disclosed_message' defaultMessage='{siteTitle} does not disclose federation restrictions through the API.' values={{ siteTitle: instance.title }} />;
+  const emptyMessage = disclosed ? (
+    <FormattedMessage
+      id='federation_restrictions.empty_message'
+      defaultMessage='{siteTitle} has not restricted any instances.'
+      values={{ siteTitle: instance.title }}
+    />
+  ) : (
+    <FormattedMessage
+      id='federation_restrictions.not_disclosed_message'
+      defaultMessage='{siteTitle} does not disclose federation restrictions through the API.'
+      values={{ siteTitle: instance.title }}
+    />
+  );
 
   return (
     <Column label={intl.formatMessage(messages.heading)}>
@@ -47,7 +64,9 @@ const FederationRestrictionsPage = () => {
 
       <div className='pt-4'>
         <ScrollableList emptyMessageText={emptyMessage}>
-          {hosts.map(([host]) => <RestrictedInstance key={host} host={host} />)}
+          {hosts.map(([host]) => (
+            <RestrictedInstance key={host} host={host} />
+          ))}
         </ScrollableList>
       </div>
     </Column>
diff --git a/packages/pl-fe/src/pages/utils/landing.tsx b/packages/pl-fe/src/pages/utils/landing.tsx
index 2dd4dd201..ad4447625 100644
--- a/packages/pl-fe/src/pages/utils/landing.tsx
+++ b/packages/pl-fe/src/pages/utils/landing.tsx
@@ -19,37 +19,109 @@ const LandingPage = () => (
         <LogoText>
           <FormattedMessage id='landing.logo' defaultMessage='Nicolium (formerly pl-fe)' />
         </LogoText>
-        <Text><FormattedMessage id='landing.description' defaultMessage='Nicolium is a feature-rich Fediverse web client.' /></Text>
+        <Text>
+          <FormattedMessage
+            id='landing.description'
+            defaultMessage='Nicolium is a feature-rich Fediverse web client.'
+          />
+        </Text>
         <HStack justifyContent='end' space={4}>
-          <Button href={sourceCode.url}><FormattedMessage id='landing.source_code' defaultMessage='Source code' /></Button>
-          <Button to='/login/external' theme='primary'><FormattedMessage id='landing.sign_in' defaultMessage='Sign in' /></Button>
+          <Button href={sourceCode.url}>
+            <FormattedMessage id='landing.source_code' defaultMessage='Source code' />
+          </Button>
+          <Button to='/login/external' theme='primary'>
+            <FormattedMessage id='landing.sign_in' defaultMessage='Sign in' />
+          </Button>
         </HStack>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.use_with_platform.title' defaultMessage='Use with your favorite Fediverse platform.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.use_with_platform.description' defaultMessage='Nicolium works with any backend implementing Mastodon API.' /></Text>
+          <CardTitle
+            title={
+              <FormattedMessage
+                id='landing.use_with_platform.title'
+                defaultMessage='Use with your favorite Fediverse platform.'
+              />
+            }
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.use_with_platform.description'
+              defaultMessage='Nicolium works with any backend implementing Mastodon API.'
+            />
+          </Text>
         </Card>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.feature_rich.title' defaultMessage='Feature-rich.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.feature_rich.description' defaultMessage='Nicolium includes a lot features to improve your experience, like WYSIWYG text editor, draft posts and language detection.' /></Text>
+          <CardTitle
+            title={
+              <FormattedMessage id='landing.feature_rich.title' defaultMessage='Feature-rich.' />
+            }
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.feature_rich.description'
+              defaultMessage='Nicolium includes a lot features to improve your experience, like WYSIWYG text editor, draft posts and language detection.'
+            />
+          </Text>
         </Card>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.pl_api.title' defaultMessage='Get the most out of your Fediverse instance.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.pl_api.description' defaultMessage='Nicolium implements features not present in standard Mastodon API, like emoji reactions, chats or interaction policies.' /></Text>
+          <CardTitle
+            title={
+              <FormattedMessage
+                id='landing.pl_api.title'
+                defaultMessage='Get the most out of your Fediverse instance.'
+              />
+            }
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.pl_api.description'
+              defaultMessage='Nicolium implements features not present in standard Mastodon API, like emoji reactions, chats or interaction policies.'
+            />
+          </Text>
         </Card>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.customizable.title' defaultMessage='Customizable.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.customizable.description' defaultMessage='Nicolium lets you choose between three themes and adjust accent color to your liking.' /></Text>
+          <CardTitle
+            title={
+              <FormattedMessage id='landing.customizable.title' defaultMessage='Customizable.' />
+            }
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.customizable.description'
+              defaultMessage='Nicolium lets you choose between three themes and adjust accent color to your liking.'
+            />
+          </Text>
         </Card>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.private.title' defaultMessage='Stay private.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.private.description' defaultMessage='Nicolium includes features which help you maintain online privacy. This includes URL cleaning, which helps you remove unwanted parts of URLs used to mark your online activity.' /></Text>
+          <CardTitle
+            title={<FormattedMessage id='landing.private.title' defaultMessage='Stay private.' />}
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.private.description'
+              defaultMessage='Nicolium includes features which help you maintain online privacy. This includes URL cleaning, which helps you remove unwanted parts of URLs used to mark your online activity.'
+            />
+          </Text>
         </Card>
         <Card variant='rounded'>
-          <CardTitle title={<FormattedMessage id='landing.open_source.title' defaultMessage='Open source.' />} truncate={false} />
-          <Text><FormattedMessage id='landing.open_source.description' defaultMessage='Nicolium is free and open source software. You can participate in development, contribute to the project or report bugs.' /></Text>
+          <CardTitle
+            title={
+              <FormattedMessage id='landing.open_source.title' defaultMessage='Open source.' />
+            }
+            truncate={false}
+          />
+          <Text>
+            <FormattedMessage
+              id='landing.open_source.description'
+              defaultMessage='Nicolium is free and open source software. You can participate in development, contribute to the project or report bugs.'
+            />
+          </Text>
         </Card>
       </Stack>
-
     </Column>
     <Stack space={4} className='mt-4 px-4 xl:hidden'>
       <LinkFooter />
diff --git a/packages/pl-fe/src/pages/utils/new-status.tsx b/packages/pl-fe/src/pages/utils/new-status.tsx
index ec865010c..fdfc08b7b 100644
--- a/packages/pl-fe/src/pages/utils/new-status.tsx
+++ b/packages/pl-fe/src/pages/utils/new-status.tsx
@@ -10,9 +10,7 @@ const NewStatusPage = () => {
     openModal('COMPOSE');
   }, []);
 
-  return (
-    <Navigate to='/' replace />
-  );
+  return <Navigate to='/' replace />;
 };
 
 export { NewStatusPage as default };
diff --git a/packages/pl-fe/src/pages/utils/server-info.tsx b/packages/pl-fe/src/pages/utils/server-info.tsx
index 3657b83f3..65b65c6c2 100644
--- a/packages/pl-fe/src/pages/utils/server-info.tsx
+++ b/packages/pl-fe/src/pages/utils/server-info.tsx
@@ -21,7 +21,9 @@ const ServerInfoPage = () => {
     <Column label={intl.formatMessage(messages.heading)}>
       <Stack space={4}>
         <Stack>
-          <Text size='lg' weight='medium'>{instance.title}</Text>
+          <Text size='lg' weight='medium'>
+            {instance.title}
+          </Text>
           <Text theme='muted'>{instance.description}</Text>
         </Stack>
 
diff --git a/packages/pl-fe/src/pages/utils/share.tsx b/packages/pl-fe/src/pages/utils/share.tsx
index b2d65414e..ae2874d04 100644
--- a/packages/pl-fe/src/pages/utils/share.tsx
+++ b/packages/pl-fe/src/pages/utils/share.tsx
@@ -12,9 +12,7 @@ const SharePage: React.FC = () => {
   const params = shareRoute.useSearch();
 
   useEffect(() => {
-    const text = [params.title, params.text, params.url]
-      .filter(v => v)
-      .join('\n\n');
+    const text = [params.title, params.text, params.url].filter((v) => v).join('\n\n');
 
     navigate({ to: '/', replace: true });
 
diff --git a/packages/pl-fe/src/queries/account-lists/use-blocks.ts b/packages/pl-fe/src/queries/account-lists/use-blocks.ts
index 123e61009..6f461bd68 100644
--- a/packages/pl-fe/src/queries/account-lists/use-blocks.ts
+++ b/packages/pl-fe/src/queries/account-lists/use-blocks.ts
@@ -1,14 +1,12 @@
 import { makePaginatedResponseQuery } from '../utils/make-paginated-response-query';
 import { minifyBlockedAccountList, minifyMutedAccountList } from '../utils/minify-list';
 
-const useBlocks = makePaginatedResponseQuery(
-  ['accountsLists', 'blocked'],
-  (client) => client.filtering.getBlocks({ with_relationships: true }).then(minifyBlockedAccountList),
+const useBlocks = makePaginatedResponseQuery(['accountsLists', 'blocked'], (client) =>
+  client.filtering.getBlocks({ with_relationships: true }).then(minifyBlockedAccountList),
 );
 
-const useMutes = makePaginatedResponseQuery(
-  ['accountsLists', 'muted'],
-  (client) => client.filtering.getMutes({ with_relationships: true }).then(minifyMutedAccountList),
+const useMutes = makePaginatedResponseQuery(['accountsLists', 'muted'], (client) =>
+  client.filtering.getMutes({ with_relationships: true }).then(minifyMutedAccountList),
 );
 
 export { useBlocks, useMutes };
diff --git a/packages/pl-fe/src/queries/account-lists/use-follows.ts b/packages/pl-fe/src/queries/account-lists/use-follows.ts
index 99196c4c8..6afac8d81 100644
--- a/packages/pl-fe/src/queries/account-lists/use-follows.ts
+++ b/packages/pl-fe/src/queries/account-lists/use-follows.ts
@@ -3,21 +3,30 @@ import { minifyAccountList } from '../utils/minify-list';
 
 const useFollowers = makePaginatedResponseQuery(
   (accountId?: string) => ['accountsLists', 'followers', accountId],
-  (client, [accountId]) => client.accounts.getAccountFollowers(accountId!, { with_relationships: true }).then(minifyAccountList),
+  (client, [accountId]) =>
+    client.accounts
+      .getAccountFollowers(accountId!, { with_relationships: true })
+      .then(minifyAccountList),
   undefined,
   (accountId) => !!accountId,
 );
 
 const useFollowing = makePaginatedResponseQuery(
   (accountId?: string) => ['accountsLists', 'following', accountId],
-  (client, [accountId]) => client.accounts.getAccountFollowing(accountId!, { with_relationships: true }).then(minifyAccountList),
+  (client, [accountId]) =>
+    client.accounts
+      .getAccountFollowing(accountId!, { with_relationships: true })
+      .then(minifyAccountList),
   undefined,
   (accountId) => !!accountId,
 );
 
 const useSubscribers = makePaginatedResponseQuery(
   (accountId?: string) => ['accountsLists', 'subscribers', accountId],
-  (client, [accountId]) => client.accounts.getAccountSubscribers(accountId!, { with_relationships: true }).then(minifyAccountList),
+  (client, [accountId]) =>
+    client.accounts
+      .getAccountSubscribers(accountId!, { with_relationships: true })
+      .then(minifyAccountList),
   undefined,
   (accountId) => !!accountId,
 );
diff --git a/packages/pl-fe/src/queries/accounts.ts b/packages/pl-fe/src/queries/accounts.ts
index 6a88d8996..895a8f74a 100644
--- a/packages/pl-fe/src/queries/accounts.ts
+++ b/packages/pl-fe/src/queries/accounts.ts
@@ -7,7 +7,7 @@ import toast from '@/toast';
 
 type UpdateCredentialsData = {
   accepts_chat_messages?: boolean;
-}
+};
 
 const useUpdateCredentials = () => {
   // const { account } = useOwnAccount();
diff --git a/packages/pl-fe/src/queries/accounts/account-scrobble.ts b/packages/pl-fe/src/queries/accounts/account-scrobble.ts
index 7d8589db7..1ce5d4ddf 100644
--- a/packages/pl-fe/src/queries/accounts/account-scrobble.ts
+++ b/packages/pl-fe/src/queries/accounts/account-scrobble.ts
@@ -2,12 +2,14 @@ import { queryOptions } from '@tanstack/react-query';
 
 import { getClient } from '@/api';
 
-const accountScrobbleQueryOptions = (accountId?: string) => queryOptions({
-  queryKey: ['scrobbles', accountId!],
-  queryFn: async () => (await getClient().accounts.getScrobbles(accountId!, { limit: 1 })).items[0] || null,
-  placeholderData: undefined,
-  enabled: () => !!accountId && getClient().features.scrobbles,
-  staleTime: 3 * 60 * 1000,
-});
+const accountScrobbleQueryOptions = (accountId?: string) =>
+  queryOptions({
+    queryKey: ['scrobbles', accountId!],
+    queryFn: async () =>
+      (await getClient().accounts.getScrobbles(accountId!, { limit: 1 })).items[0] || null,
+    placeholderData: undefined,
+    enabled: () => !!accountId && getClient().features.scrobbles,
+    staleTime: 3 * 60 * 1000,
+  });
 
 export { accountScrobbleQueryOptions };
diff --git a/packages/pl-fe/src/queries/accounts/use-antennas.ts b/packages/pl-fe/src/queries/accounts/use-antennas.ts
index 8d7e946bc..1bf7e7d26 100644
--- a/packages/pl-fe/src/queries/accounts/use-antennas.ts
+++ b/packages/pl-fe/src/queries/accounts/use-antennas.ts
@@ -10,9 +10,7 @@ import { minifyAccountList } from '../utils/minify-list';
 
 import type { Antenna, PaginatedResponse, CreateAntennaParams, UpdateAntennaParams } from 'pl-api';
 
-const useAntennas = <T>(
-  select?: ((data: Array<Antenna>) => T),
-) => {
+const useAntennas = <T>(select?: (data: Array<Antenna>) => T) => {
   const client = useClient();
   const features = useFeatures();
 
@@ -24,7 +22,8 @@ const useAntennas = <T>(
   });
 };
 
-const useAntenna = (antennaId?: string) => useAntennas((data) => antennaId ? data.find(antenna => antenna.id === antennaId) : undefined);
+const useAntenna = (antennaId?: string) =>
+  useAntennas((data) => (antennaId ? data.find((antenna) => antenna.id === antennaId) : undefined));
 
 const useCreateAntenna = () => {
   const client = useClient();
@@ -43,9 +42,8 @@ const useDeleteAntenna = () => {
     mutationKey: ['antennas', 'delete'],
     mutationFn: (antennaId: string) => client.antennas.deleteAntenna(antennaId),
     onSuccess: (_, deletedAntennaId) => {
-      queryClient.setQueryData<Array<Antenna>>(
-        ['antennas'],
-        (prevData) => prevData?.filter(({ id }) => id !== deletedAntennaId),
+      queryClient.setQueryData<Array<Antenna>>(['antennas'], (prevData) =>
+        prevData?.filter(({ id }) => id !== deletedAntennaId),
       );
     },
   });
@@ -71,7 +69,8 @@ const useAddAccountsToAntenna = (antennaId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'antennas', antennaId, 'add'],
-    mutationFn: (accountIds: Array<string>) => client.antennas.addAntennaAccounts(antennaId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.antennas.addAntennaAccounts(antennaId, accountIds),
     onSettled: (_, __, accountIds) => {
       queryClient.invalidateQueries({ queryKey: ['accountsLists', 'antennas', antennaId] });
     },
@@ -83,16 +82,21 @@ const useRemoveAccountsFromAntenna = (antennaId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'antennas', antennaId, 'remove'],
-    mutationFn: (accountIds: Array<string>) => client.antennas.removeAntennaAccounts(antennaId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.antennas.removeAntennaAccounts(antennaId, accountIds),
     onSettled: (_, __, accountIds) => {
-      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'antennas', antennaId], filterById(accountIds));
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+        ['accountsLists', 'antennas', antennaId],
+        filterById(accountIds),
+      );
     },
   });
 };
 
 const useAntennaExcludedAccounts = makePaginatedResponseQuery(
   (antennaId: string) => ['accountsLists', 'antennas', antennaId, 'excluded'],
-  (client, [antennaId]) => client.antennas.getAntennaExcludedAccounts(antennaId).then(minifyAccountList),
+  (client, [antennaId]) =>
+    client.antennas.getAntennaExcludedAccounts(antennaId).then(minifyAccountList),
 );
 
 const useAddExcludedAccountsToAntenna = (antennaId: string) => {
@@ -100,7 +104,8 @@ const useAddExcludedAccountsToAntenna = (antennaId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'antennas', antennaId, 'addExcluded'],
-    mutationFn: (accountIds: Array<string>) => client.antennas.addAntennaExcludedAccounts(antennaId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.antennas.addAntennaExcludedAccounts(antennaId, accountIds),
     onSettled: (_, __, accountIds) => {
       queryClient.invalidateQueries({ queryKey: ['accountsLists', 'antennas', antennaId] });
     },
@@ -112,9 +117,13 @@ const useRemoveExcludedAccountsFromAntenna = (antennaId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'antennas', antennaId, 'removeExcluded'],
-    mutationFn: (accountIds: Array<string>) => client.antennas.removeAntennaExcludedAccounts(antennaId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.antennas.removeAntennaExcludedAccounts(antennaId, accountIds),
     onSettled: (_, __, accountIds) => {
-      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'antennas', antennaId], filterById(accountIds));
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+        ['accountsLists', 'antennas', antennaId],
+        filterById(accountIds),
+      );
     },
   });
 };
diff --git a/packages/pl-fe/src/queries/accounts/use-birthday-reminders.ts b/packages/pl-fe/src/queries/accounts/use-birthday-reminders.ts
index b0a97d613..8d8424b1a 100644
--- a/packages/pl-fe/src/queries/accounts/use-birthday-reminders.ts
+++ b/packages/pl-fe/src/queries/accounts/use-birthday-reminders.ts
@@ -1,4 +1,3 @@
-
 import { useQuery } from '@tanstack/react-query';
 
 import { importEntities } from '@/actions/importer';
@@ -13,11 +12,12 @@ const useBirthdayReminders = (month: number, day: number) => {
 
   return useQuery({
     queryKey: ['accountsLists', 'birthdayReminders', month, day],
-    queryFn: () => client.accounts.getBirthdays(day, month).then((accounts) => {
-      dispatch(importEntities({ accounts }));
+    queryFn: () =>
+      client.accounts.getBirthdays(day, month).then((accounts) => {
+        dispatch(importEntities({ accounts }));
 
-      return accounts.map(({ id }) => id);
-    }),
+        return accounts.map(({ id }) => id);
+      }),
     enabled: isLoggedIn,
   });
 };
diff --git a/packages/pl-fe/src/queries/accounts/use-circles.ts b/packages/pl-fe/src/queries/accounts/use-circles.ts
index 5d32e9f2b..9f94d9fdf 100644
--- a/packages/pl-fe/src/queries/accounts/use-circles.ts
+++ b/packages/pl-fe/src/queries/accounts/use-circles.ts
@@ -10,9 +10,7 @@ import { minifyAccountList } from '../utils/minify-list';
 
 import type { Circle, PaginatedResponse } from 'pl-api';
 
-const useCircles = <T>(
-  select?: ((data: Array<Circle>) => T),
-) => {
+const useCircles = <T>(select?: (data: Array<Circle>) => T) => {
   const client = useClient();
   const features = useFeatures();
 
@@ -24,7 +22,8 @@ const useCircles = <T>(
   });
 };
 
-const useCircle = (circleId?: string) => useCircles((data) => circleId ? data.find(circle => circle.id === circleId) : undefined);
+const useCircle = (circleId?: string) =>
+  useCircles((data) => (circleId ? data.find((circle) => circle.id === circleId) : undefined));
 
 const useCreateCircle = () => {
   const client = useClient();
@@ -43,9 +42,8 @@ const useDeleteCircle = () => {
     mutationKey: ['circles', 'delete'],
     mutationFn: (circleId: string) => client.circles.deleteCircle(circleId),
     onSuccess: (_, deletedCircleId) => {
-      queryClient.setQueryData<Array<Circle>>(
-        ['circles'],
-        (prevData) => prevData?.filter(({ id }) => id !== deletedCircleId),
+      queryClient.setQueryData<Array<Circle>>(['circles'], (prevData) =>
+        prevData?.filter(({ id }) => id !== deletedCircleId),
       );
     },
   });
@@ -71,7 +69,8 @@ const useAddAccountsToCircle = (circleId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'circles', circleId, 'add'],
-    mutationFn: (accountIds: Array<string>) => client.circles.addCircleAccounts(circleId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.circles.addCircleAccounts(circleId, accountIds),
     onSettled: (_, __, accountIds) => {
       queryClient.invalidateQueries({ queryKey: ['accountsLists', 'circles', circleId] });
     },
@@ -83,11 +82,24 @@ const useRemoveAccountsFromCircle = (circleId: string) => {
 
   return useMutation({
     mutationKey: ['accountsLists', 'circles', circleId, 'remove'],
-    mutationFn: (accountIds: Array<string>) => client.circles.deleteCircleAccounts(circleId, accountIds),
+    mutationFn: (accountIds: Array<string>) =>
+      client.circles.deleteCircleAccounts(circleId, accountIds),
     onSettled: (_, __, accountIds) => {
-      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'circles', circleId], filterById(accountIds));
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+        ['accountsLists', 'circles', circleId],
+        filterById(accountIds),
+      );
     },
   });
 };
 
-export { useCircles, useCircle, useCreateCircle, useDeleteCircle, useUpdateCircle, useCircleAccounts, useAddAccountsToCircle, useRemoveAccountsFromCircle };
+export {
+  useCircles,
+  useCircle,
+  useCreateCircle,
+  useDeleteCircle,
+  useUpdateCircle,
+  useCircleAccounts,
+  useAddAccountsToCircle,
+  useRemoveAccountsFromCircle,
+};
diff --git a/packages/pl-fe/src/queries/accounts/use-directory.ts b/packages/pl-fe/src/queries/accounts/use-directory.ts
index eb1886348..f8381910b 100644
--- a/packages/pl-fe/src/queries/accounts/use-directory.ts
+++ b/packages/pl-fe/src/queries/accounts/use-directory.ts
@@ -10,16 +10,20 @@ const useDirectory = (order: 'active' | 'new', local: boolean = false) => {
 
   return useInfiniteQuery({
     queryKey: ['accountsLists', 'directory', order, local],
-    queryFn: ({ pageParam: offset }) => client.instance.profileDirectory({
-      order,
-      local,
-      offset,
-    }).then((accounts) => {
-      dispatch(importEntities({ accounts }));
-      return accounts.map(({ id }) => id);
-    }),
+    queryFn: ({ pageParam: offset }) =>
+      client.instance
+        .profileDirectory({
+          order,
+          local,
+          offset,
+        })
+        .then((accounts) => {
+          dispatch(importEntities({ accounts }));
+          return accounts.map(({ id }) => id);
+        }),
     initialPageParam: 0,
-    getNextPageParam: (_, allPages) => allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
+    getNextPageParam: (_, allPages) =>
+      allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
     select: (data) => data?.pages.flat(),
   });
 };
diff --git a/packages/pl-fe/src/queries/accounts/use-endorsed-accounts.ts b/packages/pl-fe/src/queries/accounts/use-endorsed-accounts.ts
index 4cb0c5ec5..f8a05b445 100644
--- a/packages/pl-fe/src/queries/accounts/use-endorsed-accounts.ts
+++ b/packages/pl-fe/src/queries/accounts/use-endorsed-accounts.ts
@@ -10,10 +10,11 @@ const useEndorsedAccounts = (accountId: string) => {
 
   return useQuery({
     queryKey: ['accountsLists', 'endorsedAccounts', accountId],
-    queryFn: () => client.accounts.getAccountEndorsements(accountId).then(({ items: accounts }) => {
-      dispatch(importEntities({ accounts }));
-      return accounts.map(({ id }) => id);
-    }),
+    queryFn: () =>
+      client.accounts.getAccountEndorsements(accountId).then(({ items: accounts }) => {
+        dispatch(importEntities({ accounts }));
+        return accounts.map(({ id }) => id);
+      }),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/accounts/use-familiar-followers.ts b/packages/pl-fe/src/queries/accounts/use-familiar-followers.ts
index 44da1f72d..ba7408618 100644
--- a/packages/pl-fe/src/queries/accounts/use-familiar-followers.ts
+++ b/packages/pl-fe/src/queries/accounts/use-familiar-followers.ts
@@ -14,13 +14,14 @@ const useFamiliarFollowers = (accountId: string) => {
 
   return useQuery({
     queryKey: ['accountsLists', 'familiarFollowers', accountId],
-    queryFn: () => client.accounts.getFamiliarFollowers([accountId]).then((response) => {
-      const result = response.find(({ id }) => id === accountId);
-      if (!result) return [];
+    queryFn: () =>
+      client.accounts.getFamiliarFollowers([accountId]).then((response) => {
+        const result = response.find(({ id }) => id === accountId);
+        if (!result) return [];
 
-      dispatch(importEntities({ accounts: result.accounts }));
-      return result.accounts.map(({ id }) => id);
-    }),
+        dispatch(importEntities({ accounts: result.accounts }));
+        return result.accounts.map(({ id }) => id);
+      }),
     enabled: isLoggedIn && features.familiarFollowers,
   });
 };
diff --git a/packages/pl-fe/src/queries/accounts/use-follow-requests.ts b/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
index 784a3e664..2a88197a2 100644
--- a/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
+++ b/packages/pl-fe/src/queries/accounts/use-follow-requests.ts
@@ -12,28 +12,41 @@ import { filterById } from '../utils/filter-id';
 import type { PaginatedResponse, PlApiClient } from 'pl-api';
 
 const appendFollowRequest = (accountId: string) =>
-  queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'followRequests'], (data) => {
-    if (!data || data.pages.some(page => page.items.includes(accountId))) return data;
+  queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+    ['accountsLists', 'followRequests'],
+    (data) => {
+      if (!data || data.pages.some((page) => page.items.includes(accountId))) return data;
 
-    return {
-      ...data,
-      pages: data.pages.map((page, index) => index === 0 ? ({ ...page, items: [accountId, ...page.items] }) : page),
-    };
-  });
+      return {
+        ...data,
+        pages: data.pages.map((page, index) =>
+          index === 0 ? { ...page, items: [accountId, ...page.items] } : page,
+        ),
+      };
+    },
+  );
 
 const removeFollowRequest = (accountId: string) =>
-  queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'followRequests'], filterById(accountId));
+  queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+    ['accountsLists', 'followRequests'],
+    filterById(accountId),
+  );
 
-const makeUseFollowRequests = <T>(select: ((data: InfiniteData<PaginatedResponse<string>>) => T)) => makePaginatedResponseQuery(
-  () => ['accountsLists', 'followRequests'],
-  (client) => client.myAccount.getFollowRequests().then(minifyAccountList),
-  select,
-  'isLoggedIn',
+const makeUseFollowRequests = <T>(select: (data: InfiniteData<PaginatedResponse<string>>) => T) =>
+  makePaginatedResponseQuery(
+    () => ['accountsLists', 'followRequests'],
+    (client) => client.myAccount.getFollowRequests().then(minifyAccountList),
+    select,
+    'isLoggedIn',
+  );
+
+const useFollowRequests = makeUseFollowRequests((data) =>
+  data.pages.map((page) => page.items).flat(),
 );
 
-const useFollowRequests = makeUseFollowRequests((data) => data.pages.map(page => page.items).flat());
-
-const useFollowRequestsCount = makeUseFollowRequests((data) => data.pages.map(page => page.items).flat().length);
+const useFollowRequestsCount = makeUseFollowRequests(
+  (data) => data.pages.map((page) => page.items).flat().length,
+);
 
 const useOutgoingFollowRequests = makePaginatedResponseQuery(
   ['accountsLists', 'outgoingFollowRequests'],
@@ -47,10 +60,10 @@ const useAcceptFollowRequestMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountsLists', 'followRequests', accountId],
     mutationFn: () => client.myAccount.acceptFollowRequest(accountId),
-    onSettled: ((relationship) => {
+    onSettled: (relationship) => {
       removeFollowRequest(accountId);
       dispatch(importEntities({ relationships: [relationship] }));
-    }),
+    },
   });
 };
 
@@ -61,18 +74,25 @@ const useRejectFollowRequestMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountsLists', 'followRequests', accountId],
     mutationFn: () => client.myAccount.rejectFollowRequest(accountId),
-    onSettled: ((relationship) => {
+    onSettled: (relationship) => {
       removeFollowRequest(accountId);
       dispatch(importEntities({ relationships: [relationship] }));
-    }),
+    },
   });
 };
 
-const prefetchFollowRequests = (client: PlApiClient) => queryClient.prefetchInfiniteQuery({
-  queryKey: ['accountsLists', 'followRequests'],
-  queryFn: ({ pageParam }) => pageParam.next?.() ?? client.myAccount.getFollowRequests().then(minifyAccountList),
-  initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<string>,
-});
+const prefetchFollowRequests = (client: PlApiClient) =>
+  queryClient.prefetchInfiniteQuery({
+    queryKey: ['accountsLists', 'followRequests'],
+    queryFn: ({ pageParam }) =>
+      pageParam.next?.() ?? client.myAccount.getFollowRequests().then(minifyAccountList),
+    initialPageParam: {
+      previous: null,
+      next: null,
+      items: [],
+      partial: false,
+    } as PaginatedResponse<string>,
+  });
 
 export {
   appendFollowRequest,
diff --git a/packages/pl-fe/src/queries/accounts/use-lists.ts b/packages/pl-fe/src/queries/accounts/use-lists.ts
index dfd38ff7f..2f9cc0c99 100644
--- a/packages/pl-fe/src/queries/accounts/use-lists.ts
+++ b/packages/pl-fe/src/queries/accounts/use-lists.ts
@@ -10,9 +10,7 @@ import { minifyAccountList } from '../utils/minify-list';
 
 import type { CreateListParams, List, PaginatedResponse, UpdateListParams } from 'pl-api';
 
-const useLists = <T>(
-  select?: ((data: Array<List>) => T),
-) => {
+const useLists = <T>(select?: (data: Array<List>) => T) => {
   const client = useClient();
   const features = useFeatures();
 
@@ -24,7 +22,8 @@ const useLists = <T>(
   });
 };
 
-const useList = (listId?: string) => useLists((data) => listId ? data.find(list => list.id === listId) : undefined);
+const useList = (listId?: string) =>
+  useLists((data) => (listId ? data.find((list) => list.id === listId) : undefined));
 
 const useCreateList = () => {
   const client = useClient();
@@ -43,9 +42,8 @@ const useDeleteList = () => {
     mutationKey: ['lists', 'delete'],
     mutationFn: (listId: string) => client.lists.deleteList(listId),
     onSuccess: (_, deletedListId) => {
-      queryClient.setQueryData<Array<List>>(
-        ['lists'],
-        (prevData) => prevData?.filter(({ id }) => id !== deletedListId),
+      queryClient.setQueryData<Array<List>>(['lists'], (prevData) =>
+        prevData?.filter(({ id }) => id !== deletedListId),
       );
     },
   });
@@ -75,7 +73,9 @@ const useAddAccountsToList = (listId: string) => {
     onSettled: (_, __, accountIds) => {
       queryClient.invalidateQueries({ queryKey: ['accountsLists', 'lists', listId] });
       accountIds.forEach((accountId) =>
-        queryClient.setQueryData<Array<string>>(['lists', 'forAccount', accountId], (listIds) => listIds ? [...listIds, listId] : undefined),
+        queryClient.setQueryData<Array<string>>(['lists', 'forAccount', accountId], (listIds) =>
+          listIds ? [...listIds, listId] : undefined,
+        ),
       );
     },
   });
@@ -88,9 +88,14 @@ const useRemoveAccountsFromList = (listId: string) => {
     mutationKey: ['accountsLists', 'lists', listId, 'remove'],
     mutationFn: (accountIds: Array<string>) => client.lists.deleteListAccounts(listId, accountIds),
     onSettled: (_, __, accountIds) => {
-      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(['accountsLists', 'lists', listId], filterById(accountIds));
+      queryClient.setQueryData<InfiniteData<PaginatedResponse<string>>>(
+        ['accountsLists', 'lists', listId],
+        filterById(accountIds),
+      );
       accountIds.forEach((accountId) =>
-        queryClient.setQueryData<Array<string>>(['lists', 'forAccount', accountId], listIds => listIds?.filter(id => id !== listId)),
+        queryClient.setQueryData<Array<string>>(['lists', 'forAccount', accountId], (listIds) =>
+          listIds?.filter((id) => id !== listId),
+        ),
       );
     },
   });
@@ -101,8 +106,19 @@ const useListsForAccount = (accountId: string) => {
 
   return useQuery({
     queryKey: ['lists', 'forAccount', accountId],
-    queryFn: () => client.accounts.getAccountLists(accountId).then((lists) => lists.map((list) => list.id)),
+    queryFn: () =>
+      client.accounts.getAccountLists(accountId).then((lists) => lists.map((list) => list.id)),
   });
 };
 
-export { useLists, useList, useCreateList, useDeleteList, useUpdateList, useListAccounts, useAddAccountsToList, useRemoveAccountsFromList, useListsForAccount };
+export {
+  useLists,
+  useList,
+  useCreateList,
+  useDeleteList,
+  useUpdateList,
+  useListAccounts,
+  useAddAccountsToList,
+  useRemoveAccountsFromList,
+  useListsForAccount,
+};
diff --git a/packages/pl-fe/src/queries/accounts/use-relationship.ts b/packages/pl-fe/src/queries/accounts/use-relationship.ts
index 6000cf7f3..97be4ac37 100644
--- a/packages/pl-fe/src/queries/accounts/use-relationship.ts
+++ b/packages/pl-fe/src/queries/accounts/use-relationship.ts
@@ -1,19 +1,38 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
-import { ACCOUNT_BLOCK_SUCCESS, ACCOUNT_MUTE_SUCCESS, type AccountsAction } from '@/actions/accounts';
+import {
+  ACCOUNT_BLOCK_SUCCESS,
+  ACCOUNT_MUTE_SUCCESS,
+  type AccountsAction,
+} from '@/actions/accounts';
 import { batcher } from '@/api/batcher';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useClient } from '@/hooks/use-client';
 import { useLoggedIn } from '@/hooks/use-logged-in';
 
 import type { MinifiedSuggestion } from '../trends/use-suggested-accounts';
-import type { BlockAccountParams, FollowAccountParams, MuteAccountParams, Relationship } from 'pl-api';
+import type {
+  BlockAccountParams,
+  FollowAccountParams,
+  MuteAccountParams,
+  Relationship,
+} from 'pl-api';
 
-const updateRelationship = (accountId: string, changes: Partial<Relationship> | ((relationship: Relationship) => Relationship), queryClient: ReturnType<typeof useQueryClient>) => {
-  const previousRelationship = queryClient.getQueryData<Relationship>(['accountRelationships', accountId]);
+const updateRelationship = (
+  accountId: string,
+  changes: Partial<Relationship> | ((relationship: Relationship) => Relationship),
+  queryClient: ReturnType<typeof useQueryClient>,
+) => {
+  const previousRelationship = queryClient.getQueryData<Relationship>([
+    'accountRelationships',
+    accountId,
+  ]);
   if (!previousRelationship) return;
 
-  const newRelationship = typeof changes === 'function' ? changes(previousRelationship) : { ...previousRelationship, ...changes };
+  const newRelationship =
+    typeof changes === 'function'
+      ? changes(previousRelationship)
+      : { ...previousRelationship, ...changes };
   queryClient.setQueryData(['accountRelationships', accountId], newRelationship);
 
   return { previousRelationship };
@@ -35,7 +54,11 @@ const useRelationshipQuery = (accountId?: string) => {
 
   return useQuery({
     queryKey: ['accountRelationships', accountId],
-    queryFn: () => batcher.relationships(client).fetch(accountId!).then((data) => data || undefined),
+    queryFn: () =>
+      batcher
+        .relationships(client)
+        .fetch(accountId!)
+        .then((data) => data || undefined),
     enabled: isLoggedIn && !!accountId,
   });
 };
@@ -48,14 +71,18 @@ const useFollowAccountMutation = (accountId: string) => {
     mutationKey: ['accountRelationships', accountId],
     mutationFn: (params?: FollowAccountParams) => client.accounts.followAccount(accountId, params),
     onMutate: (params) => {
-      return updateRelationship(accountId, (relationship) => ({
-        ...relationship,
-        requested: !relationship.following,
-        notifying: params?.notify ?? relationship.notifying,
-        showing_reblogs: params?.reblogs ?? relationship.showing_reblogs,
-      }), queryClient);
+      return updateRelationship(
+        accountId,
+        (relationship) => ({
+          ...relationship,
+          requested: !relationship.following,
+          notifying: params?.notify ?? relationship.notifying,
+          showing_reblogs: params?.reblogs ?? relationship.showing_reblogs,
+        }),
+        queryClient,
+      );
     },
-    onError: (_err, _variables, context) =>{
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -71,13 +98,18 @@ const useUnfollowAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.accounts.unfollowAccount(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      following: false,
-      requested: false,
-      notifying: false,
-      showing_reblogs: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          following: false,
+          requested: false,
+          notifying: false,
+          showing_reblogs: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -94,33 +126,42 @@ const useBlockAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: (params?: BlockAccountParams) => client.filtering.blockAccount(accountId, params),
-    onMutate: () => updateRelationship(accountId, {
-      blocking: true,
-      followed_by: false,
-      following: false,
-      notifying: false,
-      requested: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          blocking: true,
+          followed_by: false,
+          following: false,
+          notifying: false,
+          requested: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
 
-      queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], suggestions => suggestions
-        ? suggestions.filter((suggestion) => suggestion.account_id !== accountId)
-        : undefined);
+      queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], (suggestions) =>
+        suggestions
+          ? suggestions.filter((suggestion) => suggestion.account_id !== accountId)
+          : undefined,
+      );
 
       queryClient.invalidateQueries({
         queryKey: ['accountsLists', 'blocked'],
       });
 
       // Pass in entire statuses map so we can use it to filter stuff in different parts of the reducers
-      return dispatch<AccountsAction>((dispatch, getState) => dispatch({
-        type: ACCOUNT_BLOCK_SUCCESS,
-        relationship: data,
-        statuses: getState().statuses,
-      }));
+      return dispatch<AccountsAction>((dispatch, getState) =>
+        dispatch({
+          type: ACCOUNT_BLOCK_SUCCESS,
+          relationship: data,
+          statuses: getState().statuses,
+        }),
+      );
     },
   });
 };
@@ -132,10 +173,15 @@ const useUnblockAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.filtering.unblockAccount(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      blocking: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          blocking: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -152,29 +198,38 @@ const useMuteAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: (params?: MuteAccountParams) => client.filtering.muteAccount(accountId, params),
-    onMutate: () => updateRelationship(accountId, {
-      muting: true,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          muting: true,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
       queryClient.setQueryData(['accountRelationships', accountId], data);
 
-      queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], suggestions => suggestions
-        ? suggestions.filter((suggestion) => suggestion.account_id !== accountId)
-        : undefined);
+      queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], (suggestions) =>
+        suggestions
+          ? suggestions.filter((suggestion) => suggestion.account_id !== accountId)
+          : undefined,
+      );
 
       queryClient.invalidateQueries({
         queryKey: ['accountsLists', 'muted'],
       });
 
       // Pass in entire statuses map so we can use it to filter stuff in different parts of the reducers
-      return dispatch<AccountsAction>((dispatch, getState) => dispatch({
-        type: ACCOUNT_MUTE_SUCCESS,
-        relationship: data,
-        statuses: getState().statuses,
-      }));
+      return dispatch<AccountsAction>((dispatch, getState) =>
+        dispatch({
+          type: ACCOUNT_MUTE_SUCCESS,
+          relationship: data,
+          statuses: getState().statuses,
+        }),
+      );
     },
   });
 };
@@ -186,10 +241,15 @@ const useUnmuteAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.filtering.unmuteAccount(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      muting: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          muting: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -206,10 +266,15 @@ const usePinAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.accounts.pinAccount(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      endorsed: true,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          endorsed: true,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -229,10 +294,15 @@ const useUnpinAccountMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.accounts.unpinAccount(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      endorsed: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          endorsed: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -251,10 +321,15 @@ const useRemoveAccountFromFollowersMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountRelationships', accountId],
     mutationFn: () => client.accounts.removeAccountFromFollowers(accountId),
-    onMutate: () => updateRelationship(accountId, {
-      followed_by: false,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: () =>
+      updateRelationship(
+        accountId,
+        {
+          followed_by: false,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
@@ -270,10 +345,15 @@ const useUpdateAccountNoteMutation = (accountId: string) => {
   return useMutation({
     mutationKey: ['accountNote', accountId],
     mutationFn: (note: string) => client.accounts.updateAccountNote(accountId, note),
-    onMutate: (note) => updateRelationship(accountId, {
-      note,
-    }, queryClient),
-    onError: (_err, _variables, context) =>{
+    onMutate: (note) =>
+      updateRelationship(
+        accountId,
+        {
+          note,
+        },
+        queryClient,
+      ),
+    onError: (_err, _variables, context) => {
       restorePreviousRelationship(accountId, context, queryClient);
     },
     onSuccess: (data) => {
diff --git a/packages/pl-fe/src/queries/admin/use-accounts.ts b/packages/pl-fe/src/queries/admin/use-accounts.ts
index d49af8ead..559166d62 100644
--- a/packages/pl-fe/src/queries/admin/use-accounts.ts
+++ b/packages/pl-fe/src/queries/admin/use-accounts.ts
@@ -1,4 +1,10 @@
-import { InfiniteData, useInfiniteQuery, useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import {
+  InfiniteData,
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from '@tanstack/react-query';
 
 import { importEntities } from '@/actions/importer';
 import { useAccount } from '@/api/hooks/accounts/use-account';
@@ -11,10 +17,21 @@ import { makePaginatedResponseQuery } from '../utils/make-paginated-response-que
 import { makePaginatedResponseQueryOptions } from '../utils/make-paginated-response-query-options';
 import { minifyAdminAccount, minifyAdminAccountList } from '../utils/minify-list';
 
-import type { AdminPerformAccountActionParams, PaginatedResponse, AdminAccount, AdminGetAccountsParams, PaginationParams, AdminAccountAction } from 'pl-api';
+import type {
+  AdminPerformAccountActionParams,
+  PaginatedResponse,
+  AdminAccount,
+  AdminGetAccountsParams,
+  PaginationParams,
+  AdminAccountAction,
+} from 'pl-api';
 
 const useAdminAccounts = makePaginatedResponseQuery(
-  (params: Omit<AdminGetAccountsParams, keyof PaginationParams>) => ['admin', 'accountLists', params],
+  (params: Omit<AdminGetAccountsParams, keyof PaginationParams>) => [
+    'admin',
+    'accountLists',
+    params,
+  ],
   (client, [params]) => client.admin.accounts.getAccounts(params).then(minifyAdminAccountList),
   undefined,
   'isAdmin',
@@ -26,10 +43,11 @@ const useAdminAccount = (accountId?: string) => {
 
   const query = useQuery<AdminAccount>({
     queryKey: ['admin', 'accounts', accountId],
-    queryFn: () => client.admin.accounts.getAccount(accountId!).then(({ account, ...adminAccount }) => {
-      dispatch(importEntities({ accounts: [account] }));
-      return adminAccount as AdminAccount;
-    }),
+    queryFn: () =>
+      client.admin.accounts.getAccount(accountId!).then(({ account, ...adminAccount }) => {
+        dispatch(importEntities({ accounts: [account] }));
+        return adminAccount as AdminAccount;
+      }),
     enabled: !!accountId,
   });
 
@@ -42,7 +60,10 @@ const useAdminAccount = (accountId?: string) => {
 
 const pendingUsersQuery = makePaginatedResponseQueryOptions(
   ['admin', 'accountLists', { origin: 'local', status: 'pending' }],
-  (client) => client.admin.accounts.getAccounts({ origin: 'local', status: 'pending' }).then(minifyAdminAccountList),
+  (client) =>
+    client.admin.accounts
+      .getAccounts({ origin: 'local', status: 'pending' })
+      .then(minifyAdminAccountList),
 )();
 
 const usePendingUsersCount = () => {
@@ -50,7 +71,8 @@ const usePendingUsersCount = () => {
 
   return useInfiniteQuery({
     ...pendingUsersQuery,
-    select: (data) => (data.pages.at(-1)?.total ?? data.pages.map(page => page.items).flat().length) || 0,
+    select: (data) =>
+      (data.pages.at(-1)?.total ?? data.pages.map((page) => page.items).flat().length) || 0,
     enabled: !!(account?.is_admin ?? account?.is_moderator),
   });
 };
@@ -66,12 +88,19 @@ const useAdminApproveAccountMutation = (accountId: string) => {
     onSuccess: ({ account, ...adminAccount }) => {
       dispatch(importEntities({ accounts: [account] }));
       queryClient.setQueryData(['admin', 'accounts', adminAccount.id], adminAccount);
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists', {
-          status: 'pending',
-        }],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: [
+            'admin',
+            'accountLists',
+            {
+              status: 'pending',
+            },
+          ],
+          exact: false,
+        },
+        filterById(accountId),
+      );
     },
   });
 };
@@ -84,12 +113,19 @@ const useAdminRejectAccountMutation = (accountId: string) => {
     mutationKey: ['admin', 'acounts', accountId],
     mutationFn: () => client.admin.accounts.rejectAccount(accountId),
     onSuccess: () => {
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists', {
-          status: 'pending',
-        }],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: [
+            'admin',
+            'accountLists',
+            {
+              status: 'pending',
+            },
+          ],
+          exact: false,
+        },
+        filterById(accountId),
+      );
     },
   });
 };
@@ -102,10 +138,13 @@ const useAdminDeleteAccountMutation = (accountId: string) => {
     mutationKey: ['admin', 'acounts', accountId],
     mutationFn: () => client.admin.accounts.deleteAccount(accountId),
     onSuccess: () => {
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists'],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: ['admin', 'accountLists'],
+          exact: false,
+        },
+        filterById(accountId),
+      );
     },
   });
 };
@@ -116,7 +155,8 @@ const useAdminPerformAccountActionMutation = (accountId: string, type: AdminAcco
 
   return useMutation({
     mutationKey: ['admin', 'acounts', accountId],
-    mutationFn: (params?: AdminPerformAccountActionParams) => client.admin.accounts.performAccountAction(accountId, type, params),
+    mutationFn: (params?: AdminPerformAccountActionParams) =>
+      client.admin.accounts.performAccountAction(accountId, type, params),
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['admin', 'accountLists'], exact: false });
     },
@@ -131,10 +171,13 @@ const useAdminEnableAccountMutation = (accountId: string) => {
     mutationKey: ['admin', 'acounts', accountId],
     mutationFn: () => client.admin.accounts.enableAccount(accountId),
     onSuccess: (account) => {
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists', { status: 'disabled' }],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: ['admin', 'accountLists', { status: 'disabled' }],
+          exact: false,
+        },
+        filterById(accountId),
+      );
       minifyAdminAccount(account);
     },
   });
@@ -148,10 +191,13 @@ const useAdminUnsilenceAccountMutation = (accountId: string) => {
     mutationKey: ['admin', 'acounts', accountId],
     mutationFn: () => client.admin.accounts.unsilenceAccount(accountId),
     onSuccess: (account) => {
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists', { status: 'silenced' }],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: ['admin', 'accountLists', { status: 'silenced' }],
+          exact: false,
+        },
+        filterById(accountId),
+      );
       minifyAdminAccount(account);
     },
   });
@@ -165,10 +211,13 @@ const useAdminUnsuspendAccountMutation = (accountId: string) => {
     mutationKey: ['admin', 'acounts', accountId],
     mutationFn: () => client.admin.accounts.unsuspendAccount(accountId),
     onSuccess: (account) => {
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['admin', 'accountLists', { status: 'suspended' }],
-        exact: false,
-      }, filterById(accountId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: ['admin', 'accountLists', { status: 'suspended' }],
+          exact: false,
+        },
+        filterById(accountId),
+      );
       minifyAdminAccount(account);
     },
   });
diff --git a/packages/pl-fe/src/queries/admin/use-announcements.ts b/packages/pl-fe/src/queries/admin/use-announcements.ts
index 763cd2d7c..582f87f46 100644
--- a/packages/pl-fe/src/queries/admin/use-announcements.ts
+++ b/packages/pl-fe/src/queries/admin/use-announcements.ts
@@ -14,23 +14,28 @@ import { queryClient } from '@/queries/client';
 
 import { makePaginatedResponseQuery } from '../utils/make-paginated-response-query';
 
-const useAnnouncements = makePaginatedResponseQuery(
-  ['admin', 'announcements'],
-  (client) => client.admin.announcements.getAnnouncements(),
+const useAnnouncements = makePaginatedResponseQuery(['admin', 'announcements'], (client) =>
+  client.admin.announcements.getAnnouncements(),
 );
 
 const useCreateAnnouncementMutation = () => {
   const client = useClient();
 
   return useMutation({
-    mutationFn: (params: AdminCreateAnnouncementParams) => client.admin.announcements.createAnnouncement(params),
+    mutationFn: (params: AdminCreateAnnouncementParams) =>
+      client.admin.announcements.createAnnouncement(params),
     retry: false,
     onSuccess: (data) => {
       queryClient.setQueryData<InfiniteData<PaginatedResponse<AdminAnnouncement>>>(
         ['admin', 'announcements'],
-        (prevData) => create(prevData, (draft) => {
-          if (draft?.pages.length) draft.pages[0].items = [v.parse(adminAnnouncementSchema, data), ...draft.pages[0].items];
-        }),
+        (prevData) =>
+          create(prevData, (draft) => {
+            if (draft?.pages.length)
+              draft.pages[0].items = [
+                v.parse(adminAnnouncementSchema, data),
+                ...draft.pages[0].items,
+              ];
+          }),
       );
       queryClient.invalidateQueries({ queryKey: ['announcements'] });
     },
@@ -41,17 +46,19 @@ const useUpdateAnnouncementMutation = () => {
   const client = useClient();
 
   return useMutation({
-    mutationFn: ({ id, ...params }: AdminUpdateAnnouncementParams & { id: string }) => client.admin.announcements.updateAnnouncement(id, params),
+    mutationFn: ({ id, ...params }: AdminUpdateAnnouncementParams & { id: string }) =>
+      client.admin.announcements.updateAnnouncement(id, params),
     retry: false,
     onSuccess: (data) => {
       queryClient.setQueryData<InfiniteData<PaginatedResponse<AdminAnnouncement>>>(
         ['admin', 'announcements'],
-        (prevData) => create(prevData, (draft) => {
-          draft?.pages.forEach(({ items }) => {
-            const index = items.findIndex(({ id }) => id === data.id);
-            if (index !== -1) items[index] = v.parse(adminAnnouncementSchema, data);
-          });
-        }),
+        (prevData) =>
+          create(prevData, (draft) => {
+            draft?.pages.forEach(({ items }) => {
+              const index = items.findIndex(({ id }) => id === data.id);
+              if (index !== -1) items[index] = v.parse(adminAnnouncementSchema, data);
+            });
+          }),
       );
       queryClient.invalidateQueries({ queryKey: ['announcements'] });
     },
@@ -67,13 +74,21 @@ const useDeleteAnnouncementMutation = () => {
     onSuccess: (_, deletedAnnouncementId) => {
       queryClient.setQueryData<InfiniteData<PaginatedResponse<AdminAnnouncement>>>(
         ['admin', 'announcements'],
-        (prevData) => create(prevData, (draft) => {
-          draft?.pages.forEach((page) => page.items = page.items.filter(({ id }) => id !== deletedAnnouncementId));
-        }),
+        (prevData) =>
+          create(prevData, (draft) => {
+            draft?.pages.forEach(
+              (page) => (page.items = page.items.filter(({ id }) => id !== deletedAnnouncementId)),
+            );
+          }),
       );
       queryClient.invalidateQueries({ queryKey: ['announcements'] });
     },
   });
 };
 
-export { useAnnouncements, useCreateAnnouncementMutation, useUpdateAnnouncementMutation, useDeleteAnnouncementMutation };
+export {
+  useAnnouncements,
+  useCreateAnnouncementMutation,
+  useUpdateAnnouncementMutation,
+  useDeleteAnnouncementMutation,
+};
diff --git a/packages/pl-fe/src/queries/admin/use-domains.ts b/packages/pl-fe/src/queries/admin/use-domains.ts
index 7148f7ced..2d1b4a22e 100644
--- a/packages/pl-fe/src/queries/admin/use-domains.ts
+++ b/packages/pl-fe/src/queries/admin/use-domains.ts
@@ -26,34 +26,27 @@ const useDomains = () => {
     placeholderData: [],
   });
 
-  const {
-    mutate: createDomain,
-    isPending: isCreating,
-  } = useMutation({
+  const { mutate: createDomain, isPending: isCreating } = useMutation({
     mutationFn: (params: CreateDomainParams) => client.admin.domains.createDomain(params),
     retry: false,
     onSuccess: (data) =>
-      queryClient.setQueryData(['admin', 'domains'], (prevResult: ReadonlyArray<AdminDomain>) =>
-        [...prevResult, data],
-      ),
+      queryClient.setQueryData(['admin', 'domains'], (prevResult: ReadonlyArray<AdminDomain>) => [
+        ...prevResult,
+        data,
+      ]),
   });
 
-  const {
-    mutate: updateDomain,
-    isPending: isUpdating,
-  } = useMutation({
-    mutationFn: ({ id, ...params }: UpdateDomainParams) => client.admin.domains.updateDomain(id, params.public),
+  const { mutate: updateDomain, isPending: isUpdating } = useMutation({
+    mutationFn: ({ id, ...params }: UpdateDomainParams) =>
+      client.admin.domains.updateDomain(id, params.public),
     retry: false,
     onSuccess: (data) =>
       queryClient.setQueryData(['admin', 'domains'], (prevResult: ReadonlyArray<AdminDomain>) =>
-        prevResult.map((domain) => domain.id === data.id ? data : domain),
+        prevResult.map((domain) => (domain.id === data.id ? data : domain)),
       ),
   });
 
-  const {
-    mutate: deleteDomain,
-    isPending: isDeleting,
-  } = useMutation({
+  const { mutate: deleteDomain, isPending: isDeleting } = useMutation({
     mutationFn: (id: string) => client.admin.domains.deleteDomain(id),
     retry: false,
     onSuccess: (_, id) =>
diff --git a/packages/pl-fe/src/queries/admin/use-metrics.ts b/packages/pl-fe/src/queries/admin/use-metrics.ts
index 5a6ea5573..62f1a1d46 100644
--- a/packages/pl-fe/src/queries/admin/use-metrics.ts
+++ b/packages/pl-fe/src/queries/admin/use-metrics.ts
@@ -2,7 +2,12 @@ import { useQuery } from '@tanstack/react-query';
 
 import { useClient } from '@/hooks/use-client';
 
-import type { AdminDimensionKey, AdminGetDimensionsParams, AdminGetMeasuresParams, AdminMeasureKey } from 'pl-api';
+import type {
+  AdminDimensionKey,
+  AdminGetDimensionsParams,
+  AdminGetMeasuresParams,
+  AdminMeasureKey,
+} from 'pl-api';
 
 const useDimensions = (keys: AdminDimensionKey[], params?: AdminGetDimensionsParams) => {
   const client = useClient();
@@ -14,7 +19,12 @@ const useDimensions = (keys: AdminDimensionKey[], params?: AdminGetDimensionsPar
   });
 };
 
-const useMeasures = (keys: AdminMeasureKey[], startAt: string, endAt: string, params?: AdminGetMeasuresParams) => {
+const useMeasures = (
+  keys: AdminMeasureKey[],
+  startAt: string,
+  endAt: string,
+  params?: AdminGetMeasuresParams,
+) => {
   const client = useClient();
 
   return useQuery({
diff --git a/packages/pl-fe/src/queries/admin/use-moderation-log.ts b/packages/pl-fe/src/queries/admin/use-moderation-log.ts
index e04111cd8..064271248 100644
--- a/packages/pl-fe/src/queries/admin/use-moderation-log.ts
+++ b/packages/pl-fe/src/queries/admin/use-moderation-log.ts
@@ -9,14 +9,18 @@ import type { AdminModerationLogEntry } from 'pl-api';
 const useModerationLog = () => {
   const client = useClient();
 
-  const getModerationLog = (pageParam?: Pick<PaginatedResponse<AdminModerationLogEntry>, 'next'>): Promise<PaginatedResponse<AdminModerationLogEntry>> =>
+  const getModerationLog = (
+    pageParam?: Pick<PaginatedResponse<AdminModerationLogEntry>, 'next'>,
+  ): Promise<PaginatedResponse<AdminModerationLogEntry>> =>
     (pageParam?.next ?? client.admin.moderationLog.getModerationLog)();
 
   const queryInfo = useInfiniteQuery({
     queryKey: ['admin', 'moderation_log'],
     queryFn: ({ pageParam }) => getModerationLog(pageParam),
-    initialPageParam: { next: null as (() => Promise<PaginatedResponse<AdminModerationLogEntry>>) | null },
-    getNextPageParam: (config) => config.next ? config : undefined,
+    initialPageParam: {
+      next: null as (() => Promise<PaginatedResponse<AdminModerationLogEntry>>) | null,
+    },
+    getNextPageParam: (config) => (config.next ? config : undefined),
   });
 
   const data = flattenPages(queryInfo.data) ?? [];
diff --git a/packages/pl-fe/src/queries/admin/use-relays.ts b/packages/pl-fe/src/queries/admin/use-relays.ts
index aee548ccd..16616bade 100644
--- a/packages/pl-fe/src/queries/admin/use-relays.ts
+++ b/packages/pl-fe/src/queries/admin/use-relays.ts
@@ -16,22 +16,17 @@ const useRelays = () => {
     placeholderData: [],
   });
 
-  const {
-    mutate: followRelay,
-    isPending: isPendingFollow,
-  } = useMutation({
+  const { mutate: followRelay, isPending: isPendingFollow } = useMutation({
     mutationFn: (relayUrl: string) => client.admin.relays.followRelay(relayUrl),
     retry: false,
     onSuccess: (data) =>
-      queryClient.setQueryData(['admin', 'relays'], (prevResult: ReadonlyArray<AdminRelay>) =>
-        [...prevResult, data],
-      ),
+      queryClient.setQueryData(['admin', 'relays'], (prevResult: ReadonlyArray<AdminRelay>) => [
+        ...prevResult,
+        data,
+      ]),
   });
 
-  const {
-    mutate: unfollowRelay,
-    isPending: isPendingUnfollow,
-  } = useMutation({
+  const { mutate: unfollowRelay, isPending: isPendingUnfollow } = useMutation({
     mutationFn: (relayUrl: string) => client.admin.relays.unfollowRelay(relayUrl),
     retry: false,
     onSuccess: (_, relayUrl) =>
diff --git a/packages/pl-fe/src/queries/admin/use-reports.ts b/packages/pl-fe/src/queries/admin/use-reports.ts
index 1646d164d..c24f91471 100644
--- a/packages/pl-fe/src/queries/admin/use-reports.ts
+++ b/packages/pl-fe/src/queries/admin/use-reports.ts
@@ -38,7 +38,8 @@ const usePendingReportsCount = () => {
 
   return useInfiniteQuery({
     ...pendingReportsQuery,
-    select: (data) => (data.pages.at(-1)?.total ?? data.pages.map(page => page.items).flat().length) || 0,
+    select: (data) =>
+      (data.pages.at(-1)?.total ?? data.pages.map((page) => page.items).flat().length) || 0,
     enabled: !!instance.fetched && !!(account?.is_admin ?? account?.is_moderator),
   });
 };
@@ -49,7 +50,8 @@ const useUpdateReport = (reportId: string) => {
 
   return useMutation({
     mutationKey: ['admin', 'reports', reportId],
-    mutationFn: (params: AdminUpdateReportParams) => client.admin.reports.updateReport(reportId, params),
+    mutationFn: (params: AdminUpdateReportParams) =>
+      client.admin.reports.updateReport(reportId, params),
     onSuccess: (report) => {
       queryClient.setQueryData(['admin', 'reports', reportId], minifyAdminReport(report));
     },
@@ -88,19 +90,31 @@ const useResolveReport = (reportId: string) => {
 
   return useMutation({
     mutationKey: ['admin', 'reports', reportId],
-    mutationFn: (actionTakenComment?: string) => client.admin.reports.resolveReport(reportId, actionTakenComment),
+    mutationFn: (actionTakenComment?: string) =>
+      client.admin.reports.resolveReport(reportId, actionTakenComment),
     onSuccess: (report) => {
       queryClient.setQueryData(['admin', 'reports', reportId], minifyAdminReport(report));
-      queryClient.setQueriesData({
-        queryKey: ['admin', 'reportLists', {
-          resolved: undefined,
-        }],
-        exact: false,
-      }, filterById(reportId));
+      queryClient.setQueriesData(
+        {
+          queryKey: [
+            'admin',
+            'reportLists',
+            {
+              resolved: undefined,
+            },
+          ],
+          exact: false,
+        },
+        filterById(reportId),
+      );
       queryClient.invalidateQueries({
-        queryKey: ['admin', 'reportLists', {
-          resolved: true,
-        }],
+        queryKey: [
+          'admin',
+          'reportLists',
+          {
+            resolved: true,
+          },
+        ],
         exact: false,
       });
     },
@@ -116,20 +130,40 @@ const useReopenReport = (reportId: string) => {
     mutationFn: () => client.admin.reports.reopenReport(reportId),
     onSuccess: (report) => {
       queryClient.setQueryData(['admin', 'reports', reportId], minifyAdminReport(report));
-      queryClient.setQueriesData({
-        queryKey: ['admin', 'reportLists', {
-          resolved: true,
-        }],
-        exact: false,
-      }, filterById(reportId));
+      queryClient.setQueriesData(
+        {
+          queryKey: [
+            'admin',
+            'reportLists',
+            {
+              resolved: true,
+            },
+          ],
+          exact: false,
+        },
+        filterById(reportId),
+      );
       queryClient.invalidateQueries({
-        queryKey: ['admin', 'reportLists', {
-          resolved: undefined,
-        }],
+        queryKey: [
+          'admin',
+          'reportLists',
+          {
+            resolved: undefined,
+          },
+        ],
         exact: false,
       });
     },
   });
 };
 
-export { useReports, useReport, usePendingReportsCount, useUpdateReport, useSelfAssignReport, useUnassignReport, useResolveReport, useReopenReport };
+export {
+  useReports,
+  useReport,
+  usePendingReportsCount,
+  useUpdateReport,
+  useSelfAssignReport,
+  useUnassignReport,
+  useResolveReport,
+  useReopenReport,
+};
diff --git a/packages/pl-fe/src/queries/admin/use-rules.ts b/packages/pl-fe/src/queries/admin/use-rules.ts
index a85bca38c..256591b95 100644
--- a/packages/pl-fe/src/queries/admin/use-rules.ts
+++ b/packages/pl-fe/src/queries/admin/use-rules.ts
@@ -29,34 +29,26 @@ const useRules = () => {
     placeholderData: [],
   });
 
-  const {
-    mutate: createRule,
-    isPending: isCreating,
-  } = useMutation({
+  const { mutate: createRule, isPending: isCreating } = useMutation({
     mutationFn: (params: CreateRuleParams) => client.admin.rules.createRule(params),
     retry: false,
     onSuccess: (data) =>
-      queryClient.setQueryData(['admin', 'rules'], (prevResult: ReadonlyArray<AdminRule>) =>
-        [...prevResult, data],
-      ),
+      queryClient.setQueryData(['admin', 'rules'], (prevResult: ReadonlyArray<AdminRule>) => [
+        ...prevResult,
+        data,
+      ]),
   });
 
-  const {
-    mutate: updateRule,
-    isPending: isUpdating,
-  } = useMutation({
+  const { mutate: updateRule, isPending: isUpdating } = useMutation({
     mutationFn: ({ id, ...params }: UpdateRuleParams) => client.admin.rules.updateRule(id, params),
     retry: false,
     onSuccess: (data) =>
       queryClient.setQueryData(['admin', 'rules'], (prevResult: ReadonlyArray<AdminRule>) =>
-        prevResult.map((rule) => rule.id === data.id ? data : rule),
+        prevResult.map((rule) => (rule.id === data.id ? data : rule)),
       ),
   });
 
-  const {
-    mutate: deleteRule,
-    isPending: isDeleting,
-  } = useMutation({
+  const { mutate: deleteRule, isPending: isDeleting } = useMutation({
     mutationFn: (id: string) => client.admin.rules.deleteRule(id),
     retry: false,
     onSuccess: (_, id) =>
diff --git a/packages/pl-fe/src/queries/announcements/use-announcements.ts b/packages/pl-fe/src/queries/announcements/use-announcements.ts
index 109d59e76..cb7ca9209 100644
--- a/packages/pl-fe/src/queries/announcements/use-announcements.ts
+++ b/packages/pl-fe/src/queries/announcements/use-announcements.ts
@@ -5,20 +5,37 @@ import * as v from 'valibot';
 import { useClient } from '@/hooks/use-client';
 import { queryClient } from '@/queries/client';
 
-const updateReaction = (reaction: AnnouncementReaction, count: number, me?: boolean, overwrite?: boolean) => v.parse(announcementReactionSchema, {
-  ...reaction,
-  me: typeof me === 'boolean' ? me : reaction.me,
-  count: overwrite ? count : (reaction.count + count),
-});
+const updateReaction = (
+  reaction: AnnouncementReaction,
+  count: number,
+  me?: boolean,
+  overwrite?: boolean,
+) =>
+  v.parse(announcementReactionSchema, {
+    ...reaction,
+    me: typeof me === 'boolean' ? me : reaction.me,
+    count: overwrite ? count : reaction.count + count,
+  });
 
-const updateReactions = (reactions: AnnouncementReaction[], name: string, count: number, me?: boolean, overwrite?: boolean) => {
-  const idx = reactions.findIndex(reaction => reaction.name === name);
+const updateReactions = (
+  reactions: AnnouncementReaction[],
+  name: string,
+  count: number,
+  me?: boolean,
+  overwrite?: boolean,
+) => {
+  const idx = reactions.findIndex((reaction) => reaction.name === name);
 
   if (idx > -1) {
-    return reactions.map(reaction => reaction.name === name ? updateReaction(reaction, count, me, overwrite) : reaction);
+    return reactions.map((reaction) =>
+      reaction.name === name ? updateReaction(reaction, count, me, overwrite) : reaction,
+    );
   }
 
-  return [...reactions, updateReaction(v.parse(announcementReactionSchema, { name }), count, me, overwrite)];
+  return [
+    ...reactions,
+    updateReaction(v.parse(announcementReactionSchema, { name }), count, me, overwrite),
+  ];
 };
 
 const useAnnouncements = () => {
@@ -30,50 +47,62 @@ const useAnnouncements = () => {
     placeholderData: [],
   });
 
-  const {
-    mutate: addReaction,
-  } = useMutation({
+  const { mutate: addReaction } = useMutation({
     mutationFn: ({ announcementId, name }: { announcementId: string; name: string }) =>
       client.announcements.addAnnouncementReaction(announcementId, name),
     retry: false,
     onMutate: ({ announcementId: id, name }) => {
       queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-        prevResult.map(value => value.id !== id ? value : {
-          ...value,
-          reactions: updateReactions(value.reactions, name, 1, true),
-        }),
+        prevResult.map((value) =>
+          value.id !== id
+            ? value
+            : {
+                ...value,
+                reactions: updateReactions(value.reactions, name, 1, true),
+              },
+        ),
       );
     },
     onError: (_, { announcementId: id, name }) => {
       queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-        prevResult.map(value => value.id !== id ? value : {
-          ...value,
-          reactions: updateReactions(value.reactions, name, -1, false),
-        }),
+        prevResult.map((value) =>
+          value.id !== id
+            ? value
+            : {
+                ...value,
+                reactions: updateReactions(value.reactions, name, -1, false),
+              },
+        ),
       );
     },
   });
 
-  const {
-    mutate: removeReaction,
-  } = useMutation({
+  const { mutate: removeReaction } = useMutation({
     mutationFn: ({ announcementId, name }: { announcementId: string; name: string }) =>
       client.announcements.deleteAnnouncementReaction(announcementId, name),
     retry: false,
     onMutate: ({ announcementId: id, name }) => {
       queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-        prevResult.map(value => value.id !== id ? value : {
-          ...value,
-          reactions: updateReactions(value.reactions, name, -1, false),
-        }),
+        prevResult.map((value) =>
+          value.id !== id
+            ? value
+            : {
+                ...value,
+                reactions: updateReactions(value.reactions, name, -1, false),
+              },
+        ),
       );
     },
     onError: (_, { announcementId: id, name }) => {
       queryClient.setQueryData(['announcements'], (prevResult: Announcement[]) =>
-        prevResult.map(value => value.id !== id ? value : {
-          ...value,
-          reactions: updateReactions(value.reactions, name, 1, true),
-        }),
+        prevResult.map((value) =>
+          value.id !== id
+            ? value
+            : {
+                ...value,
+                reactions: updateReactions(value.reactions, name, 1, true),
+              },
+        ),
       );
     },
   });
@@ -87,6 +116,7 @@ const useAnnouncements = () => {
 };
 
 const compareAnnouncements = (a: Announcement, b: Announcement): number =>
-  new Date(a.starts_at ?? a.published_at).getTime() - new Date(b.starts_at ?? b.published_at).getTime();
+  new Date(a.starts_at ?? a.published_at).getTime() -
+  new Date(b.starts_at ?? b.published_at).getTime();
 
 export { updateReactions, useAnnouncements };
diff --git a/packages/pl-fe/src/queries/chats.ts b/packages/pl-fe/src/queries/chats.ts
index f8359c203..b407f58bf 100644
--- a/packages/pl-fe/src/queries/chats.ts
+++ b/packages/pl-fe/src/queries/chats.ts
@@ -1,6 +1,17 @@
-import { InfiniteData, keepPreviousData, useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query';
+import {
+  InfiniteData,
+  keepPreviousData,
+  useInfiniteQuery,
+  useMutation,
+  useQuery,
+} from '@tanstack/react-query';
 import sumBy from 'lodash/sumBy';
-import { type Chat, type ChatMessage as BaseChatMessage, type PaginatedResponse, chatMessageSchema } from 'pl-api';
+import {
+  type Chat,
+  type ChatMessage as BaseChatMessage,
+  type PaginatedResponse,
+  chatMessageSchema,
+} from 'pl-api';
 import * as v from 'valibot';
 
 import { importEntities } from '@/actions/importer';
@@ -28,8 +39,13 @@ const useChatMessages = (chat: Chat) => {
   const client = useClient();
   const isBlocked = !!useRelationshipQuery(chat?.account.id).data?.blocked_by;
 
-  const getChatMessages = async (chatId: string, pageParam?: Pick<PaginatedResponse<BaseChatMessage>, 'next'>) => {
-    const response = await (pageParam?.next ? pageParam.next() : client.chats.getChatMessages(chatId));
+  const getChatMessages = async (
+    chatId: string,
+    pageParam?: Pick<PaginatedResponse<BaseChatMessage>, 'next'>,
+  ) => {
+    const response = await (pageParam?.next
+      ? pageParam.next()
+      : client.chats.getChatMessages(chatId));
 
     return {
       ...response,
@@ -44,7 +60,7 @@ const useChatMessages = (chat: Chat) => {
     gcTime: 0,
     staleTime: 0,
     initialPageParam: { next: null as (() => Promise<PaginatedResponse<BaseChatMessage>>) | null },
-    getNextPageParam: (config) => config.next ? config : undefined,
+    getNextPageParam: (config) => (config.next ? config : undefined),
   });
 
   const data = flattenPages<ChatMessage>(queryInfo.data as any)?.toReversed();
@@ -62,7 +78,9 @@ const useChats = () => {
   const { setUnreadChatsCount } = useStatContext();
   const { me } = useLoggedIn();
 
-  const getChats = async (pageParam?: Pick<PaginatedResponse<Chat>, 'next'>): Promise<PaginatedResponse<Chat>> => {
+  const getChats = async (
+    pageParam?: Pick<PaginatedResponse<Chat>, 'next'>,
+  ): Promise<PaginatedResponse<Chat>> => {
     const response = await (pageParam?.next ?? client.chats.getChats)();
     const { items } = response;
 
@@ -82,7 +100,7 @@ const useChats = () => {
     placeholderData: keepPreviousData,
     enabled: features.chats && !!me,
     initialPageParam: { next: null as (() => Promise<PaginatedResponse<Chat>>) | null },
-    getNextPageParam: (config) => config.next ? config : undefined,
+    getNextPageParam: (config) => (config.next ? config : undefined),
   });
 
   const data = flattenPages(queryInfo.data);
@@ -92,8 +110,7 @@ const useChats = () => {
     data,
   };
 
-  const getOrCreateChatByAccountId = (accountId: string) =>
-    client.chats.createChat(accountId);
+  const getOrCreateChatByAccountId = (accountId: string) => client.chats.createChat(accountId);
 
   return { chatsQuery, getOrCreateChatByAccountId };
 };
@@ -129,7 +146,10 @@ const useMarkChatAsRead = (chatId: string) => {
     mutationFn: (lastReadId: string) => client.chats.markChatAsRead(chatId, lastReadId),
     onSuccess: (data) => {
       updatePageItem(['chats', 'search'], data, (o, n) => o.id === n.id);
-      const queryData = queryClient.getQueryData<InfiniteData<PaginatedResponse<unknown>>>(['chats', 'search']);
+      const queryData = queryClient.getQueryData<InfiniteData<PaginatedResponse<unknown>>>([
+        'chats',
+        'search',
+      ]);
 
       if (queryData) {
         const flattenedQueryData: any = flattenPages(queryData)?.map((chat: any) => {
@@ -151,8 +171,15 @@ const useCreateChatMessage = (chatId: string) => {
   const { chat } = useChatContext();
 
   return useMutation({
-    mutationFn: ({ chatId, content, mediaId }: { chatId: string; content: string; mediaId?: string }) =>
-      client.chats.createChatMessage(chatId, { content, media_id: mediaId }),
+    mutationFn: ({
+      chatId,
+      content,
+      mediaId,
+    }: {
+      chatId: string;
+      content: string;
+      mediaId?: string;
+    }) => client.chats.createChatMessage(chatId, { content, media_id: mediaId }),
     retry: false,
     onMutate: async (variables) => {
       // Cancel any outgoing refetches (so they don't overwrite our optimistic update)
@@ -242,4 +269,13 @@ const useDeleteChatMessage = (chatId: string) => {
   });
 };
 
-export { ChatKeys, useChat, useMarkChatAsRead, useCreateChatMessage, useDeleteChat, useDeleteChatMessage, useChats, useChatMessages };
+export {
+  ChatKeys,
+  useChat,
+  useMarkChatAsRead,
+  useCreateChatMessage,
+  useDeleteChat,
+  useDeleteChatMessage,
+  useChats,
+  useChatMessages,
+};
diff --git a/packages/pl-fe/src/queries/drive/use-drive-file.ts b/packages/pl-fe/src/queries/drive/use-drive-file.ts
index 1fc219645..d1e33ed1a 100644
--- a/packages/pl-fe/src/queries/drive/use-drive-file.ts
+++ b/packages/pl-fe/src/queries/drive/use-drive-file.ts
@@ -71,4 +71,10 @@ const useMoveDriveFileMutation = (fileId: string) => {
   });
 };
 
-export { useDriveFileQuery, useCreateDriveFileMutation, useUpdateDriveFileMutation, useDeleteDriveFileMutation, useMoveDriveFileMutation };
+export {
+  useDriveFileQuery,
+  useCreateDriveFileMutation,
+  useUpdateDriveFileMutation,
+  useDeleteDriveFileMutation,
+  useMoveDriveFileMutation,
+};
diff --git a/packages/pl-fe/src/queries/drive/use-drive-folder.ts b/packages/pl-fe/src/queries/drive/use-drive-folder.ts
index 84da4f97d..fa315d164 100644
--- a/packages/pl-fe/src/queries/drive/use-drive-folder.ts
+++ b/packages/pl-fe/src/queries/drive/use-drive-folder.ts
@@ -1,4 +1,3 @@
-
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
 import { useClient } from '@/hooks/use-client';
@@ -12,7 +11,7 @@ const useDriveFolderQuery = (folderId?: string) => {
 
   return useQuery({
     queryKey: ['drive', 'folders', folderId],
-    queryFn: () => folderId ? client.drive.getFolder(folderId) : client.drive.getDrive(),
+    queryFn: () => (folderId ? client.drive.getFolder(folderId) : client.drive.getDrive()),
     enabled: features.drive,
   });
 };
@@ -23,10 +22,14 @@ const useCreateDriveFolderMutation = () => {
 
   return useMutation({
     mutationKey: ['drive', 'folders'],
-    mutationFn: ({ name, parentId }: { name: string; parentId?: string }) => client.drive.createFolder(name, parentId),
+    mutationFn: ({ name, parentId }: { name: string; parentId?: string }) =>
+      client.drive.createFolder(name, parentId),
     onSuccess: (folder) => {
       queryClient.setQueryData(['drive', 'folders', folder.id], folder);
-      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', folder.parent_id ?? undefined], exact: true });
+      queryClient.invalidateQueries({
+        queryKey: ['drive', 'folders', folder.parent_id ?? undefined],
+        exact: true,
+      });
     },
   });
 };
@@ -50,7 +53,10 @@ const useUpdateDriveFolderMutation = (folderId: string) => {
     },
     onSuccess: (folder) => {
       queryClient.setQueryData(['drive', 'folders', folder.id], folder);
-      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', previousParentId], exact: true });
+      queryClient.invalidateQueries({
+        queryKey: ['drive', 'folders', previousParentId],
+        exact: true,
+      });
     },
   });
 };
@@ -74,7 +80,10 @@ const useDeleteDriveFolderMutation = (folderId: string) => {
     },
     onSuccess: () => {
       queryClient.invalidateQueries({ queryKey: ['drive', 'folders', folderId], exact: true });
-      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', previousParentId], exact: true });
+      queryClient.invalidateQueries({
+        queryKey: ['drive', 'folders', previousParentId],
+        exact: true,
+      });
     },
   });
 };
@@ -98,10 +107,23 @@ const useMoveDriveFolderMutation = (folderId: string) => {
     },
     onSuccess: (_, targetFolderId) => {
       queryClient.invalidateQueries({ queryKey: ['drive', 'folders', folderId], exact: true });
-      queryClient.invalidateQueries({ queryKey: ['drive', 'folders', targetFolderId], exact: true });
-      if (previousParentId) queryClient.invalidateQueries({ queryKey: ['drive', 'folders', previousParentId || undefined], exact: true });
+      queryClient.invalidateQueries({
+        queryKey: ['drive', 'folders', targetFolderId],
+        exact: true,
+      });
+      if (previousParentId)
+        queryClient.invalidateQueries({
+          queryKey: ['drive', 'folders', previousParentId || undefined],
+          exact: true,
+        });
     },
   });
 };
 
-export { useDriveFolderQuery, useCreateDriveFolderMutation, useUpdateDriveFolderMutation, useDeleteDriveFolderMutation, useMoveDriveFolderMutation };
+export {
+  useDriveFolderQuery,
+  useCreateDriveFolderMutation,
+  useUpdateDriveFolderMutation,
+  useDeleteDriveFolderMutation,
+  useMoveDriveFolderMutation,
+};
diff --git a/packages/pl-fe/src/queries/embed.ts b/packages/pl-fe/src/queries/embed.ts
index 6d069a3b7..37585ebe9 100644
--- a/packages/pl-fe/src/queries/embed.ts
+++ b/packages/pl-fe/src/queries/embed.ts
@@ -13,7 +13,7 @@ type Embed = {
   html: string;
   width: number | null;
   height: number | null;
-}
+};
 
 /** Fetch OEmbed information for a status by its URL. */
 // https://github.com/mastodon/mastodon/blob/main/app/controllers/api/oembed_controller.rb
diff --git a/packages/pl-fe/src/queries/events/use-event-participation-requests.ts b/packages/pl-fe/src/queries/events/use-event-participation-requests.ts
index a26f824f7..4a4a76639 100644
--- a/packages/pl-fe/src/queries/events/use-event-participation-requests.ts
+++ b/packages/pl-fe/src/queries/events/use-event-participation-requests.ts
@@ -1,4 +1,3 @@
-
 import { type InfiniteData, useMutation } from '@tanstack/react-query';
 
 import { importEntities } from '@/actions/importer';
@@ -10,24 +9,41 @@ import { store } from '@/store';
 
 import type { PlApiClient } from 'pl-api';
 
-const minifyRequestList = (response: Awaited<ReturnType<(InstanceType<typeof PlApiClient>)['events']['getEventParticipationRequests']>>) =>
+const minifyRequestList = (
+  response: Awaited<
+    ReturnType<InstanceType<typeof PlApiClient>['events']['getEventParticipationRequests']>
+  >,
+) =>
   minifyList(
     response,
     ({ account, participation_message }) => ({ account_id: account.id, participation_message }),
-    (requests) => store.dispatch(importEntities({ accounts: requests.map(request => request.account) }) as any),
+    (requests) =>
+      store.dispatch(
+        importEntities({ accounts: requests.map((request) => request.account) }) as any,
+      ),
   );
 
-type MinifiedRequestList = ReturnType<typeof minifyRequestList>
+type MinifiedRequestList = ReturnType<typeof minifyRequestList>;
 
 const removeRequest = (statusId: string, accountId: string) =>
-  queryClient.setQueryData<InfiniteData<MinifiedRequestList>>(['accountsLists', 'eventParticipationRequests', statusId], (data) => data ? {
-    ...data,
-    pages: data.pages.map(({ items, ...page }) => ({ ...page, items: items.filter(({ account_id }) => account_id !== accountId) })),
-  } : undefined);
+  queryClient.setQueryData<InfiniteData<MinifiedRequestList>>(
+    ['accountsLists', 'eventParticipationRequests', statusId],
+    (data) =>
+      data
+        ? {
+            ...data,
+            pages: data.pages.map(({ items, ...page }) => ({
+              ...page,
+              items: items.filter(({ account_id }) => account_id !== accountId),
+            })),
+          }
+        : undefined,
+  );
 
 const useEventParticipationRequests = makePaginatedResponseQuery(
   (statusId: string) => ['accountsLists', 'eventParticipationRequests', statusId],
-  (client, params) => client.events.getEventParticipationRequests(...params).then(minifyRequestList),
+  (client, params) =>
+    client.events.getEventParticipationRequests(...params).then(minifyRequestList),
 );
 
 const useAcceptEventParticipationRequestMutation = (statusId: string, accountId: string) => {
diff --git a/packages/pl-fe/src/queries/groups/use-group-blocks.ts b/packages/pl-fe/src/queries/groups/use-group-blocks.ts
index 2031f6178..b5f73fd6c 100644
--- a/packages/pl-fe/src/queries/groups/use-group-blocks.ts
+++ b/packages/pl-fe/src/queries/groups/use-group-blocks.ts
@@ -10,17 +10,25 @@ import { filterById } from '../utils/filter-id';
 import { removeGroupMember } from './use-group-members';
 
 const appendGroupBlock = (groupId: string, accountId: string) =>
-  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(['accountsLists', 'groupBlocks', groupId], (data) => {
-    if (!data || data.pages.some(page => page.items.includes(accountId))) return data;
+  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(
+    ['accountsLists', 'groupBlocks', groupId],
+    (data) => {
+      if (!data || data.pages.some((page) => page.items.includes(accountId))) return data;
 
-    return {
-      ...data,
-      pages: data.pages.map((page, index) => index === 0 ? ({ ...page, items: [accountId, ...page.items] }) : page),
-    };
-  });
+      return {
+        ...data,
+        pages: data.pages.map((page, index) =>
+          index === 0 ? { ...page, items: [accountId, ...page.items] } : page,
+        ),
+      };
+    },
+  );
 
 const removeGroupBlock = (groupId: string, accountId: string) =>
-  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(['accountsLists', 'groupBlocks', groupId], filterById(accountId));
+  queryClient.setQueryData<InfiniteData<ReturnType<typeof minifyAccountList>>>(
+    ['accountsLists', 'groupBlocks', groupId],
+    filterById(accountId),
+  );
 
 const useGroupBlocks = makePaginatedResponseQuery(
   (groupId: string) => ['accountsLists', 'groupBlocks', groupId],
@@ -50,8 +58,4 @@ const useUnblockGroupUserMutation = (groupId: string, accountId: string) => {
   });
 };
 
-export {
-  useGroupBlocks,
-  useBlockGroupUserMutation,
-  useUnblockGroupUserMutation,
-};
+export { useGroupBlocks, useBlockGroupUserMutation, useUnblockGroupUserMutation };
diff --git a/packages/pl-fe/src/queries/groups/use-group-members.ts b/packages/pl-fe/src/queries/groups/use-group-members.ts
index fca174824..a3522dbf9 100644
--- a/packages/pl-fe/src/queries/groups/use-group-members.ts
+++ b/packages/pl-fe/src/queries/groups/use-group-members.ts
@@ -12,22 +12,35 @@ import { minifyList } from '../utils/minify-list';
 const removeGroupMember = (groupId: string, accountId: string) =>
   queryClient.setQueriesData<InfiniteData<PaginatedResponse<MinifiedGroupMember>>>(
     { queryKey: ['accountsLists', 'groupMembers', groupId] },
-    (data) => data
-      ? ({
-        ...data,
-        pages: data.pages.map((page) => ({ ...page, items: page.items.filter((member) => member.account_id !== accountId) })),
-      })
-      : undefined,
+    (data) =>
+      data
+        ? {
+            ...data,
+            pages: data.pages.map((page) => ({
+              ...page,
+              items: page.items.filter((member) => member.account_id !== accountId),
+            })),
+          }
+        : undefined,
   );
 
-const minifyGroupMembersList = (response: PaginatedResponse<GroupMember>): PaginatedResponse<Omit<GroupMember, 'account'> & { account_id: string }> =>
-  minifyList(response, ({ account, ...groupMember }) => ({ ...groupMember, account_id: account.id }), (groupMembers) => {
-    store.dispatch(importEntities({ accounts: groupMembers.map(({ account }) => account) }) as any);
-  });
+const minifyGroupMembersList = (
+  response: PaginatedResponse<GroupMember>,
+): PaginatedResponse<Omit<GroupMember, 'account'> & { account_id: string }> =>
+  minifyList(
+    response,
+    ({ account, ...groupMember }) => ({ ...groupMember, account_id: account.id }),
+    (groupMembers) => {
+      store.dispatch(
+        importEntities({ accounts: groupMembers.map(({ account }) => account) }) as any,
+      );
+    },
+  );
 
 const useGroupMembers = makePaginatedResponseQuery(
   (groupId: string, role?: GroupRole) => ['accountsLists', 'groupMembers', groupId, role],
-  (client, [groupId, role]) => client.experimental.groups.getGroupMemberships(groupId, role).then(minifyGroupMembersList),
+  (client, [groupId, role]) =>
+    client.experimental.groups.getGroupMemberships(groupId, role).then(minifyGroupMembersList),
 );
 
 const useKickGroupMemberMutation = (groupId: string, accountId: string) => {
diff --git a/packages/pl-fe/src/queries/hashtags/use-followed-tags.ts b/packages/pl-fe/src/queries/hashtags/use-followed-tags.ts
index 3d34a3acc..f72387178 100644
--- a/packages/pl-fe/src/queries/hashtags/use-followed-tags.ts
+++ b/packages/pl-fe/src/queries/hashtags/use-followed-tags.ts
@@ -5,9 +5,8 @@ import { useClient } from '@/hooks/use-client';
 import { queryClient } from '../client';
 import { makePaginatedResponseQuery } from '../utils/make-paginated-response-query';
 
-const useFollowedTags = makePaginatedResponseQuery(
-  ['followedTags'],
-  (client) => client.myAccount.getFollowedTags(),
+const useFollowedTags = makePaginatedResponseQuery(['followedTags'], (client) =>
+  client.myAccount.getFollowedTags(),
 );
 
 const useFollowHashtagMutation = (tag: string) => {
diff --git a/packages/pl-fe/src/queries/instance/use-custom-emojis.ts b/packages/pl-fe/src/queries/instance/use-custom-emojis.ts
index 708e31df1..5eb993c9c 100644
--- a/packages/pl-fe/src/queries/instance/use-custom-emojis.ts
+++ b/packages/pl-fe/src/queries/instance/use-custom-emojis.ts
@@ -8,13 +8,15 @@ import { queryClient } from '../client';
 
 import type { CustomEmoji, PlApiClient } from 'pl-api';
 
-const customEmojisQueryOptions = (client: PlApiClient) => queryOptions({
-  queryKey: ['instance', 'customEmojis'],
-  queryFn: () => client.instance.getCustomEmojis().then((emojis) => {
-    addCustomToPool(buildCustomEmojis(emojis));
-    return emojis;
-  }),
-});
+const customEmojisQueryOptions = (client: PlApiClient) =>
+  queryOptions({
+    queryKey: ['instance', 'customEmojis'],
+    queryFn: () =>
+      client.instance.getCustomEmojis().then((emojis) => {
+        addCustomToPool(buildCustomEmojis(emojis));
+        return emojis;
+      }),
+  });
 
 const useCustomEmojis = <T>(select?: (data: Array<CustomEmoji>) => T) => {
   const client = useClient();
@@ -25,6 +27,7 @@ const useCustomEmojis = <T>(select?: (data: Array<CustomEmoji>) => T) => {
   });
 };
 
-const prefetchCustomEmojis = (client: PlApiClient) => queryClient.prefetchQuery(customEmojisQueryOptions(client));
+const prefetchCustomEmojis = (client: PlApiClient) =>
+  queryClient.prefetchQuery(customEmojisQueryOptions(client));
 
 export { useCustomEmojis, prefetchCustomEmojis };
diff --git a/packages/pl-fe/src/queries/instance/use-translation-languages.ts b/packages/pl-fe/src/queries/instance/use-translation-languages.ts
index 6de4506a2..54edeb6eb 100644
--- a/packages/pl-fe/src/queries/instance/use-translation-languages.ts
+++ b/packages/pl-fe/src/queries/instance/use-translation-languages.ts
@@ -15,10 +15,12 @@ const useTranslationLanguages = () => {
     const metadata = instance.pleroma.metadata;
 
     if (metadata.translation.source_languages?.length) {
-      return Object.fromEntries(metadata.translation.source_languages.map(source => [
-        source,
-        metadata.translation.target_languages!.filter(lang => lang !== source),
-      ]));
+      return Object.fromEntries(
+        metadata.translation.source_languages.map((source) => [
+          source,
+          metadata.translation.target_languages!.filter((lang) => lang !== source),
+        ]),
+      );
     }
 
     return client.instance.getInstanceTranslationLanguages();
diff --git a/packages/pl-fe/src/queries/search/use-search-accounts.ts b/packages/pl-fe/src/queries/search/use-search-accounts.ts
index d8549a711..73c938caf 100644
--- a/packages/pl-fe/src/queries/search/use-search-accounts.ts
+++ b/packages/pl-fe/src/queries/search/use-search-accounts.ts
@@ -6,22 +6,26 @@ import { useClient } from '@/hooks/use-client';
 
 import type { SearchAccountParams } from 'pl-api';
 
-const useAccountSearch = (
-  query: string,
-  params?: Omit<SearchAccountParams, 'offset'>,
-) => {
+const useAccountSearch = (query: string, params?: Omit<SearchAccountParams, 'offset'>) => {
   const client = useClient();
   const dispatch = useAppDispatch();
 
   return useInfiniteQuery({
     queryKey: ['search', 'accountSearch', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.accounts.searchAccounts(query, {
-      ...params,
-      offset,
-    }, { signal }).then((accounts) => {
-      dispatch(importEntities({ accounts }));
-      return accounts.map(({ id }) => id);
-    }),
+    queryFn: ({ pageParam: offset, signal }) =>
+      client.accounts
+        .searchAccounts(
+          query,
+          {
+            ...params,
+            offset,
+          },
+          { signal },
+        )
+        .then((accounts) => {
+          dispatch(importEntities({ accounts }));
+          return accounts.map(({ id }) => id);
+        }),
     enabled: !!query?.trim(),
     initialPageParam: 0,
     getNextPageParam: (_, allPages) => allPages.flat().length,
diff --git a/packages/pl-fe/src/queries/search/use-search.ts b/packages/pl-fe/src/queries/search/use-search.ts
index 89e633629..ee28249cb 100644
--- a/packages/pl-fe/src/queries/search/use-search.ts
+++ b/packages/pl-fe/src/queries/search/use-search.ts
@@ -15,19 +15,27 @@ const useSearchAccounts = (
 
   return useInfiniteQuery({
     queryKey: ['search', 'accounts', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.search.search(query, {
-      with_relationships: true,
-      resolve: true,
-      ...params,
-      offset,
-      type: 'accounts',
-    }, { signal }).then(({ accounts }) => {
-      dispatch(importEntities({ accounts }));
-      return accounts.map(({ id }) => id);
-    }),
+    queryFn: ({ pageParam: offset, signal }) =>
+      client.search
+        .search(
+          query,
+          {
+            with_relationships: true,
+            resolve: true,
+            ...params,
+            offset,
+            type: 'accounts',
+          },
+          { signal },
+        )
+        .then(({ accounts }) => {
+          dispatch(importEntities({ accounts }));
+          return accounts.map(({ id }) => id);
+        }),
     enabled: !!query?.trim(),
     initialPageParam: 0,
-    getNextPageParam: (_, allPages) => allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
+    getNextPageParam: (_, allPages) =>
+      allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
     select: (data) => data.pages.flat(),
     staleTime: 5 * 60 * 1000, // 5 minutes
   });
@@ -42,19 +50,27 @@ const useSearchStatuses = (
 
   return useInfiniteQuery({
     queryKey: ['search', 'statuses', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.search.search(query, {
-      with_relationships: true,
-      resolve: true,
-      ...params,
-      offset,
-      type: 'statuses',
-    }, { signal }).then(({ statuses }) => {
-      dispatch(importEntities({ statuses }));
-      return statuses.map(({ id }) => id);
-    }),
+    queryFn: ({ pageParam: offset, signal }) =>
+      client.search
+        .search(
+          query,
+          {
+            with_relationships: true,
+            resolve: true,
+            ...params,
+            offset,
+            type: 'statuses',
+          },
+          { signal },
+        )
+        .then(({ statuses }) => {
+          dispatch(importEntities({ statuses }));
+          return statuses.map(({ id }) => id);
+        }),
     enabled: !!query?.trim(),
     initialPageParam: 0,
-    getNextPageParam: (_, allPages) => allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
+    getNextPageParam: (_, allPages) =>
+      allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
     select: (data) => data.pages.flat(),
     staleTime: 5 * 60 * 1000, // 5 minutes
   });
@@ -68,14 +84,22 @@ const useSearchHashtags = (
 
   return useInfiniteQuery({
     queryKey: ['search', 'hashtags', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.search.search(query, {
-      ...params,
-      offset,
-      type: 'hashtags',
-    }, { signal }).then(({ hashtags }) => hashtags),
+    queryFn: ({ pageParam: offset, signal }) =>
+      client.search
+        .search(
+          query,
+          {
+            ...params,
+            offset,
+            type: 'hashtags',
+          },
+          { signal },
+        )
+        .then(({ hashtags }) => hashtags),
     enabled: !!query?.trim(),
     initialPageParam: 0,
-    getNextPageParam: (_, allPages) => allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
+    getNextPageParam: (_, allPages) =>
+      allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
     select: (data) => data.pages.flat(),
     staleTime: 5 * 60 * 1000, // 5 minutes
   });
@@ -90,18 +114,26 @@ const useSearchGroups = (
 
   return useInfiniteQuery({
     queryKey: ['search', 'groups', query, params],
-    queryFn: ({ pageParam: offset, signal }) => client.search.search(query, {
-      resolve: true,
-      ...params,
-      offset,
-      type: 'groups',
-    }, { signal }).then(({ groups }) => {
-      dispatch(importEntities({ groups }));
-      return groups.map(({ id }) => id);
-    }),
+    queryFn: ({ pageParam: offset, signal }) =>
+      client.search
+        .search(
+          query,
+          {
+            resolve: true,
+            ...params,
+            offset,
+            type: 'groups',
+          },
+          { signal },
+        )
+        .then(({ groups }) => {
+          dispatch(importEntities({ groups }));
+          return groups.map(({ id }) => id);
+        }),
     enabled: !!query?.trim(),
     initialPageParam: 0,
-    getNextPageParam: (_, allPages) => allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
+    getNextPageParam: (_, allPages) =>
+      allPages.at(-1)?.length === 0 ? undefined : allPages.flat().length,
     select: (data) => data.pages.flat(),
     staleTime: 5 * 60 * 1000, // 5 minutes
   });
diff --git a/packages/pl-fe/src/queries/security/oauth-tokens.ts b/packages/pl-fe/src/queries/security/oauth-tokens.ts
index 57bb73b02..3c05994ee 100644
--- a/packages/pl-fe/src/queries/security/oauth-tokens.ts
+++ b/packages/pl-fe/src/queries/security/oauth-tokens.ts
@@ -11,14 +11,19 @@ const oauthTokensQueryOptions = makePaginatedResponseQueryOptions(
   (client) => client.settings.getOauthTokens(),
 )();
 
-const revokeOauthTokenMutationOptions = (oauthTokenId: string) => mutationOptions({
-  mutationKey: ['security', 'oauthTokens', oauthTokenId],
-  mutationFn: () => getClient().settings.deleteOauthToken(oauthTokenId),
-  onSettled: () => {
-    queryClient.setQueryData(oauthTokensQueryOptions.queryKey, (data) => create(data, (draft) => {
-      draft?.pages.forEach(page => page.items = page.items.filter(({ id }) => id !== oauthTokenId));
-    }));
-  },
-});
+const revokeOauthTokenMutationOptions = (oauthTokenId: string) =>
+  mutationOptions({
+    mutationKey: ['security', 'oauthTokens', oauthTokenId],
+    mutationFn: () => getClient().settings.deleteOauthToken(oauthTokenId),
+    onSettled: () => {
+      queryClient.setQueryData(oauthTokensQueryOptions.queryKey, (data) =>
+        create(data, (draft) => {
+          draft?.pages.forEach(
+            (page) => (page.items = page.items.filter(({ id }) => id !== oauthTokenId)),
+          );
+        }),
+      );
+    },
+  });
 
 export { oauthTokensQueryOptions, revokeOauthTokenMutationOptions };
diff --git a/packages/pl-fe/src/queries/security/use-mfa.ts b/packages/pl-fe/src/queries/security/use-mfa.ts
index 3d925ebd0..11a460ba2 100644
--- a/packages/pl-fe/src/queries/security/use-mfa.ts
+++ b/packages/pl-fe/src/queries/security/use-mfa.ts
@@ -17,7 +17,8 @@ const useConfirmMfa = () => {
 
   return useMutation({
     mutationKey: ['settings', 'mfa'],
-    mutationFn: ({ code, password }: { code: string; password: string }) => client.settings.mfa.confirmMfaSetup('totp', code, password),
+    mutationFn: ({ code, password }: { code: string; password: string }) =>
+      client.settings.mfa.confirmMfaSetup('totp', code, password),
     onSuccess: () => {
       queryClient.setQueryData(['settings', 'mfa'], {
         settings: {
diff --git a/packages/pl-fe/src/queries/settings/domain-blocks.ts b/packages/pl-fe/src/queries/settings/domain-blocks.ts
index 54b2e63a5..6e6cb3480 100644
--- a/packages/pl-fe/src/queries/settings/domain-blocks.ts
+++ b/packages/pl-fe/src/queries/settings/domain-blocks.ts
@@ -11,7 +11,7 @@ import type { RootState, Store } from '@/store';
 import type { Account } from 'pl-api';
 
 let store: Store;
-import('@/store').then((value) => store = value.store).catch(() => {});
+import('@/store').then((value) => (store = value.store)).catch(() => {});
 
 const domainBlocksQueryOptions = makePaginatedResponseQueryOptions(
   ['settings', 'domainBlocks'],
@@ -27,9 +27,11 @@ const blockDomainMutationOptions = mutationOptions({
     const accounts = selectAccountsByDomain(store.getState(), domain);
     if (!accounts) return;
 
-    queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], suggestions => suggestions
-      ? suggestions.filter((suggestion) => !accounts.includes(suggestion.account_id))
-      : undefined);
+    queryClient.setQueryData<Array<MinifiedSuggestion>>(['suggestions'], (suggestions) =>
+      suggestions
+        ? suggestions.filter((suggestion) => !accounts.includes(suggestion.account_id))
+        : undefined,
+    );
   },
 });
 
@@ -50,8 +52,4 @@ const selectAccountsByDomain = (state: RootState, domain: string): string[] => {
   return accounts ?? [];
 };
 
-export {
-  domainBlocksQueryOptions,
-  blockDomainMutationOptions,
-  unblockDomainMutationOptions,
-};
+export { domainBlocksQueryOptions, blockDomainMutationOptions, unblockDomainMutationOptions };
diff --git a/packages/pl-fe/src/queries/settings/use-account-aliases.ts b/packages/pl-fe/src/queries/settings/use-account-aliases.ts
index 200c6cba8..82ccd9033 100644
--- a/packages/pl-fe/src/queries/settings/use-account-aliases.ts
+++ b/packages/pl-fe/src/queries/settings/use-account-aliases.ts
@@ -7,8 +7,14 @@ import { useOwnAccount } from '@/hooks/use-own-account';
 import toast from '@/toast';
 
 const messages = defineMessages({
-  createSuccess: { id: 'aliases.success.add', defaultMessage: 'Account alias created successfully' },
-  removeSuccess: { id: 'aliases.success.remove', defaultMessage: 'Account alias removed successfully' },
+  createSuccess: {
+    id: 'aliases.success.add',
+    defaultMessage: 'Account alias created successfully',
+  },
+  removeSuccess: {
+    id: 'aliases.success.remove',
+    defaultMessage: 'Account alias removed successfully',
+  },
 });
 
 const useAccountAliases = () => {
@@ -32,12 +38,13 @@ const useAddAccountAlias = () => {
   return useMutation({
     mutationKey: ['settings', 'accountAliases'],
     mutationFn: (acct: string) => client.settings.addAccountAlias(acct),
-    onSuccess: () =>{
+    onSuccess: () => {
       toast.success(messages.createSuccess);
     },
-    onSettled: () => queryClient.invalidateQueries({
-      queryKey: ['settings', 'accountAliases'],
-    }),
+    onSettled: () =>
+      queryClient.invalidateQueries({
+        queryKey: ['settings', 'accountAliases'],
+      }),
   });
 };
 
@@ -48,12 +55,13 @@ const useDeleteAccountAlias = () => {
   return useMutation({
     mutationKey: ['settings', 'accountAliases'],
     mutationFn: (acct: string) => client.settings.deleteAccountAlias(acct),
-    onSuccess: () =>{
+    onSuccess: () => {
       toast.success(messages.removeSuccess);
     },
-    onSettled: () => queryClient.invalidateQueries({
-      queryKey: ['settings', 'accountAliases'],
-    }),
+    onSettled: () =>
+      queryClient.invalidateQueries({
+        queryKey: ['settings', 'accountAliases'],
+      }),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/settings/use-backups.ts b/packages/pl-fe/src/queries/settings/use-backups.ts
index 6cf08b50b..f20fba157 100644
--- a/packages/pl-fe/src/queries/settings/use-backups.ts
+++ b/packages/pl-fe/src/queries/settings/use-backups.ts
@@ -20,9 +20,10 @@ const useCreateBackupMutation = () => {
   return useMutation({
     mutationKey: ['settings', 'backups'],
     mutationFn: () => client.settings.createBackup(),
-    onSuccess: () => queryClient.invalidateQueries({
-      queryKey: ['settings', 'backups'],
-    }),
+    onSuccess: () =>
+      queryClient.invalidateQueries({
+        queryKey: ['settings', 'backups'],
+      }),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/settings/use-interaction-policies.ts b/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
index 86fb25297..85e54c7f6 100644
--- a/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
+++ b/packages/pl-fe/src/queries/settings/use-interaction-policies.ts
@@ -21,12 +21,8 @@ const useInteractionPolicies = () => {
     enabled: isLoggedIn && features.interactionRequests,
   });
 
-  const {
-    mutate: updateInteractionPolicies,
-    isPending: isUpdating,
-  } = useMutation({
-    mutationFn: (policy: InteractionPolicies) =>
-      client.settings.updateInteractionPolicies(policy),
+  const { mutate: updateInteractionPolicies, isPending: isUpdating } = useMutation({
+    mutationFn: (policy: InteractionPolicies) => client.settings.updateInteractionPolicies(policy),
     retry: false,
     onSuccess: (policy) => {
       queryClient.setQueryData(['interactionPolicies'], policy);
diff --git a/packages/pl-fe/src/queries/status-lists/use-favourites.ts b/packages/pl-fe/src/queries/status-lists/use-favourites.ts
index 5a2fcd443..c183872de 100644
--- a/packages/pl-fe/src/queries/status-lists/use-favourites.ts
+++ b/packages/pl-fe/src/queries/status-lists/use-favourites.ts
@@ -3,7 +3,11 @@ import { minifyStatusList } from '@/queries/utils/minify-list';
 
 const useFavourites = makePaginatedResponseQuery(
   (accountId?: string) => ['statusLists', 'favourites', accountId],
-  (client, [accountId]) => (accountId ? client.accounts.getAccountFavourites(accountId) : client.myAccount.getFavourites()).then(minifyStatusList),
+  (client, [accountId]) =>
+    (accountId
+      ? client.accounts.getAccountFavourites(accountId)
+      : client.myAccount.getFavourites()
+    ).then(minifyStatusList),
 );
 
 export { useFavourites };
diff --git a/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts b/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
index e83a26d7c..22a8444c7 100644
--- a/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
+++ b/packages/pl-fe/src/queries/status-lists/use-pinned-statuses.ts
@@ -3,7 +3,8 @@ import { minifyStatusList } from '@/queries/utils/minify-list';
 
 const usePinnedStatuses = makePaginatedResponseQuery(
   (accountId: string) => ['statusLists', 'pins', accountId],
-  (client, [accountId]) => client.accounts.getAccountStatuses(accountId, { pinned: true }).then(minifyStatusList),
+  (client, [accountId]) =>
+    client.accounts.getAccountStatuses(accountId, { pinned: true }).then(minifyStatusList),
   undefined,
   (accountId: string) => !!accountId,
 );
diff --git a/packages/pl-fe/src/queries/statuses/scheduled-statuses.ts b/packages/pl-fe/src/queries/statuses/scheduled-statuses.ts
index d3f262d4a..903113278 100644
--- a/packages/pl-fe/src/queries/statuses/scheduled-statuses.ts
+++ b/packages/pl-fe/src/queries/statuses/scheduled-statuses.ts
@@ -14,17 +14,26 @@ const scheduledStatusesQueryOptions = makePaginatedResponseQueryOptions(
 
 const scheduledStatusesCountQueryOptions = infiniteQueryOptions({
   ...scheduledStatusesQueryOptions,
-  select: (data) => data.pages.map(page => page.items).flat().length,
+  select: (data) => data.pages.map((page) => page.items).flat().length,
 });
 
-const cancelScheduledStatusMutationOptions = (scheduledStatusId: string) => mutationOptions({
-  mutationKey: ['scheduledStatuses', scheduledStatusId],
-  mutationFn: () => getClient().scheduledStatuses.cancelScheduledStatus(scheduledStatusId),
-  onSettled: () => {
-    queryClient.setQueryData(scheduledStatusesQueryOptions.queryKey, (data) => create(data, (draft) => {
-      draft?.pages.forEach(page => page.items = page.items.filter(({ id }) => id !== scheduledStatusId));
-    }));
-  },
-});
+const cancelScheduledStatusMutationOptions = (scheduledStatusId: string) =>
+  mutationOptions({
+    mutationKey: ['scheduledStatuses', scheduledStatusId],
+    mutationFn: () => getClient().scheduledStatuses.cancelScheduledStatus(scheduledStatusId),
+    onSettled: () => {
+      queryClient.setQueryData(scheduledStatusesQueryOptions.queryKey, (data) =>
+        create(data, (draft) => {
+          draft?.pages.forEach(
+            (page) => (page.items = page.items.filter(({ id }) => id !== scheduledStatusId)),
+          );
+        }),
+      );
+    },
+  });
 
-export { scheduledStatusesQueryOptions, scheduledStatusesCountQueryOptions, cancelScheduledStatusMutationOptions };
+export {
+  scheduledStatusesQueryOptions,
+  scheduledStatusesCountQueryOptions,
+  cancelScheduledStatusMutationOptions,
+};
diff --git a/packages/pl-fe/src/queries/statuses/use-bookmark-folders.ts b/packages/pl-fe/src/queries/statuses/use-bookmark-folders.ts
index b2df29107..22ea2667a 100644
--- a/packages/pl-fe/src/queries/statuses/use-bookmark-folders.ts
+++ b/packages/pl-fe/src/queries/statuses/use-bookmark-folders.ts
@@ -7,9 +7,7 @@ import { queryClient } from '../client';
 
 import type { BookmarkFolder } from 'pl-api';
 
-const useBookmarkFolders = <T>(
-  select?: ((data: Array<BookmarkFolder>) => T),
-) => {
+const useBookmarkFolders = <T>(select?: (data: Array<BookmarkFolder>) => T) => {
   const client = useClient();
   const features = useFeatures();
 
@@ -21,7 +19,10 @@ const useBookmarkFolders = <T>(
   });
 };
 
-const useBookmarkFolder = (folderId?: string) => useBookmarkFolders((data) => folderId ? data.find(folder => folder.id === folderId) : undefined);
+const useBookmarkFolder = (folderId?: string) =>
+  useBookmarkFolders((data) =>
+    folderId ? data.find((folder) => folder.id === folderId) : undefined,
+  );
 
 interface CreateBookmarkFolderParams {
   name: string;
@@ -33,7 +34,8 @@ const useCreateBookmarkFolder = () => {
 
   return useMutation({
     mutationKey: ['bookmarkFolders', 'create'],
-    mutationFn: (params: CreateBookmarkFolderParams) => client.myAccount.createBookmarkFolder(params),
+    mutationFn: (params: CreateBookmarkFolderParams) =>
+      client.myAccount.createBookmarkFolder(params),
     onSettled: () => queryClient.invalidateQueries({ queryKey: ['bookmarkFolders'] }),
   });
 };
@@ -58,7 +60,8 @@ const useUpdateBookmarkFolder = (folderId: string) => {
 
   return useMutation({
     mutationKey: ['bookmarkFolders', 'update', folderId],
-    mutationFn: (params: UpdateBookmarkFolderParams) => client.myAccount.updateBookmarkFolder(folderId, params),
+    mutationFn: (params: UpdateBookmarkFolderParams) =>
+      client.myAccount.updateBookmarkFolder(folderId, params),
     onSettled: () => queryClient.invalidateQueries({ queryKey: ['bookmarkFolders'] }),
   });
 };
@@ -69,7 +72,10 @@ const useStatusBookmarkFolders = (statusId: string) => {
 
   return useQuery({
     queryKey: ['bookmarkFolders', 'status', statusId],
-    queryFn: () => client.statuses.getStatusBookmarkFolders(statusId).then(response => response.map((folder) => folder.id)),
+    queryFn: () =>
+      client.statuses
+        .getStatusBookmarkFolders(statusId)
+        .then((response) => response.map((folder) => folder.id)),
     enabled: features.bookmarkFoldersMultiple,
   });
 };
@@ -80,7 +86,8 @@ const useAddBookmarkToFolder = (statusId: string) => {
   return useMutation({
     mutationKey: ['bookmarkFolders', 'add', statusId],
     mutationFn: (folderId: string) => client.myAccount.addBookmarkToFolder(statusId, folderId),
-    onSettled: () => queryClient.invalidateQueries({ queryKey: ['bookmarkFolders', 'status', statusId] }),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['bookmarkFolders', 'status', statusId] }),
   });
 };
 
@@ -90,7 +97,8 @@ const useRemoveBookmarkFromFolder = (statusId: string) => {
   return useMutation({
     mutationKey: ['bookmarkFolders', 'remove', statusId],
     mutationFn: (folderId: string) => client.myAccount.removeBookmarkFromFolder(statusId, folderId),
-    onSettled: () => queryClient.invalidateQueries({ queryKey: ['bookmarkFolders', 'status', statusId] }),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['bookmarkFolders', 'status', statusId] }),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts b/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
index 8afa0efc4..df65be2e5 100644
--- a/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
+++ b/packages/pl-fe/src/queries/statuses/use-draft-statuses.ts
@@ -9,42 +9,49 @@ import { filteredArray } from '@/schemas/utils';
 import KVStore from '@/storage/kv-store';
 import { APIEntity } from '@/types/entities';
 
-const draftStatusSchema = v.pipe(v.any(), v.transform((draft) => ({
-  content_type: draft.contentType,
-  draft_id: draft.draftId,
-  group_id: draft.groupId,
-  in_reply_to: draft.inReplyTo,
-  media_attachments: draft.mediaAttachments,
-  spoiler_text: draft.spoilerText,
-  ...draft,
-})), v.object({
-  content_type: v.fallback(v.string(), 'text/plain'),
-  draft_id: v.string(),
-  editorState: v.fallback(v.nullable(v.string()), null),
-  group_id: v.fallback(v.nullable(v.string()), null),
-  in_reply_to: v.fallback(v.nullable(v.string()), null),
-  media_attachments: filteredArray(mediaAttachmentSchema),
-  poll: v.fallback(v.nullable(v.record(v.string(), v.any())), null),
-  privacy: v.fallback(v.string(), 'public'),
-  quote: v.fallback(v.nullable(v.string()), null),
-  schedule: v.fallback(v.nullable(v.string()), null),
-  sensitive: v.fallback(v.boolean(), false),
-  spoiler_text: v.fallback(v.string(), ''),
-  text: v.fallback(v.string(), ''),
-}));
+const draftStatusSchema = v.pipe(
+  v.any(),
+  v.transform((draft) => ({
+    content_type: draft.contentType,
+    draft_id: draft.draftId,
+    group_id: draft.groupId,
+    in_reply_to: draft.inReplyTo,
+    media_attachments: draft.mediaAttachments,
+    spoiler_text: draft.spoilerText,
+    ...draft,
+  })),
+  v.object({
+    content_type: v.fallback(v.string(), 'text/plain'),
+    draft_id: v.string(),
+    editorState: v.fallback(v.nullable(v.string()), null),
+    group_id: v.fallback(v.nullable(v.string()), null),
+    in_reply_to: v.fallback(v.nullable(v.string()), null),
+    media_attachments: filteredArray(mediaAttachmentSchema),
+    poll: v.fallback(v.nullable(v.record(v.string(), v.any())), null),
+    privacy: v.fallback(v.string(), 'public'),
+    quote: v.fallback(v.nullable(v.string()), null),
+    schedule: v.fallback(v.nullable(v.string()), null),
+    sensitive: v.fallback(v.boolean(), false),
+    spoiler_text: v.fallback(v.string(), ''),
+    text: v.fallback(v.string(), ''),
+  }),
+);
 
 type DraftStatus = v.InferOutput<typeof draftStatusSchema>;
 
 const getDrafts = async (accountUrl: string) => {
-  const drafts = await KVStore.getItem<Array<APIEntity>>(`drafts:${accountUrl}`) ?? [];
+  const drafts = (await KVStore.getItem<Array<APIEntity>>(`drafts:${accountUrl}`)) ?? [];
 
-  return Object.fromEntries(Object.values(drafts)
-    .map((draft) => v.safeParse(draftStatusSchema, draft).output as DraftStatus)
-    .filter((draft) => draft)
-    .map((draft) => [draft.draft_id, draft]));
+  return Object.fromEntries(
+    Object.values(drafts)
+      .map((draft) => v.safeParse(draftStatusSchema, draft).output as DraftStatus)
+      .filter((draft) => draft)
+      .map((draft) => [draft.draft_id, draft]),
+  );
 };
 
-const persistDrafts = (accountUrl: string, drafts: Record<string, APIEntity>) => KVStore.setItem(`drafts:${accountUrl}`, Object.values(drafts));
+const persistDrafts = (accountUrl: string, drafts: Record<string, APIEntity>) =>
+  KVStore.setItem(`drafts:${accountUrl}`, Object.values(drafts));
 
 const useDraftStatusesQuery = <T>(select?: (data: Record<string, DraftStatus>) => T) => {
   const { account } = useOwnAccount();
@@ -57,9 +64,11 @@ const useDraftStatusesQuery = <T>(select?: (data: Record<string, DraftStatus>) =
   });
 };
 
-const useDraftStatusQuery = (draftStatusId: string) => useDraftStatusesQuery(data => data[draftStatusId]);
+const useDraftStatusQuery = (draftStatusId: string) =>
+  useDraftStatusesQuery((data) => data[draftStatusId]);
 
-const useDraftStatusesCountQuery = () => useDraftStatusesQuery(data => Object.values(data).length);
+const useDraftStatusesCountQuery = () =>
+  useDraftStatusesQuery((data) => Object.values(data).length);
 
 const usePersistDraftStatus = () => {
   const { account } = useOwnAccount();
@@ -80,7 +89,9 @@ const usePersistDraftStatus = () => {
       const newDrafts: Record<string, DraftStatus> = create(drafts, (oldDrafts) => {
         oldDrafts[draft.draft_id] = v.parse(draftStatusSchema, draft);
       });
-      return persistDrafts(account!.url, newDrafts).then(() => queryClient.invalidateQueries({ queryKey: ['draftStatuses'] }));
+      return persistDrafts(account!.url, newDrafts).then(() =>
+        queryClient.invalidateQueries({ queryKey: ['draftStatuses'] }),
+      );
     });
   };
 };
@@ -91,7 +102,9 @@ const cancelDraftStatus = (queryClient: QueryClient, accountUrl: string, draftId
   const newDrafts: Record<string, DraftStatus> = create(drafts, (oldDrafts) => {
     delete oldDrafts[draftId];
   });
-  return persistDrafts(accountUrl, newDrafts).then((drafts) => queryClient.invalidateQueries({ queryKey: ['draftStatuses'] }));
+  return persistDrafts(accountUrl, newDrafts).then((drafts) =>
+    queryClient.invalidateQueries({ queryKey: ['draftStatuses'] }),
+  );
 };
 
 const useCancelDraftStatus = () => {
@@ -101,4 +114,13 @@ const useCancelDraftStatus = () => {
   return (draftId: string) => cancelDraftStatus(queryClient, account!.url, draftId);
 };
 
-export { draftStatusSchema, useDraftStatusesQuery, useDraftStatusQuery, useDraftStatusesCountQuery, usePersistDraftStatus, cancelDraftStatus, useCancelDraftStatus, type DraftStatus };
+export {
+  draftStatusSchema,
+  useDraftStatusesQuery,
+  useDraftStatusQuery,
+  useDraftStatusesCountQuery,
+  usePersistDraftStatus,
+  cancelDraftStatus,
+  useCancelDraftStatus,
+  type DraftStatus,
+};
diff --git a/packages/pl-fe/src/queries/statuses/use-event-interactions.ts b/packages/pl-fe/src/queries/statuses/use-event-interactions.ts
index 290903398..f21fe27d0 100644
--- a/packages/pl-fe/src/queries/statuses/use-event-interactions.ts
+++ b/packages/pl-fe/src/queries/statuses/use-event-interactions.ts
@@ -11,7 +11,10 @@ import type { Status } from 'pl-api';
 
 const messages = defineMessages({
   joinSuccess: { id: 'join_event.success', defaultMessage: 'Joined the event' },
-  joinRequestSuccess: { id: 'join_event.request_success', defaultMessage: 'Requested to join the event' },
+  joinRequestSuccess: {
+    id: 'join_event.request_success',
+    defaultMessage: 'Requested to join the event',
+  },
   view: { id: 'toast.view', defaultMessage: 'View' },
 });
 
@@ -31,7 +34,8 @@ const useJoinEventMutation = (statusId: string, withToast = true) => {
       return client.events.joinEvent(statusId, participationMessage);
     },
     onMutate: () => dispatch<EventsAction>({ type: 'EVENT_JOIN_REQUEST', statusId }),
-    onError: (error) => dispatch<EventsAction>({ type: 'EVENT_JOIN_FAIL', statusId, error, previousState }),
+    onError: (error) =>
+      dispatch<EventsAction>({ type: 'EVENT_JOIN_FAIL', statusId, error, previousState }),
     onSettled: (status) => {
       if (!status) return;
       dispatch(importEntities({ statuses: [status] }));
@@ -39,7 +43,9 @@ const useJoinEventMutation = (statusId: string, withToast = true) => {
 
       if (withToast) {
         toast.success(
-          status.event?.join_state === 'pending' ? messages.joinRequestSuccess : messages.joinSuccess,
+          status.event?.join_state === 'pending'
+            ? messages.joinRequestSuccess
+            : messages.joinSuccess,
           {
             actionLabel: messages.view,
             actionLinkOptions: {
@@ -69,7 +75,8 @@ const useLeaveEventMutation = (statusId: string) => {
       return client.events.leaveEvent(statusId);
     },
     onMutate: () => dispatch<EventsAction>({ type: 'EVENT_LEAVE_REQUEST', statusId }),
-    onError: (error) => dispatch<EventsAction>({ type: 'EVENT_LEAVE_FAIL', statusId, error, previousState }),
+    onError: (error) =>
+      dispatch<EventsAction>({ type: 'EVENT_LEAVE_FAIL', statusId, error, previousState }),
     onSettled: (status) => {
       if (!status) return;
       dispatch(importEntities({ statuses: [status] }));
diff --git a/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts b/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
index 1260969ce..8638cb9fa 100644
--- a/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
+++ b/packages/pl-fe/src/queries/statuses/use-interaction-requests.ts
@@ -9,7 +9,12 @@ import { useLoggedIn } from '@/hooks/use-logged-in';
 import type { AppDispatch } from '@/store';
 import type { InteractionRequest, PaginatedResponse } from 'pl-api';
 
-const minifyInteractionRequest = ({ account, status, reply, ...interactionRequest }: InteractionRequest) => ({
+const minifyInteractionRequest = ({
+  account,
+  status,
+  reply,
+  ...interactionRequest
+}: InteractionRequest) => ({
   account_id: account.id,
   status_id: status?.id ?? null,
   reply_id: reply?.id ?? null,
@@ -18,21 +23,30 @@ const minifyInteractionRequest = ({ account, status, reply, ...interactionReques
 
 type MinifiedInteractionRequest = ReturnType<typeof minifyInteractionRequest>;
 
-const minifyInteractionRequestsList = (dispatch: AppDispatch, { previous, next, items, ...response }: PaginatedResponse<InteractionRequest>): PaginatedResponse<MinifiedInteractionRequest> => {
-  dispatch(importEntities({
-    statuses: items.map(item => [item.status, item.reply]).flat(),
-  }));
+const minifyInteractionRequestsList = (
+  dispatch: AppDispatch,
+  { previous, next, items, ...response }: PaginatedResponse<InteractionRequest>,
+): PaginatedResponse<MinifiedInteractionRequest> => {
+  dispatch(
+    importEntities({
+      statuses: items.map((item) => [item.status, item.reply]).flat(),
+    }),
+  );
 
   return {
     ...response,
-    previous: previous ? () => previous().then(response => minifyInteractionRequestsList(dispatch, response)) : null,
-    next: next ? () => next().then(response => minifyInteractionRequestsList(dispatch, response)) : null,
+    previous: previous
+      ? () => previous().then((response) => minifyInteractionRequestsList(dispatch, response))
+      : null,
+    next: next
+      ? () => next().then((response) => minifyInteractionRequestsList(dispatch, response))
+      : null,
     items: items.map(minifyInteractionRequest),
   };
 };
 
 const useInteractionRequests = <T>(
-  select?: ((data: InfiniteData<PaginatedResponse<MinifiedInteractionRequest>>) => T),
+  select?: (data: InfiniteData<PaginatedResponse<MinifiedInteractionRequest>>) => T,
 ) => {
   const client = useClient();
   const features = useFeatures();
@@ -41,19 +55,30 @@ const useInteractionRequests = <T>(
 
   return useInfiniteQuery({
     queryKey: ['interactionRequests'],
-    queryFn: ({ pageParam }) => pageParam.next?.() ?? client.interactionRequests.getInteractionRequests().then(response => minifyInteractionRequestsList(dispatch, response)),
-    initialPageParam: { previous: null, next: null, items: [], partial: false } as PaginatedResponse<MinifiedInteractionRequest>,
-    getNextPageParam: (page) => page.next ? page : undefined,
+    queryFn: ({ pageParam }) =>
+      pageParam.next?.() ??
+      client.interactionRequests
+        .getInteractionRequests()
+        .then((response) => minifyInteractionRequestsList(dispatch, response)),
+    initialPageParam: {
+      previous: null,
+      next: null,
+      items: [],
+      partial: false,
+    } as PaginatedResponse<MinifiedInteractionRequest>,
+    getNextPageParam: (page) => (page.next ? page : undefined),
     enabled: isLoggedIn && features.interactionRequests,
     select,
   });
 };
 
-const useFlatInteractionRequests = () => useInteractionRequests(
-  (data: InfiniteData<PaginatedResponse<MinifiedInteractionRequest>>) => data.pages.map(page => page.items).flat(),
-);
+const useFlatInteractionRequests = () =>
+  useInteractionRequests((data: InfiniteData<PaginatedResponse<MinifiedInteractionRequest>>) =>
+    data.pages.map((page) => page.items).flat(),
+  );
 
-const useInteractionRequestsCount = () => useInteractionRequests(data => data.pages.map(({ items }) => items).flat().length);
+const useInteractionRequestsCount = () =>
+  useInteractionRequests((data) => data.pages.map(({ items }) => items).flat().length);
 
 const useAuthorizeInteractionRequestMutation = (requestId: string) => {
   const client = useClient();
diff --git a/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts b/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
index 26f9fb01d..9770cd472 100644
--- a/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
+++ b/packages/pl-fe/src/queries/statuses/use-local-status-translation.ts
@@ -7,7 +7,8 @@ import { useLanguageModelAvailabilityActions } from '@/stores/language-model-ava
 
 const useLocalStatusTranslation = (statusId: string, targetLanguage?: string) => {
   const status = useAppSelector((state) => state.statuses[statusId]);
-  const { setLanguageModelAvailability, setLanguageModelDownloadProgress } = useLanguageModelAvailabilityActions();
+  const { setLanguageModelAvailability, setLanguageModelDownloadProgress } =
+    useLanguageModelAvailabilityActions();
 
   const sourceLanguage = status?.language;
 
@@ -34,11 +35,13 @@ const useLocalStatusTranslation = (statusId: string, targetLanguage?: string) =>
           signal,
         });
 
-        return translator.translate(status.content, { signal }).then((translatedText) => v.parse(translationSchema, {
-          id: statusId,
-          content: translatedText,
-          detected_source_language: sourceLanguage,
-        }));
+        return translator.translate(status.content, { signal }).then((translatedText) =>
+          v.parse(translationSchema, {
+            id: statusId,
+            content: translatedText,
+            detected_source_language: sourceLanguage,
+          }),
+        );
       } catch (e) {
         return false;
       }
diff --git a/packages/pl-fe/src/queries/statuses/use-status-history.ts b/packages/pl-fe/src/queries/statuses/use-status-history.ts
index fdf14bd72..1806d4719 100644
--- a/packages/pl-fe/src/queries/statuses/use-status-history.ts
+++ b/packages/pl-fe/src/queries/statuses/use-status-history.ts
@@ -16,9 +16,15 @@ const useStatusHistory = (statusId: string) => {
 
   return useQuery({
     queryKey: ['statuses', 'history', statusId],
-    queryFn: () => client.statuses.getStatusHistory(statusId)
-      .then(history => (dispatch(importEntities({ accounts: history.map(({ account }) => account) })), history))
-      .then(history => history.map(minifyStatusEdit)),
+    queryFn: () =>
+      client.statuses
+        .getStatusHistory(statusId)
+        .then(
+          (history) => (
+            dispatch(importEntities({ accounts: history.map(({ account }) => account) })), history
+          ),
+        )
+        .then((history) => history.map(minifyStatusEdit)),
   });
 };
 
diff --git a/packages/pl-fe/src/queries/statuses/use-status-interactions.ts b/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
index 7f1377dc9..ff21ffd46 100644
--- a/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
+++ b/packages/pl-fe/src/queries/statuses/use-status-interactions.ts
@@ -30,10 +30,13 @@ const queryKey = {
   getRebloggedBy: 'statusReblogs',
 };
 
-const makeUseStatusInteractions = (method: 'getDislikedBy' | 'getFavouritedBy' | 'getRebloggedBy') => makePaginatedResponseQuery(
-  (statusId: string) => ['accountsLists', queryKey[method], statusId],
-  (client, params) => client.statuses[method](...params).then(minifyAccountList),
-);
+const makeUseStatusInteractions = (
+  method: 'getDislikedBy' | 'getFavouritedBy' | 'getRebloggedBy',
+) =>
+  makePaginatedResponseQuery(
+    (statusId: string) => ['accountsLists', queryKey[method], statusId],
+    (client, params) => client.statuses[method](...params).then(minifyAccountList),
+  );
 
 const useStatusDislikes = makeUseStatusInteractions('getDislikedBy');
 const useStatusFavourites = makeUseStatusInteractions('getFavouritedBy');
@@ -45,11 +48,12 @@ const useStatusReactions = (statusId: string, emoji?: string) => {
 
   return useQuery({
     queryKey: ['accountsLists', 'statusReactions', statusId, emoji],
-    queryFn: () => client.statuses.getStatusReactions(statusId, emoji).then((reactions) => {
-      dispatch(importEntities({ accounts: reactions.map(({ accounts }) => accounts).flat() }));
+    queryFn: () =>
+      client.statuses.getStatusReactions(statusId, emoji).then((reactions) => {
+        dispatch(importEntities({ accounts: reactions.map(({ accounts }) => accounts).flat() }));
 
-      return reactions.map(({ accounts, ...reactions }) => reactions);
-    }),
+        return reactions.map(({ accounts, ...reactions }) => reactions);
+      }),
     placeholderData: (previousData) => previousData?.filter(({ name }) => name === emoji),
   });
 };
@@ -206,7 +210,7 @@ const useBookmarkStatus = (statusId: string) => {
       if (features.bookmarkFolders && typeof folderId !== 'string') {
         opts = {
           actionLabel: messages.selectFolder,
-          action: () =>{
+          action: () => {
             openModal('SELECT_BOOKMARK_FOLDER', {
               statusId,
             });
@@ -214,7 +218,10 @@ const useBookmarkStatus = (statusId: string) => {
         };
       }
 
-      toast.success(typeof folderId === 'string' ? messages.folderChanged : messages.bookmarkAdded, opts);
+      toast.success(
+        typeof folderId === 'string' ? messages.folderChanged : messages.bookmarkAdded,
+        opts,
+      );
     },
   });
 };
@@ -230,10 +237,13 @@ const useUnbookmarkStatus = (statusId: string) => {
     onSettled: (status) => {
       dispatch(importEntities({ statuses: [status] }));
 
-      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>({
-        queryKey: ['statusLists', 'bookmarks'],
-        exact: false,
-      }, filterById(statusId));
+      queryClient.setQueriesData<InfiniteData<PaginatedResponse<string>>>(
+        {
+          queryKey: ['statusLists', 'bookmarks'],
+          exact: false,
+        },
+        filterById(statusId),
+      );
 
       toast.success(messages.bookmarkRemoved);
     },
@@ -252,7 +262,11 @@ const usePinStatus = (statusId: string) => {
     onSuccess: (status) => {
       dispatch(importEntities({ statuses: [status] }));
       queryClient.invalidateQueries({ queryKey: ['statusLists', 'pins', me] });
-      dispatch<InteractionsAction>({ type: PIN_SUCCESS, statusId: status.id, accountId: status.account.id });
+      dispatch<InteractionsAction>({
+        type: PIN_SUCCESS,
+        statusId: status.id,
+        accountId: status.account.id,
+      });
     },
   });
 };
@@ -269,7 +283,11 @@ const useUnpinStatus = (statusId: string) => {
     onSuccess: (status) => {
       dispatch(importEntities({ statuses: [status] }));
       queryClient.setQueryData(['statusLists', 'pins', me], filterById(statusId));
-      dispatch<InteractionsAction>({ type: UNPIN_SUCCESS, statusId: status.id, accountId: status.account.id });
+      dispatch<InteractionsAction>({
+        type: UNPIN_SUCCESS,
+        statusId: status.id,
+        accountId: status.account.id,
+      });
     },
   });
 };
diff --git a/packages/pl-fe/src/queries/statuses/use-status-translation.ts b/packages/pl-fe/src/queries/statuses/use-status-translation.ts
index cc852396e..b53025eaa 100644
--- a/packages/pl-fe/src/queries/statuses/use-status-translation.ts
+++ b/packages/pl-fe/src/queries/statuses/use-status-translation.ts
@@ -12,10 +12,13 @@ const useStatusTranslation = (statusId: string, targetLanguage?: string) => {
 
   return useQuery<Translation | false>({
     queryKey: ['statuses', 'translations', statusId, targetLanguage],
-    queryFn: () => (features.lazyTranslations && targetLanguage
-      ? batcher.translations(targetLanguage, client).fetch(statusId)
-      : client.statuses.translateStatus(statusId, targetLanguage))
-      .then(translation => translation || false).catch(() => false),
+    queryFn: () =>
+      (features.lazyTranslations && targetLanguage
+        ? batcher.translations(targetLanguage, client).fetch(statusId)
+        : client.statuses.translateStatus(statusId, targetLanguage)
+      )
+        .then((translation) => translation || false)
+        .catch(() => false),
     enabled: !!targetLanguage,
   });
 };
diff --git a/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts b/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
index 5d9a2b413..d20a7ee2d 100644
--- a/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
+++ b/packages/pl-fe/src/queries/timelines/use-account-media-timeline.ts
@@ -3,14 +3,16 @@ import { minifyStatusList } from '../utils/minify-list';
 
 const useAccountMediaTimeline = makePaginatedResponseQuery(
   (accountId?: string) => ['timelineIds', `account:${accountId}:with_replies:media`],
-  (client, [accountId]) => client.accounts.getAccountStatuses(accountId!, { only_media: true }).then(minifyStatusList),
+  (client, [accountId]) =>
+    client.accounts.getAccountStatuses(accountId!, { only_media: true }).then(minifyStatusList),
   undefined,
   (accountId) => !!accountId,
 );
 
 const useGroupMediaTimeline = makePaginatedResponseQuery(
   (groupId: string) => ['timelineIds', `group:${groupId}:media`],
-  (client, [groupId]) => client.timelines.groupTimeline(groupId, { only_media: true }).then(minifyStatusList),
+  (client, [groupId]) =>
+    client.timelines.groupTimeline(groupId, { only_media: true }).then(minifyStatusList),
   undefined,
   (groupId) => !!groupId,
 );
diff --git a/packages/pl-fe/src/queries/timelines/use-events-lists.ts b/packages/pl-fe/src/queries/timelines/use-events-lists.ts
index 844b926bb..8146e06ca 100644
--- a/packages/pl-fe/src/queries/timelines/use-events-lists.ts
+++ b/packages/pl-fe/src/queries/timelines/use-events-lists.ts
@@ -5,27 +5,33 @@ import { minifyStatusList } from '../utils/minify-list';
 
 const recentEventsQueryOptions = makePaginatedResponseQueryOptions(
   ['statusLists', 'recentEvents'],
-  (client) => client.timelines.publicTimeline({
-    only_events: true,
-  }).then((res) => ({
-    ...res,
-    items: res.items.filter(({ event }) => event),
-  })).then(minifyStatusList),
+  (client) =>
+    client.timelines
+      .publicTimeline({
+        only_events: true,
+      })
+      .then((res) => ({
+        ...res,
+        items: res.items.filter(({ event }) => event),
+      }))
+      .then(minifyStatusList),
 )();
 
-const useRecentEventsTimeline = () => useInfiniteQuery({
-  ...recentEventsQueryOptions,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
+const useRecentEventsTimeline = () =>
+  useInfiniteQuery({
+    ...recentEventsQueryOptions,
+    staleTime: 5 * 60 * 1000, // 5 minutes
+  });
 
 const joinedEventsQueryOptions = makePaginatedResponseQueryOptions(
   ['statusLists', 'joinedEvents'],
   (client) => client.events.getJoinedEvents().then(minifyStatusList),
 )();
 
-const useJoinedEventsTimeline = () => useInfiniteQuery({
-  ...joinedEventsQueryOptions,
-  staleTime: 5 * 60 * 1000, // 5 minutes
-});
+const useJoinedEventsTimeline = () =>
+  useInfiniteQuery({
+    ...joinedEventsQueryOptions,
+    staleTime: 5 * 60 * 1000, // 5 minutes
+  });
 
 export { useRecentEventsTimeline, useJoinedEventsTimeline };
diff --git a/packages/pl-fe/src/queries/trends/use-suggested-accounts.ts b/packages/pl-fe/src/queries/trends/use-suggested-accounts.ts
index dc14e585d..f84ea32e0 100644
--- a/packages/pl-fe/src/queries/trends/use-suggested-accounts.ts
+++ b/packages/pl-fe/src/queries/trends/use-suggested-accounts.ts
@@ -16,10 +16,16 @@ const useSuggestedAccounts = () => {
 
   return useQuery({
     queryKey: ['suggestions'],
-    queryFn: () => client.myAccount.getSuggestions().then((suggestions) => {
-      dispatch(importEntities({ accounts: suggestions.map(({ account }) => account) }));
-      return suggestions.map(({ account, ...suggestion }): MinifiedSuggestion => ({ account_id: account.id, ...suggestion }));
-    }),
+    queryFn: () =>
+      client.myAccount.getSuggestions().then((suggestions) => {
+        dispatch(importEntities({ accounts: suggestions.map(({ account }) => account) }));
+        return suggestions.map(
+          ({ account, ...suggestion }): MinifiedSuggestion => ({
+            account_id: account.id,
+            ...suggestion,
+          }),
+        );
+      }),
     enabled: features.suggestions || features.suggestionsV2,
   });
 };
diff --git a/packages/pl-fe/src/queries/utils/filter-id.ts b/packages/pl-fe/src/queries/utils/filter-id.ts
index 3e4149e4f..77da75fb1 100644
--- a/packages/pl-fe/src/queries/utils/filter-id.ts
+++ b/packages/pl-fe/src/queries/utils/filter-id.ts
@@ -3,27 +3,30 @@ import { create } from 'mutative';
 import type { InfiniteData } from '@tanstack/react-query';
 import type { PaginatedResponse } from 'pl-api';
 
-const filterById = (filteredId: string | Array<string>) => (data: InfiniteData<PaginatedResponse<string>> | undefined) => {
-  if (data) {
-    return create((data), data => {
-      let found = 0;
-      data.pages.forEach((page) => {
-        page.items = page.items.filter((id) => {
-          if (Array.isArray(filteredId)) {
-            const includes = filteredId.includes(id);
-            if (includes) found += 1;
-            return !includes;
-          }
-          if (id === filteredId) found = 1;
-          return id !== filteredId;
+const filterById =
+  (filteredId: string | Array<string>) =>
+  (data: InfiniteData<PaginatedResponse<string>> | undefined) => {
+    if (data) {
+      return create(data, (data) => {
+        let found = 0;
+        data.pages.forEach((page) => {
+          page.items = page.items.filter((id) => {
+            if (Array.isArray(filteredId)) {
+              const includes = filteredId.includes(id);
+              if (includes) found += 1;
+              return !includes;
+            }
+            if (id === filteredId) found = 1;
+            return id !== filteredId;
+          });
         });
-      });
 
-      if (found) data.pages.forEach((page) => {
-        if (page.total) page.total -= found;
+        if (found)
+          data.pages.forEach((page) => {
+            if (page.total) page.total -= found;
+          });
       });
-    });
-  }
-};
+    }
+  };
 
 export { filterById };
diff --git a/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts b/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
index ab024235d..8730fada6 100644
--- a/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
+++ b/packages/pl-fe/src/queries/utils/make-paginated-response-query-options.ts
@@ -6,26 +6,34 @@ import { PaginatedResponseArray } from './make-paginated-response-query';
 
 import type { PaginatedResponse, PlApiClient } from 'pl-api';
 
-const makePaginatedResponseQueryOptions = <T1 extends Array<any>, T2, T3 = PaginatedResponseArray<T2>>(
-  queryKey: QueryKey | ((...params: T1) => QueryKey),
-  queryFn: (client: PlApiClient, params: T1) => Promise<PaginatedResponse<T2>>,
-  select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
-) => (...params: T1) => infiniteQueryOptions({
-    queryKey: typeof queryKey === 'object' ? queryKey : queryKey(...params),
-    queryFn: ({ pageParam }) => pageParam.next?.() ?? queryFn(store.getState().auth.client, params),
-    initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<ReturnType<typeof queryFn>>,
-    getNextPageParam: (page) => page.next ? page : undefined,
-    select: select ?? ((data) => {
-      const items = new PaginatedResponseArray(...data.pages.map(page => page.items).flat());
+const makePaginatedResponseQueryOptions =
+  <T1 extends Array<any>, T2, T3 = PaginatedResponseArray<T2>>(
+    queryKey: QueryKey | ((...params: T1) => QueryKey),
+    queryFn: (client: PlApiClient, params: T1) => Promise<PaginatedResponse<T2>>,
+    select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
+  ) =>
+  (...params: T1) =>
+    infiniteQueryOptions({
+      queryKey: typeof queryKey === 'object' ? queryKey : queryKey(...params),
+      queryFn: ({ pageParam }) =>
+        pageParam.next?.() ?? queryFn(store.getState().auth.client, params),
+      initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<
+        ReturnType<typeof queryFn>
+      >,
+      getNextPageParam: (page) => (page.next ? page : undefined),
+      select:
+        select ??
+        ((data) => {
+          const items = new PaginatedResponseArray(...data.pages.map((page) => page.items).flat());
 
-      const lastPage = data.pages.at(-1);
-      if (lastPage) {
-        items.total = lastPage.total;
-        items.partial = lastPage.partial;
-      }
+          const lastPage = data.pages.at(-1);
+          if (lastPage) {
+            items.total = lastPage.total;
+            items.partial = lastPage.partial;
+          }
 
-      return items as T3;
-    }),
-  });
+          return items as T3;
+        }),
+    });
 
 export { makePaginatedResponseQueryOptions };
diff --git a/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts b/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
index cdcc252c4..ea7703b11 100644
--- a/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
+++ b/packages/pl-fe/src/queries/utils/make-paginated-response-query.ts
@@ -6,38 +6,47 @@ import { useOwnAccount } from '@/hooks/use-own-account';
 import type { PaginatedResponse, PlApiClient } from 'pl-api';
 
 class PaginatedResponseArray<T> extends Array<T> {
-
   total?: number;
   partial?: boolean;
-
 }
 
-const makePaginatedResponseQuery = <T1 extends Array<any>, T2, T3 = PaginatedResponseArray<T2>>(
-  queryKey: QueryKey | ((...params: T1) => QueryKey),
-  queryFn: (client: PlApiClient, params: T1) => Promise<PaginatedResponse<T2>>,
-  select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
-  enabled?: ((...params: T1) => boolean) | 'isLoggedIn' | 'isAdmin',
-) => (...params: T1) => {
+const makePaginatedResponseQuery =
+  <T1 extends Array<any>, T2, T3 = PaginatedResponseArray<T2>>(
+    queryKey: QueryKey | ((...params: T1) => QueryKey),
+    queryFn: (client: PlApiClient, params: T1) => Promise<PaginatedResponse<T2>>,
+    select?: (data: InfiniteData<PaginatedResponse<T2>>) => T3,
+    enabled?: ((...params: T1) => boolean) | 'isLoggedIn' | 'isAdmin',
+  ) =>
+  (...params: T1) => {
     const client = useClient();
     const { account } = useOwnAccount();
 
     return useInfiniteQuery({
       queryKey: typeof queryKey === 'object' ? queryKey : queryKey(...params),
       queryFn: ({ pageParam }) => pageParam.next?.() ?? queryFn(client, params),
-      initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<ReturnType<typeof queryFn>>,
-      getNextPageParam: (page) => page.next ? page : undefined,
-      select: select ?? ((data) => {
-        const items = new PaginatedResponseArray(...data.pages.map(page => page.items).flat());
+      initialPageParam: { previous: null, next: null, items: [], partial: false } as Awaited<
+        ReturnType<typeof queryFn>
+      >,
+      getNextPageParam: (page) => (page.next ? page : undefined),
+      select:
+        select ??
+        ((data) => {
+          const items = new PaginatedResponseArray(...data.pages.map((page) => page.items).flat());
 
-        const lastPage = data.pages.at(-1);
-        if (lastPage) {
-          items.total = lastPage.total;
-          items.partial = lastPage.partial;
-        }
+          const lastPage = data.pages.at(-1);
+          if (lastPage) {
+            items.total = lastPage.total;
+            items.partial = lastPage.partial;
+          }
 
-        return items as T3;
-      }),
-      enabled: enabled === 'isLoggedIn' ? !!account : enabled === 'isAdmin' ? !!(account?.is_admin ?? account?.is_moderator) : (enabled?.(...params) ?? true),
+          return items as T3;
+        }),
+      enabled:
+        enabled === 'isLoggedIn'
+          ? !!account
+          : enabled === 'isAdmin'
+            ? !!(account?.is_admin ?? account?.is_moderator)
+            : (enabled?.(...params) ?? true),
     });
   };
 
diff --git a/packages/pl-fe/src/queries/utils/minify-list.ts b/packages/pl-fe/src/queries/utils/minify-list.ts
index 4bef0bd03..e899f0787 100644
--- a/packages/pl-fe/src/queries/utils/minify-list.ts
+++ b/packages/pl-fe/src/queries/utils/minify-list.ts
@@ -3,38 +3,72 @@ import { store } from '@/store';
 
 import { queryClient } from '../client';
 
-import type { Account, AdminAccount, AdminReport, BlockedAccount, MutedAccount, PaginatedResponse, Status } from 'pl-api';
+import type {
+  Account,
+  AdminAccount,
+  AdminReport,
+  BlockedAccount,
+  MutedAccount,
+  PaginatedResponse,
+  Status,
+} from 'pl-api';
 
-const minifyList = <T1, T2>({ previous, next, items, ...response }: PaginatedResponse<T1>, minifier: (value: T1) => T2, importer?: (items: Array<T1>) => void): PaginatedResponse<T2> => {
+const minifyList = <T1, T2>(
+  { previous, next, items, ...response }: PaginatedResponse<T1>,
+  minifier: (value: T1) => T2,
+  importer?: (items: Array<T1>) => void,
+): PaginatedResponse<T2> => {
   importer?.(items);
 
   return {
     ...response,
-    previous: previous ? () => previous().then((list) => minifyList(list, minifier, importer)) : null,
+    previous: previous
+      ? () => previous().then((list) => minifyList(list, minifier, importer))
+      : null,
     next: next ? () => next().then((list) => minifyList(list, minifier, importer)) : null,
     items: items.map(minifier),
   };
 };
 
 const minifyStatusList = (response: PaginatedResponse<Status>): PaginatedResponse<string> =>
-  minifyList(response, (status) => status.id, (statuses) => {
-    store.dispatch(importEntities({ statuses }) as any);
-  });
+  minifyList(
+    response,
+    (status) => status.id,
+    (statuses) => {
+      store.dispatch(importEntities({ statuses }) as any);
+    },
+  );
 
 const minifyAccountList = (response: PaginatedResponse<Account>): PaginatedResponse<string> =>
-  minifyList(response, (account) => account.id, (accounts) => {
-    store.dispatch(importEntities({ accounts }) as any);
-  });
+  minifyList(
+    response,
+    (account) => account.id,
+    (accounts) => {
+      store.dispatch(importEntities({ accounts }) as any);
+    },
+  );
 
-const minifyBlockedAccountList = (response: PaginatedResponse<BlockedAccount>): PaginatedResponse<[string, string | null]> =>
-  minifyList(response, (account) => [account.id, account.block_expires_at], (accounts) => {
-    store.dispatch(importEntities({ accounts }) as any);
-  });
+const minifyBlockedAccountList = (
+  response: PaginatedResponse<BlockedAccount>,
+): PaginatedResponse<[string, string | null]> =>
+  minifyList(
+    response,
+    (account) => [account.id, account.block_expires_at],
+    (accounts) => {
+      store.dispatch(importEntities({ accounts }) as any);
+    },
+  );
 
-const minifyMutedAccountList = (response: PaginatedResponse<MutedAccount>): PaginatedResponse<[string, string | null]> =>
-  minifyList(response, (account) => [account.id, account.mute_expires_at], (accounts) => {
-    store.dispatch(importEntities({ accounts }) as any);
-  });
+const minifyMutedAccountList = (
+  response: PaginatedResponse<MutedAccount>,
+): PaginatedResponse<[string, string | null]> =>
+  minifyList(
+    response,
+    (account) => [account.id, account.mute_expires_at],
+    (accounts) => {
+      store.dispatch(importEntities({ accounts }) as any);
+    },
+  );
 
 const minifyAdminAccount = ({ account, ...adminAccount }: AdminAccount) => {
   store.dispatch(importEntities({ accounts: [account] }) as any);
@@ -44,25 +78,47 @@ const minifyAdminAccount = ({ account, ...adminAccount }: AdminAccount) => {
 };
 
 const minifyAdminAccountList = (response: PaginatedResponse<AdminAccount>) =>
-  minifyList(response, (account) => account.id, (accounts) => {
-    store.dispatch(importEntities({ accounts: accounts.map((account) => account.account) }) as any);
-    for (const { account, ...adminAccount } of accounts) {
-      queryClient.setQueryData(['admin', 'accounts', adminAccount.id], adminAccount);
-    }
-  });
+  minifyList(
+    response,
+    (account) => account.id,
+    (accounts) => {
+      store.dispatch(
+        importEntities({ accounts: accounts.map((account) => account.account) }) as any,
+      );
+      for (const { account, ...adminAccount } of accounts) {
+        queryClient.setQueryData(['admin', 'accounts', adminAccount.id], adminAccount);
+      }
+    },
+  );
 
-const minifyAdminReport = ({ account, action_taken_by_account, assigned_account, target_account, statuses, ...adminReport }: AdminReport) => {
+const minifyAdminReport = ({
+  account,
+  action_taken_by_account,
+  assigned_account,
+  target_account,
+  statuses,
+  ...adminReport
+}: AdminReport) => {
   minifyAdminAccountList({
-    items: [account, action_taken_by_account, assigned_account, target_account].filter((a): a is AdminAccount => !!a),
+    items: [account, action_taken_by_account, assigned_account, target_account].filter(
+      (a): a is AdminAccount => !!a,
+    ),
     previous: null,
     next: null,
     partial: false,
   });
 
-  store.dispatch(importEntities({
-    accounts: [account.account, action_taken_by_account?.account, assigned_account?.account, target_account?.account],
-    statuses: statuses as any,
-  }) as any);
+  store.dispatch(
+    importEntities({
+      accounts: [
+        account.account,
+        action_taken_by_account?.account,
+        assigned_account?.account,
+        target_account?.account,
+      ],
+      statuses: statuses as any,
+    }) as any,
+  );
   return {
     account_id: account.id,
     action_taken_by_account_id: action_taken_by_account?.id,
@@ -74,10 +130,24 @@ const minifyAdminReport = ({ account, action_taken_by_account, assigned_account,
 };
 
 const minifyAdminReportList = (response: PaginatedResponse<AdminReport>) =>
-  minifyList(response, (report) => report.id, (reports) => {
-    for (const report of reports) {
-      queryClient.setQueryData(['admin', 'reports', report.id], minifyAdminReport(report));
-    }
-  });
+  minifyList(
+    response,
+    (report) => report.id,
+    (reports) => {
+      for (const report of reports) {
+        queryClient.setQueryData(['admin', 'reports', report.id], minifyAdminReport(report));
+      }
+    },
+  );
 
-export { minifyList, minifyAccountList, minifyBlockedAccountList, minifyMutedAccountList, minifyStatusList, minifyAdminAccount, minifyAdminAccountList, minifyAdminReport, minifyAdminReportList };
+export {
+  minifyList,
+  minifyAccountList,
+  minifyBlockedAccountList,
+  minifyMutedAccountList,
+  minifyStatusList,
+  minifyAdminAccount,
+  minifyAdminAccountList,
+  minifyAdminReport,
+  minifyAdminReportList,
+};
diff --git a/packages/pl-fe/src/queries/utils/mutation-options.ts b/packages/pl-fe/src/queries/utils/mutation-options.ts
index 24be54afd..ff7f9a591 100644
--- a/packages/pl-fe/src/queries/utils/mutation-options.ts
+++ b/packages/pl-fe/src/queries/utils/mutation-options.ts
@@ -6,6 +6,8 @@ const mutationOptions = <
   TError = DefaultError,
   TVariables = void,
   TContext = unknown,
->(options: UseMutationOptions<TData, TError, TVariables, TContext>): UseMutationOptions<TData, TError, TVariables, TContext> => options;
+>(
+  options: UseMutationOptions<TData, TError, TVariables, TContext>,
+): UseMutationOptions<TData, TError, TVariables, TContext> => options;
 
 export { mutationOptions };
diff --git a/packages/pl-fe/src/reducers/accounts-meta.ts b/packages/pl-fe/src/reducers/accounts-meta.ts
index 94f6fdbac..94ad40df7 100644
--- a/packages/pl-fe/src/reducers/accounts-meta.ts
+++ b/packages/pl-fe/src/reducers/accounts-meta.ts
@@ -4,7 +4,11 @@
  */
 import { create, type Immutable } from 'mutative';
 
-import { VERIFY_CREDENTIALS_SUCCESS, AUTH_ACCOUNT_REMEMBER_SUCCESS, type AuthAction } from '@/actions/auth';
+import {
+  VERIFY_CREDENTIALS_SUCCESS,
+  AUTH_ACCOUNT_REMEMBER_SUCCESS,
+  type AuthAction,
+} from '@/actions/auth';
 import { ME_FETCH_SUCCESS, ME_PATCH_SUCCESS, type MeAction } from '@/actions/me';
 
 import type { Account, CredentialAccount } from 'pl-api';
@@ -19,16 +23,20 @@ interface AccountMeta {
 type State = Immutable<Record<string, AccountMeta | undefined>>;
 
 const importAccount = (state: State, account: CredentialAccount): State =>
-  create(state, draft => {
-    const existing = draft[account.id];
+  create(
+    state,
+    (draft) => {
+      const existing = draft[account.id];
 
-    draft[account.id] = {
-      pleroma: account.__meta.pleroma ?? existing?.pleroma,
-      pleromaSource: account.__meta.source ?? existing?.pleromaSource,
-      source: account.source ?? existing?.source,
-      role: account.role ?? existing?.role,
-    };
-  }, { enableAutoFreeze: true });
+      draft[account.id] = {
+        pleroma: account.__meta.pleroma ?? existing?.pleroma,
+        pleromaSource: account.__meta.source ?? existing?.pleromaSource,
+        source: account.source ?? existing?.source,
+        role: account.role ?? existing?.role,
+      };
+    },
+    { enableAutoFreeze: true },
+  );
 
 const accounts_meta = (state: Readonly<State> = {}, action: AuthAction | MeAction): State => {
   switch (action.type) {
diff --git a/packages/pl-fe/src/reducers/admin.ts b/packages/pl-fe/src/reducers/admin.ts
index a69d9195a..6cb072633 100644
--- a/packages/pl-fe/src/reducers/admin.ts
+++ b/packages/pl-fe/src/reducers/admin.ts
@@ -38,7 +38,7 @@ const admin = (state = initialState, action: AdminActions): State => {
   switch (action.type) {
     case ADMIN_CONFIG_FETCH_SUCCESS:
     case ADMIN_CONFIG_UPDATE_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importConfigs(draft, action.configs);
       });
     // case ADMIN_USER_DELETE_SUCCESS:
diff --git a/packages/pl-fe/src/reducers/auth.ts b/packages/pl-fe/src/reducers/auth.ts
index 70d74ac5d..deacff5b2 100644
--- a/packages/pl-fe/src/reducers/auth.ts
+++ b/packages/pl-fe/src/reducers/auth.ts
@@ -1,9 +1,23 @@
 import trim from 'lodash/trim';
 import { create, Draft } from 'mutative';
-import { type Account as AccountEntity, applicationSchema, instanceSchema, PlApiClient, tokenSchema, type CredentialAccount, type CredentialApplication, type Token } from 'pl-api';
+import {
+  type Account as AccountEntity,
+  applicationSchema,
+  instanceSchema,
+  PlApiClient,
+  tokenSchema,
+  type CredentialAccount,
+  type CredentialApplication,
+  type Token,
+} from 'pl-api';
 import * as v from 'valibot';
 
-import { decodeFromMarkup, MASTODON_PRELOAD_IMPORT, pleromaDecoder, type PreloadAction } from '@/actions/preload';
+import {
+  decodeFromMarkup,
+  MASTODON_PRELOAD_IMPORT,
+  pleromaDecoder,
+  type PreloadAction,
+} from '@/actions/preload';
 import * as BuildConfig from '@/build-config';
 import { coerceObject } from '@/schemas/utils';
 import KVStore from '@/storage/kv-store';
@@ -25,7 +39,9 @@ import type { PlfeResponse } from '@/api';
 
 const instance = (() => {
   try {
-    const preloadedInstance = decodeFromMarkup('initial-results', pleromaDecoder)['/api/v1/instance'];
+    const preloadedInstance = decodeFromMarkup('initial-results', pleromaDecoder)[
+      '/api/v1/instance'
+    ];
     const parsedInstance = v.safeParse(instanceSchema, preloadedInstance);
     return parsedInstance.success ? parsedInstance.output : undefined;
   } catch (e) {
@@ -35,16 +51,19 @@ const instance = (() => {
 
 type Action = AuthAction | MeAction | PreloadAction;
 
-const backendUrl = (isURL(BuildConfig.BACKEND_URL) ? BuildConfig.BACKEND_URL : '');
+const backendUrl = isURL(BuildConfig.BACKEND_URL) ? BuildConfig.BACKEND_URL : '';
 
 const mastodonPreloadSchema = coerceObject({
   meta: coerceObject({
     access_token: v.string(),
     me: v.string(),
   }),
-  accounts: v.record(v.string(), v.object({
-    url: v.string(),
-  })),
+  accounts: v.record(
+    v.string(),
+    v.object({
+      url: v.string(),
+    }),
+  ),
 });
 
 const authUserSchema = v.object({
@@ -78,7 +97,9 @@ interface State {
 const buildKey = (parts: string[]) => parts.join(':');
 
 // For subdirectory support
-const NAMESPACE = trim(BuildConfig.FE_SUBDIRECTORY, '/') ? `pl-fe@${BuildConfig.FE_SUBDIRECTORY}` : 'pl-fe';
+const NAMESPACE = trim(BuildConfig.FE_SUBDIRECTORY, '/')
+  ? `pl-fe@${BuildConfig.FE_SUBDIRECTORY}`
+  : 'pl-fe';
 
 const STORAGE_KEY = buildKey([NAMESPACE, 'auth']);
 
@@ -87,15 +108,23 @@ const getLocalState = (): State | undefined => {
 
   if (!state) return undefined;
 
-  return ({
+  return {
     app: state.app && v.parse(applicationSchema, state.app),
-    tokens: Object.fromEntries(Object.entries(state.tokens).map(([key, value]) => [key, v.parse(tokenWithAppSchema, value)])),
-    users: Object.fromEntries(Object.entries(state.users).map(([key, value]) => [key, v.parse(authUserSchema, value)])),
+    tokens: Object.fromEntries(
+      Object.entries(state.tokens).map(([key, value]) => [key, v.parse(tokenWithAppSchema, value)]),
+    ),
+    users: Object.fromEntries(
+      Object.entries(state.users).map(([key, value]) => [key, v.parse(authUserSchema, value)]),
+    ),
     me: state.me,
-    client: new PlApiClient(parseBaseURL(state.me) || backendUrl, state.users[state.me]?.access_token, {
-      instance,
-    }),
-  });
+    client: new PlApiClient(
+      parseBaseURL(state.me) || backendUrl,
+      state.users[state.me]?.access_token,
+      {
+        instance,
+      },
+    ),
+  };
 };
 
 const localState = getLocalState();
@@ -117,7 +146,7 @@ const getUrlOrId = (user?: AuthUser): string | null => {
   try {
     if (!user) return null;
     const { id, url } = user;
-    return (url || id);
+    return url || id;
   } catch {
     return null;
   }
@@ -155,13 +184,13 @@ const sanitizeState = (state: State) => {
   // Skip sanitation during ID to URL upgrade
   if (isUpgradingUrlId(state)) return state;
 
-  state.users = Object.fromEntries(Object.entries(state.users).filter(([url, user]) => (
-    validUser(user) && user.url === url
-  )));
+  state.users = Object.fromEntries(
+    Object.entries(state.users).filter(([url, user]) => validUser(user) && user.url === url),
+  );
   // Remove mismatched tokens
-  state.tokens = Object.fromEntries(Object.entries(state.tokens).filter(([id, token]) => (
-    validId(id) && token.access_token === id
-  )));
+  state.tokens = Object.fromEntries(
+    Object.entries(state.tokens).filter(([id, token]) => validId(id) && token.access_token === id),
+  );
 };
 
 const persistAuth = (state: State) => {
@@ -210,8 +239,8 @@ const upgradeNonUrlId = (state: State | Draft<State>, account: CredentialAccount
 };
 
 // Returns a predicate function for filtering a mismatched user/token
-const userMismatch = (token: string, account: CredentialAccount) =>
-  (user: AuthUser, url: string) => {
+const userMismatch =
+  (token: string, account: CredentialAccount) => (user: AuthUser, url: string) => {
     const sameToken = user.access_token === token;
     const differentUrl = url !== account.url || user.url !== account.url;
     const differentId = user.id !== account.id;
@@ -219,7 +248,11 @@ const userMismatch = (token: string, account: CredentialAccount) =>
     return sameToken && (differentUrl || differentId);
   };
 
-const importCredentials = (state: State | Draft<State>, token: string, account: CredentialAccount) => {
+const importCredentials = (
+  state: State | Draft<State>,
+  token: string,
+  account: CredentialAccount,
+) => {
   state.users[account.url] = v.parse(authUserSchema, {
     id: account.id,
     access_token: token,
@@ -227,14 +260,18 @@ const importCredentials = (state: State | Draft<State>, token: string, account:
   });
   // state.tokens[token].account = account.id;
   state.tokens[token].me = account.url;
-  state.users = Object.fromEntries(Object.entries(state.users).filter(([url, user]) => !userMismatch(token, account)(user, url)));
+  state.users = Object.fromEntries(
+    Object.entries(state.users).filter(([url, user]) => !userMismatch(token, account)(user, url)),
+  );
   state.me = state.me ?? account.url;
   upgradeNonUrlId(state, account);
 };
 
 const deleteToken = (state: State | Draft<State>, token: string) => {
   delete state.tokens[token];
-  state.users = Object.fromEntries(Object.entries(state.users).filter(([_, user]) => user.access_token !== token));
+  state.users = Object.fromEntries(
+    Object.entries(state.users).filter(([_, user]) => user.access_token !== token),
+  );
   maybeShiftMe(state);
 };
 
@@ -242,7 +279,9 @@ const deleteUser = (state: State | Draft<State>, account: Pick<AccountEntity, 'u
   const accountUrl = account.url;
 
   delete state.users[accountUrl];
-  state.tokens = Object.fromEntries(Object.entries(state.tokens).filter(([_, token]) => token.me !== accountUrl));
+  state.tokens = Object.fromEntries(
+    Object.entries(state.tokens).filter(([_, token]) => token.me !== accountUrl),
+  );
   maybeShiftMe(state);
 };
 
@@ -275,25 +314,35 @@ const persistAuthAccount = (account: CredentialAccount) => {
   const persistedAccount = { ...account };
   const key = `authAccount:${account.url}`;
 
-  KVStore.getItem(key).then((oldAccount: any) => {
-    const settings = oldAccount?.settings_store ?? {};
-    persistedAccount.settings_store ??= settings;
-    KVStore.setItem(key, persistedAccount);
-  })
+  KVStore.getItem(key)
+    .then((oldAccount: any) => {
+      const settings = oldAccount?.settings_store ?? {};
+      persistedAccount.settings_store ??= settings;
+      KVStore.setItem(key, persistedAccount);
+    })
     .catch(console.error);
 
   return persistedAccount;
 };
 
-const deleteForbiddenToken = (state: State | Draft<State>, error: { response: PlfeResponse }, token: string) => {
+const deleteForbiddenToken = (
+  state: State | Draft<State>,
+  error: { response: PlfeResponse },
+  token: string,
+) => {
   if (error.response && [401, 403].includes(error.response.status)) {
-    deleteToken(state, token); return;
+    deleteToken(state, token);
+    return;
   }
 
   return state;
 };
 
-const updateState = (state: State, updater: (state: Draft<State>) => void, clientUpdater?: (state: State) => InstanceType<typeof PlApiClient>) => {
+const updateState = (
+  state: State,
+  updater: (state: Draft<State>) => void,
+  clientUpdater?: (state: State) => InstanceType<typeof PlApiClient>,
+) => {
   const oldClient = state.client;
 
   const newState = create(state, updater);
@@ -309,7 +358,7 @@ const reducer = (state: State, action: Action): State => {
       });
     case AUTH_APP_AUTHORIZED:
       return updateState(state, (draft) => {
-        if (draft.app) draft.app = ({ ...draft.app, ...action.token });
+        if (draft.app) draft.app = { ...draft.app, ...action.token };
       });
     case AUTH_LOGGED_IN:
       return updateState(state, (draft) => {
@@ -320,36 +369,44 @@ const reducer = (state: State, action: Action): State => {
         deleteUser(draft, action.account);
       });
     case VERIFY_CREDENTIALS_SUCCESS:
-      return updateState(state, (draft) => {
-        importCredentials(draft, action.token, persistAuthAccount(action.account));
-      }, () => {
-        if (!state.me) {
-          if (state.client.baseURL === parseBaseURL(action.account.url)) {
-            state.client.accessToken = action.token;
-            return state.client;
-          }
+      return updateState(
+        state,
+        (draft) => {
+          importCredentials(draft, action.token, persistAuthAccount(action.account));
+        },
+        () => {
+          if (!state.me) {
+            if (state.client.baseURL === parseBaseURL(action.account.url)) {
+              state.client.accessToken = action.token;
+              return state.client;
+            }
 
-          return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, action.token);
-        }
-        return state.client;
-      });
+            return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, action.token);
+          }
+          return state.client;
+        },
+      );
     case VERIFY_CREDENTIALS_FAIL:
       return updateState(state, (draft) => {
         deleteForbiddenToken(draft, action.error as any, action.token);
       });
     case SWITCH_ACCOUNT:
-      return updateState(state, (draft) => {
-        draft.me = action.account.url;
-      }, () => {
-        const accessToken = state.users[action.account.url]?.access_token;
+      return updateState(
+        state,
+        (draft) => {
+          draft.me = action.account.url;
+        },
+        () => {
+          const accessToken = state.users[action.account.url]?.access_token;
 
-        if (state.client.baseURL === parseBaseURL(action.account.url)) {
-          state.client.accessToken = accessToken;
-          return state.client;
-        }
+          if (state.client.baseURL === parseBaseURL(action.account.url)) {
+            state.client.accessToken = accessToken;
+            return state.client;
+          }
 
-        return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, accessToken);
-      });
+          return new PlApiClient(parseBaseURL(action.account.url) || backendUrl, accessToken);
+        },
+      );
     case ME_FETCH_SKIP:
       return updateState(state, (draft) => {
         draft.me = null;
@@ -363,7 +420,7 @@ const reducer = (state: State, action: Action): State => {
   }
 };
 
-const reload = () =>{
+const reload = () => {
   location.replace('/');
 };
 
diff --git a/packages/pl-fe/src/reducers/compose.ts b/packages/pl-fe/src/reducers/compose.ts
index 390a71e55..83272f294 100644
--- a/packages/pl-fe/src/reducers/compose.ts
+++ b/packages/pl-fe/src/reducers/compose.ts
@@ -76,9 +76,19 @@ import { unescapeHTML } from '../utils/html';
 import type { Emoji } from '@/features/emoji';
 import type { Language } from '@/features/preferences';
 import type { Status } from '@/normalizers/status';
-import type { Account, CredentialAccount, Instance, InteractionPolicy, Location, MediaAttachment, Status as BaseStatus, Tag, CreateStatusParams } from 'pl-api';
+import type {
+  Account,
+  CredentialAccount,
+  Instance,
+  InteractionPolicy,
+  Location,
+  MediaAttachment,
+  Status as BaseStatus,
+  Tag,
+  CreateStatusParams,
+} from 'pl-api';
 
-const getResetFileKey = () => Math.floor((Math.random() * 0x10000));
+const getResetFileKey = () => Math.floor(Math.random() * 0x10000);
 
 interface ComposePoll {
   options: Array<string>;
@@ -229,24 +239,49 @@ type State = {
   [key: string]: Compose;
 };
 
-const statusToTextMentions = (status: Pick<Status, 'account' | 'mentions'>, account: Pick<Account, 'acct'>) => {
+const statusToTextMentions = (
+  status: Pick<Status, 'account' | 'mentions'>,
+  account: Pick<Account, 'acct'>,
+) => {
   const author = status.account.acct;
   const mentions = status.mentions.map((m) => m.acct) || [];
 
-  return [...new Set([author, ...mentions].filter(acct => acct !== account.acct))].map(m => `@${m} `).join('');
+  return [...new Set([author, ...mentions].filter((acct) => acct !== account.acct))]
+    .map((m) => `@${m} `)
+    .join('');
 };
 
-const statusToMentionsArray = (status: Pick<Status, 'account' | 'mentions'>, account: Pick<Account, 'acct'>, rebloggedBy?: Pick<Account, 'acct'>) => {
+const statusToMentionsArray = (
+  status: Pick<Status, 'account' | 'mentions'>,
+  account: Pick<Account, 'acct'>,
+  rebloggedBy?: Pick<Account, 'acct'>,
+) => {
   const author = status.account.acct;
   const mentions = status.mentions.map((m) => m.acct) || [];
 
-  return [...new Set([author, ...(rebloggedBy ? [rebloggedBy.acct] : []), ...mentions].filter(acct => acct !== account.acct))];
+  return [
+    ...new Set(
+      [author, ...(rebloggedBy ? [rebloggedBy.acct] : []), ...mentions].filter(
+        (acct) => acct !== account.acct,
+      ),
+    ),
+  ];
 };
 
-const statusToMentionsAccountIdsArray = (status: Pick<Status, 'mentions' | 'account'>, account: Pick<Account, 'id'>, parentRebloggedBy?: string | null) => {
+const statusToMentionsAccountIdsArray = (
+  status: Pick<Status, 'mentions' | 'account'>,
+  account: Pick<Account, 'id'>,
+  parentRebloggedBy?: string | null,
+) => {
   const mentions = status.mentions.map((m) => m.id);
 
-  return [...new Set([status.account.id, ...(parentRebloggedBy ? [parentRebloggedBy] : []), ...mentions].filter((id) => id !== account.id))];
+  return [
+    ...new Set(
+      [status.account.id, ...(parentRebloggedBy ? [parentRebloggedBy] : []), ...mentions].filter(
+        (id) => id !== account.id,
+      ),
+    ),
+  ];
 };
 
 const appendMedia = (compose: Compose, media: MediaAttachment, defaultSensitive?: boolean) => {
@@ -254,7 +289,7 @@ const appendMedia = (compose: Compose, media: MediaAttachment, defaultSensitive?
 
   compose.mediaAttachments.push(media);
   compose.isUploading = false;
-  compose.resetFileKey = Math.floor((Math.random() * 0x10000));
+  compose.resetFileKey = Math.floor(Math.random() * 0x10000);
 
   if (prevSize === 0 && (defaultSensitive || compose.sensitive)) {
     compose.sensitive = true;
@@ -264,15 +299,22 @@ const appendMedia = (compose: Compose, media: MediaAttachment, defaultSensitive?
 const removeMedia = (compose: Compose, mediaId: string) => {
   const prevSize = compose.mediaAttachments.length;
 
-  compose.mediaAttachments = compose.mediaAttachments.filter(item => item.id !== mediaId);
+  compose.mediaAttachments = compose.mediaAttachments.filter((item) => item.id !== mediaId);
 
   if (prevSize === 1) {
     compose.sensitive = false;
   }
 };
 
-const insertSuggestion = (compose: Compose, position: number, token: string | null, completion: string, path: ComposeSuggestionSelectAction['path']) => {
-  const updateText = (oldText?: string) => `${oldText?.slice(0, position)}${completion} ${oldText?.slice(position + (token?.length ?? 0))}`;
+const insertSuggestion = (
+  compose: Compose,
+  position: number,
+  token: string | null,
+  completion: string,
+  path: ComposeSuggestionSelectAction['path'],
+) => {
+  const updateText = (oldText?: string) =>
+    `${oldText?.slice(0, position)}${completion} ${oldText?.slice(position + (token?.length ?? 0))}`;
   if (path[0] === 'spoiler_text') {
     compose.spoilerText = updateText(compose.spoilerText);
   } else if (compose.poll) {
@@ -290,7 +332,12 @@ const updateSuggestionTags = (compose: Compose, token: string, tags: Tag[]) => {
     .map((tag) => '#' + tag.name);
 };
 
-const privacyPreference = (a: string, b: string, list_id: number | null, conversationScope = false) => {
+const privacyPreference = (
+  a: string,
+  b: string,
+  list_id: number | null,
+  conversationScope = false,
+) => {
   if (['private', 'subscribers'].includes(a) && conversationScope) return 'conversation';
 
   const order = ['public', 'unlisted', 'mutuals_only', 'private', 'direct', 'local'];
@@ -317,8 +364,7 @@ const expandMentions = (status: Pick<Status, 'content' | 'mentions'>) => {
 const getExplicitMentions = (me: string, status: Pick<Status, 'content' | 'mentions'>) => {
   const fragment = domParser.parseFromString(status.content, 'text/html').documentElement;
 
-  const mentions = status
-    .mentions
+  const mentions = status.mentions
     .filter((mention) => !(fragment.querySelector(`a[href="${mention.url}"]`) ?? mention.id === me))
     .map((m) => m.acct);
 
@@ -349,38 +395,45 @@ const importAccount = (compose: Compose, account: CredentialAccount) => {
 const updateDefaultContentType = (compose: Compose, instance: Instance) => {
   const postFormats = instance.pleroma.metadata.post_formats;
 
-  compose.contentType = postFormats.includes(compose.contentType) || (postFormats.includes('text/markdown') && compose.contentType === 'wysiwyg')
-    ? compose.contentType
-    : postFormats.includes('text/markdown')
-      ? 'text/markdown'
-      : postFormats[0];
+  compose.contentType =
+    postFormats.includes(compose.contentType) ||
+    (postFormats.includes('text/markdown') && compose.contentType === 'wysiwyg')
+      ? compose.contentType
+      : postFormats.includes('text/markdown')
+        ? 'text/markdown'
+        : postFormats[0];
 };
 
 const updateCompose = (state: State, key: string, updater: (compose: Compose) => void) =>
-  create(state, draft => {
-    draft[key] = draft[key] || create(draft.default, (draft) => {
-      draft.idempotencyKey = crypto.randomUUID();
-    });
+  create(state, (draft) => {
+    draft[key] =
+      draft[key] ||
+      create(draft.default, (draft) => {
+        draft.idempotencyKey = crypto.randomUUID();
+      });
     updater(draft[key]);
   });
-  // state.update(key, state.get('default')!, updater);
+// state.update(key, state.get('default')!, updater);
 
 const initialState: State = {
   default: newCompose({ idempotencyKey: crypto.randomUUID(), resetFileKey: getResetFileKey() }),
 };
 
-const compose = (state = initialState, action: ComposeAction | EventsAction | InstanceAction | MeAction | TimelineAction): State => {
+const compose = (
+  state = initialState,
+  action: ComposeAction | EventsAction | InstanceAction | MeAction | TimelineAction,
+): State => {
   switch (action.type) {
     case COMPOSE_TYPE_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.contentType = action.value;
       });
     case COMPOSE_SPOILERNESS_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.sensitive = !compose.sensitive;
       });
     case COMPOSE_SPOILER_TEXT_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.modifiedLanguage || compose.modifiedLanguage === compose.language) {
           compose.spoilerText = action.text;
         } else if (compose.modifiedLanguage) {
@@ -388,24 +441,24 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case COMPOSE_VISIBILITY_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.visibility = action.value;
       });
     case COMPOSE_LANGUAGE_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.language = action.value;
         compose.modifiedLanguage = action.value;
       });
     case COMPOSE_MODIFIED_LANGUAGE_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.modifiedLanguage = action.value;
       });
     case COMPOSE_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.text = action.text;
       });
     case COMPOSE_REPLY:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         const defaultCompose = state.default;
 
         const mentions = action.explicitAddressing
@@ -416,8 +469,15 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.inReplyToId = action.status.id;
         compose.to = mentions;
         compose.parentRebloggedById = action.rebloggedBy?.id ?? null;
-        compose.text = !action.explicitAddressing ? statusToTextMentions(action.status, action.account) : '';
-        compose.visibility = privacyPreference(action.status.visibility, defaultCompose.visibility, action.status.list_id, action.conversationScope);
+        compose.text = !action.explicitAddressing
+          ? statusToTextMentions(action.status, action.account)
+          : '';
+        compose.visibility = privacyPreference(
+          action.status.visibility,
+          defaultCompose.visibility,
+          action.status.list_id,
+          action.conversationScope,
+        );
         compose.localOnly = action.status.local_only === true;
         compose.caretPosition = null;
         compose.contentType = defaultCompose.contentType;
@@ -428,12 +488,12 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case COMPOSE_EVENT_REPLY:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.inReplyToId = action.status.id;
         compose.to = statusToMentionsArray(action.status, action.account);
       });
     case COMPOSE_QUOTE:
-      return updateCompose(state, 'compose-modal', compose => {
+      return updateCompose(state, 'compose-modal', (compose) => {
         const author = action.status.account.acct;
         const defaultCompose = state.default;
 
@@ -441,7 +501,11 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.to = [author];
         compose.parentRebloggedById = null;
         compose.text = '';
-        compose.visibility = privacyPreference(action.status.visibility, defaultCompose.visibility, action.status.list_id);
+        compose.visibility = privacyPreference(
+          action.status.visibility,
+          defaultCompose.visibility,
+          action.status.list_id,
+        );
         compose.caretPosition = null;
         compose.contentType = defaultCompose.contentType;
         compose.spoilerText = '';
@@ -452,11 +516,11 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case COMPOSE_SUBMIT_REQUEST:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isSubmitting = true;
       });
     case COMPOSE_UPLOAD_CHANGE_REQUEST:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isChangingUpload = true;
       });
     case COMPOSE_REPLY_CANCEL:
@@ -467,86 +531,95 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
           ...draft,
           idempotencyKey: crypto.randomUUID(),
           in_reply_to_id: action.composeId.startsWith('reply:') ? action.composeId.slice(6) : null,
-          ...(action.composeId.startsWith('group:') ? {
-            visibility: 'group',
-            group_id: action.composeId.slice(6),
-          } : undefined),
+          ...(action.composeId.startsWith('group:')
+            ? {
+                visibility: 'group',
+                group_id: action.composeId.slice(6),
+              }
+            : undefined),
         }));
       });
     case COMPOSE_SUBMIT_FAIL:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isSubmitting = false;
       });
     case COMPOSE_UPLOAD_CHANGE_FAIL:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isChangingUpload = false;
       });
     case COMPOSE_UPLOAD_REQUEST:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isUploading = true;
       });
     case COMPOSE_UPLOAD_SUCCESS:
-      return updateCompose(state, action.composeId, compose =>{
+      return updateCompose(state, action.composeId, (compose) => {
         appendMedia(compose, action.media, state.default.sensitive);
       });
     case COMPOSE_UPLOAD_FAIL:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isUploading = false;
       });
     case COMPOSE_UPLOAD_UNDO:
-      return updateCompose(state, action.composeId, compose =>{
+      return updateCompose(state, action.composeId, (compose) => {
         removeMedia(compose, action.mediaId);
       });
     case COMPOSE_UPLOAD_PROGRESS:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.progress = Math.round((action.loaded / action.total) * 100);
       });
     case COMPOSE_MENTION:
-      return updateCompose(state, 'compose-modal', compose => {
-        compose.text = [compose.text.trim(), `@${action.account.acct} `].filter((str) => str.length !== 0).join(' ');
+      return updateCompose(state, 'compose-modal', (compose) => {
+        compose.text = [compose.text.trim(), `@${action.account.acct} `]
+          .filter((str) => str.length !== 0)
+          .join(' ');
         compose.caretPosition = null;
       });
     case COMPOSE_DIRECT:
-      return updateCompose(state, 'compose-modal', compose => {
-        compose.text = [compose.text.trim(), `@${action.account.acct} `].filter((str) => str.length !== 0).join(' ');
+      return updateCompose(state, 'compose-modal', (compose) => {
+        compose.text = [compose.text.trim(), `@${action.account.acct} `]
+          .filter((str) => str.length !== 0)
+          .join(' ');
         compose.visibility = 'direct';
         compose.caretPosition = null;
       });
     case COMPOSE_GROUP_POST:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.visibility = 'group';
         compose.groupId = action.groupId;
         compose.caretPosition = null;
       });
     case COMPOSE_SUGGESTIONS_CLEAR:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.suggestions = [];
       });
     case COMPOSE_SUGGESTIONS_READY:
-      return updateCompose(state, action.composeId, compose => {
-        compose.suggestions = action.accounts ? action.accounts.map((item) => item.id) : action.emojis ?? [];
+      return updateCompose(state, action.composeId, (compose) => {
+        compose.suggestions = action.accounts
+          ? action.accounts.map((item) => item.id)
+          : (action.emojis ?? []);
       });
     case COMPOSE_SUGGESTION_SELECT:
-      return updateCompose(state, action.composeId, compose =>{
+      return updateCompose(state, action.composeId, (compose) => {
         insertSuggestion(compose, action.position, action.token, action.completion, action.path);
       });
     case COMPOSE_SUGGESTION_TAGS_UPDATE:
-      return updateCompose(state, action.composeId, compose =>{
+      return updateCompose(state, action.composeId, (compose) => {
         updateSuggestionTags(compose, action.token, action.tags);
       });
     case TIMELINE_DELETE:
-      return updateCompose(state, 'compose-modal', compose => {
+      return updateCompose(state, 'compose-modal', (compose) => {
         if (action.statusId === compose.inReplyToId) {
           compose.inReplyToId = null;
-        } if (action.statusId === compose.quoteId) {
+        }
+        if (action.statusId === compose.quoteId) {
           compose.quoteId = null;
         }
       });
     case COMPOSE_UPLOAD_CHANGE_SUCCESS:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.isChangingUpload = false;
 
-        compose.mediaAttachments = compose.mediaAttachments.map(item => {
+        compose.mediaAttachments = compose.mediaAttachments.map((item) => {
           if (item.id === action.media.id) {
             return action.media;
           }
@@ -555,8 +628,10 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         });
       });
     case COMPOSE_SET_STATUS:
-      return updateCompose(state, 'compose-modal', compose => {
-        const mentions = action.explicitAddressing ? getExplicitMentions(action.status.account.id, action.status) : [];
+      return updateCompose(state, 'compose-modal', (compose) => {
+        const mentions = action.explicitAddressing
+          ? getExplicitMentions(action.status.account.id, action.status)
+          : [];
         if (!action.withRedraft && !action.draftId) {
           compose.editedId = action.status.id;
         }
@@ -566,9 +641,10 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.inReplyToId = action.status.in_reply_to_id;
         compose.visibility = action.status.visibility;
         compose.caretPosition = null;
-        const contentType = action.contentType === 'text/markdown' && state.default.contentType === 'wysiwyg'
-          ? 'wysiwyg'
-          : action.contentType ?? 'text/plain';
+        const contentType =
+          action.contentType === 'text/markdown' && state.default.contentType === 'wysiwyg'
+            ? 'wysiwyg'
+            : (action.contentType ?? 'text/plain');
         compose.contentType = contentType;
         compose.quoteId = action.status.quote_id;
         compose.groupId = action.status.group_id;
@@ -602,47 +678,52 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case COMPOSE_POLL_ADD:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.poll = newPoll();
       });
     case COMPOSE_POLL_REMOVE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.poll = null;
       });
     case COMPOSE_SCHEDULE_ADD:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.scheduledAt = new Date(Date.now() + 10 * 60 * 1000);
       });
     case COMPOSE_SCHEDULE_SET:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.scheduledAt = action.date;
       });
     case COMPOSE_SCHEDULE_REMOVE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.scheduledAt = null;
       });
     case COMPOSE_POLL_OPTION_ADD:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.poll) return;
         compose.poll.options.push(action.title);
-        compose.poll.options_map.push(Object.fromEntries(Object.entries(compose.textMap).map((key) => [key, action.title])));
+        compose.poll.options_map.push(
+          Object.fromEntries(Object.entries(compose.textMap).map((key) => [key, action.title])),
+        );
       });
     case COMPOSE_POLL_OPTION_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.poll) return;
         if (!compose.modifiedLanguage || compose.modifiedLanguage === compose.language) {
           compose.poll.options[action.index] = action.title;
-          if (compose.modifiedLanguage) compose.poll.options_map[action.index][compose.modifiedLanguage] = action.title;
+          if (compose.modifiedLanguage)
+            compose.poll.options_map[action.index][compose.modifiedLanguage] = action.title;
         }
       });
     case COMPOSE_POLL_OPTION_REMOVE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.poll) return;
         compose.poll.options = compose.poll.options.filter((_, index) => index !== action.index);
-        compose.poll.options_map = compose.poll.options_map.filter((_, index) => index !== action.index);
+        compose.poll.options_map = compose.poll.options_map.filter(
+          (_, index) => index !== action.index,
+        );
       });
     case COMPOSE_POLL_SETTINGS_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.poll) return null;
         if (action.expiresIn) {
           compose.poll.expires_in = action.expiresIn;
@@ -652,22 +733,22 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case COMPOSE_ADD_TO_MENTIONS:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.to = [...new Set([...compose.to, action.account])];
       });
     case COMPOSE_REMOVE_FROM_MENTIONS:
-      return updateCompose(state, action.composeId, compose => {
-        compose.to = compose.to.filter(acct => acct !== action.account);
+      return updateCompose(state, action.composeId, (compose) => {
+        compose.to = compose.to.filter((acct) => acct !== action.account);
       });
     case ME_FETCH_SUCCESS:
     case ME_PATCH_SUCCESS:
-      return updateCompose(state, 'default', compose =>{
+      return updateCompose(state, 'default', (compose) => {
         importAccount(compose, action.me);
       });
-      // case SETTING_CHANGE:
-      //   return updateCompose(state, 'default', compose => updateSetting(compose, action.path, action.value));
+    // case SETTING_CHANGE:
+    //   return updateCompose(state, 'default', compose => updateSetting(compose, action.path, action.value));
     case COMPOSE_EDITOR_STATE_SET:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (!compose.modifiedLanguage || compose.modifiedLanguage === compose.language) {
           compose.editorState = action.editorState as string;
           compose.text = action.text as string;
@@ -677,38 +758,41 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         }
       });
     case EVENT_COMPOSE_CANCEL:
-      return updateCompose(state, 'event-compose-modal', compose => {
+      return updateCompose(state, 'event-compose-modal', (compose) => {
         compose.text = '';
       });
     case EVENT_FORM_SET:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.text = action.text;
       });
     case COMPOSE_CHANGE_MEDIA_ORDER:
-      return updateCompose(state, action.composeId, compose => {
-        const indexA = compose.mediaAttachments.findIndex(x => x.id === action.a);
-        const indexB = compose.mediaAttachments.findIndex(x => x.id === action.b);
+      return updateCompose(state, action.composeId, (compose) => {
+        const indexA = compose.mediaAttachments.findIndex((x) => x.id === action.a);
+        const indexB = compose.mediaAttachments.findIndex((x) => x.id === action.b);
 
         const item = compose.mediaAttachments.splice(indexA, 1)[0];
         compose.mediaAttachments.splice(indexB, 0, item);
       });
     case COMPOSE_ADD_SUGGESTED_QUOTE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.quoteId = action.quoteId;
       });
     case COMPOSE_ADD_SUGGESTED_LANGUAGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.suggestedLanguage = action.language;
       });
     case COMPOSE_LANGUAGE_ADD:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.editorStateMap[action.value] = compose.editorState;
         compose.textMap[action.value] = compose.text;
         compose.spoilerTextMap[action.value] = compose.spoilerText;
-        if (compose.poll) compose.poll.options_map.forEach((option, key) => option[action.value] = compose.poll!.options[key]);
+        if (compose.poll)
+          compose.poll.options_map.forEach(
+            (option, key) => (option[action.value] = compose.poll!.options[key]),
+          );
       });
     case COMPOSE_LANGUAGE_DELETE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         delete compose.editorStateMap[action.value];
         delete compose.textMap[action.value];
         delete compose.spoilerTextMap[action.value];
@@ -719,64 +803,71 @@ const compose = (state = initialState, action: ComposeAction | EventsAction | In
         compose.quoteId = null;
       });
     case COMPOSE_FEDERATED_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.localOnly = !compose.localOnly;
       });
     case COMPOSE_INTERACTION_POLICY_OPTION_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.interactionPolicy ??= JSON.parse(JSON.stringify(action.initial))!;
 
-        compose.interactionPolicy = create(compose.interactionPolicy ?? action.initial, (interactionPolicy) => {
-          interactionPolicy[action.policy][action.rule] = action.value;
-          interactionPolicy[action.policy][action.rule === 'always' ? 'with_approval' : 'always'] = interactionPolicy[action.policy][action.rule === 'always' ? 'with_approval' : 'always'].filter(rule => !action.value.includes(rule as any));
-        });
+        compose.interactionPolicy = create(
+          compose.interactionPolicy ?? action.initial,
+          (interactionPolicy) => {
+            interactionPolicy[action.policy][action.rule] = action.value;
+            interactionPolicy[action.policy][
+              action.rule === 'always' ? 'with_approval' : 'always'
+            ] = interactionPolicy[action.policy][
+              action.rule === 'always' ? 'with_approval' : 'always'
+            ].filter((rule) => !action.value.includes(rule as any));
+          },
+        );
       });
     case COMPOSE_QUOTE_POLICY_OPTION_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.quoteApprovalPolicy = action.value;
       });
     case INSTANCE_FETCH_SUCCESS:
-      return updateCompose(state, 'default', (compose) =>{
+      return updateCompose(state, 'default', (compose) => {
         updateDefaultContentType(compose, action.instance);
       });
     case COMPOSE_CLEAR_LINK_SUGGESTION_CREATE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.clearLinkSuggestion = action.suggestion;
       });
     case COMPOSE_CLEAR_LINK_SUGGESTION_IGNORE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         if (compose.clearLinkSuggestion?.key === action.key) {
           compose.clearLinkSuggestion = null;
         }
         compose.dismissedClearLinksSuggestions.push(action.key);
       });
     case COMPOSE_PREVIEW_SUCCESS:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.preview = action.status;
       });
     case COMPOSE_PREVIEW_CANCEL:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.preview = null;
       });
     case COMPOSE_HASHTAG_CASING_SUGGESTION_SET:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.hashtagCasingSuggestion = action.suggestion;
       });
     case COMPOSE_HASHTAG_CASING_SUGGESTION_IGNORE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.hashtagCasingSuggestion = null;
         compose.hashtagCasingSuggestionIgnored = true;
       });
     case COMPOSE_REDACTING_OVERWRITE_CHANGE:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.redactingOverwrite = action.value;
       });
     case COMPOSE_SET_LOCATION:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.location = action.location;
       });
     case COMPOSE_SET_SHOW_LOCATION_PICKER:
-      return updateCompose(state, action.composeId, compose => {
+      return updateCompose(state, action.composeId, (compose) => {
         compose.showLocationPicker = action.showLocation;
         if (!action.showLocation) {
           compose.location = null;
diff --git a/packages/pl-fe/src/reducers/contexts.ts b/packages/pl-fe/src/reducers/contexts.ts
index f42205d3c..05ac730f3 100644
--- a/packages/pl-fe/src/reducers/contexts.ts
+++ b/packages/pl-fe/src/reducers/contexts.ts
@@ -2,7 +2,11 @@ import { create } from 'mutative';
 
 import { STATUS_IMPORT, STATUSES_IMPORT, type ImporterAction } from '@/actions/importer';
 
-import { ACCOUNT_BLOCK_SUCCESS, ACCOUNT_MUTE_SUCCESS, type AccountsAction } from '../actions/accounts';
+import {
+  ACCOUNT_BLOCK_SUCCESS,
+  ACCOUNT_MUTE_SUCCESS,
+  type AccountsAction,
+} from '../actions/accounts';
 import {
   CONTEXT_FETCH_SUCCESS,
   STATUS_CREATE_REQUEST,
@@ -24,7 +28,11 @@ const initialState: State = {
 };
 
 /** Import a single status into the reducer, setting replies and replyTos. */
-const importStatus = (state: State, status: Pick<Status, 'id' | 'in_reply_to_id'>, idempotencyKey?: string) => {
+const importStatus = (
+  state: State,
+  status: Pick<Status, 'id' | 'in_reply_to_id'>,
+  idempotencyKey?: string,
+) => {
   const { id, in_reply_to_id: inReplyToId } = status;
   if (!inReplyToId) return;
 
@@ -40,8 +48,8 @@ const importStatus = (state: State, status: Pick<Status, 'id' | 'in_reply_to_id'
 };
 
 /** Import multiple statuses into the state. */
-const importStatuses = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>) =>{
-  statuses.forEach(status =>{
+const importStatuses = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>) => {
+  statuses.forEach((status) => {
     importStatus(state, status);
   });
 };
@@ -74,14 +82,19 @@ const connectNodes = (state: State, fromId: string, toId: string) => {
   const toRoot = getRootNode(state, toId);
 
   if (fromRoot !== toRoot) {
-    insertTombstone(state, toId, fromId); return;
+    insertTombstone(state, toId, fromId);
+    return;
   } else {
     return state;
   }
 };
 
 /** Import a branch of ancestors or descendants, in relation to statusId. */
-const importBranch = (state: State, statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>, statusId?: string) =>{
+const importBranch = (
+  state: State,
+  statuses: Array<Pick<Status, 'id' | 'in_reply_to_id'>>,
+  statusId?: string,
+) => {
   statuses.forEach((status, i) => {
     const prevId = statusId && i === 0 ? statusId : (statuses[i - 1] || {}).id;
 
@@ -122,21 +135,21 @@ const deleteStatus = (state: State, statusId: string) => {
   const parentId = state.inReplyTos[statusId];
   if (parentId) {
     const parentReplies = state.replies[parentId] || [];
-    const newParentReplies = parentReplies.filter(id => id !== statusId);
+    const newParentReplies = parentReplies.filter((id) => id !== statusId);
     state.replies[parentId] = newParentReplies;
   }
 
   // Dereference children
-  const replies = state.replies[statusId] = [];
-  replies.forEach(reply => delete state.inReplyTos[reply]);
+  const replies = (state.replies[statusId] = []);
+  replies.forEach((reply) => delete state.inReplyTos[reply]);
 
   delete state.inReplyTos[statusId];
   delete state.replies[statusId];
 };
 
 /** Delete multiple statuses from the reducer. */
-const deleteStatuses = (state: State, statusIds: string[]) =>{
-  statusIds.forEach(statusId =>{
+const deleteStatuses = (state: State, statusIds: string[]) => {
+  statusIds.forEach((statusId) => {
     deleteStatus(state, statusId);
   });
 };
@@ -149,61 +162,76 @@ const filterContexts = (
   statuses: Record<string, Pick<Status, 'account' | 'id'>>,
 ) => {
   const ownedStatusIds = Object.values(statuses)
-    .filter(status => status.account.id === relationship.id)
-    .map(status => status.id);
+    .filter((status) => status.account.id === relationship.id)
+    .map((status) => status.id);
 
   deleteStatuses(state, ownedStatusIds);
 };
 
 /** Add a fake status ID for a pending status. */
-const importPendingStatus = (state: State, inReplyToId: string | null | undefined, idempotencyKey: string) => {
+const importPendingStatus = (
+  state: State,
+  inReplyToId: string | null | undefined,
+  idempotencyKey: string,
+) => {
   const id = `末pending-${idempotencyKey}`;
   importStatus(state, { id, in_reply_to_id: inReplyToId ?? null });
 };
 
 /** Delete a pending status from the reducer. */
-const deletePendingStatus = (state: State, inReplyToId: string | null | undefined, idempotencyKey: string) => {
+const deletePendingStatus = (
+  state: State,
+  inReplyToId: string | null | undefined,
+  idempotencyKey: string,
+) => {
   const id = `末pending-${idempotencyKey}`;
 
   delete state.inReplyTos[id];
 
   if (inReplyToId) {
     const replies = state.replies[inReplyToId] || [];
-    const newReplies = replies.filter(replyId => replyId !== id).toSorted();
+    const newReplies = replies.filter((replyId) => replyId !== id).toSorted();
     state.replies[inReplyToId] = newReplies;
   }
 };
 
 /** Contexts reducer. Used for building a nested tree structure for threads. */
-const replies = (state = initialState, action: AccountsAction | ImporterAction | StatusesAction | TimelineAction): State => {
+const replies = (
+  state = initialState,
+  action: AccountsAction | ImporterAction | StatusesAction | TimelineAction,
+): State => {
   switch (action.type) {
     case ACCOUNT_BLOCK_SUCCESS:
     case ACCOUNT_MUTE_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         filterContexts(draft, action.relationship, action.statuses);
       });
     case CONTEXT_FETCH_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         normalizeContext(draft, action.statusId, action.ancestors, action.descendants);
       });
     case TIMELINE_DELETE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         deleteStatuses(draft, [action.statusId]);
       });
     case STATUS_CREATE_REQUEST:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importPendingStatus(draft, action.params.in_reply_to_id, action.idempotencyKey);
       });
     case STATUS_CREATE_SUCCESS:
-      return create(state, (draft) =>{
-        deletePendingStatus(draft, 'in_reply_to_id' in action.status ? action.status.in_reply_to_id : null, action.idempotencyKey);
+      return create(state, (draft) => {
+        deletePendingStatus(
+          draft,
+          'in_reply_to_id' in action.status ? action.status.in_reply_to_id : null,
+          action.idempotencyKey,
+        );
       });
     case STATUS_IMPORT:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatus(draft, action.status, action.idempotencyKey);
       });
     case STATUSES_IMPORT:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatuses(draft, action.statuses);
       });
     default:
@@ -211,6 +239,4 @@ const replies = (state = initialState, action: AccountsAction | ImporterAction |
   }
 };
 
-export {
-  replies as default,
-};
+export { replies as default };
diff --git a/packages/pl-fe/src/reducers/conversations.ts b/packages/pl-fe/src/reducers/conversations.ts
index 5a7def676..5bb9071d8 100644
--- a/packages/pl-fe/src/reducers/conversations.ts
+++ b/packages/pl-fe/src/reducers/conversations.ts
@@ -32,8 +32,8 @@ const initialState: State = {
 };
 
 const minifyConversation = (conversation: Conversation) => ({
-  ...(pick(conversation, ['id', 'unread'])),
-  accounts: conversation.accounts.map(a => a.id),
+  ...pick(conversation, ['id', 'unread']),
+  accounts: conversation.accounts.map((a) => a.id),
   last_status: conversation.last_status?.id ?? null,
   last_status_created_at: conversation.last_status?.created_at ?? null,
 });
@@ -41,7 +41,7 @@ const minifyConversation = (conversation: Conversation) => ({
 type MinifiedConversation = ReturnType<typeof minifyConversation>;
 
 const updateConversation = (state: State, item: Conversation) => {
-  const index = state.items.findIndex(x => x.id === item.id);
+  const index = state.items.findIndex((x) => x.id === item.id);
   const newItem = minifyConversation(item);
 
   if (index === -1) {
@@ -51,12 +51,17 @@ const updateConversation = (state: State, item: Conversation) => {
   }
 };
 
-const expandNormalizedConversations = (state: State, conversations: Conversation[], next: (() => Promise<PaginatedResponse<Conversation>>) | null, isLoadingRecent?: boolean) => {
+const expandNormalizedConversations = (
+  state: State,
+  conversations: Conversation[],
+  next: (() => Promise<PaginatedResponse<Conversation>>) | null,
+  isLoadingRecent?: boolean,
+) => {
   let items = conversations.map(minifyConversation);
 
   if (items.length) {
-    let list = state.items.map(oldItem => {
-      const newItemIndex = items.findIndex(x => x.id === oldItem.id);
+    let list = state.items.map((oldItem) => {
+      const newItemIndex = items.findIndex((x) => x.id === oldItem.id);
 
       if (newItemIndex === -1) {
         return oldItem;
@@ -95,11 +100,16 @@ const conversations = (state = initialState, action: ConversationsAction): State
         draft.isLoading = false;
       });
     case CONVERSATIONS_FETCH_SUCCESS:
-      return create(state, (draft) =>{
-        expandNormalizedConversations(draft, action.conversations, action.next, action.isLoadingRecent);
+      return create(state, (draft) => {
+        expandNormalizedConversations(
+          draft,
+          action.conversations,
+          action.next,
+          action.isLoadingRecent,
+        );
       });
     case CONVERSATIONS_UPDATE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         updateConversation(state, action.conversation);
       });
     case CONVERSATIONS_MOUNT:
@@ -112,7 +122,7 @@ const conversations = (state = initialState, action: ConversationsAction): State
       });
     case CONVERSATIONS_READ:
       return create(state, (draft) => {
-        state.items = state.items.map(item => {
+        state.items = state.items.map((item) => {
           if (item.id === action.conversationId) {
             return { ...item, unread: false };
           }
diff --git a/packages/pl-fe/src/reducers/frontend-config.ts b/packages/pl-fe/src/reducers/frontend-config.ts
index 85bdd4b9a..d65e4dbf5 100644
--- a/packages/pl-fe/src/reducers/frontend-config.ts
+++ b/packages/pl-fe/src/reducers/frontend-config.ts
@@ -20,10 +20,9 @@ const fallbackState: Partial<FrontendConfig> = {
 
 const updateFromAdmin = (state: Record<string, any>, configs: PleromaConfig['configs']) => {
   try {
-    return ConfigDB.find(configs, ':pleroma', ':frontend_configurations')!
-      .value
-      .find((value: Record<string, any>) => value.tuple?.[0] === ':pl_fe')
-      .tuple?.[1];
+    return ConfigDB.find(configs, ':pleroma', ':frontend_configurations')!.value.find(
+      (value: Record<string, any>) => value.tuple?.[0] === ':pl_fe',
+    ).tuple?.[1];
   } catch {
     return state;
   }
@@ -52,7 +51,10 @@ const importFrontendConfig = (frontendConfig: FrontendConfig, host: string) => {
   return frontendConfig;
 };
 
-const frontendConfig = (state = initialState, action: Record<string, any>): Partial<FrontendConfig> => {
+const frontendConfig = (
+  state = initialState,
+  action: Record<string, any>,
+): Partial<FrontendConfig> => {
   switch (action.type) {
     case PLEROMA_PRELOAD_IMPORT:
       return preloadImport(state, action);
diff --git a/packages/pl-fe/src/reducers/instance.ts b/packages/pl-fe/src/reducers/instance.ts
index ed1d1f934..8b8dee4a6 100644
--- a/packages/pl-fe/src/reducers/instance.ts
+++ b/packages/pl-fe/src/reducers/instance.ts
@@ -2,8 +2,16 @@ import { create } from 'mutative';
 import { type Instance, instanceSchema, PleromaConfig } from 'pl-api';
 import * as v from 'valibot';
 
-import { ADMIN_CONFIG_UPDATE_REQUEST, ADMIN_CONFIG_UPDATE_SUCCESS, type AdminActions } from '@/actions/admin';
-import { INSTANCE_FETCH_FAIL, INSTANCE_FETCH_SUCCESS, type InstanceAction } from '@/actions/instance';
+import {
+  ADMIN_CONFIG_UPDATE_REQUEST,
+  ADMIN_CONFIG_UPDATE_SUCCESS,
+  type AdminActions,
+} from '@/actions/admin';
+import {
+  INSTANCE_FETCH_FAIL,
+  INSTANCE_FETCH_SUCCESS,
+  type InstanceAction,
+} from '@/actions/instance';
 import { PLEROMA_PRELOAD_IMPORT, type PreloadAction } from '@/actions/preload';
 import KVStore from '@/storage/kv-store';
 import ConfigDB from '@/utils/config-db';
@@ -23,8 +31,7 @@ const preloadImport = (state: State, action: PreloadAction, path: string): State
 };
 
 const getConfigValue = (instanceConfig: Array<any>, key: string) => {
-  const v = instanceConfig
-    .find(value => value?.tuple?.[0] === key);
+  const v = instanceConfig.find((value) => value?.tuple?.[0] === key);
 
   return v ? v?.tuple?.[1] : undefined;
 };
@@ -38,7 +45,9 @@ const importConfigs = (state: State, configs: PleromaConfig['configs']) => {
   if (config) {
     const value = config.value ?? [];
     const registrationsOpen = getConfigValue(value, ':registrations_open') as boolean | undefined;
-    const approvalRequired = getConfigValue(value, ':account_approval_required') as boolean | undefined;
+    const approvalRequired = getConfigValue(value, ':account_approval_required') as
+      | boolean
+      | undefined;
 
     state.registrations = {
       ...state.registrations,
@@ -84,7 +93,10 @@ const handleInstanceFetchFail = (state: State, error: any) => {
   }
 };
 
-const instance = (state = initialState, action: AdminActions | InstanceAction | PreloadAction): State => {
+const instance = (
+  state = initialState,
+  action: AdminActions | InstanceAction | PreloadAction,
+): State => {
   switch (action.type) {
     case PLEROMA_PRELOAD_IMPORT:
       return preloadImport(state, action, '/api/v1/instance');
diff --git a/packages/pl-fe/src/reducers/notifications.ts b/packages/pl-fe/src/reducers/notifications.ts
index a85c3f6ff..85a8a17ce 100644
--- a/packages/pl-fe/src/reducers/notifications.ts
+++ b/packages/pl-fe/src/reducers/notifications.ts
@@ -5,11 +5,7 @@ import {
   ACCOUNT_MUTE_SUCCESS,
   type AccountsAction,
 } from '../actions/accounts';
-import {
-  MARKER_FETCH_SUCCESS,
-  MARKER_SAVE_SUCCESS,
-  type MarkersAction,
-} from '../actions/markers';
+import { MARKER_FETCH_SUCCESS, MARKER_SAVE_SUCCESS, type MarkersAction } from '../actions/markers';
 import {
   NOTIFICATIONS_UPDATE,
   NOTIFICATIONS_EXPAND_SUCCESS,
@@ -21,7 +17,13 @@ import {
 } from '../actions/notifications';
 import { TIMELINE_DELETE, type TimelineAction } from '../actions/timelines';
 
-import type { GroupedNotificationsResults, Markers, NotificationGroup, PaginatedResponse, Relationship } from 'pl-api';
+import type {
+  GroupedNotificationsResults,
+  Markers,
+  NotificationGroup,
+  PaginatedResponse,
+  Relationship,
+} from 'pl-api';
 
 interface State {
   items: Array<NotificationGroup>;
@@ -41,20 +43,38 @@ const initialState: State = {
   lastRead: -1,
 };
 
-const filterUnique = (notification: NotificationGroup, index: number, notifications: Array<NotificationGroup>) =>
-  notifications.findIndex(({ group_key }) => group_key === notification.group_key) === index;
+const filterUnique = (
+  notification: NotificationGroup,
+  index: number,
+  notifications: Array<NotificationGroup>,
+) => notifications.findIndex(({ group_key }) => group_key === notification.group_key) === index;
 
 // For sorting the notifications
-const comparator = (a: Pick<NotificationGroup, 'most_recent_notification_id'>, b: Pick<NotificationGroup, 'most_recent_notification_id'>) => {
-  const length = Math.max(a.most_recent_notification_id.length, b.most_recent_notification_id.length);
-  return b.most_recent_notification_id.padStart(length, '0').localeCompare(a.most_recent_notification_id.padStart(length, '0'));
+const comparator = (
+  a: Pick<NotificationGroup, 'most_recent_notification_id'>,
+  b: Pick<NotificationGroup, 'most_recent_notification_id'>,
+) => {
+  const length = Math.max(
+    a.most_recent_notification_id.length,
+    b.most_recent_notification_id.length,
+  );
+  return b.most_recent_notification_id
+    .padStart(length, '0')
+    .localeCompare(a.most_recent_notification_id.padStart(length, '0'));
 };
 
 // Count how many notifications appear after the given ID (for unread count)
 const countFuture = (notifications: Array<NotificationGroup>, lastId: string | number) =>
   notifications.reduce((acc, notification) => {
-    const length = Math.max(notification.most_recent_notification_id.length, lastId.toString().length);
-    if (notification.most_recent_notification_id.padStart(length, '0').localeCompare(lastId.toString().padStart(length, '0')) === 1) {
+    const length = Math.max(
+      notification.most_recent_notification_id.length,
+      lastId.toString().length,
+    );
+    if (
+      notification.most_recent_notification_id
+        .padStart(length, '0')
+        .localeCompare(lastId.toString().padStart(length, '0')) === 1
+    ) {
       return acc + 1;
     } else {
       return acc;
@@ -69,7 +89,11 @@ const importNotification = (state: State, notification: NotificationGroup) =>
     draft.items = [notification, ...draft.items].toSorted(comparator).filter(filterUnique);
   });
 
-const expandNormalizedNotifications = (state: State, notifications: NotificationGroup[], next: (() => Promise<PaginatedResponse<GroupedNotificationsResults, false>>) | null) =>
+const expandNormalizedNotifications = (
+  state: State,
+  notifications: NotificationGroup[],
+  next: (() => Promise<PaginatedResponse<GroupedNotificationsResults, false>>) | null,
+) =>
   create(state, (draft) => {
     draft.items = [...notifications, ...draft.items].toSorted(comparator).filter(filterUnique);
 
@@ -79,7 +103,7 @@ const expandNormalizedNotifications = (state: State, notifications: Notification
 
 const filterNotifications = (state: State, relationship: Relationship) =>
   create(state, (draft) => {
-    draft.items = draft.items.filter(item => !item.sample_account_ids.includes(relationship.id));
+    draft.items = draft.items.filter((item) => !item.sample_account_ids.includes(relationship.id));
   });
 
 // const filterNotificationIds = (state: State, accountIds: Array<string>, type?: string) =>
@@ -97,11 +121,11 @@ const updateTop = (state: State, top: boolean) =>
 const deleteByStatus = (state: State, statusId: string) =>
   create(state, (draft) => {
     // @ts-ignore
-    draft.items = draft.items.filterNot(item => item !== null && item.status_id === statusId);
+    draft.items = draft.items.filterNot((item) => item !== null && item.status_id === statusId);
   });
 
 const importMarker = (state: State, marker: Markers) => {
-  const lastReadId = marker.notifications?.last_read_id || -1 as string | -1;
+  const lastReadId = marker.notifications?.last_read_id || (-1 as string | -1);
 
   if (!lastReadId) {
     return state;
@@ -116,7 +140,10 @@ const importMarker = (state: State, marker: Markers) => {
   });
 };
 
-const notifications = (state: State = initialState, action: AccountsAction | MarkersAction | NotificationsAction | TimelineAction): State => {
+const notifications = (
+  state: State = initialState,
+  action: AccountsAction | MarkersAction | NotificationsAction | TimelineAction,
+): State => {
   switch (action.type) {
     case NOTIFICATIONS_EXPAND_REQUEST:
       return create(state, (draft) => {
@@ -141,7 +168,9 @@ const notifications = (state: State = initialState, action: AccountsAction | Mar
     case ACCOUNT_BLOCK_SUCCESS:
       return filterNotifications(state, action.relationship);
     case ACCOUNT_MUTE_SUCCESS:
-      return action.relationship.muting_notifications ? filterNotifications(state, action.relationship) : state;
+      return action.relationship.muting_notifications
+        ? filterNotifications(state, action.relationship)
+        : state;
     // case FOLLOW_REQUEST_AUTHORIZE_SUCCESS:
     // case FOLLOW_REQUEST_REJECT_SUCCESS:
     //   return filterNotificationIds(state, [action.accountId], 'follow_request');
diff --git a/packages/pl-fe/src/reducers/pending-statuses.ts b/packages/pl-fe/src/reducers/pending-statuses.ts
index a2db66208..167d79422 100644
--- a/packages/pl-fe/src/reducers/pending-statuses.ts
+++ b/packages/pl-fe/src/reducers/pending-statuses.ts
@@ -53,12 +53,12 @@ const pending_statuses = (state = initialState, action: StatusesAction): State =
   switch (action.type) {
     case STATUS_CREATE_REQUEST:
       if (action.editing) return state;
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatus(draft, action.params, action.idempotencyKey);
       });
     case STATUS_CREATE_FAIL:
     case STATUS_CREATE_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         deleteStatus(draft, action.idempotencyKey);
       });
     default:
@@ -66,7 +66,4 @@ const pending_statuses = (state = initialState, action: StatusesAction): State =
   }
 };
 
-export {
-  type PendingStatus,
-  pending_statuses as default,
-};
+export { type PendingStatus, pending_statuses as default };
diff --git a/packages/pl-fe/src/reducers/push-notifications.ts b/packages/pl-fe/src/reducers/push-notifications.ts
index 9ef6effc7..509107d31 100644
--- a/packages/pl-fe/src/reducers/push-notifications.ts
+++ b/packages/pl-fe/src/reducers/push-notifications.ts
@@ -1,6 +1,10 @@
 import { create } from 'mutative';
 
-import { SET_BROWSER_SUPPORT, SET_SUBSCRIPTION, CLEAR_SUBSCRIPTION } from '../actions/push-notifications/setter';
+import {
+  SET_BROWSER_SUPPORT,
+  SET_SUBSCRIPTION,
+  CLEAR_SUBSCRIPTION,
+} from '../actions/push-notifications/setter';
 
 import type { SetterAction } from '@/actions/push-notifications/setter';
 
diff --git a/packages/pl-fe/src/reducers/statuses.ts b/packages/pl-fe/src/reducers/statuses.ts
index f79ab6768..2499b2ed1 100644
--- a/packages/pl-fe/src/reducers/statuses.ts
+++ b/packages/pl-fe/src/reducers/statuses.ts
@@ -74,28 +74,35 @@ const fixStatus = (state: State, status: BaseStatus): MinifiedStatus => {
   return minifyStatus(fixQuote(normalizeStatus(status, oldStatus)));
 };
 
-const importStatus = (state: State, status: BaseStatus) =>{
+const importStatus = (state: State, status: BaseStatus) => {
   state[status.id] = fixStatus(state, status);
 };
 
-const importStatuses = (state: State, statuses: Array<BaseStatus>) =>{
-  statuses.forEach(status =>{
+const importStatuses = (state: State, statuses: Array<BaseStatus>) => {
+  statuses.forEach((status) => {
     importStatus(state, status);
   });
 };
 
 const deleteStatus = (state: State, statusId: string, references: Array<[string, string]>) => {
-  references.forEach(ref => {
+  references.forEach((ref) => {
     deleteStatus(state, ref[0], []);
   });
 
   delete state[statusId];
 };
 
-const incrementReplyCount = (state: State, { in_reply_to_id, quote_id }: Pick<BaseStatus | CreateStatusParams, 'in_reply_to_id' | 'quote_id'>) => {
+const incrementReplyCount = (
+  state: State,
+  {
+    in_reply_to_id,
+    quote_id,
+  }: Pick<BaseStatus | CreateStatusParams, 'in_reply_to_id' | 'quote_id'>,
+) => {
   if (in_reply_to_id && state[in_reply_to_id]) {
     const parent = state[in_reply_to_id];
-    parent.replies_count = (typeof parent.replies_count === 'number' ? parent.replies_count : 0) + 1;
+    parent.replies_count =
+      (typeof parent.replies_count === 'number' ? parent.replies_count : 0) + 1;
   }
 
   if (quote_id && state[quote_id]) {
@@ -106,7 +113,13 @@ const incrementReplyCount = (state: State, { in_reply_to_id, quote_id }: Pick<Ba
   return state;
 };
 
-const decrementReplyCount = (state: State, { in_reply_to_id, quote_id }: Pick<BaseStatus | CreateStatusParams, 'in_reply_to_id' | 'quote_id'>) => {
+const decrementReplyCount = (
+  state: State,
+  {
+    in_reply_to_id,
+    quote_id,
+  }: Pick<BaseStatus | CreateStatusParams, 'in_reply_to_id' | 'quote_id'>,
+) => {
   if (in_reply_to_id && state[in_reply_to_id]) {
     const parent = state[in_reply_to_id];
     parent.replies_count = Math.max(0, parent.replies_count - 1);
@@ -137,41 +150,50 @@ const simulateFavourite = (state: State, statusId: string, favourited: boolean)
 };
 
 /** Simulate dislike/undislike of status for optimistic interactions */
-const simulateDislike = (
-  state: State,
-  statusId: string,
-  disliked: boolean,
-) => {
+const simulateDislike = (state: State, statusId: string, disliked: boolean) => {
   const status = state[statusId];
   if (!status) return state;
 
   const delta = disliked ? +1 : -1;
 
-  const updatedStatus = ({
+  const updatedStatus = {
     ...status,
     disliked,
     dislikes_count: Math.max(0, status.dislikes_count + delta),
-  });
+  };
 
   state[statusId] = updatedStatus;
 };
 
 const initialState: State = {};
 
-const statuses = (state = initialState, action: EmojiReactsAction | EventsAction | ImporterAction | InteractionsAction | StatusesAction | TimelineAction): State => {
+const statuses = (
+  state = initialState,
+  action:
+    | EmojiReactsAction
+    | EventsAction
+    | ImporterAction
+    | InteractionsAction
+    | StatusesAction
+    | TimelineAction,
+): State => {
   switch (action.type) {
     case STATUS_IMPORT:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatus(draft, action.status);
       });
     case STATUSES_IMPORT:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatuses(draft, action.statuses);
       });
     case STATUS_CREATE_REQUEST:
-      return action.editing ? state : create(state, (draft) => incrementReplyCount(draft, action.params));
+      return action.editing
+        ? state
+        : create(state, (draft) => incrementReplyCount(draft, action.params));
     case STATUS_CREATE_FAIL:
-      return action.editing ? state : create(state, (draft) => decrementReplyCount(draft, action.params));
+      return action.editing
+        ? state
+        : create(state, (draft) => decrementReplyCount(draft, action.params));
     case FAVOURITE_REQUEST:
       return create(state, (draft) => simulateFavourite(draft, action.statusId, true));
     case UNFAVOURITE_REQUEST:
@@ -184,7 +206,11 @@ const statuses = (state = initialState, action: EmojiReactsAction | EventsAction
       return create(state, (draft) => {
         const status = draft[action.statusId];
         if (status) {
-          status.emoji_reactions = simulateEmojiReact(status.emoji_reactions, action.emoji, action.custom);
+          status.emoji_reactions = simulateEmojiReact(
+            status.emoji_reactions,
+            action.emoji,
+            action.custom,
+          );
         }
       });
     case UNEMOJI_REACT_REQUEST:
@@ -265,7 +291,7 @@ const statuses = (state = initialState, action: EmojiReactsAction | EventsAction
         }
       });
     case TIMELINE_DELETE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         deleteStatus(draft, action.statusId, action.references);
       });
     case EVENT_JOIN_REQUEST:
@@ -302,7 +328,4 @@ const statuses = (state = initialState, action: EmojiReactsAction | EventsAction
   }
 };
 
-export {
-  type MinifiedStatus,
-  statuses as default,
-};
+export { type MinifiedStatus, statuses as default };
diff --git a/packages/pl-fe/src/reducers/timelines.ts b/packages/pl-fe/src/reducers/timelines.ts
index 4aa8c3da6..9449eb0a0 100644
--- a/packages/pl-fe/src/reducers/timelines.ts
+++ b/packages/pl-fe/src/reducers/timelines.ts
@@ -1,8 +1,16 @@
 import { create } from 'mutative';
 
-import { ACCOUNT_BLOCK_SUCCESS, ACCOUNT_MUTE_SUCCESS, type AccountsAction } from '../actions/accounts';
+import {
+  ACCOUNT_BLOCK_SUCCESS,
+  ACCOUNT_MUTE_SUCCESS,
+  type AccountsAction,
+} from '../actions/accounts';
 import { PIN_SUCCESS, UNPIN_SUCCESS, type InteractionsAction } from '../actions/interactions';
-import { STATUS_CREATE_REQUEST, STATUS_CREATE_SUCCESS, type StatusesAction } from '../actions/statuses';
+import {
+  STATUS_CREATE_REQUEST,
+  STATUS_CREATE_SUCCESS,
+  type StatusesAction,
+} from '../actions/statuses';
 import {
   TIMELINE_UPDATE,
   TIMELINE_DELETE,
@@ -19,7 +27,12 @@ import {
 
 import type { ImportPosition } from '@/entity-store/types';
 import type { Status } from '@/normalizers/status';
-import type { PaginatedResponse, Status as BaseStatus, Relationship, CreateStatusParams } from 'pl-api';
+import type {
+  PaginatedResponse,
+  Status as BaseStatus,
+  Relationship,
+  CreateStatusParams,
+} from 'pl-api';
 
 const TRUNCATE_LIMIT = 40;
 const TRUNCATE_SIZE = 20;
@@ -58,34 +71,38 @@ const initialState: State = {};
 
 type State = Record<string, Timeline>;
 
-const getStatusIds = (statuses: Array<Pick<BaseStatus, 'id'>> = []) => statuses.map(status => status.id);
+const getStatusIds = (statuses: Array<Pick<BaseStatus, 'id'>> = []) =>
+  statuses.map((status) => status.id);
 
-const mergeStatusIds = (oldIds: Array<string>, newIds: Array<string>) => [...new Set([...newIds, ...oldIds])];
+const mergeStatusIds = (oldIds: Array<string>, newIds: Array<string>) => [
+  ...new Set([...newIds, ...oldIds]),
+];
 
-const addStatusId = (oldIds = Array<string>(), newId: string) => (
-  mergeStatusIds(oldIds, [newId])
-);
+const addStatusId = (oldIds = Array<string>(), newId: string) => mergeStatusIds(oldIds, [newId]);
 
 // Like `take`, but only if the collection's size exceeds truncateLimit
-const truncate = (items: Array<string>, truncateLimit: number, newSize: number) => (
-  items.length > truncateLimit ? items.slice(0, newSize) : items
-);
+const truncate = (items: Array<string>, truncateLimit: number, newSize: number) =>
+  items.length > truncateLimit ? items.slice(0, newSize) : items;
 
 const truncateIds = (items: Array<string>) => truncate(items, TRUNCATE_LIMIT, TRUNCATE_SIZE);
 
-const updateTimeline = (state: State, timelineId: string, updater: (timeline: Timeline) => void) => {
+const updateTimeline = (
+  state: State,
+  timelineId: string,
+  updater: (timeline: Timeline) => void,
+) => {
   state[timelineId] = state[timelineId] || newTimeline();
   updater(state[timelineId]);
 };
 
-const setLoading = (state: State, timelineId: string, loading: boolean) =>{
+const setLoading = (state: State, timelineId: string, loading: boolean) => {
   updateTimeline(state, timelineId, (timeline) => {
     timeline.isLoading = loading;
   });
 };
 
 // Keep track of when a timeline failed to load
-const setFailed = (state: State, timelineId: string, failed: boolean) =>{
+const setFailed = (state: State, timelineId: string, failed: boolean) => {
   updateTimeline(state, timelineId, (timeline) => {
     timeline.loadingFailed = failed;
   });
@@ -150,7 +167,11 @@ const appendStatus = (state: State, timelineId: string, statusId: string) => {
 
 const updateTimelineQueue = (state: State, timelineId: string, statusId: string) => {
   updateTimeline(state, timelineId, (timeline) => {
-    const { queuedItems: queuedIds, items: listedIds, totalQueuedItemsCount: queuedCount } = timeline;
+    const {
+      queuedItems: queuedIds,
+      items: listedIds,
+      totalQueuedItemsCount: queuedCount,
+    } = timeline;
 
     if (queuedIds.includes(statusId)) return;
     if (listedIds.includes(statusId)) return;
@@ -167,16 +188,21 @@ const shouldDelete = (timelineId: string, excludeAccount: string | null) => {
   return true;
 };
 
-const deleteStatus = (state: State, statusId: string, references: Array<[string]> | Array<[string, string]>, excludeAccount: string | null) => {
+const deleteStatus = (
+  state: State,
+  statusId: string,
+  references: Array<[string]> | Array<[string, string]>,
+  excludeAccount: string | null,
+) => {
   for (const timelineId in state) {
     if (shouldDelete(timelineId, excludeAccount)) {
-      state[timelineId].items = state[timelineId].items.filter(id => id !== statusId);
-      state[timelineId].queuedItems = state[timelineId].queuedItems.filter(id => id !== statusId);
+      state[timelineId].items = state[timelineId].items.filter((id) => id !== statusId);
+      state[timelineId].queuedItems = state[timelineId].queuedItems.filter((id) => id !== statusId);
     }
   }
 
   // Remove reblogs of deleted status
-  references.forEach(ref => {
+  references.forEach((ref) => {
     deleteStatus(state, ref[0], [], excludeAccount);
   });
 };
@@ -185,23 +211,23 @@ const clearTimeline = (state: State, timelineId: string) => {
   state[timelineId] = newTimeline();
 };
 
-const updateTop = (state: State, timelineId: string, top: boolean) =>{
+const updateTop = (state: State, timelineId: string, top: boolean) => {
   updateTimeline(state, timelineId, (timeline) => {
     if (top) timeline.unread = 0;
     timeline.top = top;
   });
 };
 
-const isReblogOf = (reblog: Pick<Status, 'reblog_id'>, status: Pick<Status, 'id'>) => reblog.reblog_id === status.id;
+const isReblogOf = (reblog: Pick<Status, 'reblog_id'>, status: Pick<Status, 'id'>) =>
+  reblog.reblog_id === status.id;
 
 const buildReferencesTo = (
   statuses: Record<string, Pick<Status, 'id' | 'account' | 'reblog_id'>>,
   status: Pick<Status, 'id'>,
-): Array<[string]> => (
+): Array<[string]> =>
   Object.values(statuses)
-    .filter(reblog => isReblogOf(reblog, status))
-    .map(status => [status.id])
-);
+    .filter((reblog) => isReblogOf(reblog, status))
+    .map((status) => [status.id]);
 
 // const filterTimeline = (state: State, timelineId: string, relationship: APIEntity, statuses: ImmutableList<ImmutableMap<string, any>>) =>
 //   state.updateIn([timelineId, 'items'], ImmutableOrderedSet(), (ids) =>
@@ -209,7 +235,11 @@ const buildReferencesTo = (
 //       statuses.getIn([statusId, 'account']) === relationship.id,
 //     ));
 
-const filterTimelines = (state: State, relationship: Relationship, statuses: Record<string, Pick<Status, 'id' | 'account' | 'account_id' | 'reblog_id'>>) => {
+const filterTimelines = (
+  state: State,
+  relationship: Relationship,
+  statuses: Record<string, Pick<Status, 'id' | 'account' | 'account_id' | 'reblog_id'>>,
+) => {
   for (const statusId in statuses) {
     const status = statuses[statusId];
 
@@ -240,7 +270,9 @@ const timelineDequeue = (state: State, timelineId: string) => {
 //     timeline.set('items', addStatusId(items, null));
 // }));
 
-const getTimelinesForStatus = (status: Pick<BaseStatus, 'visibility' | 'group'> | Pick<CreateStatusParams, 'visibility'>) => {
+const getTimelinesForStatus = (
+  status: Pick<BaseStatus, 'visibility' | 'group'> | Pick<CreateStatusParams, 'visibility'>,
+) => {
   switch (status.visibility) {
     case 'group':
       return [`group:${'group' in status && status.group?.id}`];
@@ -273,7 +305,7 @@ const importPendingStatus = (state: State, params: CreateStatusParams, idempoten
 
   const timelineIds = getTimelinesForStatus(params);
 
-  timelineIds.forEach(timelineId => {
+  timelineIds.forEach((timelineId) => {
     updateTimelineQueue(state, timelineId, statusId);
   });
 };
@@ -285,19 +317,19 @@ const replacePendingStatus = (state: State, idempotencyKey: string, newId: strin
   for (const timelineId in state) {
     const found = replaceId(state[timelineId].items, oldId, newId);
     if (found) {
-      state[timelineId].queuedItems = state[timelineId].queuedItems.filter(id => id !== oldId);
+      state[timelineId].queuedItems = state[timelineId].queuedItems.filter((id) => id !== oldId);
     } else {
       replaceId(state[timelineId].queuedItems, oldId, newId);
     }
   }
 };
 
-const importStatus = (state: State, status: BaseStatus, idempotencyKey: string) =>{
+const importStatus = (state: State, status: BaseStatus, idempotencyKey: string) => {
   replacePendingStatus(state, idempotencyKey, status.id);
 
   const timelineIds = getTimelinesForStatus(status);
 
-  timelineIds.forEach(timelineId => {
+  timelineIds.forEach((timelineId) => {
     appendStatus(state, timelineId, status.id);
   });
 };
@@ -307,28 +339,31 @@ const handleExpandFail = (state: State, timelineId: string) => {
   setFailed(state, timelineId, true);
 };
 
-const timelines = (state: State = initialState, action: AccountsAction | InteractionsAction | StatusesAction | TimelineAction): State => {
+const timelines = (
+  state: State = initialState,
+  action: AccountsAction | InteractionsAction | StatusesAction | TimelineAction,
+): State => {
   switch (action.type) {
     case STATUS_CREATE_REQUEST:
       if (action.params.scheduled_at) return state;
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importPendingStatus(draft, action.params, action.idempotencyKey);
       });
     case STATUS_CREATE_SUCCESS:
       if ('params' in action.status || action.editing) return state;
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         importStatus(draft, action.status as BaseStatus, action.idempotencyKey);
       });
     case TIMELINE_EXPAND_REQUEST:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         setLoading(draft, action.timeline, true);
       });
     case TIMELINE_EXPAND_FAIL:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         handleExpandFail(draft, action.timeline);
       });
     case TIMELINE_EXPAND_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         expandNormalizedTimeline(
           draft,
           action.timeline,
@@ -341,40 +376,40 @@ const timelines = (state: State = initialState, action: AccountsAction | Interac
     case TIMELINE_UPDATE:
       return create(state, (draft) => appendStatus(draft, action.timeline, action.statusId));
     case TIMELINE_UPDATE_QUEUE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         updateTimelineQueue(draft, action.timeline, action.statusId);
       });
     case TIMELINE_DEQUEUE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         timelineDequeue(draft, action.timeline);
       });
     case TIMELINE_DELETE:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         deleteStatus(draft, action.statusId, action.references, action.reblogOf);
       });
     case TIMELINE_CLEAR:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         clearTimeline(draft, action.timeline);
       });
     case ACCOUNT_BLOCK_SUCCESS:
     case ACCOUNT_MUTE_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         filterTimelines(draft, action.relationship, action.statuses);
       });
     // case ACCOUNT_UNFOLLOW_SUCCESS:
     //   return filterTimeline(state, 'home', action.relationship, action.statuses);
     case TIMELINE_SCROLL_TOP:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         updateTop(state, action.timeline, action.top);
       });
     case PIN_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
           timeline.items = [...new Set([action.statusId, ...timeline.items])];
         });
       });
     case UNPIN_SUCCESS:
-      return create(state, (draft) =>{
+      return create(state, (draft) => {
         updateTimeline(draft, `account:${action.accountId}:with_replies:pinned`, (timeline) => {
           timeline.items = timeline.items.filter((id) => id !== action.statusId);
         });
diff --git a/packages/pl-fe/src/schemas/pl-fe/settings.ts b/packages/pl-fe/src/schemas/pl-fe/settings.ts
index 6c5265cbf..2e7c8122d 100644
--- a/packages/pl-fe/src/schemas/pl-fe/settings.ts
+++ b/packages/pl-fe/src/schemas/pl-fe/settings.ts
@@ -23,15 +23,12 @@ const settingsSchema = v.object({
   missingDescriptionModal: v.fallback(v.boolean(), true),
   ignoreHashtagCasingSuggestions: v.fallback(v.boolean(), false),
   defaultPrivacy: v.fallback(v.picklist(['public', 'unlisted', 'private', 'direct']), 'public'),
-  defaultContentType: v.fallback(v.picklist(['text/plain', 'text/markdown', 'text/html', 'wysiwyg']), 'text/plain'),
-  themeMode: v.fallback(v.picklist(['system', 'light', 'dark', 'black']), 'system'),
-  locale: v.fallback(
-    v.pipe(
-      v.fallback(v.string(), navigator.language),
-      v.picklist(locales),
-    ),
-    'en',
+  defaultContentType: v.fallback(
+    v.picklist(['text/plain', 'text/markdown', 'text/html', 'wysiwyg']),
+    'text/plain',
   ),
+  themeMode: v.fallback(v.picklist(['system', 'light', 'dark', 'black']), 'system'),
+  locale: v.fallback(v.pipe(v.fallback(v.string(), navigator.language), v.picklist(locales)), 'en'),
   showExplanationBox: v.fallback(v.boolean(), true),
   explanationBox: v.fallback(v.boolean(), true),
   autoloadTimelines: v.fallback(v.boolean(), true),
@@ -56,14 +53,17 @@ const settingsSchema = v.object({
   disableUserProvidedMedia: v.fallback(v.boolean(), false),
   stripMetadata: v.fallback(v.boolean(), false),
 
-  theme: v.optional(coerceObject({
-    brandColor: v.optional(v.string()),
-    accentColor: v.optional(v.string()),
-    colors: v.optional(v.any()),
-    interfaceSize: v.fallback(v.picklist(['sm', 'md', 'lg', 'xl']), 'md'),
-    backgroundGradient: v.optional(v.boolean(), true),
-    systemDarkThemePreference: v.fallback(v.picklist(['dark', 'black']), 'black'),
-  }), undefined),
+  theme: v.optional(
+    coerceObject({
+      brandColor: v.optional(v.string()),
+      accentColor: v.optional(v.string()),
+      colors: v.optional(v.any()),
+      interfaceSize: v.fallback(v.picklist(['sm', 'md', 'lg', 'xl']), 'md'),
+      backgroundGradient: v.optional(v.boolean(), true),
+      systemDarkThemePreference: v.fallback(v.picklist(['dark', 'black']), 'black'),
+    }),
+    undefined,
+  ),
 
   systemFont: v.fallback(v.boolean(), false),
   systemEmojiFont: v.fallback(v.boolean(), false),
@@ -74,16 +74,22 @@ const settingsSchema = v.object({
     sound: v.optional(v.boolean(), true),
   }),
 
-  timelines: v.fallback(v.record(v.string(), coerceObject({
-    shows: coerceObject({
-      reblog: v.optional(v.boolean(), true),
-      reply: v.optional(v.boolean(), true),
-      direct: v.optional(v.boolean(), false),
-    }),
-    other: coerceObject({
-      onlyMedia: v.optional(v.boolean(), false),
-    }),
-  })), {}),
+  timelines: v.fallback(
+    v.record(
+      v.string(),
+      coerceObject({
+        shows: coerceObject({
+          reblog: v.optional(v.boolean(), true),
+          reply: v.optional(v.boolean(), true),
+          direct: v.optional(v.boolean(), false),
+        }),
+        other: coerceObject({
+          onlyMedia: v.optional(v.boolean(), false),
+        }),
+      }),
+    ),
+    {},
+  ),
 
   account_timeline: coerceObject({
     shows: coerceObject({
diff --git a/packages/pl-fe/src/schemas/pleroma.ts b/packages/pl-fe/src/schemas/pleroma.ts
index 869d6ff9a..06263d329 100644
--- a/packages/pl-fe/src/schemas/pleroma.ts
+++ b/packages/pl-fe/src/schemas/pleroma.ts
@@ -2,26 +2,32 @@ import * as v from 'valibot';
 
 import { coerceObject } from './utils';
 
-const mrfSimpleInstanceSchema = v.pipe(v.any(), v.transform((value) => {
-  if (typeof value === 'string') return [value, ''];
-  return value.tuple;
-}), v.tuple([v.string(), v.string()]));
+const mrfSimpleInstanceSchema = v.pipe(
+  v.any(),
+  v.transform((value) => {
+    if (typeof value === 'string') return [value, ''];
+    return value.tuple;
+  }),
+  v.tuple([v.string(), v.string()]),
+);
 
-const mrfSimpleSchema = coerceObject(v.entriesFromList(
-  [
-    'accept',
-    'avatar_removal',
-    'banner_removal',
-    'federated_timeline_removal',
-    'followers_only',
-    'media_nsfw',
-    'media_removal',
-    'reject',
-    'reject_deletes',
-    'report_removal',
-  ],
-  v.fallback(v.array(mrfSimpleInstanceSchema), []),
-));
+const mrfSimpleSchema = coerceObject(
+  v.entriesFromList(
+    [
+      'accept',
+      'avatar_removal',
+      'banner_removal',
+      'federated_timeline_removal',
+      'followers_only',
+      'media_nsfw',
+      'media_removal',
+      'reject',
+      'reject_deletes',
+      'report_removal',
+    ],
+    v.fallback(v.array(mrfSimpleInstanceSchema), []),
+  ),
+);
 
 type MRFSimple = v.InferOutput<typeof mrfSimpleSchema>;
 
diff --git a/packages/pl-fe/src/schemas/utils.ts b/packages/pl-fe/src/schemas/utils.ts
index d94ba71fa..9a0de63b4 100644
--- a/packages/pl-fe/src/schemas/utils.ts
+++ b/packages/pl-fe/src/schemas/utils.ts
@@ -4,12 +4,14 @@ import * as v from 'valibot';
 const filteredArray = <T>(schema: v.BaseSchema<any, T, v.BaseIssue<unknown>>) =>
   v.pipe(
     v.fallback(v.array(v.any()), []),
-    v.transform((arr) => (
-      arr.map((item) => {
-        const parsed = v.safeParse(schema, item);
-        return parsed.success ? parsed.output : undefined;
-      }).filter((item): item is T => Boolean(item))
-    )),
+    v.transform((arr) =>
+      arr
+        .map((item) => {
+          const parsed = v.safeParse(schema, item);
+          return parsed.success ? parsed.output : undefined;
+        })
+        .filter((item): item is T => Boolean(item)),
+    ),
   );
 
 /** valibot schema to force the value into an object, if it isn't already. */
@@ -17,7 +19,7 @@ const coerceObject = <T extends v.ObjectEntries>(shape: T): v.ObjectSchema<T, un
   v.optional(
     v.pipe(
       v.any(),
-      v.transform((input) => typeof input === 'object' && input !== null ? input : {}),
+      v.transform((input) => (typeof input === 'object' && input !== null ? input : {})),
       v.object(shape),
     ),
     {},
diff --git a/packages/pl-fe/src/selectors/index.ts b/packages/pl-fe/src/selectors/index.ts
index 66f6077b1..28670670e 100644
--- a/packages/pl-fe/src/selectors/index.ts
+++ b/packages/pl-fe/src/selectors/index.ts
@@ -19,7 +19,7 @@ const selectAccount = (state: RootState, accountId: string) =>
 
 const selectAccounts = (state: RootState, accountIds: Array<string>) =>
   accountIds
-    .map(accountId => state.entities[Entities.ACCOUNTS]?.store[accountId] as Account | undefined)
+    .map((accountId) => state.entities[Entities.ACCOUNTS]?.store[accountId] as Account | undefined)
     .filter((account): account is Account => account !== undefined);
 
 const selectOwnAccount = (state: RootState) => {
@@ -46,131 +46,182 @@ const toServerSideType = (columnType: string): Filter['context'][0] => {
 type FilterContext = { contextType?: string };
 
 const getFilters = (state: Pick<RootState, 'filters'>, query: FilterContext) =>
-  state.filters.filter((filter) =>
-    (!query?.contextType || filter.context.includes(toServerSideType(query.contextType)))
-      && (filter.expires_at === null || Date.parse(filter.expires_at) > new Date().getTime()),
+  state.filters.filter(
+    (filter) =>
+      (!query?.contextType || filter.context.includes(toServerSideType(query.contextType))) &&
+      (filter.expires_at === null || Date.parse(filter.expires_at) > new Date().getTime()),
   );
 
-const escapeRegExp = (string: string) =>
-  string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
+const escapeRegExp = (string: string) => string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); // $& means the whole matched string
 
 const regexFromFilters = (filters: Array<Filter>) => {
   if (filters.length === 0) return null;
 
-  return new RegExp(filters.map(filter =>
-    filter.keywords.map(keyword => {
-      let expr = escapeRegExp(keyword.keyword);
+  return new RegExp(
+    filters
+      .map((filter) =>
+        filter.keywords
+          .map((keyword) => {
+            let expr = escapeRegExp(keyword.keyword);
 
-      if (keyword.whole_word) {
-        if (/^[\w]/.test(expr)) {
-          expr = `\\b${expr}`;
-        }
+            if (keyword.whole_word) {
+              if (/^[\w]/.test(expr)) {
+                expr = `\\b${expr}`;
+              }
 
-        if (/[\w]$/.test(expr)) {
-          expr = `${expr}\\b`;
-        }
-      }
+              if (/[\w]$/.test(expr)) {
+                expr = `${expr}\\b`;
+              }
+            }
 
-      return expr;
-    }).join('|'),
-  ).join('|'), 'i');
+            return expr;
+          })
+          .join('|'),
+      )
+      .join('|'),
+    'i',
+  );
 };
 
 const checkFiltered = (index: string, filters: Array<Filter>) =>
-  filters.reduce((result: Array<FilterResult>, filter) =>
-    result.concat(filter.keywords.reduce((result: Array<FilterResult>, keyword) => {
-      let expr = escapeRegExp(keyword.keyword);
+  filters.reduce(
+    (result: Array<FilterResult>, filter) =>
+      result.concat(
+        filter.keywords.reduce((result: Array<FilterResult>, keyword) => {
+          let expr = escapeRegExp(keyword.keyword);
 
-      if (keyword.whole_word) {
-        if (/^[\w]/.test(expr)) {
-          expr = `\\b${expr}`;
-        }
+          if (keyword.whole_word) {
+            if (/^[\w]/.test(expr)) {
+              expr = `\\b${expr}`;
+            }
 
-        if (/[\w]$/.test(expr)) {
-          expr = `${expr}\\b`;
-        }
-      }
+            if (/[\w]$/.test(expr)) {
+              expr = `${expr}\\b`;
+            }
+          }
 
-      const regex = new RegExp(expr);
+          const regex = new RegExp(expr);
 
-      if (regex.test(index)) return result.concat({ filter, keyword_matches: null, status_matches: null });
-      return result;
-    }, [])), []);
+          if (regex.test(index))
+            return result.concat({ filter, keyword_matches: null, status_matches: null });
+          return result;
+        }, []),
+      ),
+    [],
+  );
 
 type APIStatus = { id: string; username?: string };
 
-const makeGetStatus = () => createSelector(
-  [
-    (state: RootState, { id }: APIStatus) => state.statuses[id],
-    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.reblog_id ?? ''] || null,
-    (state: RootState, { id }: APIStatus) => state.statuses[state.statuses[id]?.quote_id ?? ''] || null,
-    (state: RootState, { id }: APIStatus) => {
-      const group = state.statuses[id]?.group_id;
-      if (group) return state.entities[Entities.GROUPS]?.store[group] as Group;
-      return undefined;
+const makeGetStatus = () =>
+  createSelector(
+    [
+      (state: RootState, { id }: APIStatus) => state.statuses[id],
+      (state: RootState, { id }: APIStatus) =>
+        state.statuses[state.statuses[id]?.reblog_id ?? ''] || null,
+      (state: RootState, { id }: APIStatus) =>
+        state.statuses[state.statuses[id]?.quote_id ?? ''] || null,
+      (state: RootState, { id }: APIStatus) => {
+        const group = state.statuses[id]?.group_id;
+        if (group) return state.entities[Entities.GROUPS]?.store[group] as Group;
+        return undefined;
+      },
+      (_state: RootState, { username }: APIStatus) => username,
+      (state: RootState) => state.filters,
+      (_state: RootState, { contextType }: FilterContext) => contextType,
+      (state: RootState) => state.me,
+      (state: RootState) => state.auth.client.features,
+    ],
+
+    (
+      statusBase,
+      statusReblog,
+      statusQuote,
+      statusGroup,
+      username,
+      filters,
+      contextType,
+      me,
+      features,
+    ) => {
+      if (!statusBase) return null;
+      const { account } = statusBase;
+      const accountUsername = account.acct;
+
+      // Must be owner of status if username exists.
+      if (accountUsername !== username && username !== undefined) {
+        return null;
+      }
+
+      filters = getFilters({ filters }, { contextType });
+
+      const filtered = features.filtersV2
+        ? statusBase.filtered
+        : (features.filters &&
+            account.id !== me &&
+            checkFiltered(statusReblog?.search_index || statusBase.search_index || '', filters)) ||
+          [];
+
+      return {
+        ...statusBase,
+        reblog: statusReblog || null,
+        quote: statusQuote || null,
+        group: statusGroup ?? null,
+        filtered,
+      };
     },
-    (_state: RootState, { username }: APIStatus) => username,
-    (state: RootState) => state.filters,
-    (_state: RootState, { contextType }: FilterContext) => contextType,
-    (state: RootState) => state.me,
-    (state: RootState) => state.auth.client.features,
-  ],
-
-  (statusBase, statusReblog, statusQuote, statusGroup, username, filters, contextType, me, features) => {
-    if (!statusBase) return null;
-    const { account } = statusBase;
-    const accountUsername = account.acct;
-
-    // Must be owner of status if username exists.
-    if (accountUsername !== username && username !== undefined) {
-      return null;
-    }
-
-    filters = getFilters({ filters }, { contextType });
-
-    const filtered = features.filtersV2
-      ? statusBase.filtered
-      : features.filters && account.id !== me && checkFiltered(statusReblog?.search_index || statusBase.search_index || '', filters) || [];
-
-    return {
-      ...statusBase,
-      reblog: statusReblog || null,
-      quote: statusQuote || null,
-      group: statusGroup ?? null,
-      filtered,
-    };
-  },
-);
+  );
 
 type SelectedStatus = Exclude<ReturnType<ReturnType<typeof makeGetStatus>>, null>;
 
-const makeGetNotification = () => createSelector([
-  (_state: RootState, notification: NotificationGroup) => notification,
-  // @ts-expect-error types will be fine valibot ensures that
-  (state: RootState, notification: NotificationGroup) => selectAccount(state, notification.target_id),
-  // @ts-expect-error types will be fine valibot ensures that
-  (state: RootState, notification: NotificationGroup) => state.statuses[notification.status_id],
-  (state: RootState, notification: NotificationGroup) => selectAccounts(state, notification.sample_account_ids),
-], (notification, target, status, accounts): SelectedNotification => ({
-  ...notification,
-  // @ts-expect-error types will be fine valibot ensures that
-  target,
-  // @ts-expect-error types will be fine valibot ensures that
-  status,
-  accounts,
-}));
+const makeGetNotification = () =>
+  createSelector(
+    [
+      (_state: RootState, notification: NotificationGroup) => notification,
+      // @ts-expect-error types will be fine valibot ensures that
+      (state: RootState, notification: NotificationGroup) =>
+        selectAccount(state, notification.target_id),
+      // @ts-expect-error types will be fine valibot ensures that
+      (state: RootState, notification: NotificationGroup) => state.statuses[notification.status_id],
+      (state: RootState, notification: NotificationGroup) =>
+        selectAccounts(state, notification.sample_account_ids),
+    ],
+    (notification, target, status, accounts): SelectedNotification => ({
+      ...notification,
+      // @ts-expect-error types will be fine valibot ensures that
+      target,
+      // @ts-expect-error types will be fine valibot ensures that
+      status,
+      accounts,
+    }),
+  );
 
 type SelectedNotification = NotificationGroup & {
   accounts: Array<Account>;
-} & ({
-  type: 'follow' | 'follow_request' | 'admin.sign_up' | 'bite';
-} | {
-  type: 'status' | 'mention' | 'reblog' | 'favourite' | 'poll' | 'update' | 'emoji_reaction' | 'event_reminder' | 'participation_accepted' | 'participation_request' | 'quote' | 'quoted_update';
-  status: MinifiedStatus;
-} | {
-  type: 'move';
-  target: Account;
-})
+} & (
+    | {
+        type: 'follow' | 'follow_request' | 'admin.sign_up' | 'bite';
+      }
+    | {
+        type:
+          | 'status'
+          | 'mention'
+          | 'reblog'
+          | 'favourite'
+          | 'poll'
+          | 'update'
+          | 'emoji_reaction'
+          | 'event_reminder'
+          | 'participation_accepted'
+          | 'participation_request'
+          | 'quote'
+          | 'quoted_update';
+        status: MinifiedStatus;
+      }
+    | {
+        type: 'move';
+        target: Account;
+      }
+  );
 
 const makeGetReport = () => {
   const getStatus = makeGetStatus();
@@ -178,12 +229,16 @@ const makeGetReport = () => {
   return createSelector(
     [
       (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => report,
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.account_id ?? ''),
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.target_account_id ?? ''),
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => selectAccount(state, report?.assigned_account_id ?? ''),
-      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) => report?.status_ids
-        .map((statusId) => getStatus(state, { id: statusId }))
-        .filter((status): status is SelectedStatus => status !== null),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) =>
+        selectAccount(state, report?.account_id ?? ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) =>
+        selectAccount(state, report?.target_account_id ?? ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) =>
+        selectAccount(state, report?.assigned_account_id ?? ''),
+      (state: RootState, report?: ReturnType<typeof minifyAdminReport>) =>
+        report?.status_ids
+          .map((statusId) => getStatus(state, { id: statusId }))
+          .filter((status): status is SelectedStatus => status !== null),
     ],
     (report, account, target_account, assigned_account, statuses = []) => {
       if (!report) return null;
@@ -198,38 +253,46 @@ const makeGetReport = () => {
   );
 };
 
-const getAuthUserIds = createSelector(
-  [(state: RootState) => state.auth.users],
-  authUsers => Object.values(authUsers).reduce((userIds: Array<string>, authUser) => {
+const getAuthUserIds = createSelector([(state: RootState) => state.auth.users], (authUsers) =>
+  Object.values(authUsers).reduce((userIds: Array<string>, authUser) => {
     const userId = authUser?.id;
     if (validId(userId)) userIds.push(userId);
     return userIds;
-  }, []));
-
-const makeGetOtherAccounts = () => createSelector([
-  (state: RootState) => state.entities[Entities.ACCOUNTS]?.store as EntityStore<Account>,
-  getAuthUserIds,
-  (state: RootState) => state.me,
-], (accounts, authUserIds, me) =>
-  authUserIds.reduce<Array<Account>>((list, id) => {
-    if (id === me) return list;
-    const account = accounts?.[id];
-    if (account) list.push(account);
-    return list;
   }, []),
 );
 
-const getSimplePolicy = createSelector([
-  (state: RootState) => state.admin.configs,
-  (state: RootState) => state.instance.pleroma.metadata.federation.mrf_simple_info,
-], (configs, instancePolicy): MRFSimple => ({
-  ...instancePolicy,
-  ...ConfigDB.toSimplePolicy(configs),
-}));
+const makeGetOtherAccounts = () =>
+  createSelector(
+    [
+      (state: RootState) => state.entities[Entities.ACCOUNTS]?.store as EntityStore<Account>,
+      getAuthUserIds,
+      (state: RootState) => state.me,
+    ],
+    (accounts, authUserIds, me) =>
+      authUserIds.reduce<Array<Account>>((list, id) => {
+        if (id === me) return list;
+        const account = accounts?.[id];
+        if (account) list.push(account);
+        return list;
+      }, []),
+  );
+
+const getSimplePolicy = createSelector(
+  [
+    (state: RootState) => state.admin.configs,
+    (state: RootState) => state.instance.pleroma.metadata.federation.mrf_simple_info,
+  ],
+  (configs, instancePolicy): MRFSimple => ({
+    ...instancePolicy,
+    ...ConfigDB.toSimplePolicy(configs),
+  }),
+);
 
 const getRemoteInstanceFavicon = (state: RootState, host: string) => {
   const accounts = state.entities[Entities.ACCOUNTS]?.store as EntityStore<Account>;
-  const account = Object.entries(accounts).find(([_, account]) => account && getDomain(account) === host)?.[1];
+  const account = Object.entries(accounts).find(
+    ([_, account]) => account && getDomain(account) === host,
+  )?.[1];
   return account?.favicon ?? null;
 };
 
@@ -241,7 +304,10 @@ const getRemoteInstanceFederation = (state: RootState, host: string): HostFedera
   const simplePolicy = getSimplePolicy(state);
 
   return Object.fromEntries(
-    Object.entries(simplePolicy).map(([key, hosts]) => [key, hosts.some(entry => entry[0] === host)]),
+    Object.entries(simplePolicy).map(([key, hosts]) => [
+      key,
+      hosts.some((entry) => entry[0] === host),
+    ]),
   ) as HostFederation;
 };
 
@@ -249,7 +315,9 @@ const makeGetHosts = () =>
   createSelector([getSimplePolicy], (simplePolicy) => {
     const { accept, reject_deletes, report_removal, ...rest } = simplePolicy;
 
-    return [...new Set(Object.values(rest).reduce((acc, hosts) => (acc.push(...hosts), acc), []))].toSorted();
+    return [
+      ...new Set(Object.values(rest).reduce((acc, hosts) => (acc.push(...hosts), acc), [])),
+    ].toSorted();
   });
 
 interface RemoteInstance {
@@ -259,29 +327,36 @@ interface RemoteInstance {
 }
 
 const makeGetRemoteInstance = () =>
-  createSelector([
-    (_state: RootState, host: string) => host,
-    getRemoteInstanceFavicon,
-    getRemoteInstanceFederation,
-  ], (host, favicon, federation): RemoteInstance => ({
-    host,
-    favicon,
-    federation,
-  }));
+  createSelector(
+    [
+      (_state: RootState, host: string) => host,
+      getRemoteInstanceFavicon,
+      getRemoteInstanceFederation,
+    ],
+    (host, favicon, federation): RemoteInstance => ({
+      host,
+      favicon,
+      federation,
+    }),
+  );
 
 type ColumnQuery = { type: string; prefix?: string };
 
-const makeGetStatusIds = () => createSelector([
-  (state: RootState, { type, prefix }: ColumnQuery) => useSettingsStore.getState().settings.timelines[prefix ?? type],
-  (state: RootState, { type }: ColumnQuery) => state.timelines[type]?.items || [],
-  (state: RootState) => state.statuses,
-], (columnSettings: any, statusIds: Array<string>, statuses) =>
-  statusIds.filter((id: string) => {
-    const status = statuses[id];
-    if (!status) return true;
-    return !shouldFilter(status, columnSettings);
-  }),
-);
+const makeGetStatusIds = () =>
+  createSelector(
+    [
+      (state: RootState, { type, prefix }: ColumnQuery) =>
+        useSettingsStore.getState().settings.timelines[prefix ?? type],
+      (state: RootState, { type }: ColumnQuery) => state.timelines[type]?.items || [],
+      (state: RootState) => state.statuses,
+    ],
+    (columnSettings: any, statusIds: Array<string>, statuses) =>
+      statusIds.filter((id: string) => {
+        const status = statuses[id];
+        if (!status) return true;
+        return !shouldFilter(status, columnSettings);
+      }),
+  );
 
 export {
   type RemoteInstance,
diff --git a/packages/pl-fe/src/sentry.ts b/packages/pl-fe/src/sentry.ts
index f0b2598ba..bb91f1a4b 100644
--- a/packages/pl-fe/src/sentry.ts
+++ b/packages/pl-fe/src/sentry.ts
@@ -35,7 +35,7 @@ const startSentry = async (dsn: string): Promise<void> => {
       /^moz-extension:\/\//i,
     ],
 
-    tracesSampleRate: .1,
+    tracesSampleRate: 0.1,
   });
 
   Sentry.setContext('pl-fe', sourceCode);
@@ -59,13 +59,18 @@ const unsetSentryAccount = async (): Promise<void> => {
 };
 
 /** Capture the exception and report it to Sentry. */
-const captureSentryException = async (exception: any, captureContext?: CaptureContext): Promise<string> => {
+const captureSentryException = async (
+  exception: any,
+  captureContext?: CaptureContext,
+): Promise<string> => {
   const Sentry = await import('@sentry/react');
   return Sentry.captureException(exception, captureContext);
 };
 
 /** Capture user feedback and report it to Sentry. */
-const captureSentryFeedback = async (feedback: SetOptional<UserFeedback, 'name' | 'email'>): Promise<void> => {
+const captureSentryFeedback = async (
+  feedback: SetOptional<UserFeedback, 'name' | 'email'>,
+): Promise<void> => {
   const Sentry = await import('@sentry/react');
   Sentry.captureUserFeedback(feedback as UserFeedback);
 };
diff --git a/packages/pl-fe/src/service-worker/sw.ts b/packages/pl-fe/src/service-worker/sw.ts
index ede034d85..ea4e622cc 100644
--- a/packages/pl-fe/src/service-worker/sw.ts
+++ b/packages/pl-fe/src/service-worker/sw.ts
@@ -70,25 +70,29 @@ interface APINotification extends Omit<NotificationEntity, 'account' | 'status'>
 
 /** Show the actual push notification on the device. */
 const notify = (options: ExtendedNotificationOptions): Promise<void> =>
-  self.registration.getNotifications().then(notifications => {
-    if (notifications.length >= MAX_NOTIFICATIONS) { // Reached the maximum number of notifications, proceed with grouping
+  self.registration.getNotifications().then((notifications) => {
+    if (notifications.length >= MAX_NOTIFICATIONS) {
+      // Reached the maximum number of notifications, proceed with grouping
       const group: ClonedNotification = {
-        title: formatMessage('notifications.group', options.data.preferred_locale, { count: notifications.length + 1 }),
-        body: notifications.map(notification => notification.title).join('\n'),
+        title: formatMessage('notifications.group', options.data.preferred_locale, {
+          count: notifications.length + 1,
+        }),
+        body: notifications.map((notification) => notification.title).join('\n'),
         tag: GROUP_TAG,
         data: {
-          url: (new URL('/notifications', self.location.href)).href,
+          url: new URL('/notifications', self.location.href).href,
           count: notifications.length + 1,
           preferred_locale: options.data.preferred_locale,
         },
       };
 
-      notifications.forEach(notification =>{
+      notifications.forEach((notification) => {
         notification.close();
       });
 
       return self.registration.showNotification(group.title, group);
-    } else if (notifications.length === 1 && notifications[0].tag === GROUP_TAG) { // Already grouped, proceed with appending the notification to the group
+    } else if (notifications.length === 1 && notifications[0].tag === GROUP_TAG) {
+      // Already grouped, proceed with appending the notification to the group
       const group = cloneNotification(notifications[0]);
       const count = (group.data.count ?? 0) + 1;
 
@@ -103,24 +107,30 @@ const notify = (options: ExtendedNotificationOptions): Promise<void> =>
   });
 
 /** Perform an API request to the backend. */
-const fetchFromApi = (path: string, method: string, accessToken: string): Promise<APINotification> => {
-  const url = (new URL(path, self.location.href)).href;
+const fetchFromApi = (
+  path: string,
+  method: string,
+  accessToken: string,
+): Promise<APINotification> => {
+  const url = new URL(path, self.location.href).href;
 
   return fetch(url, {
     headers: {
-      'Authorization': `Bearer ${accessToken}`,
+      Authorization: `Bearer ${accessToken}`,
       'Content-Type': 'application/json',
     },
 
     method: method,
     credentials: 'include',
-  }).then(res => {
-    if (res.ok) {
-      return res;
-    } else {
-      throw new Error(String(res.status));
-    }
-  }).then(res => res.json());
+  })
+    .then((res) => {
+      if (res.ok) {
+        return res;
+      } else {
+        throw new Error(String(res.status));
+      }
+    })
+    .then((res) => res.json());
 };
 
 /** Create a mutable object that loosely matches the Notification. */
@@ -138,11 +148,16 @@ const cloneNotification = (notification: Notification): ClonedNotification => {
 
 /** Get translated message for the user's locale. */
 const formatMessage = (messageId: string, locale: string, values = {}): string =>
-  (new IntlMessageFormat(locales[locale][messageId], locale)).format(values) as string;
+  new IntlMessageFormat(locales[locale][messageId], locale).format(values) as string;
 
 /** Strip HTML for display in a native notification. */
 const htmlToPlainText = (html: string): string =>
-  unescape(html.replace(/<br\s*\/?>/g, '\n').replace(/<\/p><[^>]*>/g, '\n\n').replace(/<[^>]*>/g, ''));
+  unescape(
+    html
+      .replace(/<br\s*\/?>/g, '\n')
+      .replace(/<\/p><[^>]*>/g, '\n\n')
+      .replace(/<[^>]*>/g, ''),
+  );
 
 /** ServiceWorker `push` event callback. */
 const handlePush = (event: PushEvent) => {
@@ -155,41 +170,58 @@ const handlePush = (event: PushEvent) => {
 
   // Placeholder until more information can be loaded
   event.waitUntil(
-    fetchFromApi(`/api/v1/notifications/${notification_id}`, 'get', access_token).then(notification => {
-      const options: ExtendedNotificationOptions = {
-        title: formatMessage(`notification.${notification.type}`, preferred_locale, { name: notification.account.display_name.length > 0 ? notification.account.display_name : notification.account.username }),
-        body: notification.status && htmlToPlainText(notification.status.content),
-        icon: notification.account.avatar_static,
-        timestamp: notification.created_at ? Number(new Date(notification.created_at)) : undefined,
-        tag: notification.id,
-        image: notification.status?.media_attachments[0]?.preview_url,
-        data: { access_token, preferred_locale, id: notification.status ? notification.status.id : notification.account.id, url: notification.status ? `/@${notification.account.acct}/posts/${notification.status.id}` : `/@${notification.account.acct}` },
-      };
+    fetchFromApi(`/api/v1/notifications/${notification_id}`, 'get', access_token)
+      .then((notification) => {
+        const options: ExtendedNotificationOptions = {
+          title: formatMessage(`notification.${notification.type}`, preferred_locale, {
+            name:
+              notification.account.display_name.length > 0
+                ? notification.account.display_name
+                : notification.account.username,
+          }),
+          body: notification.status && htmlToPlainText(notification.status.content),
+          icon: notification.account.avatar_static,
+          timestamp: notification.created_at
+            ? Number(new Date(notification.created_at))
+            : undefined,
+          tag: notification.id,
+          image: notification.status?.media_attachments[0]?.preview_url,
+          data: {
+            access_token,
+            preferred_locale,
+            id: notification.status ? notification.status.id : notification.account.id,
+            url: notification.status
+              ? `/@${notification.account.acct}/posts/${notification.status.id}`
+              : `/@${notification.account.acct}`,
+          },
+        };
 
-      if (notification.status?.spoiler_text || notification.status?.sensitive) {
-        options.data.hiddenBody = htmlToPlainText(notification.status?.content);
-        options.data.hiddenImage = notification.status?.media_attachments[0]?.preview_url;
+        if (notification.status?.spoiler_text || notification.status?.sensitive) {
+          options.data.hiddenBody = htmlToPlainText(notification.status?.content);
+          options.data.hiddenImage = notification.status?.media_attachments[0]?.preview_url;
 
-        if (notification.status?.spoiler_text) {
-          options.body = notification.status.spoiler_text;
+          if (notification.status?.spoiler_text) {
+            options.body = notification.status.spoiler_text;
+          }
+
+          options.image = undefined;
+          options.actions = [actionExpand(preferred_locale)];
+        } else if (notification.type === 'mention') {
+          options.actions = [actionReblog(preferred_locale), actionFavourite(preferred_locale)];
         }
 
-        options.image = undefined;
-        options.actions = [actionExpand(preferred_locale)];
-      } else if (notification.type === 'mention') {
-        options.actions = [actionReblog(preferred_locale), actionFavourite(preferred_locale)];
-      }
-
-      return notify(options);
-    }).catch(() => notify({
-      title,
-      body,
-      icon,
-      tag: notification_id,
-      timestamp: Number(new Date()),
-      data: { access_token, preferred_locale, url: '/notifications' },
-    }),
-    ),
+        return notify(options);
+      })
+      .catch(() =>
+        notify({
+          title,
+          body,
+          icon,
+          tag: notification_id,
+          timestamp: Number(new Date()),
+          data: { access_token, preferred_locale, url: '/notifications' },
+        }),
+      ),
   );
 };
 
@@ -216,10 +248,10 @@ const actionFavourite = (preferred_locale: string) => ({
 
 /** Get the active tab if possible, or any open tab. */
 const findBestClient = (clients: readonly WindowClient[]): WindowClient => {
-  const focusedClient = clients.find(client => client.focused);
-  const visibleClient = clients.find(client => client.visibilityState === 'visible');
+  const focusedClient = clients.find((client) => client.focused);
+  const visibleClient = clients.find((client) => client.visibilityState === 'visible');
 
-  return (focusedClient ?? visibleClient) ?? clients[0];
+  return focusedClient ?? visibleClient ?? clients[0];
 };
 
 /** Update a notification with CW to display the full status. */
@@ -228,7 +260,10 @@ const expandNotification = (notification: Notification) => {
 
   newNotification.body = newNotification.data.hiddenBody;
   newNotification.image = newNotification.data.hiddenImage;
-  newNotification.actions = [actionReblog(notification.data.preferred_locale), actionFavourite(notification.data.preferred_locale)];
+  newNotification.actions = [
+    actionReblog(notification.data.preferred_locale),
+    actionFavourite(notification.data.preferred_locale),
+  ];
 
   return self.registration.showNotification(newNotification.title, newNotification);
 };
@@ -237,19 +272,19 @@ const expandNotification = (notification: Notification) => {
 const removeActionFromNotification = (notification: Notification, action: string) => {
   const newNotification = cloneNotification(notification);
 
-  newNotification.actions = newNotification.actions?.filter(item => item.action !== action);
+  newNotification.actions = newNotification.actions?.filter((item) => item.action !== action);
 
   return self.registration.showNotification(newNotification.title, newNotification);
 };
 
 /** Open a URL on the device. */
 const openUrl = (url: string) =>
-  self.clients.matchAll({ type: 'window' }).then(clientList => {
+  self.clients.matchAll({ type: 'window' }).then((clientList) => {
     if (clientList.length === 0) {
       return self.clients.openWindow(url);
     } else {
       const client = findBestClient(clientList);
-      return client.navigate(url).then(client => client?.focus());
+      return client.navigate(url).then((client) => client?.focus());
     }
   });
 
@@ -261,10 +296,18 @@ const handleNotificationClick = (event: NotificationEvent) => {
         resolve(expandNotification(event.notification));
       } else if (event.action === 'reblog') {
         const { data } = event.notification;
-        resolve(fetchFromApi(`/api/v1/statuses/${data.id}/reblog`, 'post', data.access_token).then(() => removeActionFromNotification(event.notification, 'reblog')));
+        resolve(
+          fetchFromApi(`/api/v1/statuses/${data.id}/reblog`, 'post', data.access_token).then(() =>
+            removeActionFromNotification(event.notification, 'reblog'),
+          ),
+        );
       } else if (event.action === 'favourite') {
         const { data } = event.notification;
-        resolve(fetchFromApi(`/api/v1/statuses/${data.id}/favourite`, 'post', data.access_token).then(() => removeActionFromNotification(event.notification, 'favourite')));
+        resolve(
+          fetchFromApi(`/api/v1/statuses/${data.id}/favourite`, 'post', data.access_token).then(
+            () => removeActionFromNotification(event.notification, 'favourite'),
+          ),
+        );
       } else {
         reject(`Unknown action: ${event.action}`);
       }
diff --git a/packages/pl-fe/src/service-worker/web-push-locales.ts b/packages/pl-fe/src/service-worker/web-push-locales.ts
index ec52e339c..77d472467 100644
--- a/packages/pl-fe/src/service-worker/web-push-locales.ts
+++ b/packages/pl-fe/src/service-worker/web-push-locales.ts
@@ -5,7 +5,7 @@ const filtered = compileTime(() => {
   const filtered: Record<string, Record<string, string>> = {};
   const filenames = fs.readdirSync(path.resolve(__dirname, '../locales'));
 
-  filenames.forEach(filename => {
+  filenames.forEach((filename) => {
     if (!filename.match(/\.json$/) || filename.match(/defaultMessages|whitelist/)) return;
 
     const content = fs.readFileSync(path.resolve(__dirname, `../locales/${filename}`), 'utf-8');
diff --git a/packages/pl-fe/src/settings.ts b/packages/pl-fe/src/settings.ts
index 64c9040f7..fddb32bed 100644
--- a/packages/pl-fe/src/settings.ts
+++ b/packages/pl-fe/src/settings.ts
@@ -1,5 +1,4 @@
 class Settings {
-
   keyBase: string | null = null;
 
   constructor(keyBase: string | null = null) {
@@ -43,12 +42,9 @@ class Settings {
     }
     return data;
   }
-
 }
 
 /** Remember push notification settings. */
 const pushNotificationsSetting = new Settings('plfe_push_notification_data');
 
-export {
-  pushNotificationsSetting,
-};
+export { pushNotificationsSetting };
diff --git a/packages/pl-fe/src/storage/kv-store.ts b/packages/pl-fe/src/storage/kv-store.ts
index e8859cdf8..ada9fe3d8 100644
--- a/packages/pl-fe/src/storage/kv-store.ts
+++ b/packages/pl-fe/src/storage/kv-store.ts
@@ -15,14 +15,13 @@ const KVStore = localforage.createInstance({
 
 // localForage returns 'null' when a key isn't found.
 // In the Redux action flow, we want it to fail harder.
-KVStore.getItemOrError = (key: string) => KVStore.getItem(key).then(value => {
-  if (value === null) {
-    throw new Error(`KVStore: null value for key ${key}`);
-  } else {
-    return value;
-  }
-});
+KVStore.getItemOrError = (key: string) =>
+  KVStore.getItem(key).then((value) => {
+    if (value === null) {
+      throw new Error(`KVStore: null value for key ${key}`);
+    } else {
+      return value;
+    }
+  });
 
-export {
-  KVStore as default,
-};
+export { KVStore as default };
diff --git a/packages/pl-fe/src/store.ts b/packages/pl-fe/src/store.ts
index 9202889d9..a9cce158f 100644
--- a/packages/pl-fe/src/store.ts
+++ b/packages/pl-fe/src/store.ts
@@ -7,11 +7,7 @@ import appReducer from './reducers';
 
 const store = configureStore({
   reducer: appReducer,
-  middleware: () => new Tuple(
-    thunk,
-    errorsMiddleware(),
-    soundsMiddleware(),
-  ),
+  middleware: () => new Tuple(thunk, errorsMiddleware(), soundsMiddleware()),
   devTools: true,
 });
 
@@ -22,9 +18,4 @@ type Store = typeof store;
 type RootState = ReturnType<typeof store.getState>;
 type AppDispatch = ThunkDispatch<RootState, {}, AnyAction>;
 
-export {
-  store,
-  type Store,
-  type RootState,
-  type AppDispatch,
-};
+export { store, type Store, type RootState, type AppDispatch };
diff --git a/packages/pl-fe/src/stores/account-hover-card.ts b/packages/pl-fe/src/stores/account-hover-card.ts
index d6c934c99..6d1248829 100644
--- a/packages/pl-fe/src/stores/account-hover-card.ts
+++ b/packages/pl-fe/src/stores/account-hover-card.ts
@@ -9,30 +9,34 @@ type State = {
     updateAccountHoverCard: () => void;
     closeAccountHoverCard: (force?: boolean) => void;
   };
-}
+};
 
 const useAccountHoverCardStore = create<State>((set) => ({
   ref: null,
   accountId: null,
   hovered: false,
   actions: {
-    openAccountHoverCard: (ref, accountId) =>{
+    openAccountHoverCard: (ref, accountId) => {
       set({
         ref,
         accountId,
       });
     },
-    updateAccountHoverCard: () =>{
+    updateAccountHoverCard: () => {
       set({
         hovered: true,
       });
     },
-    closeAccountHoverCard: (force = false) =>{
-      set((state) => state.hovered && !force ? {} : {
-        ref: null,
-        accountId: null,
-        hovered: false,
-      });
+    closeAccountHoverCard: (force = false) => {
+      set((state) =>
+        state.hovered && !force
+          ? {}
+          : {
+              ref: null,
+              accountId: null,
+              hovered: false,
+            },
+      );
     },
   },
 }));
@@ -40,4 +44,3 @@ const useAccountHoverCardStore = create<State>((set) => ({
 const useAccountHoverCardActions = () => useAccountHoverCardStore((state) => state.actions);
 
 export { useAccountHoverCardStore, useAccountHoverCardActions };
-
diff --git a/packages/pl-fe/src/stores/language-model-availability.ts b/packages/pl-fe/src/stores/language-model-availability.ts
index 22295fac9..30067663c 100644
--- a/packages/pl-fe/src/stores/language-model-availability.ts
+++ b/packages/pl-fe/src/stores/language-model-availability.ts
@@ -5,34 +5,57 @@ type State = {
   languageModelAvailability: Record<string, Awaited<ReturnType<typeof Translator.availability>>>;
   languageModelDownloadProgress: Record<string, number>;
   actions: {
-    setLanguageModelAvailability: (sourceLanguage: string, targetLanguage: string, availability: Awaited<ReturnType<typeof Translator.availability>>) => void;
-    setLanguageModelDownloadProgress: (sourceLanguage: string, targetLanguage: string, event: ProgressEvent) => void;
+    setLanguageModelAvailability: (
+      sourceLanguage: string,
+      targetLanguage: string,
+      availability: Awaited<ReturnType<typeof Translator.availability>>,
+    ) => void;
+    setLanguageModelDownloadProgress: (
+      sourceLanguage: string,
+      targetLanguage: string,
+      event: ProgressEvent,
+    ) => void;
   };
-}
+};
 
-const useLanguageModelAvailabilityStore = create<State>()(mutative((set) => ({
-  languageModelAvailability: {},
-  languageModelDownloadProgress: {},
-  actions: {
-    setLanguageModelAvailability: (sourceLanguage, targetLanguage, availability) =>{
-      set((state: State) => {
-        state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`] = availability;
-      });
+const useLanguageModelAvailabilityStore = create<State>()(
+  mutative(
+    (set) => ({
+      languageModelAvailability: {},
+      languageModelDownloadProgress: {},
+      actions: {
+        setLanguageModelAvailability: (sourceLanguage, targetLanguage, availability) => {
+          set((state: State) => {
+            state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`] = availability;
+          });
+        },
+        setLanguageModelDownloadProgress: (sourceLanguage, targetLanguage, event) => {
+          set((state: State) => {
+            state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`] =
+              event.loaded / event.total;
+          });
+        },
+      },
+    }),
+    {
+      enableAutoFreeze: false,
     },
-    setLanguageModelDownloadProgress: (sourceLanguage, targetLanguage, event) =>{
-      set((state: State) => {
-        state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`] = event.loaded / event.total;
-      });
-    },
-  },
-}), {
-  enableAutoFreeze: false,
-}));
+  ),
+);
 
 const useLanguageModelAvailability = (sourceLanguage: string, targetLanguage: string) =>
-  useLanguageModelAvailabilityStore((state) => state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`]);
+  useLanguageModelAvailabilityStore(
+    (state) => state.languageModelAvailability[`${sourceLanguage}-${targetLanguage}`],
+  );
 const useLanguageModelDownloadProgress = (sourceLanguage: string, targetLanguage: string) =>
-  useLanguageModelAvailabilityStore((state) => state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`]);
-const useLanguageModelAvailabilityActions = () => useLanguageModelAvailabilityStore((state) => state.actions);
+  useLanguageModelAvailabilityStore(
+    (state) => state.languageModelDownloadProgress[`${sourceLanguage}-${targetLanguage}`],
+  );
+const useLanguageModelAvailabilityActions = () =>
+  useLanguageModelAvailabilityStore((state) => state.actions);
 
-export { useLanguageModelAvailability, useLanguageModelDownloadProgress, useLanguageModelAvailabilityActions };
+export {
+  useLanguageModelAvailability,
+  useLanguageModelDownloadProgress,
+  useLanguageModelAvailabilityActions,
+};
diff --git a/packages/pl-fe/src/stores/modals.ts b/packages/pl-fe/src/stores/modals.ts
index e4a2b4308..1b7274cac 100644
--- a/packages/pl-fe/src/stores/modals.ts
+++ b/packages/pl-fe/src/stores/modals.ts
@@ -95,41 +95,48 @@ type State = {
   };
 };
 
-const useModalsStore = create<State>()(mutative((set) => ({
-  modals: [],
-  actions: {
-    openModal: (...[modalType, modalProps]) =>{
-      set((state: State) => {
-        state.modals.push({ modalType, modalProps });
-      });
+const useModalsStore = create<State>()(
+  mutative(
+    (set) => ({
+      modals: [],
+      actions: {
+        openModal: (...[modalType, modalProps]) => {
+          set((state: State) => {
+            state.modals.push({ modalType, modalProps });
+          });
+        },
+        closeModal: (modalType, all) => {
+          set((state: State) => {
+            if (state.modals.length === 0) {
+              return;
+            }
+            let closedModal: Record<string, any> | undefined;
+            if (all) {
+              closedModal = state.modals[0].modalProps;
+              state.modals = [];
+            } else if (modalType === undefined) {
+              closedModal = state.modals[state.modals.length - 1].modalProps;
+              state.modals = state.modals.slice(0, -1);
+            } else if (state.modals.some((modal) => modalType === modal.modalType)) {
+              const lastIndex = state.modals.findLastIndex(
+                (modal) => modalType === modal.modalType,
+              );
+              closedModal = state.modals[lastIndex].modalProps;
+              state.modals = state.modals.slice(0, lastIndex);
+            }
+            if (closedModal?.element) {
+              const element = closedModal.element;
+              setTimeout(() => element.focus(), 0);
+            }
+          });
+        },
+      },
+    }),
+    {
+      enableAutoFreeze: false,
     },
-    closeModal: (modalType, all) =>{
-      set((state: State) => {
-        if (state.modals.length === 0) {
-          return;
-        }
-        let closedModal: Record<string, any> | undefined;
-        if (all) {
-          closedModal = state.modals[0].modalProps;
-          state.modals = [];
-        } else  if (modalType === undefined) {
-          closedModal = state.modals[state.modals.length - 1].modalProps;
-          state.modals = state.modals.slice(0, -1);
-        } else if (state.modals.some((modal) => modalType === modal.modalType)) {
-          const lastIndex = state.modals.findLastIndex((modal) => modalType === modal.modalType);
-          closedModal = state.modals[lastIndex].modalProps;
-          state.modals = state.modals.slice(0, lastIndex);
-        }
-        if (closedModal?.element) {
-          const element = closedModal.element;
-          setTimeout(() => element.focus(), 0);
-        }
-      });
-    },
-  },
-}), {
-  enableAutoFreeze: false,
-}));
+  ),
+);
 
 const useModalsActions = () => useModalsStore((state) => state.actions);
 const useModals = () => useModalsStore((state) => state.modals);
diff --git a/packages/pl-fe/src/stores/settings.ts b/packages/pl-fe/src/stores/settings.ts
index cdcb00bc0..6279efb8b 100644
--- a/packages/pl-fe/src/stores/settings.ts
+++ b/packages/pl-fe/src/stores/settings.ts
@@ -7,20 +7,38 @@ import { mutative } from 'zustand-mutative';
 import { settingsSchema, type Settings } from '@/schemas/pl-fe/settings';
 import KVStore from '@/storage/kv-store';
 import toast from '@/toast';
-import { KVStoreRedirectServicesItem, resetRules, setManualRedirectServices, updateRedirectServicesFromUrl, updateRulesFromUrl } from '@/utils/url-purify';
+import {
+  KVStoreRedirectServicesItem,
+  resetRules,
+  setManualRedirectServices,
+  updateRedirectServicesFromUrl,
+  updateRulesFromUrl,
+} from '@/utils/url-purify';
 
 import type { Emoji } from '@/features/emoji';
 import type { store } from '@/store';
 import type { APIEntity } from '@/types/entities';
 
 let lazyStore: typeof store;
-import('@/store').then(({ store }) => lazyStore = store).catch(() => {});
+import('@/store').then(({ store }) => (lazyStore = store)).catch(() => {});
 
 const messages = defineMessages({
-  rulesUpdateSuccess: { id: 'url_privacy.update.success', defaultMessage: 'Successfully updated rules database' },
-  rulesUpdateFail: { id: 'url_privacy.update.fail', defaultMessage: 'Failed to update rules database URL' },
-  redirectServicesUpdateSuccess: { id: 'url_privacy.redirect_services_update.success', defaultMessage: 'Successfully updated redirect services' },
-  redirectServicesUpdateFail: { id: 'url_privacy.redirect_services_update.fail', defaultMessage: 'Failed to update redirect services URL' },
+  rulesUpdateSuccess: {
+    id: 'url_privacy.update.success',
+    defaultMessage: 'Successfully updated rules database',
+  },
+  rulesUpdateFail: {
+    id: 'url_privacy.update.fail',
+    defaultMessage: 'Failed to update rules database URL',
+  },
+  redirectServicesUpdateSuccess: {
+    id: 'url_privacy.redirect_services_update.success',
+    defaultMessage: 'Successfully updated redirect services',
+  },
+  redirectServicesUpdateFail: {
+    id: 'url_privacy.redirect_services_update.fail',
+    defaultMessage: 'Failed to update redirect services URL',
+  },
 });
 
 const settingsSchemaPartial = v.partial(settingsSchema);
@@ -39,7 +57,7 @@ type State = {
     rememberEmojiUse: (emoji: Emoji) => void;
     rememberLanguageUse: (language: string) => void;
   };
-}
+};
 
 const changeSetting = (object: APIEntity, path: string[], value: any, root?: Settings) => {
   if (path.length === 1) {
@@ -48,7 +66,7 @@ const changeSetting = (object: APIEntity, path: string[], value: any, root?: Set
   }
 
   if (typeof object[path[0]] !== 'object') {
-    const value = (root && root[path[0] as keyof Settings] as APIEntity) ?? {};
+    const value = (root && (root[path[0] as keyof Settings] as APIEntity)) ?? {};
     object[path[0]] = value;
   }
   changeSetting(object[path[0]], path.slice(1), value);
@@ -59,143 +77,206 @@ const mergeSettings = (state: State, updating = false) => {
   if (updating) {
     const me = lazyStore?.getState().me;
     if (me) {
-      if (mergedSettings.urlPrivacy.rulesUrl && state.settings.urlPrivacy.rulesUrl !== mergedSettings.urlPrivacy.rulesUrl) {
-        updateRulesFromUrl(me, mergedSettings.urlPrivacy.rulesUrl, mergedSettings.urlPrivacy.hashUrl).then(() => {
-          toast.success(messages.rulesUpdateSuccess);
-        }).catch(() => {
-          toast.error(messages.rulesUpdateFail);
-        });
-      } else if (!mergedSettings.urlPrivacy.rulesUrl && state.settings.urlPrivacy.rulesUrl !== mergedSettings.urlPrivacy.rulesUrl) {
-        resetRules(me).then(() => {
-          toast.success(messages.rulesUpdateSuccess);
-        }).catch(() => {
-          toast.error(messages.rulesUpdateFail);
-        });
+      if (
+        mergedSettings.urlPrivacy.rulesUrl &&
+        state.settings.urlPrivacy.rulesUrl !== mergedSettings.urlPrivacy.rulesUrl
+      ) {
+        updateRulesFromUrl(
+          me,
+          mergedSettings.urlPrivacy.rulesUrl,
+          mergedSettings.urlPrivacy.hashUrl,
+        )
+          .then(() => {
+            toast.success(messages.rulesUpdateSuccess);
+          })
+          .catch(() => {
+            toast.error(messages.rulesUpdateFail);
+          });
+      } else if (
+        !mergedSettings.urlPrivacy.rulesUrl &&
+        state.settings.urlPrivacy.rulesUrl !== mergedSettings.urlPrivacy.rulesUrl
+      ) {
+        resetRules(me)
+          .then(() => {
+            toast.success(messages.rulesUpdateSuccess);
+          })
+          .catch(() => {
+            toast.error(messages.rulesUpdateFail);
+          });
       }
-      if (mergedSettings.urlPrivacy.redirectLinksMode === 'auto' && mergedSettings.urlPrivacy.redirectServicesUrl && state.settings.urlPrivacy.redirectServicesUrl !== mergedSettings.urlPrivacy.redirectServicesUrl) {
-        updateRedirectServicesFromUrl(me, mergedSettings.urlPrivacy.redirectServicesUrl).then(() => {
-          toast.success(messages.redirectServicesUpdateSuccess);
-        }).catch(() => {
-          toast.error(messages.redirectServicesUpdateFail);
-        });
-      } else if (mergedSettings.urlPrivacy.redirectLinksMode === 'manual' && !isEqual(state.settings.urlPrivacy.redirectServices, mergedSettings.urlPrivacy.redirectServices)) {
-        setManualRedirectServices(me, mergedSettings.urlPrivacy.redirectServices).then(() => {
-          toast.success(messages.redirectServicesUpdateSuccess);
-        }).catch(() => {
-          toast.error(messages.redirectServicesUpdateFail);
-        });
+      if (
+        mergedSettings.urlPrivacy.redirectLinksMode === 'auto' &&
+        mergedSettings.urlPrivacy.redirectServicesUrl &&
+        state.settings.urlPrivacy.redirectServicesUrl !==
+          mergedSettings.urlPrivacy.redirectServicesUrl
+      ) {
+        updateRedirectServicesFromUrl(me, mergedSettings.urlPrivacy.redirectServicesUrl)
+          .then(() => {
+            toast.success(messages.redirectServicesUpdateSuccess);
+          })
+          .catch(() => {
+            toast.error(messages.redirectServicesUpdateFail);
+          });
+      } else if (
+        mergedSettings.urlPrivacy.redirectLinksMode === 'manual' &&
+        !isEqual(
+          state.settings.urlPrivacy.redirectServices,
+          mergedSettings.urlPrivacy.redirectServices,
+        )
+      ) {
+        setManualRedirectServices(me, mergedSettings.urlPrivacy.redirectServices)
+          .then(() => {
+            toast.success(messages.redirectServicesUpdateSuccess);
+          })
+          .catch(() => {
+            toast.error(messages.redirectServicesUpdateFail);
+          });
       }
     }
   }
   state.settings = mergedSettings;
 };
 
-const useSettingsStore = create<State>()(mutative((set) => ({
-  defaultSettings: v.parse(settingsSchema, { locale: navigator.language }),
-  userSettings: {},
+const useSettingsStore = create<State>()(
+  mutative(
+    (set) => ({
+      defaultSettings: v.parse(settingsSchema, { locale: navigator.language }),
+      userSettings: {},
 
-  settings: v.parse(settingsSchema, { locale: navigator.language }),
+      settings: v.parse(settingsSchema, { locale: navigator.language }),
 
-  actions: {
-    loadDefaultSettings: (settings: APIEntity) =>{
-      set((state: State) => {
-        if (typeof settings !== 'object') return;
+      actions: {
+        loadDefaultSettings: (settings: APIEntity) => {
+          set((state: State) => {
+            if (typeof settings !== 'object') return;
 
-        state.defaultSettings = v.parse(settingsSchema, settings);
-        mergeSettings(state);
-      });
-    },
+            state.defaultSettings = v.parse(settingsSchema, settings);
+            mergeSettings(state);
+          });
+        },
 
-    loadUserSettings: (settings?: APIEntity) =>{
-      set((state: State) => {
-        if (typeof settings !== 'object') return;
+        loadUserSettings: (settings?: APIEntity) => {
+          set((state: State) => {
+            if (typeof settings !== 'object') return;
 
-        state.userSettings = v.parse(settingsSchemaPartial, settings);
+            state.userSettings = v.parse(settingsSchemaPartial, settings);
 
-        const me = lazyStore?.getState().me;
-        if (me) {
-          KVStore.getItem<string>('url-purify-rules:last').then((value) => {
-            if (value !== me) {
-              if (state.userSettings.urlPrivacy?.rulesUrl) {
-                updateRulesFromUrl(me, state.userSettings.urlPrivacy.rulesUrl, state.userSettings.urlPrivacy.hashUrl).then(() => {
-                  toast.success(messages.rulesUpdateSuccess);
-                }).catch(() => {
-                  toast.error(messages.rulesUpdateFail);
-                });
-              } else {
-                resetRules(me);
-              }
-              switch (state.userSettings.urlPrivacy?.redirectLinksMode) {
-                case 'auto':
-                  updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
-                  break;
-                case 'manual':
-                  setManualRedirectServices(me, state.userSettings.urlPrivacy.redirectServices);
-                  break;
-                default:
-                  setManualRedirectServices(me, {});
-                  break;
-              }
-            } else {
-              KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${me}`).then((services) => {
-                if (state.userSettings.urlPrivacy?.redirectLinksMode === 'auto') {
-                  if (services?.redirectServicesUrl !== state.userSettings.urlPrivacy?.redirectServicesUrl) {
-                    updateRedirectServicesFromUrl(me, state.userSettings.urlPrivacy?.redirectServicesUrl);
+            const me = lazyStore?.getState().me;
+            if (me) {
+              KVStore.getItem<string>('url-purify-rules:last')
+                .then((value) => {
+                  if (value !== me) {
+                    if (state.userSettings.urlPrivacy?.rulesUrl) {
+                      updateRulesFromUrl(
+                        me,
+                        state.userSettings.urlPrivacy.rulesUrl,
+                        state.userSettings.urlPrivacy.hashUrl,
+                      )
+                        .then(() => {
+                          toast.success(messages.rulesUpdateSuccess);
+                        })
+                        .catch(() => {
+                          toast.error(messages.rulesUpdateFail);
+                        });
+                    } else {
+                      resetRules(me);
+                    }
+                    switch (state.userSettings.urlPrivacy?.redirectLinksMode) {
+                      case 'auto':
+                        updateRedirectServicesFromUrl(
+                          me,
+                          state.userSettings.urlPrivacy?.redirectServicesUrl,
+                        );
+                        break;
+                      case 'manual':
+                        setManualRedirectServices(
+                          me,
+                          state.userSettings.urlPrivacy.redirectServices,
+                        );
+                        break;
+                      default:
+                        setManualRedirectServices(me, {});
+                        break;
+                    }
+                  } else {
+                    KVStore.getItem<KVStoreRedirectServicesItem>(
+                      `url-purify-redirect-services:${me}`,
+                    )
+                      .then((services) => {
+                        if (state.userSettings.urlPrivacy?.redirectLinksMode === 'auto') {
+                          if (
+                            services?.redirectServicesUrl !==
+                            state.userSettings.urlPrivacy?.redirectServicesUrl
+                          ) {
+                            updateRedirectServicesFromUrl(
+                              me,
+                              state.userSettings.urlPrivacy?.redirectServicesUrl,
+                            );
+                          }
+                        } else {
+                          setManualRedirectServices(
+                            me,
+                            state.userSettings.urlPrivacy?.redirectServices ?? {},
+                          );
+                        }
+                      })
+                      .catch(() => {});
                   }
-                } else {
-                  setManualRedirectServices(me, state.userSettings.urlPrivacy?.redirectServices ?? {});
-                }
-              }).catch(() => {});
+                })
+                .catch(() => {});
             }
-          }).catch(() => {});
-        }
 
-        mergeSettings(state);
-      });
-    },
+            mergeSettings(state);
+          });
+        },
 
-    userSettingsSaving: () =>{
-      set((state: State) => {
-        state.userSettings.saved = true;
+        userSettingsSaving: () => {
+          set((state: State) => {
+            state.userSettings.saved = true;
 
-        mergeSettings(state);
-      });
-    },
+            mergeSettings(state);
+          });
+        },
 
-    changeSetting: (path: string[], value: any) =>{
-      set((state: State) => {
-        state.userSettings.saved = false;
-        changeSetting(state.userSettings, path, value, state.defaultSettings);
+        changeSetting: (path: string[], value: any) => {
+          set((state: State) => {
+            state.userSettings.saved = false;
+            changeSetting(state.userSettings, path, value, state.defaultSettings);
 
-        mergeSettings(state, true);
-      });
-    },
+            mergeSettings(state, true);
+          });
+        },
 
-    rememberEmojiUse: (emoji: Emoji) =>{
-      set((state: State) => {
-        const settings = state.userSettings;
-        settings.frequentlyUsedEmojis ??= {};
+        rememberEmojiUse: (emoji: Emoji) => {
+          set((state: State) => {
+            const settings = state.userSettings;
+            settings.frequentlyUsedEmojis ??= {};
 
-        settings.frequentlyUsedEmojis[emoji.id] = (settings.frequentlyUsedEmojis[emoji.id] || 0) + 1;
-        settings.saved = false;
+            settings.frequentlyUsedEmojis[emoji.id] =
+              (settings.frequentlyUsedEmojis[emoji.id] || 0) + 1;
+            settings.saved = false;
 
-        mergeSettings(state);
-      });
-    },
+            mergeSettings(state);
+          });
+        },
 
-    rememberLanguageUse: (language: string) =>{
-      set((state: State) => {
-        const settings = state.userSettings;
-        settings.frequentlyUsedLanguages ??= {};
+        rememberLanguageUse: (language: string) => {
+          set((state: State) => {
+            const settings = state.userSettings;
+            settings.frequentlyUsedLanguages ??= {};
 
-        settings.frequentlyUsedLanguages[language] = (settings.frequentlyUsedLanguages[language] || 0) + 1;
-        settings.saved = false;
+            settings.frequentlyUsedLanguages[language] =
+              (settings.frequentlyUsedLanguages[language] || 0) + 1;
+            settings.saved = false;
 
-        mergeSettings(state);
-      });
-    },
-  },
-}), { enableAutoFreeze: true }));
+            mergeSettings(state);
+          });
+        },
+      },
+    }),
+    { enableAutoFreeze: true },
+  ),
+);
 
 const useSettings = () => useSettingsStore((state) => state.settings);
 const useSettingsStoreActions = () => useSettingsStore((state) => state.actions);
diff --git a/packages/pl-fe/src/stores/shoutbox.ts b/packages/pl-fe/src/stores/shoutbox.ts
index 7be8abf8a..630358057 100644
--- a/packages/pl-fe/src/stores/shoutbox.ts
+++ b/packages/pl-fe/src/stores/shoutbox.ts
@@ -11,7 +11,7 @@ import type { store } from '@/store';
 import type { PlApiClient, ShoutMessage as BaseShoutMessage } from 'pl-api';
 
 let lazyStore: typeof store;
-import('@/store').then(({ store }) => lazyStore = store).catch(() => {});
+import('@/store').then(({ store }) => (lazyStore = store)).catch(() => {});
 
 const minifyMessage = ({ author, ...message }: BaseShoutMessage) => ({
   author_id: author.id,
@@ -21,7 +21,7 @@ const minifyMessage = ({ author, ...message }: BaseShoutMessage) => ({
 type ShoutMessage = ReturnType<typeof minifyMessage>;
 
 type State = {
-  socket: ReturnType<(InstanceType<typeof PlApiClient>)['shoutbox']['connect']> | null;
+  socket: ReturnType<InstanceType<typeof PlApiClient>['shoutbox']['connect']> | null;
   messages: Array<ShoutMessage>;
   isLoading: boolean;
   actions: {
@@ -31,33 +31,43 @@ type State = {
   };
 };
 
-const useShoutboxStore = create<State>()(mutative((set) => ({
-  socket: null,
-  messages: [],
-  isLoading: true,
-  actions: {
-    setMessages: (messages) =>{
-      set((state: State) => {
-        lazyStore?.dispatch(importEntities({ accounts: messages.map((msg) => msg.author) }, { override: false }) as any);
-        state.messages = messages.map(minifyMessage);
-        state.isLoading = false;
-      });
+const useShoutboxStore = create<State>()(
+  mutative(
+    (set) => ({
+      socket: null,
+      messages: [],
+      isLoading: true,
+      actions: {
+        setMessages: (messages) => {
+          set((state: State) => {
+            lazyStore?.dispatch(
+              importEntities(
+                { accounts: messages.map((msg) => msg.author) },
+                { override: false },
+              ) as any,
+            );
+            state.messages = messages.map(minifyMessage);
+            state.isLoading = false;
+          });
+        },
+        pushMessage: (message) => {
+          set((state: State) => {
+            lazyStore?.dispatch(importEntities({ accounts: [message.author] }) as any);
+            state.messages.push(minifyMessage(message));
+          });
+        },
+        setSocket: (socket) => {
+          set((state: State) => {
+            state.socket = socket;
+          });
+        },
+      },
+    }),
+    {
+      enableAutoFreeze: false,
     },
-    pushMessage: (message) =>{
-      set((state: State) => {
-        lazyStore?.dispatch(importEntities({ accounts: [message.author] }) as any);
-        state.messages.push(minifyMessage(message));
-      });
-    },
-    setSocket: (socket) =>{
-      set((state: State) => {
-        state.socket = socket;
-      });
-    },
-  },
-}), {
-  enableAutoFreeze: false,
-}));
+  ),
+);
 
 const useShoutboxMessages = () => useShoutboxStore((state) => state.messages);
 const useShoutboxIsLoading = () => useShoutboxStore((state) => state.isLoading);
@@ -73,21 +83,24 @@ const useShoutboxSubscription = () => {
   useEffect(() => {
     if (!(shoutboxAvailable && isLoggedIn)) return;
 
-    let socket: ReturnType<(InstanceType<typeof PlApiClient>)['shoutbox']['connect']>;
+    let socket: ReturnType<InstanceType<typeof PlApiClient>['shoutbox']['connect']>;
 
-    client.settings.verifyCredentials().then((account) => {
-      if (account.__meta.pleroma?.chat_token) {
-        socket = client.shoutbox.connect(account.__meta.pleroma?.chat_token, {
-          onMessage: (message) =>{
-            shoutboxStore.pushMessage(message);
-          },
-          onMessages: (messages) =>{
-            shoutboxStore.setMessages(messages);
-          },
-        });
-        shoutboxStore.setSocket(socket);
-      }
-    }).catch(() => {});
+    client.settings
+      .verifyCredentials()
+      .then((account) => {
+        if (account.__meta.pleroma?.chat_token) {
+          socket = client.shoutbox.connect(account.__meta.pleroma?.chat_token, {
+            onMessage: (message) => {
+              shoutboxStore.pushMessage(message);
+            },
+            onMessages: (messages) => {
+              shoutboxStore.setMessages(messages);
+            },
+          });
+          shoutboxStore.setSocket(socket);
+        }
+      })
+      .catch(() => {});
 
     return () => {
       socket?.close();
@@ -101,4 +114,11 @@ const useCreateShoutboxMessage = () => {
   return { mutate: socket?.message };
 };
 
-export { useShoutboxStore, useShoutboxMessages, useShoutboxIsLoading, useShoutboxSubscription, useCreateShoutboxMessage, type ShoutMessage };
+export {
+  useShoutboxStore,
+  useShoutboxMessages,
+  useShoutboxIsLoading,
+  useShoutboxSubscription,
+  useCreateShoutboxMessage,
+  type ShoutMessage,
+};
diff --git a/packages/pl-fe/src/stores/status-hover-card.ts b/packages/pl-fe/src/stores/status-hover-card.ts
index 04ee9e6d6..52f376020 100644
--- a/packages/pl-fe/src/stores/status-hover-card.ts
+++ b/packages/pl-fe/src/stores/status-hover-card.ts
@@ -9,30 +9,34 @@ type State = {
     updateStatusHoverCard: () => void;
     closeStatusHoverCard: (force?: boolean) => void;
   };
-}
+};
 
 const useStatusHoverCardStore = create<State>((set) => ({
   ref: null,
   statusId: null,
   hovered: false,
   actions: {
-    openStatusHoverCard: (ref, statusId) =>{
+    openStatusHoverCard: (ref, statusId) => {
       set({
         ref,
         statusId,
       });
     },
-    updateStatusHoverCard: () =>{
+    updateStatusHoverCard: () => {
       set({
         hovered: true,
       });
     },
-    closeStatusHoverCard: (force = false) =>{
-      set((state) => state.hovered && !force ? {} : {
-        ref: null,
-        statusId: null,
-        hovered: false,
-      });
+    closeStatusHoverCard: (force = false) => {
+      set((state) =>
+        state.hovered && !force
+          ? {}
+          : {
+              ref: null,
+              statusId: null,
+              hovered: false,
+            },
+      );
     },
   },
 }));
@@ -40,4 +44,3 @@ const useStatusHoverCardStore = create<State>((set) => ({
 const useStatusHoverCardActions = () => useStatusHoverCardStore((state) => state.actions);
 
 export { useStatusHoverCardStore, useStatusHoverCardActions };
-
diff --git a/packages/pl-fe/src/stores/status-meta.ts b/packages/pl-fe/src/stores/status-meta.ts
index 00d38e6cd..9f1aa91b9 100644
--- a/packages/pl-fe/src/stores/status-meta.ts
+++ b/packages/pl-fe/src/stores/status-meta.ts
@@ -2,14 +2,17 @@ import { create } from 'zustand';
 import { mutative } from 'zustand-mutative';
 
 type State = {
-  statuses: Record<string, {
-    expanded?: boolean;
-    mediaVisible?: boolean;
-    currentLanguage?: string;
-    targetLanguage?: string;
-    localTargetLanguage?: string;
-    showPollResults?: boolean;
-  }>;
+  statuses: Record<
+    string,
+    {
+      expanded?: boolean;
+      mediaVisible?: boolean;
+      currentLanguage?: string;
+      targetLanguage?: string;
+      localTargetLanguage?: string;
+      showPollResults?: boolean;
+    }
+  >;
   actions: {
     expandStatuses: (statusIds: Array<string>) => void;
     collapseStatuses: (statusIds: Array<string>) => void;
@@ -25,100 +28,103 @@ type State = {
   };
 };
 
-const useStatusMetaStore = create<State>()(mutative((set) => ({
-  statuses: {},
-  actions: {
-    expandStatuses: (statusIds) =>{
-      set((state: State) => {
+const useStatusMetaStore = create<State>()(
+  mutative((set) => ({
+    statuses: {},
+    actions: {
+      expandStatuses: (statusIds) => {
+        set((state: State) => {
+          for (const statusId of statusIds) {
+            if (!state.statuses[statusId]) state.statuses[statusId] = {};
+
+            state.statuses[statusId].expanded = true;
+          }
+        });
+      },
+      collapseStatuses: (statusIds) => {
+        set((state: State) => {
+          for (const statusId of statusIds) {
+            if (!state.statuses[statusId]) state.statuses[statusId] = {};
+
+            state.statuses[statusId].expanded = false;
+          }
+        });
+      },
+      revealStatusesMedia: (statusIds) => {
+        set((state: State) => {
+          for (const statusId of statusIds) {
+            if (!state.statuses[statusId]) state.statuses[statusId] = {};
+
+            state.statuses[statusId].mediaVisible = true;
+          }
+        });
+      },
+      hideStatusesMedia: (statusIds) => {
+        set((state: State) => {
+          for (const statusId of statusIds) {
+            if (!state.statuses[statusId]) state.statuses[statusId] = {};
+
+            state.statuses[statusId].mediaVisible = false;
+          }
+        });
+      },
+      toggleStatusesMediaHidden: (statusIds) => (state: State) => {
         for (const statusId of statusIds) {
           if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-          state.statuses[statusId].expanded = true;
+          state.statuses[statusId].mediaVisible = !state.statuses[statusId].mediaVisible;
         }
-      });
-    },
-    collapseStatuses: (statusIds) =>{
-      set((state: State) => {
-        for (const statusId of statusIds) {
+      },
+      fetchTranslation: (statusId, targetLanguage) => {
+        set((state: State) => {
           if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-          state.statuses[statusId].expanded = false;
-        }
-      });
-    },
-    revealStatusesMedia: (statusIds) =>{
-      set((state: State) => {
-        for (const statusId of statusIds) {
+          state.statuses[statusId].targetLanguage = targetLanguage;
+        });
+      },
+      hideTranslation: (statusId) => {
+        set((state: State) => {
           if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-          state.statuses[statusId].mediaVisible = true;
-        }
-      });
-    },
-    hideStatusesMedia: (statusIds) =>{
-      set((state: State) => {
-        for (const statusId of statusIds) {
+          state.statuses[statusId].targetLanguage = undefined;
+        });
+      },
+      fetchLocalTranslation: (statusId, targetLanguage) => {
+        set((state: State) => {
           if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-          state.statuses[statusId].mediaVisible = false;
-        }
-      });
-    },
-    toggleStatusesMediaHidden: (statusIds) => (state: State) => {
-      for (const statusId of statusIds) {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].localTargetLanguage = targetLanguage;
+        });
+      },
+      hideLocalTranslation: (statusId) => {
+        set((state: State) => {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].mediaVisible = !state.statuses[statusId].mediaVisible;
-      }
-    },
-    fetchTranslation: (statusId, targetLanguage) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].localTargetLanguage = undefined;
+        });
+      },
+      setStatusLanguage: (statusId, language) => {
+        set((state: State) => {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].targetLanguage = targetLanguage;
-      });
-    },
-    hideTranslation: (statusId) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
+          state.statuses[statusId].currentLanguage = language;
+        });
+      },
+      toggleShowPollResults: (statusId) => {
+        set((state: State) => {
+          if (!state.statuses[statusId]) state.statuses[statusId] = {};
 
-        state.statuses[statusId].targetLanguage = undefined;
-      });
+          state.statuses[statusId].showPollResults = !state.statuses[statusId].showPollResults;
+        });
+      },
     },
-    fetchLocalTranslation: (statusId, targetLanguage) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
-
-        state.statuses[statusId].localTargetLanguage = targetLanguage;
-      });
-    },
-    hideLocalTranslation: (statusId) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
-
-        state.statuses[statusId].localTargetLanguage = undefined;
-      });
-    },
-    setStatusLanguage: (statusId, language) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
-
-        state.statuses[statusId].currentLanguage = language;
-      });
-    },
-    toggleShowPollResults: (statusId) =>{
-      set((state: State) => {
-        if (!state.statuses[statusId]) state.statuses[statusId] = {};
-
-        state.statuses[statusId].showPollResults = !state.statuses[statusId].showPollResults;
-      });
-    },
-  },
-})));
+  })),
+);
 
 const emptyStatusMeta = {};
 
-const useStatusMeta = (statusId: string) => useStatusMetaStore((state) => state.statuses[statusId] || emptyStatusMeta);
+const useStatusMeta = (statusId: string) =>
+  useStatusMetaStore((state) => state.statuses[statusId] || emptyStatusMeta);
 const useStatusMetaActions = () => useStatusMetaStore((state) => state.actions);
 
 export { useStatusMetaStore, useStatusMeta, useStatusMetaActions };
diff --git a/packages/pl-fe/src/stores/ui.ts b/packages/pl-fe/src/stores/ui.ts
index 457beb587..4a33c380c 100644
--- a/packages/pl-fe/src/stores/ui.ts
+++ b/packages/pl-fe/src/stores/ui.ts
@@ -4,27 +4,27 @@ type State = {
   isDropdownMenuOpen: boolean;
   isSidebarOpen: boolean;
   actions: {
-  openDropdownMenu: () => void;
-  closeDropdownMenu: () => void;
-  openSidebar: () => void;
-  closeSidebar: () => void;
+    openDropdownMenu: () => void;
+    closeDropdownMenu: () => void;
+    openSidebar: () => void;
+    closeSidebar: () => void;
   };
-}
+};
 
 const useUiStore = create<State>((set) => ({
   isDropdownMenuOpen: false,
   isSidebarOpen: false,
   actions: {
-    openDropdownMenu: () =>{
+    openDropdownMenu: () => {
       set({ isDropdownMenuOpen: true });
     },
-    closeDropdownMenu: () =>{
+    closeDropdownMenu: () => {
       set({ isDropdownMenuOpen: false });
     },
-    openSidebar: () =>{
+    openSidebar: () => {
       set({ isSidebarOpen: true });
     },
-    closeSidebar: () =>{
+    closeSidebar: () => {
       set({ isSidebarOpen: false });
     },
   },
@@ -35,4 +35,3 @@ const useIsSidebarOpen = () => useUiStore((state) => state.isSidebarOpen);
 const useUiStoreActions = () => useUiStore((state) => state.actions);
 
 export { useUiStore, useUiStoreActions, useIsDropdownMenuOpen, useIsSidebarOpen };
-
diff --git a/packages/pl-fe/src/styles/accessibility.scss b/packages/pl-fe/src/styles/accessibility.scss
index 3ead76a0c..07840ae2d 100644
--- a/packages/pl-fe/src/styles/accessibility.scss
+++ b/packages/pl-fe/src/styles/accessibility.scss
@@ -1,7 +1,18 @@
-$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square' 'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb' 'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs' 'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star' 'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman' 'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign' 'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba' 'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board' 'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette' 'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game' 'water_buffalo' 'waving_black_flag' 'wavy_dash';
+$black-emojis: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'black_large_square'
+  'black_medium_small_square' 'black_medium_square' 'black_nib' 'black_small_square' 'bomb'
+  'bowling' 'bust_in_silhouette' 'busts_in_silhouette' 'camera' 'camera_with_flash' 'clubs'
+  'copyright' 'curly_loop' 'currency_exchange' 'dark_sunglasses' 'eight_pointed_black_star'
+  'electric_plug' 'end' 'female-guard' 'film_projector' 'fried_egg' 'gorilla' 'guardsman'
+  'heavy_check_mark' 'heavy_division_sign' 'heavy_dollar_sign' 'heavy_minus_sign'
+  'heavy_multiplication_x' 'heavy_plus_sign' 'hocho' 'hole' 'joystick' 'kaaba'
+  'lower_left_ballpoint_pen' 'lower_left_fountain_pen' 'male-guard' 'microphone' 'mortar_board'
+  'movie_camera' 'musical_score' 'on' 'registered' 'soon' 'spades' 'speaking_head_in_silhouette'
+  'spider' 'telephone_receiver' 'tm' 'top' 'tophat' 'turkey' 'vhs' 'video_camera' 'video_game'
+  'water_buffalo' 'waving_black_flag' 'wavy_dash';
 
 %white-emoji-outline {
-  filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
+  filter: drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff)
+    drop-shadow(-1px -1px 0 #fff);
   transform: scale(0.71);
 }
 
diff --git a/packages/pl-fe/src/styles/application.scss b/packages/pl-fe/src/styles/application.scss
index 1c0dd846e..bf2b3977e 100644
--- a/packages/pl-fe/src/styles/application.scss
+++ b/packages/pl-fe/src/styles/application.scss
@@ -19,4 +19,4 @@
 @use 'mfm';
 @use 'ptr';
 
-@use 'new/index';
\ No newline at end of file
+@use 'new/index';
diff --git a/packages/pl-fe/src/styles/basics.scss b/packages/pl-fe/src/styles/basics.scss
index e2e3fcdf8..7d099adba 100644
--- a/packages/pl-fe/src/styles/basics.scss
+++ b/packages/pl-fe/src/styles/basics.scss
@@ -19,4 +19,4 @@ noscript {
 
 .emojione {
   @apply w-4 h-4 -mt-[0.2ex] mb-[0.2ex] inline-block align-middle object-contain;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/components/detailed-status.scss b/packages/pl-fe/src/styles/components/detailed-status.scss
index 5046f62d5..d53f0088d 100644
--- a/packages/pl-fe/src/styles/components/detailed-status.scss
+++ b/packages/pl-fe/src/styles/components/detailed-status.scss
@@ -10,4 +10,4 @@
 
 div:last-child > .thread__status--linear hr {
   display: none;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/components/modal.scss b/packages/pl-fe/src/styles/components/modal.scss
index 88cb185b0..383cb9975 100644
--- a/packages/pl-fe/src/styles/components/modal.scss
+++ b/packages/pl-fe/src/styles/components/modal.scss
@@ -15,4 +15,4 @@
       @apply max-w-full max-h-[80%];
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/components/status.scss b/packages/pl-fe/src/styles/components/status.scss
index eba7ad750..cddf136cc 100644
--- a/packages/pl-fe/src/styles/components/status.scss
+++ b/packages/pl-fe/src/styles/components/status.scss
@@ -30,7 +30,7 @@
   @apply flex text-sm border border-solid border-gray-200 dark:border-gray-800 rounded-lg text-gray-800 dark:text-gray-200 no-underline overflow-hidden;
 
   iframe {
-    width: 100% !important
+    width: 100% !important;
   }
 }
 
@@ -62,4 +62,4 @@ a.status-card {
 
 .status-card__image-image {
   @apply block w-full h-full object-cover bg-cover bg-center;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/emoji-picker.scss b/packages/pl-fe/src/styles/emoji-picker.scss
index 31747eff7..2aa90b5bb 100644
--- a/packages/pl-fe/src/styles/emoji-picker.scss
+++ b/packages/pl-fe/src/styles/emoji-picker.scss
@@ -2,7 +2,8 @@ em-emoji-picker {
   --rgb-background: 255 255 255;
   --rgb-accent: var(--color-primary-600);
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
-  --shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+  --shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
 .dark em-emoji-picker {
diff --git a/packages/pl-fe/src/styles/forms.scss b/packages/pl-fe/src/styles/forms.scss
index af256c9cf..92c1c56fb 100644
--- a/packages/pl-fe/src/styles/forms.scss
+++ b/packages/pl-fe/src/styles/forms.scss
@@ -20,7 +20,7 @@ select {
   &--disabled {
     pointer-events: none;
     opacity: 0.5;
-}
+  }
 
   input {
     border: none;
diff --git a/packages/pl-fe/src/styles/i18n.css b/packages/pl-fe/src/styles/i18n.css
index 10972e508..56b0f9151 100644
--- a/packages/pl-fe/src/styles/i18n.css
+++ b/packages/pl-fe/src/styles/i18n.css
@@ -3,7 +3,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url('@fontsource/inter/files/inter-latin-400-normal.woff2') format('woff2'), url('@fontsource/inter/files/inter-latin-400-normal-normal.woff') format('woff');
+  src:
+    url('@fontsource/inter/files/inter-latin-400-normal.woff2') format('woff2'),
+    url('@fontsource/inter/files/inter-latin-400-normal-normal.woff') format('woff');
   unicode-range: U+0020;
 }
 
@@ -12,7 +14,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 200;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-200-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-200-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-200-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-200-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -21,7 +25,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 300;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-300-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-300-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-300-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-300-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -30,7 +36,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-400-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-400-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-400-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-400-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -39,7 +47,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 500;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-500-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-500-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-500-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-500-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -48,7 +58,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-700-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-700-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-700-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-700-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -57,7 +69,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 800;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-800-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-800-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-800-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-800-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -66,7 +80,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 900;
-  src: url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff2') format('woff2'), url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff') format('woff');
+  src:
+    url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff2') format('woff2'),
+    url('@fontsource/tajawal/files/tajawal-arabic-900-normal.woff') format('woff');
   unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
 }
 
@@ -76,7 +92,11 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff') format('woff');
+  src:
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff2')
+      format('woff2'),
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-400-normal.woff')
+      format('woff');
   unicode-range: U+A980-A9DF;
 }
 
@@ -86,7 +106,11 @@
   font-style: normal;
   font-display: swap;
   font-weight: 500;
-  src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff') format('woff');
+  src:
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff2')
+      format('woff2'),
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-500-normal.woff')
+      format('woff');
   unicode-range: U+A980-A9DF;
 }
 
@@ -96,7 +120,11 @@
   font-style: normal;
   font-display: swap;
   font-weight: 600;
-  src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff' ) format('woff');
+  src:
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff2')
+      format('woff2'),
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-600-normal.woff')
+      format('woff');
   unicode-range: U+A980-A9DF;
 }
 
@@ -106,6 +134,10 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff2') format('woff2'), url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff') format('woff');
+  src:
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff2')
+      format('woff2'),
+    url('@fontsource/noto-sans-javanese/files/noto-sans-javanese-javanese-700-normal.woff')
+      format('woff');
   unicode-range: U+A980-A9DF;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/markup.scss b/packages/pl-fe/src/styles/markup.scss
index 796cd307f..d06ab0b23 100644
--- a/packages/pl-fe/src/styles/markup.scss
+++ b/packages/pl-fe/src/styles/markup.scss
@@ -1,6 +1,7 @@
 $vertical-lr-langs: mn-mong, mnmong;
 
-[data-markup], [data-lexical-editor] {
+[data-markup],
+[data-lexical-editor] {
   @apply whitespace-pre-wrap;
 
   h1 {
@@ -70,7 +71,8 @@ $vertical-lr-langs: mn-mong, mnmong;
     @apply table-auto w-full bg-gray-200 dark:bg-gray-900 my-4 rounded-md;
   }
 
-  table th, table td {
+  table th,
+  table td {
     @apply text-center px-2;
   }
 
@@ -139,11 +141,11 @@ $vertical-lr-langs: mn-mong, mnmong;
       padding: 0 !important;
       width: 0 !important;
       height: 0 !important;
-   }
+    }
   }
 
   @each $lang in $vertical-lr-langs {
-    &[lang="#{$lang}"] {
+    &[lang='#{$lang}'] {
       writing-mode: vertical-lr;
       width: 100%; // detecting overflow
       max-width: calc(100% - mod(100%, 22px)); // avoid cut-offs
@@ -161,7 +163,8 @@ $vertical-lr-langs: mn-mong, mnmong;
 
 /* User setting to underline links */
 body.underline-links {
-  [data-markup], [data-lexical-editor] {
+  [data-markup],
+  [data-lexical-editor] {
     a {
       @apply underline;
     }
diff --git a/packages/pl-fe/src/styles/mfm.scss b/packages/pl-fe/src/styles/mfm.scss
index 55d3bc30c..703250303 100644
--- a/packages/pl-fe/src/styles/mfm.scss
+++ b/packages/pl-fe/src/styles/mfm.scss
@@ -3,153 +3,360 @@
 
 .plfe-mfm {
   ._mfm_blur_ {
-  	filter: blur(6px);
-  	transition: filter 0.3s;
+    filter: blur(6px);
+    transition: filter 0.3s;
 
-  	&:hover {
-  		filter: blur(0);
-  	}
+    &:hover {
+      filter: blur(0);
+    }
   }
 
   .mfm-x2 {
-  	--mfm-zoom-size: 200%;
+    --mfm-zoom-size: 200%;
   }
 
   .mfm-x3 {
-  	--mfm-zoom-size: 400%;
+    --mfm-zoom-size: 400%;
   }
 
   .mfm-x4 {
-  	--mfm-zoom-size: 600%;
+    --mfm-zoom-size: 600%;
   }
 
-  .mfm-x2, .mfm-x3, .mfm-x4 {
-  	font-size: var(--mfm-zoom-size);
+  .mfm-x2,
+  .mfm-x3,
+  .mfm-x4 {
+    font-size: var(--mfm-zoom-size);
 
-  	.mfm-x2, .mfm-x3, .mfm-x4 {
-  		/* only half effective */
-  		font-size: calc(var(--mfm-zoom-size) / 2 + 50%);
+    .mfm-x2,
+    .mfm-x3,
+    .mfm-x4 {
+      /* only half effective */
+      font-size: calc(var(--mfm-zoom-size) / 2 + 50%);
 
-  		.mfm-x2, .mfm-x3, .mfm-x4 {
-  			/* disabled */
-  			font-size: 100%;
-  		}
-  	}
+      .mfm-x2,
+      .mfm-x3,
+      .mfm-x4 {
+        /* disabled */
+        font-size: 100%;
+      }
+    }
   }
 
   ._mfm_rainbow_fallback_ {
-  	background-image: linear-gradient(to right, rgb(255, 0, 0) 0%, rgb(255, 165, 0) 17%, rgb(255, 255, 0) 33%, rgb(0, 255, 0) 50%, rgb(0, 255, 255) 67%, rgb(0, 0, 255) 83%, rgb(255, 0, 255) 100%);
-  	background-clip: text;
-  	color: transparent;
+    background-image: linear-gradient(
+      to right,
+      rgb(255, 0, 0) 0%,
+      rgb(255, 165, 0) 17%,
+      rgb(255, 255, 0) 33%,
+      rgb(0, 255, 0) 50%,
+      rgb(0, 255, 255) 67%,
+      rgb(0, 0, 255) 83%,
+      rgb(255, 0, 255) 100%
+    );
+    background-clip: text;
+    color: transparent;
   }
 }
 
 @keyframes mfm-spin {
-	0% { transform: rotate(0deg); }
-	100% { transform: rotate(360deg); }
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
 }
 
 @keyframes mfm-spin-x {
-	0% { transform: perspective(128px) rotateX(0deg); }
-	100% { transform: perspective(128px) rotateX(360deg); }
+  0% {
+    transform: perspective(128px) rotateX(0deg);
+  }
+
+  100% {
+    transform: perspective(128px) rotateX(360deg);
+  }
 }
 
 @keyframes mfm-spin-y {
-	0% { transform: perspective(128px) rotateY(0deg); }
-	100% { transform: perspective(128px) rotateY(360deg); }
+  0% {
+    transform: perspective(128px) rotateY(0deg);
+  }
+
+  100% {
+    transform: perspective(128px) rotateY(360deg);
+  }
 }
 
 @keyframes mfm-jump {
-	0% { transform: translateY(0); }
-	25% { transform: translateY(-16px); }
-	50% { transform: translateY(0); }
-	75% { transform: translateY(-8px); }
-	100% { transform: translateY(0); }
+  0% {
+    transform: translateY(0);
+  }
+
+  25% {
+    transform: translateY(-16px);
+  }
+
+  50% {
+    transform: translateY(0);
+  }
+
+  75% {
+    transform: translateY(-8px);
+  }
+
+  100% {
+    transform: translateY(0);
+  }
 }
 
 @keyframes mfm-bounce {
-	0% { transform: translateY(0) scale(1, 1); }
-	25% { transform: translateY(-16px) scale(1, 1); }
-	50% { transform: translateY(0) scale(1, 1); }
-	75% { transform: translateY(0) scale(1.5, 0.75); }
-	100% { transform: translateY(0) scale(1, 1); }
+  0% {
+    transform: translateY(0) scale(1, 1);
+  }
+
+  25% {
+    transform: translateY(-16px) scale(1, 1);
+  }
+
+  50% {
+    transform: translateY(0) scale(1, 1);
+  }
+
+  75% {
+    transform: translateY(0) scale(1.5, 0.75);
+  }
+
+  100% {
+    transform: translateY(0) scale(1, 1);
+  }
 }
 
 // const val = () => `translate(${Math.floor(Math.random() * 20) - 10}px, ${Math.floor(Math.random() * 20) - 10}px)`;
 // let css = '';
 // for (let i = 0; i <= 100; i += 5) { css += `${i}% { transform: ${val()} }\n`; }
 @keyframes mfm-twitch {
-	0% { transform: translate(7px, -2px) }
-	5% { transform: translate(-3px, 1px) }
-	10% { transform: translate(-7px, -1px) }
-	15% { transform: translate(0, -1px) }
-	20% { transform: translate(-8px, 6px) }
-	25% { transform: translate(-4px, -3px) }
-	30% { transform: translate(-4px, -6px) }
-	35% { transform: translate(-8px, -8px) }
-	40% { transform: translate(4px, 6px) }
-	45% { transform: translate(-3px, 1px) }
-	50% { transform: translate(2px, -10px) }
-	55% { transform: translate(-7px, 0) }
-	60% { transform: translate(-2px, 4px) }
-	65% { transform: translate(3px, -8px) }
-	70% { transform: translate(6px, 7px) }
-	75% { transform: translate(-7px, -2px) }
-	80% { transform: translate(-7px, -8px) }
-	85% { transform: translate(9px, 3px) }
-	90% { transform: translate(-3px, -2px) }
-	95% { transform: translate(-10px, 2px) }
-	100% { transform: translate(-2px, -6px) }
+  0% {
+    transform: translate(7px, -2px);
+  }
+
+  5% {
+    transform: translate(-3px, 1px);
+  }
+
+  10% {
+    transform: translate(-7px, -1px);
+  }
+
+  15% {
+    transform: translate(0, -1px);
+  }
+
+  20% {
+    transform: translate(-8px, 6px);
+  }
+
+  25% {
+    transform: translate(-4px, -3px);
+  }
+
+  30% {
+    transform: translate(-4px, -6px);
+  }
+
+  35% {
+    transform: translate(-8px, -8px);
+  }
+
+  40% {
+    transform: translate(4px, 6px);
+  }
+
+  45% {
+    transform: translate(-3px, 1px);
+  }
+
+  50% {
+    transform: translate(2px, -10px);
+  }
+
+  55% {
+    transform: translate(-7px, 0);
+  }
+
+  60% {
+    transform: translate(-2px, 4px);
+  }
+
+  65% {
+    transform: translate(3px, -8px);
+  }
+
+  70% {
+    transform: translate(6px, 7px);
+  }
+
+  75% {
+    transform: translate(-7px, -2px);
+  }
+
+  80% {
+    transform: translate(-7px, -8px);
+  }
+
+  85% {
+    transform: translate(9px, 3px);
+  }
+
+  90% {
+    transform: translate(-3px, -2px);
+  }
+
+  95% {
+    transform: translate(-10px, 2px);
+  }
+
+  100% {
+    transform: translate(-2px, -6px);
+  }
 }
 
 // const val = () => `translate(${Math.floor(Math.random() * 6) - 3}px, ${Math.floor(Math.random() * 6) - 3}px) rotate(${Math.floor(Math.random() * 24) - 12}deg)`;
 // let css = '';
 // for (let i = 0; i <= 100; i += 5) { css += `${i}% { transform: ${val()} }\n`; }
 @keyframes mfm-shake {
-	0% { transform: translate(-3px, -1px) rotate(-8deg) }
-	5% { transform: translate(0, -1px) rotate(-10deg) }
-	10% { transform: translate(1px, -3px) rotate(0deg) }
-	15% { transform: translate(1px, 1px) rotate(11deg) }
-	20% { transform: translate(-2px, 1px) rotate(1deg) }
-	25% { transform: translate(-1px, -2px) rotate(-2deg) }
-	30% { transform: translate(-1px, 2px) rotate(-3deg) }
-	35% { transform: translate(2px, 1px) rotate(6deg) }
-	40% { transform: translate(-2px, -3px) rotate(-9deg) }
-	45% { transform: translate(0, -1px) rotate(-12deg) }
-	50% { transform: translate(1px, 2px) rotate(10deg) }
-	55% { transform: translate(0, -3px) rotate(8deg) }
-	60% { transform: translate(1px, -1px) rotate(8deg) }
-	65% { transform: translate(0, -1px) rotate(-7deg) }
-	70% { transform: translate(-1px, -3px) rotate(6deg) }
-	75% { transform: translate(0, -2px) rotate(4deg) }
-	80% { transform: translate(-2px, -1px) rotate(3deg) }
-	85% { transform: translate(1px, -3px) rotate(-10deg) }
-	90% { transform: translate(1px, 0) rotate(3deg) }
-	95% { transform: translate(-2px, 0) rotate(-3deg) }
-	100% { transform: translate(2px, 1px) rotate(2deg) }
+  0% {
+    transform: translate(-3px, -1px) rotate(-8deg);
+  }
+
+  5% {
+    transform: translate(0, -1px) rotate(-10deg);
+  }
+
+  10% {
+    transform: translate(1px, -3px) rotate(0deg);
+  }
+
+  15% {
+    transform: translate(1px, 1px) rotate(11deg);
+  }
+
+  20% {
+    transform: translate(-2px, 1px) rotate(1deg);
+  }
+
+  25% {
+    transform: translate(-1px, -2px) rotate(-2deg);
+  }
+
+  30% {
+    transform: translate(-1px, 2px) rotate(-3deg);
+  }
+
+  35% {
+    transform: translate(2px, 1px) rotate(6deg);
+  }
+
+  40% {
+    transform: translate(-2px, -3px) rotate(-9deg);
+  }
+
+  45% {
+    transform: translate(0, -1px) rotate(-12deg);
+  }
+
+  50% {
+    transform: translate(1px, 2px) rotate(10deg);
+  }
+
+  55% {
+    transform: translate(0, -3px) rotate(8deg);
+  }
+
+  60% {
+    transform: translate(1px, -1px) rotate(8deg);
+  }
+
+  65% {
+    transform: translate(0, -1px) rotate(-7deg);
+  }
+
+  70% {
+    transform: translate(-1px, -3px) rotate(6deg);
+  }
+
+  75% {
+    transform: translate(0, -2px) rotate(4deg);
+  }
+
+  80% {
+    transform: translate(-2px, -1px) rotate(3deg);
+  }
+
+  85% {
+    transform: translate(1px, -3px) rotate(-10deg);
+  }
+
+  90% {
+    transform: translate(1px, 0) rotate(3deg);
+  }
+
+  95% {
+    transform: translate(-2px, 0) rotate(-3deg);
+  }
+
+  100% {
+    transform: translate(2px, 1px) rotate(2deg);
+  }
 }
 
 @keyframes mfm-rubber-band {
-	0% { transform: scale3d(1, 1, 1); }
-	30% { transform: scale3d(1.25, 0.75, 1); }
-	40% { transform: scale3d(0.75, 1.25, 1); }
-	50% { transform: scale3d(1.15, 0.85, 1); }
-	65% { transform: scale3d(0.95, 1.05, 1); }
-	75% { transform: scale3d(1.05, 0.95, 1); }
-	100% { transform: scale3d(1, 1, 1); }
+  0% {
+    transform: scale3d(1, 1, 1);
+  }
+
+  30% {
+    transform: scale3d(1.25, 0.75, 1);
+  }
+
+  40% {
+    transform: scale3d(0.75, 1.25, 1);
+  }
+
+  50% {
+    transform: scale3d(1.15, 0.85, 1);
+  }
+
+  65% {
+    transform: scale3d(0.95, 1.05, 1);
+  }
+
+  75% {
+    transform: scale3d(1.05, 0.95, 1);
+  }
+
+  100% {
+    transform: scale3d(1, 1, 1);
+  }
 }
 
 @keyframes mfm-rainbow {
-	0% { filter: hue-rotate(0deg) contrast(150%) saturate(150%); }
-	100% { filter: hue-rotate(360deg) contrast(150%) saturate(150%); }
+  0% {
+    filter: hue-rotate(0deg) contrast(150%) saturate(150%);
+  }
+
+  100% {
+    filter: hue-rotate(360deg) contrast(150%) saturate(150%);
+  }
 }
 
 @keyframes mfm-fade {
-	0% {
-	  opacity: 0;
-	}
+  0% {
+    opacity: 0;
+  }
 
-	100% {
-	  opacity: 1;
-	}
+  100% {
+    opacity: 1;
+  }
 }
diff --git a/packages/pl-fe/src/styles/new/accounts.scss b/packages/pl-fe/src/styles/new/accounts.scss
index 51bf5b7cc..d06f1fa7e 100644
--- a/packages/pl-fe/src/styles/new/accounts.scss
+++ b/packages/pl-fe/src/styles/new/accounts.scss
@@ -28,7 +28,8 @@
   border-radius: 0.5rem;
   line-height: 0;
 
-  img, canvas {
+  img,
+  canvas {
     border-radius: inherit;
     font-size: 0.875rem;
     line-height: 1.25rem;
@@ -54,7 +55,7 @@
       background: #ebbcba;
       border: solid 0.05em currentcolor;
       box-sizing: border-box;
-      content: "";
+      content: '';
       display: inline-block;
       height: 50%;
       width: 50%;
@@ -83,19 +84,47 @@
 }
 
 @keyframes earwiggleleft {
-	0% { transform: rotate(37.6deg) skew(30deg); }
-	25% { transform: rotate(10deg) skew(30deg); }
-	50% { transform: rotate(20deg) skew(30deg); }
-	75% { transform: rotate(0deg) skew(30deg); }
-	100% { transform: rotate(37.6deg) skew(30deg); }
+  0% {
+    transform: rotate(37.6deg) skew(30deg);
+  }
+
+  25% {
+    transform: rotate(10deg) skew(30deg);
+  }
+
+  50% {
+    transform: rotate(20deg) skew(30deg);
+  }
+
+  75% {
+    transform: rotate(0deg) skew(30deg);
+  }
+
+  100% {
+    transform: rotate(37.6deg) skew(30deg);
+  }
 }
 
 @keyframes earwiggleright {
-	0% { transform: rotate(-37.6deg) skew(-30deg); }
-	30% { transform: rotate(-10deg) skew(-30deg); }
-	55% { transform: rotate(-20deg) skew(-30deg); }
-	75% { transform: rotate(0deg) skew(-30deg); }
-	100% { transform: rotate(-37.6deg) skew(-30deg); }
+  0% {
+    transform: rotate(-37.6deg) skew(-30deg);
+  }
+
+  30% {
+    transform: rotate(-10deg) skew(-30deg);
+  }
+
+  55% {
+    transform: rotate(-20deg) skew(-30deg);
+  }
+
+  75% {
+    transform: rotate(0deg) skew(-30deg);
+  }
+
+  100% {
+    transform: rotate(-37.6deg) skew(-30deg);
+  }
 }
 
 .⁂-media-panel {
diff --git a/packages/pl-fe/src/styles/new/admin.scss b/packages/pl-fe/src/styles/new/admin.scss
index 574322665..f2d7f3391 100644
--- a/packages/pl-fe/src/styles/new/admin.scss
+++ b/packages/pl-fe/src/styles/new/admin.scss
@@ -29,4 +29,4 @@
   &__label {
     @include mixins.text($align: center);
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/authentication.scss b/packages/pl-fe/src/styles/new/authentication.scss
index 86ca56f59..ce2d6982b 100644
--- a/packages/pl-fe/src/styles/new/authentication.scss
+++ b/packages/pl-fe/src/styles/new/authentication.scss
@@ -4,4 +4,4 @@
   button {
     @include mixins.button($theme: primary);
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/chats.scss b/packages/pl-fe/src/styles/new/chats.scss
index 8c75d339f..d7be647ed 100644
--- a/packages/pl-fe/src/styles/new/chats.scss
+++ b/packages/pl-fe/src/styles/new/chats.scss
@@ -133,7 +133,7 @@
     justify-content: center;
     height: 100%;
     flex-grow: 1;
-    gap: 1rem; 
+    gap: 1rem;
 
     &__text {
       display: flex;
@@ -182,7 +182,7 @@
 
   &__name {
     @apply flex w-full grow items-center space-x-1;
-  
+
     p {
       @include mixins.text($weight: bold, $size: sm, $align: left, $truncate: true);
     }
@@ -236,4 +236,4 @@
   &__unread + &__timestamp {
     @apply text-gray-900 dark:text-gray-100;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/components.scss b/packages/pl-fe/src/styles/new/components.scss
index 8b03b0e6f..00bec4bc7 100644
--- a/packages/pl-fe/src/styles/new/components.scss
+++ b/packages/pl-fe/src/styles/new/components.scss
@@ -225,7 +225,7 @@
 
     @apply text-gray-700 dark:text-gray-600;
 
-    >.⁂-icon {
+    > .⁂-icon {
       margin-left: 0.25rem;
 
       @apply rtl:rotate-180;
@@ -250,7 +250,7 @@ a.⁂-list-item,
   &__button {
     @apply rounded-full text-gray-900 focus:ring-2 focus:ring-primary-500 dark:text-gray-100;
 
-    >.⁂-icon {
+    > .⁂-icon {
       height: 1.5rem;
       width: 1.5rem;
       @apply rtl:rotate-180;
@@ -302,7 +302,8 @@ a.⁂-list-item,
 .⁂-autosuggest-suggestions {
   @apply fixed w-full z-[1001] shadow bg-white dark:bg-gray-900 rounded-lg py-1 dark:ring-2 dark:ring-primary-700 focus:outline-none hidden;
 
-  &--visible, &:focus-within {
+  &--visible,
+  &:focus-within {
     @apply block;
   }
 
@@ -323,8 +324,8 @@ a.⁂-list-item,
   }
 }
 
-div[data-viewport-type="window"]:has(.⁂-empty-message) {
-  position: initial!important;
+div[data-viewport-type='window']:has(.⁂-empty-message) {
+  position: initial !important;
 }
 
 .⁂-modal {
@@ -417,7 +418,7 @@ div[data-viewport-type="window"]:has(.⁂-empty-message) {
     svg {
       height: 1.5rem;
       width: 1.5rem;
-      color: rgb(var(--color-gray-600))
+      color: rgb(var(--color-gray-600));
     }
   }
 
@@ -426,8 +427,6 @@ div[data-viewport-type="window"]:has(.⁂-empty-message) {
   }
 }
 
-
-
 .⁂-dropdown-menu {
   z-index: 1001;
   display: flex;
@@ -544,7 +543,7 @@ div[data-viewport-type="window"]:has(.⁂-empty-message) {
   &[column-type='filled'] {
     .⁂-column__header {
       @apply rounded-t-3xl sticky top-0 z-10 bg-white/90 dark:bg-primary-900/90 black:bg-black/75 backdrop-blur backdrop-saturate-200 -mt-4 -mx-4 p-4;
-    
+
       &--scrolled {
         @apply rounded-t-none;
       }
@@ -555,11 +554,9 @@ div[data-viewport-type="window"]:has(.⁂-empty-message) {
         @apply sm:-mt-6 sm:-mx-6 sm:p-6;
       }
     }
-    
   }
 }
 
 .⁂-emoji {
   @apply transition-transform hover:scale-125;
 }
-
diff --git a/packages/pl-fe/src/styles/new/compose.scss b/packages/pl-fe/src/styles/new/compose.scss
index 94176cce9..4098b43e6 100644
--- a/packages/pl-fe/src/styles/new/compose.scss
+++ b/packages/pl-fe/src/styles/new/compose.scss
@@ -108,9 +108,9 @@
   }
 
   &__poll {
-      display: flex;
-      flex-direction: column;
-      gap: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
 
     &__options {
       display: flex;
diff --git a/packages/pl-fe/src/styles/new/directory.scss b/packages/pl-fe/src/styles/new/directory.scss
index d99ccdeed..6a9df7b71 100644
--- a/packages/pl-fe/src/styles/new/directory.scss
+++ b/packages/pl-fe/src/styles/new/directory.scss
@@ -10,7 +10,7 @@
     display: grid;
     grid-template-columns: repeat(1, minmax(0, 1fr));
     gap: 0.5rem;
-    
+
     @media (min-width: variables.$breakpoint-md) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -120,4 +120,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/drive.scss b/packages/pl-fe/src/styles/new/drive.scss
index 80e9094d2..a806bca0e 100644
--- a/packages/pl-fe/src/styles/new/drive.scss
+++ b/packages/pl-fe/src/styles/new/drive.scss
@@ -27,7 +27,8 @@
       right: 0;
     }
 
-    &:hover, &:focus {
+    &:hover,
+    &:focus {
       .⁂-drive-file__button {
         opacity: 1;
       }
@@ -162,4 +163,4 @@
       opacity: 0.5;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/events.scss b/packages/pl-fe/src/styles/new/events.scss
index f5ba6848d..485b404eb 100644
--- a/packages/pl-fe/src/styles/new/events.scss
+++ b/packages/pl-fe/src/styles/new/events.scss
@@ -7,7 +7,7 @@
     position: absolute;
     top: 0.5rem;
     right: 0.5rem;
-    z-index: 11!important;
+    z-index: 11 !important;
     @include mixins.button($theme: muted, $size: xs);
 
     .⁂-icon svg {
@@ -18,7 +18,7 @@
 
   &__banner__container {
     @apply dark:sm:shadow-inset relative flex h-24 items-center justify-center overflow-hidden rounded-lg bg-primary-100 text-primary-500 dark:bg-gray-800 dark:text-white sm:h-32 sm:shadow;
-    
+
     img {
       height: 100%;
       width: 100%;
@@ -64,4 +64,4 @@
 
 .⁂-event-map-modal {
   max-width: 42rem;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/forms.scss b/packages/pl-fe/src/styles/new/forms.scss
index 1945c26ac..93e127228 100644
--- a/packages/pl-fe/src/styles/new/forms.scss
+++ b/packages/pl-fe/src/styles/new/forms.scss
@@ -47,4 +47,4 @@
       @apply text-danger-700 dark:text-danger-500;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/layout.scss b/packages/pl-fe/src/styles/new/layout.scss
index 0236e9ad4..723016bc2 100644
--- a/packages/pl-fe/src/styles/new/layout.scss
+++ b/packages/pl-fe/src/styles/new/layout.scss
@@ -3,7 +3,10 @@
 html {
   height: 100%;
 
-  --font-sans: pl-fe i18n, 'Inter', ui-sans-serif, system-ui, -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --font-sans:
+    pl-fe i18n, 'Inter', ui-sans-serif, system-ui, -apple-system, 'BlinkMacSystemFont', 'Segoe UI',
+    'Roboto', 'Helvetica Neue', 'Arial', 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
   --font-mono: 'Roboto Mono', ui-monospace, monospace;
 }
 
@@ -20,7 +23,11 @@ body {
 
   &.system-font,
   &.system-font .font-sans {
-    font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+    font-family:
+      ui-sans-serif,
+      system-ui,
+      -apple-system,
+      sans-serif;
   }
 
   &.system-font .font-mono {
@@ -131,9 +138,9 @@ body {
   &__item {
     @apply flex flex-1 flex-col items-center px-2 py-4 text-lg text-gray-600;
 
-    .⁂-icon, .svg-icon {
+    .⁂-icon,
+    .svg-icon {
       @apply size-5 text-gray-600 black:text-white;
-
     }
 
     &--active .⁂-icon {
@@ -295,8 +302,8 @@ body {
 
   &[data-modal-type='DROPDOWN_MENU'] {
     .⁂-modal-root__container {
-      margin-top: 0!important;
-      margin-bottom: 0!important;
+      margin-top: 0 !important;
+      margin-bottom: 0 !important;
     }
   }
 
@@ -423,7 +430,8 @@ body {
   }
 }
 
-div:has(.⁂-background-shapes), .dark {
+div:has(.⁂-background-shapes),
+.dark {
   .⁂-widget {
     @include mixins.card($variant: rounded);
     @apply border-none black:p-0 black:pb-6 black:border-solid;
@@ -480,7 +488,8 @@ div:has(.⁂-background-shapes), .dark {
     }
   }
 
-  &__message__version, &__browser {
+  &__message__version,
+  &__browser {
     @include mixins.text($theme: muted);
 
     span {
@@ -511,8 +520,6 @@ div:has(.⁂-background-shapes), .dark {
       @apply h-12 w-auto;
     }
   }
-
-  
 }
 
 .⁂-network-error {
diff --git a/packages/pl-fe/src/styles/new/mixins.scss b/packages/pl-fe/src/styles/new/mixins.scss
index 5f7438cad..1b93e7bc4 100644
--- a/packages/pl-fe/src/styles/new/mixins.scss
+++ b/packages/pl-fe/src/styles/new/mixins.scss
@@ -1,6 +1,15 @@
 @use 'variables';
 
-@mixin text($family: sans, $size: md, $theme: default, $tracking: normal, $transform: normal, $truncate: false, $weight: normal, $align: none) {
+@mixin text(
+  $family: sans,
+  $size: md,
+  $theme: default,
+  $tracking: normal,
+  $transform: normal,
+  $truncate: false,
+  $weight: normal,
+  $align: none
+) {
   @if $family == sans {
     font-family: var(--font-sans);
   } @else if $family == mono {
@@ -122,8 +131,8 @@
         border-radius: 1.5rem;
       }
     } @else {
-    @warn "Unknown card size `#{$size}`.";
-  }
+      @warn "Unknown card size `#{$size}`.";
+    }
   } @else if $variant == slim {
     padding-top: 1rem;
     padding-bottom: 1rem;
@@ -172,4 +181,4 @@
   @if $block {
     @apply flex w-full justify-center;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index 3ca4862b5..71d87f6c1 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -35,7 +35,7 @@
     @apply transition-all;
   }
 
-  &__closer  {
+  &__closer {
     display: flex;
     position: absolute;
     top: 0;
@@ -63,7 +63,7 @@
     inset-inline-end: 0;
     bottom: 0;
     pointer-events: none;
-    transition: opacity .3s linear;
+    transition: opacity 0.3s linear;
     will-change: opacity;
 
     &--hidden {
@@ -71,7 +71,8 @@
     }
   }
 
-  &__closer, &__navigation {
+  &__closer,
+  &__navigation {
     @media (min-width: variables.$breakpoint-xl) {
       inset-inline-end: 24rem;
     }
@@ -82,7 +83,8 @@
       @apply xl:pr-0;
     }
 
-    .⁂-media-modal__closer, .⁂-media-modal__navigation  {
+    .⁂-media-modal__closer,
+    .⁂-media-modal__navigation {
       inset-inline-end: 0;
     }
   }
@@ -169,4 +171,4 @@
   .⁂-dropdown-menu__expanded-page {
     width: 100%;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/notifications.scss b/packages/pl-fe/src/styles/new/notifications.scss
index e9a74f674..888a05573 100644
--- a/packages/pl-fe/src/styles/new/notifications.scss
+++ b/packages/pl-fe/src/styles/new/notifications.scss
@@ -4,7 +4,7 @@
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
-  padding: 1rem;;
+  padding: 1rem;
 
   &__header {
     display: flex;
@@ -14,7 +14,7 @@
 
   &__info {
     min-width: 0;
-    flex: 1 1 0%
+    flex: 1 1 0%;
   }
 
   &__icon {
@@ -36,4 +36,4 @@
   .⁂-status__wrapper {
     padding: 0;
   }
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/new/statuses.scss b/packages/pl-fe/src/styles/new/statuses.scss
index 197af6f5f..eb0e4fd84 100644
--- a/packages/pl-fe/src/styles/new/statuses.scss
+++ b/packages/pl-fe/src/styles/new/statuses.scss
@@ -38,11 +38,13 @@
       }
     }
 
-    img, svg {
+    img,
+    svg {
       @apply h-5 max-w-48 transition-transform;
     }
 
-    &:hover img, &:hover svg {
+    &:hover img,
+    &:hover svg {
       @apply scale-125;
     }
 
@@ -106,7 +108,8 @@
   }
 }
 
-.thread__status, [column-type='filled'] {
+.thread__status,
+[column-type='filled'] {
   .⁂-status__wrapper {
     box-shadow: none;
   }
@@ -228,7 +231,8 @@
 
 .⁂-media-modal__content {
   .⁂-status-action-bar {
-    .⁂-status-action-bar__button, .⁂-icon-button {
+    .⁂-status-action-bar__button,
+    .⁂-icon-button {
       @apply text-white/80 hover:text-white bg-transparent dark:bg-transparent;
 
       &--active.⁂-status-action-bar__button--reblog {
@@ -285,7 +289,7 @@
   @include mixins.text($size: 2xl, $weight: medium);
 
   &--clamp span:first-child {
-    @apply line-clamp-3
+    @apply line-clamp-3;
   }
 
   button {
diff --git a/packages/pl-fe/src/styles/new/timelines.scss b/packages/pl-fe/src/styles/new/timelines.scss
index 2797a83e7..0f5fc3d34 100644
--- a/packages/pl-fe/src/styles/new/timelines.scss
+++ b/packages/pl-fe/src/styles/new/timelines.scss
@@ -55,4 +55,4 @@
 
 .⁂-load-more {
   @include mixins.button($theme: primary, $block: true);
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/ptr.scss b/packages/pl-fe/src/styles/ptr.scss
index b22d866f5..6c9dad2d3 100644
--- a/packages/pl-fe/src/styles/ptr.scss
+++ b/packages/pl-fe/src/styles/ptr.scss
@@ -72,4 +72,4 @@
 .ptr__loader {
   margin: 0 auto;
   text-align: center;
-}
\ No newline at end of file
+}
diff --git a/packages/pl-fe/src/styles/ui.scss b/packages/pl-fe/src/styles/ui.scss
index 622f0d5c9..4d5cfb189 100644
--- a/packages/pl-fe/src/styles/ui.scss
+++ b/packages/pl-fe/src/styles/ui.scss
@@ -32,7 +32,7 @@
   }
 }
 
-.react-swipeable-view-container>* {
+.react-swipeable-view-container > * {
   @apply flex items-center justify-center h-full;
 }
 
diff --git a/packages/pl-fe/src/toast.tsx b/packages/pl-fe/src/toast.tsx
index 3cf94c481..d10072736 100644
--- a/packages/pl-fe/src/toast.tsx
+++ b/packages/pl-fe/src/toast.tsx
@@ -8,8 +8,8 @@ import { httpErrorMessages } from './utils/errors';
 import type { PlfeResponse } from './api';
 import type { LinkOptions } from '@tanstack/react-router';
 
-type ToastText = string | MessageDescriptor
-type ToastType = 'success' | 'error' | 'info'
+type ToastText = string | MessageDescriptor;
+type ToastType = 'success' | 'error' | 'info';
 
 interface IToastOptions {
   action?(): void;
@@ -50,7 +50,8 @@ const showAlertForError = (networkError: { response: PlfeResponse }) => {
     const { json, status, statusText } = networkError.response;
 
     if (status === 502) {
-      error('The server is down'); return;
+      error('The server is down');
+      return;
     }
 
     if (status === 404 || status === 410) {
@@ -67,19 +68,17 @@ const showAlertForError = (networkError: { response: PlfeResponse }) => {
     message ??= httpErrorMessages.find((httpError) => httpError.code === status)?.description;
 
     if (message) {
-      error(message); return;
+      error(message);
+      return;
     }
   } else {
     console.error(networkError);
-    error(messages.unexpectedMessage); return;
+    error(messages.unexpectedMessage);
+    return;
   }
 };
 
-export {
-  type ToastText,
-  type IToastOptions,
-  type ToastType,
-};
+export { type ToastText, type IToastOptions, type ToastType };
 
 export default {
   info,
diff --git a/packages/pl-fe/src/types/colors.ts b/packages/pl-fe/src/types/colors.ts
index 789736672..7cec2e5eb 100644
--- a/packages/pl-fe/src/types/colors.ts
+++ b/packages/pl-fe/src/types/colors.ts
@@ -7,6 +7,6 @@ type TailwindColorObject = {
 
 type TailwindColorPalette = {
   [key: string]: TailwindColorObject | string | null;
-}
+};
 
 export type { Rgb, Hsl, TailwindColorObject, TailwindColorPalette };
diff --git a/packages/pl-fe/src/utils/accounts.ts b/packages/pl-fe/src/utils/accounts.ts
index 83e1a076d..7403c20db 100644
--- a/packages/pl-fe/src/utils/accounts.ts
+++ b/packages/pl-fe/src/utils/accounts.ts
@@ -22,7 +22,4 @@ const getBaseURL = (account: Pick<Account, 'url'>): string => {
   }
 };
 
-export {
-  getDomain,
-  getBaseURL,
-};
+export { getDomain, getBaseURL };
diff --git a/packages/pl-fe/src/utils/auth.ts b/packages/pl-fe/src/utils/auth.ts
index b62ad5c06..674ff65eb 100644
--- a/packages/pl-fe/src/utils/auth.ts
+++ b/packages/pl-fe/src/utils/auth.ts
@@ -41,19 +41,13 @@ const getAccessToken = (state: RootState) => {
 const getAuthUserId = (state: RootState) => {
   const me = state.auth.me;
 
-  return [
-    state.auth.users[me!]?.id,
-    me,
-  ].filter(id => id).find(validId);
+  return [state.auth.users[me!]?.id, me].filter((id) => id).find(validId);
 };
 
 const getAuthUserUrl = (state: RootState) => {
   const me = state.auth.me;
 
-  return [
-    state.auth.users[me!]?.url,
-    me,
-  ].filter(url => url).find(isURL);
+  return [state.auth.users[me!]?.url, me].filter((url) => url).find(isURL);
 };
 
 /** Get the VAPID public key. */
diff --git a/packages/pl-fe/src/utils/badges.ts b/packages/pl-fe/src/utils/badges.ts
index 89722683f..90c9fe306 100644
--- a/packages/pl-fe/src/utils/badges.ts
+++ b/packages/pl-fe/src/utils/badges.ts
@@ -16,12 +16,12 @@ interface TagDiff {
 
 /** Returns the differences between two sets of tags. */
 const getTagDiff = (oldTags: string[], newTags: string[]): TagDiff => ({
-  added: newTags.filter(tag => !oldTags.includes(tag)),
-  removed: oldTags.filter(tag => !newTags.includes(tag)),
+  added: newTags.filter((tag) => !oldTags.includes(tag)),
+  removed: oldTags.filter((tag) => !newTags.includes(tag)),
 });
 
 /** Returns only tags which are badges. */
-const filterBadges = (tags: string[]): string[] => tags.filter(tag => tag.startsWith('badge:'));
+const filterBadges = (tags: string[]): string[] => tags.filter((tag) => tag.startsWith('badge:'));
 
 /** Get badges from an account. */
 const getBadges = (account: Pick<Account, '__meta'>) => {
@@ -29,10 +29,4 @@ const getBadges = (account: Pick<Account, '__meta'>) => {
   return filterBadges(tags);
 };
 
-export {
-  tagToBadge,
-  badgeToTag,
-  filterBadges,
-  getTagDiff,
-  getBadges,
-};
+export { tagToBadge, badgeToTag, filterBadges, getTagDiff, getBadges };
diff --git a/packages/pl-fe/src/utils/chats.ts b/packages/pl-fe/src/utils/chats.ts
index 25610b6b8..768b0938e 100644
--- a/packages/pl-fe/src/utils/chats.ts
+++ b/packages/pl-fe/src/utils/chats.ts
@@ -22,10 +22,9 @@ const updateChatInChatSearchQuery = (newChat: Chat) => {
  * Re-order the ChatSearch query by the last message timestamp.
  */
 const reOrderChatListItems = () => {
-  sortQueryData<Chat>(['chats', 'search'], (chatA, chatB) => compareDate(
-    chatA.last_message?.created_at as string,
-    chatB.last_message?.created_at as string,
-  ));
+  sortQueryData<Chat>(['chats', 'search'], (chatA, chatB) =>
+    compareDate(chatA.last_message?.created_at as string, chatB.last_message?.created_at as string),
+  );
 };
 
 /**
@@ -78,7 +77,7 @@ const getUnreadChatsCount = (): number => {
     queryClient.getQueryData<InfiniteData<PaginatedResponse<Chat>>>(['chats', 'search']),
   );
 
-  return sumBy(chats, chat => chat.unread);
+  return sumBy(chats, (chat) => chat.unread);
 };
 
 export { updateChatListItem, getUnreadChatsCount, reOrderChatListItems };
diff --git a/packages/pl-fe/src/utils/check-instance-capability.ts b/packages/pl-fe/src/utils/check-instance-capability.ts
index 23452552d..f68d31ef0 100644
--- a/packages/pl-fe/src/utils/check-instance-capability.ts
+++ b/packages/pl-fe/src/utils/check-instance-capability.ts
@@ -2,12 +2,15 @@ import KVStore from '@/storage/kv-store';
 
 type DomainCapabilities = {
   lastChecked: number;
-} & ({
-  failed: true;
-} | {
-  failed: false;
-  emojiReacts: boolean;
-});
+} & (
+  | {
+      failed: true;
+    }
+  | {
+      failed: false;
+      emojiReacts: boolean;
+    }
+);
 
 interface Capabilities {
   _version: number;
@@ -20,13 +23,17 @@ let capabilities: Capabilities = {
 };
 
 const getCapabilitiesFromMemory = () =>
-  KVStore.getItem<Capabilities>('instanceCapabilities').then((capabilitiesFromMemory) => {
-    if (capabilitiesFromMemory) {
-      capabilities = capabilitiesFromMemory;
-    }
-  }).catch(() => { });
+  KVStore.getItem<Capabilities>('instanceCapabilities')
+    .then((capabilitiesFromMemory) => {
+      if (capabilitiesFromMemory) {
+        capabilities = capabilitiesFromMemory;
+      }
+    })
+    .catch(() => {});
 
-const checkEmojiReactsSupport = (instance: Record<string, any>) => instance.configuration?.reactions?.max_reactions > 0 || instance.pleroma?.metadata?.features?.includes('pleroma_emoji_reactions');
+const checkEmojiReactsSupport = (instance: Record<string, any>) =>
+  instance.configuration?.reactions?.max_reactions > 0 ||
+  instance.pleroma?.metadata?.features?.includes('pleroma_emoji_reactions');
 
 const setDomainCapabilities = async (domain: string, domainCapabilities: DomainCapabilities) => {
   await getCapabilitiesFromMemory();
@@ -65,7 +72,11 @@ const supportsEmojiReacts = async (accountUrl: string): Promise<'true' | 'false'
   const domain = new URL(accountUrl).hostname;
   let domainCapabilities = capabilities.domains[domain];
 
-  if (!domainCapabilities || domainCapabilities.lastChecked < Date.now() - 1000 * 60 * 60 * 24 * (domainCapabilities.failed ? 1 : 7)) {
+  if (
+    !domainCapabilities ||
+    domainCapabilities.lastChecked <
+      Date.now() - 1000 * 60 * 60 * 24 * (domainCapabilities.failed ? 1 : 7)
+  ) {
     domainCapabilities = await fetchCapabilities(domain);
   }
 
diff --git a/packages/pl-fe/src/utils/code.ts b/packages/pl-fe/src/utils/code.ts
index 7441d38ef..a44694ea7 100644
--- a/packages/pl-fe/src/utils/code.ts
+++ b/packages/pl-fe/src/utils/code.ts
@@ -17,7 +17,7 @@ const code = compileTime(() => {
   };
 
   const version = (pkg: { version: string }): string => {
-  // Try to discern from GitLab CI first
+    // Try to discern from GitLab CI first
     if (CI_COMMIT_TAG === `v${pkg.version}` || CI_COMMIT_REF_NAME === 'stable') {
       return pkg.version;
     }
@@ -43,7 +43,7 @@ const code = compileTime(() => {
     repository: shortRepoName(pkg.repository.url),
     version: version(pkg),
     homepage: pkg.homepage,
-    ref: (CI_COMMIT_TAG ?? CI_COMMIT_SHA) ?? tryGit('git rev-parse HEAD'),
+    ref: CI_COMMIT_TAG ?? CI_COMMIT_SHA ?? tryGit('git rev-parse HEAD'),
   };
 
   return code;
diff --git a/packages/pl-fe/src/utils/colors.ts b/packages/pl-fe/src/utils/colors.ts
index fac599099..e198b6053 100644
--- a/packages/pl-fe/src/utils/colors.ts
+++ b/packages/pl-fe/src/utils/colors.ts
@@ -29,9 +29,7 @@ import type { Rgb, TailwindColorObject } from '@/types/colors';
 
 const hexToRgb = (hex: string): Rgb | null => {
   const sanitizedHex = hex.replace(/##/g, '#');
-  const colorParts = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(
-    sanitizedHex,
-  );
+  const colorParts = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(sanitizedHex);
 
   if (!colorParts) {
     return null;
@@ -98,18 +96,15 @@ const colors = (baseColor: string): TailwindColorObject => {
     900: 0.19,
   };
 
-  [50, 100, 200, 300, 400].forEach(level => {
+  [50, 100, 200, 300, 400].forEach((level) => {
     response[level] = lighten(baseColor, intensityMap[level]);
   });
 
-  [600, 700, 800, 900].forEach(level => {
+  [600, 700, 800, 900].forEach((level) => {
     response[level] = darken(baseColor, intensityMap[level]);
   });
 
   return response;
 };
 
-export {
-  hexToRgb,
-  colors as default,
-};
+export { hexToRgb, colors as default };
diff --git a/packages/pl-fe/src/utils/config-db.ts b/packages/pl-fe/src/utils/config-db.ts
index 563fe9849..11340c9fc 100644
--- a/packages/pl-fe/src/utils/config-db.ts
+++ b/packages/pl-fe/src/utils/config-db.ts
@@ -8,13 +8,8 @@ import type { PleromaConfig } from 'pl-api';
 type Policy = Record<string, any>;
 type Config = PleromaConfig['configs'][0];
 
-const find = (
-  configs: PleromaConfig['configs'],
-  group: string,
-  key: string,
-): Config | undefined => configs.find(config =>
-  config.group === group && config.key === key,
-);
+const find = (configs: PleromaConfig['configs'], group: string, key: string): Config | undefined =>
+  configs.find((config) => config.group === group && config.key === key);
 
 const toSimplePolicy = (configs: PleromaConfig['configs']): Partial<MRFSimple> => {
   const config = find(configs, ':pleroma', ':mrf_simple');
@@ -36,7 +31,9 @@ const toSimplePolicy = (configs: PleromaConfig['configs']): Partial<MRFSimple> =
 };
 
 const fromSimplePolicy = (simplePolicy: Policy) => {
-  const mapper = ([key, hosts]: [key: string, hosts: Array<[string, string]>]) => ({ tuple: [`:${key}`, hosts.map(host => ({ tuple: host }))] });
+  const mapper = ([key, hosts]: [key: string, hosts: Array<[string, string]>]) => ({
+    tuple: [`:${key}`, hosts.map((host) => ({ tuple: host }))],
+  });
 
   const value = Object.entries(simplePolicy).map(mapper);
 
diff --git a/packages/pl-fe/src/utils/console.ts b/packages/pl-fe/src/utils/console.ts
index 96f8b6b5e..d85a32297 100644
--- a/packages/pl-fe/src/utils/console.ts
+++ b/packages/pl-fe/src/utils/console.ts
@@ -1,24 +1,28 @@
 /** Print a warning to users not to copy-paste into the console */
 const printConsoleWarning = () => {
   /* eslint-disable no-console */
-  console.log('%cStop!', [
-    'color: #ff0000',
-    'display: block',
-    'font-family: system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", sans-serif',
-    'font-size: 50px',
-    'font-weight: 800',
-    'padding: 4px 0',
-  ].join(';'));
-  console.log('%cThis is a browser feature intended for developers. If someone told you to copy-paste something here it is a scam and will give them access to your account.', [
-    'color: #111111',
-    'display: block',
-    'font-family: system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", sans-serif',
-    'font-size: 18px',
-    'padding: 4px 0 16px',
-  ].join(';'));
+  console.log(
+    '%cStop!',
+    [
+      'color: #ff0000',
+      'display: block',
+      'font-family: system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", sans-serif',
+      'font-size: 50px',
+      'font-weight: 800',
+      'padding: 4px 0',
+    ].join(';'),
+  );
+  console.log(
+    '%cThis is a browser feature intended for developers. If someone told you to copy-paste something here it is a scam and will give them access to your account.',
+    [
+      'color: #111111',
+      'display: block',
+      'font-family: system-ui, -apple-system, BlinkMacSystemFont, Ubuntu, "Helvetica Neue", sans-serif',
+      'font-size: 18px',
+      'padding: 4px 0 16px',
+    ].join(';'),
+  );
   /* eslint-enable no-console */
 };
 
-export {
-  printConsoleWarning,
-};
+export { printConsoleWarning };
diff --git a/packages/pl-fe/src/utils/copy.ts b/packages/pl-fe/src/utils/copy.ts
index b2330b66f..730125aec 100644
--- a/packages/pl-fe/src/utils/copy.ts
+++ b/packages/pl-fe/src/utils/copy.ts
@@ -17,7 +17,7 @@ const copy = (text: string, onSuccess?: () => void) => {
       textarea.select();
       document.execCommand('copy');
     } catch {
-    // Do nothing
+      // Do nothing
     } finally {
       document.body.removeChild(textarea);
 
diff --git a/packages/pl-fe/src/utils/emoji-reacts.ts b/packages/pl-fe/src/utils/emoji-reacts.ts
index ec0799471..46041e9af 100644
--- a/packages/pl-fe/src/utils/emoji-reacts.ts
+++ b/packages/pl-fe/src/utils/emoji-reacts.ts
@@ -2,46 +2,53 @@ import { emojiReactionSchema, type EmojiReaction } from 'pl-api';
 import * as v from 'valibot';
 
 const simulateEmojiReact = (emojiReacts: Array<EmojiReaction>, emoji: string, url?: string) => {
-  const idx = emojiReacts.findIndex(e => e.name === emoji);
+  const idx = emojiReacts.findIndex((e) => e.name === emoji);
   const emojiReact = emojiReacts[idx];
 
   if (idx > -1 && emojiReact) {
-    return emojiReacts.map((reaction, id) => id === idx ? v.parse(emojiReactionSchema, {
-      ...emojiReact,
-      count: (emojiReact.count ?? 0) + 1,
-      me: true,
-      url,
-    }) : reaction);
+    return emojiReacts.map((reaction, id) =>
+      id === idx
+        ? v.parse(emojiReactionSchema, {
+            ...emojiReact,
+            count: (emojiReact.count ?? 0) + 1,
+            me: true,
+            url,
+          })
+        : reaction,
+    );
   } else {
-    return [...emojiReacts, v.parse(emojiReactionSchema, {
-      count: 1,
-      me: true,
-      name: emoji,
-      url,
-    })];
+    return [
+      ...emojiReacts,
+      v.parse(emojiReactionSchema, {
+        count: 1,
+        me: true,
+        name: emoji,
+        url,
+      }),
+    ];
   }
 };
 
 const simulateUnEmojiReact = (emojiReacts: Array<EmojiReaction>, emoji: string) => {
-  const idx = emojiReacts.findIndex(e =>
-    e.name === emoji &&  e.me);
+  const idx = emojiReacts.findIndex((e) => e.name === emoji && e.me);
 
   const emojiReact = emojiReacts[idx];
 
   if (emojiReact) {
     const newCount = (emojiReact.count ?? 1) - 1;
     if (newCount < 1) return emojiReacts.filter((_, id) => id !== idx);
-    return emojiReacts.map((reaction, id) => id === idx ? v.parse(emojiReactionSchema, {
-      ...emojiReact,
-      count: (emojiReact.count ?? 1) - 1,
-      me: false,
-    }) : reaction);
+    return emojiReacts.map((reaction, id) =>
+      id === idx
+        ? v.parse(emojiReactionSchema, {
+            ...emojiReact,
+            count: (emojiReact.count ?? 1) - 1,
+            me: false,
+          })
+        : reaction,
+    );
   } else {
     return emojiReacts;
   }
 };
 
-export {
-  simulateEmojiReact,
-  simulateUnEmojiReact,
-};
+export { simulateEmojiReact, simulateUnEmojiReact };
diff --git a/packages/pl-fe/src/utils/emoji.ts b/packages/pl-fe/src/utils/emoji.ts
index 003b3b0b4..9962cd6d4 100644
--- a/packages/pl-fe/src/utils/emoji.ts
+++ b/packages/pl-fe/src/utils/emoji.ts
@@ -29,7 +29,4 @@ const toCodePoints = (unicodeSurrogates: string): string[] => {
   return points;
 };
 
-export {
-  removeVS16s,
-  toCodePoints,
-};
+export { removeVS16s, toCodePoints };
diff --git a/packages/pl-fe/src/utils/errors.ts b/packages/pl-fe/src/utils/errors.ts
index 5748b98e9..9b26a8a29 100644
--- a/packages/pl-fe/src/utils/errors.ts
+++ b/packages/pl-fe/src/utils/errors.ts
@@ -2,7 +2,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
   {
     code: 100,
     name: 'Continue',
-    description: 'The server has received the request headers, and the client should proceed to send the request body',
+    description:
+      'The server has received the request headers, and the client should proceed to send the request body',
   },
   {
     code: 101,
@@ -47,7 +48,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
   {
     code: 206,
     name: 'Partial Content',
-    description: 'The server is delivering only part of the resource due to a range header sent by the client',
+    description:
+      'The server is delivering only part of the resource due to a range header sent by the client',
   },
   {
     code: 400,
@@ -107,7 +109,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
   {
     code: 411,
     name: 'Length Required',
-    description: 'The "Content-Length" is not defined. The server will not accept the request without it',
+    description:
+      'The "Content-Length" is not defined. The server will not accept the request without it',
   },
   {
     code: 412,
@@ -152,7 +155,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
   {
     code: 502,
     name: 'Bad Gateway',
-    description: 'The server was acting as a gateway or proxy and received an invalid response from the upstream server',
+    description:
+      'The server was acting as a gateway or proxy and received an invalid response from the upstream server',
   },
   {
     code: 503,
@@ -162,7 +166,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
   {
     code: 504,
     name: 'Gateway Timeout',
-    description: 'The server was acting as a gateway or proxy and did not receive a timely response from the upstream server',
+    description:
+      'The server was acting as a gateway or proxy and did not receive a timely response from the upstream server',
   },
   {
     code: 505,
@@ -178,8 +183,8 @@ const httpErrorMessages: { code: number; name: string; description: string }[] =
 
 /** Whether the error is caused by a JS chunk failing to load. */
 const isNetworkError = (error: unknown): boolean =>
-  error instanceof Error
-    && error.name === 'TypeError'
-    && error.message.startsWith('Failed to fetch dynamically imported module: ');
+  error instanceof Error &&
+  error.name === 'TypeError' &&
+  error.message.startsWith('Failed to fetch dynamically imported module: ');
 
 export { httpErrorMessages, isNetworkError };
diff --git a/packages/pl-fe/src/utils/favicon-service.ts b/packages/pl-fe/src/utils/favicon-service.ts
index efaccc4e3..3a997dfe5 100644
--- a/packages/pl-fe/src/utils/favicon-service.ts
+++ b/packages/pl-fe/src/utils/favicon-service.ts
@@ -38,7 +38,7 @@ const createFaviconService = () => {
     if (!hasCanvasExtractPermission) return;
 
     const nodes: NodeListOf<HTMLLinkElement> = document.querySelectorAll('link[rel="icon"]');
-    nodes.forEach(favicon => {
+    nodes.forEach((favicon) => {
       if (favicon) {
         const favcanvas = document.createElement('canvas');
         favcanvas.width = faviconWidth;
@@ -62,7 +62,17 @@ const createFaviconService = () => {
       if (!favimg || !favcontext || !favicon) return;
       favcontext.clearRect(0, 0, faviconWidth, faviconHeight);
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight);
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        );
       }
       favicon.href = favcanvas.toDataURL('image/png');
     });
@@ -79,7 +89,17 @@ const createFaviconService = () => {
       const badgeColor = style.getPropertyValue('--badge-notification') || 'rgb(255, 0, 0)';
 
       if (isImageLoaded(favimg)) {
-        favcontext.drawImage(favimg, 0, 0, favimg.width, favimg.height, 0, 0, faviconWidth, faviconHeight);
+        favcontext.drawImage(
+          favimg,
+          0,
+          0,
+          favimg.width,
+          favimg.height,
+          0,
+          0,
+          faviconWidth,
+          faviconHeight,
+        );
       }
       favcontext.fillStyle = badgeColor;
       favcontext.beginPath();
diff --git a/packages/pl-fe/src/utils/html.ts b/packages/pl-fe/src/utils/html.ts
index 930cb324b..3f63fd57b 100644
--- a/packages/pl-fe/src/utils/html.ts
+++ b/packages/pl-fe/src/utils/html.ts
@@ -2,7 +2,10 @@
 // NB: This function can still return unsafe HTML
 const unescapeHTML = (html: string = ''): string => {
   const wrapper = document.createElement('div');
-  wrapper.innerHTML = html.replace(/<br\s*\/?>/g, '\n').replace(/<\/p><[^>]*>/g, '\n\n').replace(/<[^>]*>/g, '');
+  wrapper.innerHTML = html
+    .replace(/<br\s*\/?>/g, '\n')
+    .replace(/<\/p><[^>]*>/g, '\n\n')
+    .replace(/<[^>]*>/g, '');
   return wrapper.textContent || '';
 };
 
@@ -14,7 +17,4 @@ const stripHTML = (html: string) => {
   return div.textContent || div.innerText || '';
 };
 
-export {
-  unescapeHTML,
-  stripHTML,
-};
+export { unescapeHTML, stripHTML };
diff --git a/packages/pl-fe/src/utils/media-aspect-ratio.ts b/packages/pl-fe/src/utils/media-aspect-ratio.ts
index 30b429633..54f0e4c8c 100644
--- a/packages/pl-fe/src/utils/media-aspect-ratio.ts
+++ b/packages/pl-fe/src/utils/media-aspect-ratio.ts
@@ -16,10 +16,4 @@ const isNonConformingRatio = (ar: number | null) => {
   return !isPanoramic(ar) && !isPortrait(ar);
 };
 
-export {
-  minimumAspectRatio,
-  maximumAspectRatio,
-  isPanoramic,
-  isPortrait,
-  isNonConformingRatio,
-};
+export { minimumAspectRatio, maximumAspectRatio, isPanoramic, isPortrait, isNonConformingRatio };
diff --git a/packages/pl-fe/src/utils/media.ts b/packages/pl-fe/src/utils/media.ts
index 3bfa89219..0254fa863 100644
--- a/packages/pl-fe/src/utils/media.ts
+++ b/packages/pl-fe/src/utils/media.ts
@@ -7,10 +7,9 @@ const truncateFilename = (url: string, maxLength: number) => {
 
   if (filename.length <= maxLength) return filename;
 
-  return [
-    filename.substr(0, maxLength / 2),
-    filename.substr(filename.length - maxLength / 2),
-  ].join('…');
+  return [filename.substr(0, maxLength / 2), filename.substr(filename.length - maxLength / 2)].join(
+    '…',
+  );
 };
 
 const formatBytes = (bytes: number, decimals: number = 2) => {
@@ -43,7 +42,7 @@ const getVideoDuration = (file: File): Promise<number> => {
       }
     });
 
-    video.onerror = (event: any) =>{
+    video.onerror = (event: any) => {
       reject(event.target.error);
     };
   });
diff --git a/packages/pl-fe/src/utils/normalizers.ts b/packages/pl-fe/src/utils/normalizers.ts
index 5c9f897cb..83cd5a938 100644
--- a/packages/pl-fe/src/utils/normalizers.ts
+++ b/packages/pl-fe/src/utils/normalizers.ts
@@ -1,10 +1,9 @@
 import type { CustomEmoji } from 'pl-api';
 
-const makeEmojiMap = (emojis: Array<CustomEmoji>) => emojis.reduce((obj: Record<string, CustomEmoji>, emoji: CustomEmoji) => {
-  obj[`:${emoji.shortcode}:`] = emoji;
-  return obj;
-}, {});
+const makeEmojiMap = (emojis: Array<CustomEmoji>) =>
+  emojis.reduce((obj: Record<string, CustomEmoji>, emoji: CustomEmoji) => {
+    obj[`:${emoji.shortcode}:`] = emoji;
+    return obj;
+  }, {});
 
-export {
-  makeEmojiMap,
-};
+export { makeEmojiMap };
diff --git a/packages/pl-fe/src/utils/notification.ts b/packages/pl-fe/src/utils/notification.ts
index 18881f5c5..6f778804e 100644
--- a/packages/pl-fe/src/utils/notification.ts
+++ b/packages/pl-fe/src/utils/notification.ts
@@ -23,14 +23,8 @@ const NOTIFICATION_TYPES = [
 ] as const;
 
 /** Notification types to exclude from the "All" filter by default. */
-const EXCLUDE_TYPES = [
-  'chat_mention',
-] as const;
+const EXCLUDE_TYPES = ['chat_mention'] as const;
 
 type NotificationType = Notification['type'];
 
-export {
-  NOTIFICATION_TYPES,
-  EXCLUDE_TYPES,
-  NotificationType,
-};
+export { NOTIFICATION_TYPES, EXCLUDE_TYPES, NotificationType };
diff --git a/packages/pl-fe/src/utils/numbers.tsx b/packages/pl-fe/src/utils/numbers.tsx
index 5b623b071..0d4cc35f7 100644
--- a/packages/pl-fe/src/utils/numbers.tsx
+++ b/packages/pl-fe/src/utils/numbers.tsx
@@ -10,7 +10,7 @@ const roundDown = (num: number) => {
   }
 
   const n = Number(num.toFixed(2));
-  return (n > num) ? n - (1 / (Math.pow(10, 2))) : n;
+  return n > num ? n - 1 / Math.pow(10, 2) : n;
 };
 
 /** Display a number nicely for the UI, eg 1000 becomes 1K. */
@@ -46,8 +46,4 @@ const shortNumberFormat = (number: any, max?: number): React.ReactNode => {
   );
 };
 
-export {
-  isNumber,
-  roundDown,
-  shortNumberFormat,
-};
+export { isNumber, roundDown, shortNumberFormat };
diff --git a/packages/pl-fe/src/utils/nyaize.ts b/packages/pl-fe/src/utils/nyaize.ts
index b0334c882..dde475276 100644
--- a/packages/pl-fe/src/utils/nyaize.ts
+++ b/packages/pl-fe/src/utils/nyaize.ts
@@ -16,19 +16,38 @@ const ifAfter = (prefix: string, fn: (x: string) => string) => {
 const nyaize = (text: string) =>
   text
     // ja-JP
-    .replaceAll('な', 'にゃ').replaceAll('ナ', 'ニャ').replaceAll('ﾅ', 'ﾆｬ')
+    .replaceAll('な', 'にゃ')
+    .replaceAll('ナ', 'ニャ')
+    .replaceAll('ﾅ', 'ﾆｬ')
     // en-US
-    .replace(/a/gi, ifAfter('n', x => x === 'A' ? 'YA' : 'ya'))
-    .replace(/ing/gi, ifAfter('morn', x => x === 'ING' ? 'YAN' : 'yan'))
-    .replace(/one/gi, ifAfter('every', x => x === 'ONE' ? 'NYAN' : 'nyan'))
+    .replace(
+      /a/gi,
+      ifAfter('n', (x) => (x === 'A' ? 'YA' : 'ya')),
+    )
+    .replace(
+      /ing/gi,
+      ifAfter('morn', (x) => (x === 'ING' ? 'YAN' : 'yan')),
+    )
+    .replace(
+      /one/gi,
+      ifAfter('every', (x) => (x === 'ONE' ? 'NYAN' : 'nyan')),
+    )
     // pl-PL
-    .replace(/ł/gi, ifAfter('mia', x => x === 'Ł' ? 'U' : 'u'))
+    .replace(
+      /ł/gi,
+      ifAfter('mia', (x) => (x === 'Ł' ? 'U' : 'u')),
+    )
     // ru-RU
-    .replace(/а/gi, ifAfter('н', x => x === 'А' ? 'Я' : 'я'))
+    .replace(
+      /а/gi,
+      ifAfter('н', (x) => (x === 'А' ? 'Я' : 'я')),
+    )
     // ko-KR
-    .replace(koRegex1, match => !isNaN(match.charCodeAt(0)) ? String.fromCharCode(
-      match.charCodeAt(0) + '냐'.charCodeAt(0) - '나'.charCodeAt(0),
-    ) : match)
+    .replace(koRegex1, (match) =>
+      !isNaN(match.charCodeAt(0))
+        ? String.fromCharCode(match.charCodeAt(0) + '냐'.charCodeAt(0) - '나'.charCodeAt(0))
+        : match,
+    )
     .replace(koRegex2, '다냥')
     .replace(koRegex3, '냥');
 
diff --git a/packages/pl-fe/src/utils/queries.ts b/packages/pl-fe/src/utils/queries.ts
index 832e60741..6a1c3c976 100644
--- a/packages/pl-fe/src/utils/queries.ts
+++ b/packages/pl-fe/src/utils/queries.ts
@@ -12,7 +12,10 @@ const isEntity = <T = unknown>(object: T): object is T & Entity =>
 
 /** Deduplicate an array of entities by their ID. */
 const deduplicateById = <T extends Entity>(entities: T[]): T[] => {
-  const map = entities.reduce<Map<string, T>>((result, entity) => result.set(entity.id, entity), new Map());
+  const map = entities.reduce<Map<string, T>>(
+    (result, entity) => result.set(entity.id, entity),
+    new Map(),
+  );
 
   return Array.from(map.values());
 };
@@ -32,11 +35,15 @@ const flattenPages = <T>(queryData: InfiniteData<PaginatedResponse<T>> | undefin
 };
 
 /** Traverse pages and update the item inside if found. */
-const updatePageItem = <T>(queryKey: QueryKey, newItem: T, isItem: (item: T, newItem: T) => boolean) => {
+const updatePageItem = <T>(
+  queryKey: QueryKey,
+  newItem: T,
+  isItem: (item: T, newItem: T) => boolean,
+) => {
   queryClient.setQueriesData<InfiniteData<PaginatedResponse<T>>>({ queryKey }, (data) => {
     if (data) {
-      const pages = data.pages.map(page => {
-        const result = page.items.map(item => isItem(item, newItem) ? newItem : item);
+      const pages = data.pages.map((page) => {
+        const result = page.items.map((item) => (isItem(item, newItem) ? newItem : item));
         return { ...page, result };
       });
       return { ...data, pages };
@@ -56,11 +63,15 @@ const appendPageItem = <T>(queryKey: QueryKey, newItem: T) => {
 };
 
 /** Remove an item inside if found. */
-const removePageItem = <T>(queryKey: QueryKey, itemToRemove: T, isItem: (item: T, newItem: T) => boolean) => {
+const removePageItem = <T>(
+  queryKey: QueryKey,
+  itemToRemove: T,
+  isItem: (item: T, newItem: T) => boolean,
+) => {
   queryClient.setQueriesData<InfiniteData<PaginatedResponse<T>>>({ queryKey }, (data) => {
     if (data) {
-      const pages = data.pages.map(page => {
-        const items = page.items.filter(item => !isItem(item, itemToRemove));
+      const pages = data.pages.map((page) => {
+        const items = page.items.filter((item) => !isItem(item, itemToRemove));
         return { ...page, items };
       });
       return { ...data, pages };
@@ -97,10 +108,4 @@ const sortQueryData = <T>(queryKey: QueryKey, comparator: (a: T, b: T) => number
   });
 };
 
-export {
-  flattenPages,
-  updatePageItem,
-  appendPageItem,
-  removePageItem,
-  sortQueryData,
-};
+export { flattenPages, updatePageItem, appendPageItem, removePageItem, sortQueryData };
diff --git a/packages/pl-fe/src/utils/resize-image.ts b/packages/pl-fe/src/utils/resize-image.ts
index badb103cd..38bf16a90 100644
--- a/packages/pl-fe/src/utils/resize-image.ts
+++ b/packages/pl-fe/src/utils/resize-image.ts
@@ -15,76 +15,81 @@ const _browser_quirks: BrowserCanvasQuirks = {};
 // is done on a known image.
 // See https://github.com/w3c/csswg-drafts/issues/4666
 // and https://github.com/blueimp/JavaScript-Load-Image/commit/1e4df707821a0afcc11ea0720ee403b8759f3881
-const dropOrientationIfNeeded = (orientation: number) => new Promise<number>(resolve => {
-  switch (_browser_quirks['image-orientation-automatic']) {
-    case true:
-      resolve(1);
-      break;
-    case false:
-      resolve(orientation);
-      break;
-    default:
-    // black 2x1 JPEG, with the following meta information set:
-    // - EXIF Orientation: 6 (Rotated 90° CCW)
-      const testImageURL =
-      'data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAA' +
-      'AAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA' +
-      'QEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE' +
-      'BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/x' +
-      'ABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAA' +
-      'AAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==';
-      const img = new Image();
-      img.onload = () => {
-        const automatic = (img.width === 1 && img.height === 2);
-        _browser_quirks['image-orientation-automatic'] = automatic;
-        resolve(automatic ? 1 : orientation);
-      };
-      img.onerror = () => {
-        _browser_quirks['image-orientation-automatic'] = false;
+const dropOrientationIfNeeded = (orientation: number) =>
+  new Promise<number>((resolve) => {
+    switch (_browser_quirks['image-orientation-automatic']) {
+      case true:
+        resolve(1);
+        break;
+      case false:
         resolve(orientation);
-      };
-      img.src = testImageURL;
-  }
-});
+        break;
+      default:
+        // black 2x1 JPEG, with the following meta information set:
+        // - EXIF Orientation: 6 (Rotated 90° CCW)
+        const testImageURL =
+          'data:image/jpeg;base64,/9j/4QAiRXhpZgAATU0AKgAAAAgAAQESAAMAAAABAAYAAAA' +
+          'AAAD/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBA' +
+          'QEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQE' +
+          'BAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf/AABEIAAEAAgMBEQACEQEDEQH/x' +
+          'ABKAAEAAAAAAAAAAAAAAAAAAAALEAEAAAAAAAAAAAAAAAAAAAAAAQEAAAAAAAAAAAAAAAA' +
+          'AAAAAEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwA/8H//2Q==';
+        const img = new Image();
+        img.onload = () => {
+          const automatic = img.width === 1 && img.height === 2;
+          _browser_quirks['image-orientation-automatic'] = automatic;
+          resolve(automatic ? 1 : orientation);
+        };
+        img.onerror = () => {
+          _browser_quirks['image-orientation-automatic'] = false;
+          resolve(orientation);
+        };
+        img.src = testImageURL;
+    }
+  });
 
 /** Convert the file into a local blob URL. */
-const getImageUrl = (inputFile: File) => new Promise<string>((resolve, reject) => {
-  // @ts-ignore: This is a browser capabilities check.
-  if (window.URL?.createObjectURL) {
-    try {
-      resolve(URL.createObjectURL(inputFile));
-    } catch (error) {
-      reject(error);
+const getImageUrl = (inputFile: File) =>
+  new Promise<string>((resolve, reject) => {
+    // @ts-ignore: This is a browser capabilities check.
+    if (window.URL?.createObjectURL) {
+      try {
+        resolve(URL.createObjectURL(inputFile));
+      } catch (error) {
+        reject(error);
+      }
+      return;
     }
-    return;
-  }
 
-  const reader = new FileReader();
-  reader.onerror = (...args) =>{
-    reject(...args);
-  };
-  reader.onload = ({ target }) =>{
-    resolve((target?.result ?? '') as string);
-  };
+    const reader = new FileReader();
+    reader.onerror = (...args) => {
+      reject(...args);
+    };
+    reader.onload = ({ target }) => {
+      resolve((target?.result ?? '') as string);
+    };
 
-  reader.readAsDataURL(inputFile);
-});
+    reader.readAsDataURL(inputFile);
+  });
 
 /** Get an image element from a file. */
-const loadImage = (inputFile: File) => new Promise<HTMLImageElement>((resolve, reject) => {
-  getImageUrl(inputFile).then(url => {
-    const img = new Image();
+const loadImage = (inputFile: File) =>
+  new Promise<HTMLImageElement>((resolve, reject) => {
+    getImageUrl(inputFile)
+      .then((url) => {
+        const img = new Image();
 
-    img.onerror = (...args) =>{
-      reject([...args]);
-    };
-    img.onload = () =>{
-      resolve(img);
-    };
+        img.onerror = (...args) => {
+          reject([...args]);
+        };
+        img.onload = () => {
+          resolve(img);
+        };
 
-    img.src = url;
-  }).catch(reject);
-});
+        img.src = url;
+      })
+      .catch(reject);
+  });
 
 /** Get the exif orientation for the image. */
 const getOrientation = async (img: HTMLImageElement, type = 'image/png'): Promise<number> => {
@@ -94,7 +99,7 @@ const getOrientation = async (img: HTMLImageElement, type = 'image/png'): Promis
 
   try {
     const exifr = await import('exifr');
-    const orientation = await exifr.orientation(img) ?? 1;
+    const orientation = (await exifr.orientation(img)) ?? 1;
 
     if (orientation !== 1) {
       return await dropOrientationIfNeeded(orientation);
@@ -115,51 +120,66 @@ const processImage = (
     orientation,
     type = 'image/png',
     name = 'resized.png',
-  } : {
+  }: {
     width: number;
     height: number;
     orientation: number;
     type?: string;
     name?: string;
   },
-) => new Promise<File>((resolve, reject) => {
-  const canvas = document.createElement('canvas');
+) =>
+  new Promise<File>((resolve, reject) => {
+    const canvas = document.createElement('canvas');
 
-  if (4 < orientation && orientation < 9) {
-    canvas.width = height;
-    canvas.height = width;
-  } else {
-    canvas.width = width;
-    canvas.height = height;
-  }
+    if (4 < orientation && orientation < 9) {
+      canvas.width = height;
+      canvas.height = width;
+    } else {
+      canvas.width = width;
+      canvas.height = height;
+    }
 
-  const context = canvas.getContext('2d');
+    const context = canvas.getContext('2d');
 
-  if (!context) {
-    reject(context);
-    return;
-  }
-
-  switch (orientation) {
-    case 2: context.transform(-1, 0, 0, 1, width, 0); break;
-    case 3: context.transform(-1, 0, 0, -1, width, height); break;
-    case 4: context.transform(1, 0, 0, -1, 0, height); break;
-    case 5: context.transform(0, 1, 1, 0, 0, 0); break;
-    case 6: context.transform(0, 1, -1, 0, height, 0); break;
-    case 7: context.transform(0, -1, -1, 0, height, width); break;
-    case 8: context.transform(0, -1, 1, 0, 0, width); break;
-  }
-
-  context.drawImage(img, 0, 0, width, height);
-
-  canvas.toBlob((blob) => {
-    if (!blob) {
-      reject(blob);
+    if (!context) {
+      reject(context);
       return;
     }
-    resolve(new File([blob], name, { type, lastModified: new Date().getTime() }));
-  }, type);
-});
+
+    switch (orientation) {
+      case 2:
+        context.transform(-1, 0, 0, 1, width, 0);
+        break;
+      case 3:
+        context.transform(-1, 0, 0, -1, width, height);
+        break;
+      case 4:
+        context.transform(1, 0, 0, -1, 0, height);
+        break;
+      case 5:
+        context.transform(0, 1, 1, 0, 0, 0);
+        break;
+      case 6:
+        context.transform(0, 1, -1, 0, height, 0);
+        break;
+      case 7:
+        context.transform(0, -1, -1, 0, height, width);
+        break;
+      case 8:
+        context.transform(0, -1, 1, 0, 0, width);
+        break;
+    }
+
+    context.drawImage(img, 0, 0, width, height);
+
+    canvas.toBlob((blob) => {
+      if (!blob) {
+        reject(blob);
+        return;
+      }
+      resolve(new File([blob], name, { type, lastModified: new Date().getTime() }));
+    }, type);
+  });
 
 const resizeImage = async (
   img: HTMLImageElement,
@@ -187,7 +207,11 @@ const resizeImage = async (
 };
 
 /** Resize an image to the maximum number of pixels. */
-const resize = async (inputFile: File, maxPixels = DEFAULT_MAX_PIXELS, force = false): Promise<File> => {
+const resize = async (
+  inputFile: File,
+  maxPixels = DEFAULT_MAX_PIXELS,
+  force = false,
+): Promise<File> => {
   if (!hasCanvasExtractPermission) return inputFile;
 
   if (!inputFile.type.match(/image.*/) || inputFile.type === 'image/gif') {
@@ -205,7 +229,7 @@ const resize = async (inputFile: File, maxPixels = DEFAULT_MAX_PIXELS, force = f
       return await resizeImage(img, inputFile, maxPixels, force);
     } catch (error) {
       console.error(error);
-      return (inputFile);
+      return inputFile;
     }
   } catch (error) {
     return inputFile;
diff --git a/packages/pl-fe/src/utils/rich-content.ts b/packages/pl-fe/src/utils/rich-content.ts
index 85177b4ab..c91872abe 100644
--- a/packages/pl-fe/src/utils/rich-content.ts
+++ b/packages/pl-fe/src/utils/rich-content.ts
@@ -6,7 +6,7 @@ const onlyEmoji = (node: HTMLElement, limit = 1, ignoreMentions = true): boolean
     // Remove mentions before checking content
     if (ignoreMentions) {
       node = node.cloneNode(true) as HTMLElement;
-      node.querySelectorAll('a.mention').forEach(m => m.parentNode?.removeChild(m));
+      node.querySelectorAll('a.mention').forEach((m) => m.parentNode?.removeChild(m));
     }
 
     if (node.textContent?.replace(new RegExp(' ', 'g'), '') !== '') return false;
diff --git a/packages/pl-fe/src/utils/rtl.ts b/packages/pl-fe/src/utils/rtl.ts
index e342bf2ec..5a7482820 100644
--- a/packages/pl-fe/src/utils/rtl.ts
+++ b/packages/pl-fe/src/utils/rtl.ts
@@ -1,5 +1,5 @@
 /** Unicode character ranges for RTL characters. */
-const rtlChars = /[\u0590-\u083F]|[\u08A0-\u08FF]|[\uFB1D-\uFDFF]|[\uFE70-\uFEFF]/mg;
+const rtlChars = /[\u0590-\u083F]|[\u08A0-\u08FF]|[\uFB1D-\uFDFF]|[\uFE70-\uFEFF]/gm;
 
 /**
  * Check if text is right-to-left (eg Arabic).
@@ -28,9 +28,9 @@ const isRtl = (text: string, confidence = 0.3): boolean => {
   // Remove phone number links
   text = text.replace(/(tel:)([+\d\s()-]+)/g, '');
   // Remove mentions
-  text = text.replace(/(?:^|[^/\w])@([a-z0-9_]+(@[a-z0-9.-]+)?)/ig, '');
+  text = text.replace(/(?:^|[^/\w])@([a-z0-9_]+(@[a-z0-9.-]+)?)/gi, '');
   // Remove hashtags
-  text = text.replace(/(?:^|[^/\w])#([\S]+)/ig, '');
+  text = text.replace(/(?:^|[^/\w])#([\S]+)/gi, '');
   // Remove all non-word characters
   text = text.replace(/\s+/g, '');
 
@@ -51,7 +51,10 @@ interface GetTextDirectionOpts {
 }
 
 /** Get the direction of the text. */
-const getTextDirection = (text: string, { fallback = 'ltr', confidence }: GetTextDirectionOpts = {}): 'ltr' | 'rtl' => {
+const getTextDirection = (
+  text: string,
+  { fallback = 'ltr', confidence }: GetTextDirectionOpts = {},
+): 'ltr' | 'rtl' => {
   if (!text) return fallback;
   return isRtl(text, confidence) ? 'rtl' : 'ltr';
 };
diff --git a/packages/pl-fe/src/utils/scopes.ts b/packages/pl-fe/src/utils/scopes.ts
index cd25e1e37..f95e719a9 100644
--- a/packages/pl-fe/src/utils/scopes.ts
+++ b/packages/pl-fe/src/utils/scopes.ts
@@ -6,7 +6,11 @@ import type { RootState } from '@/store';
  * Get the OAuth scopes to use for login & signup.
  * Mastodon will refuse scopes it doesn't know, so care is needed.
  */
-const getInstanceScopes = (instance: Instance, admin: boolean = true, external: boolean = false) => {
+const getInstanceScopes = (
+  instance: Instance,
+  admin: boolean = true,
+  external: boolean = false,
+) => {
   const v = getFeatures(instance).version;
 
   let scopes;
@@ -40,9 +44,7 @@ const getInstanceScopes = (instance: Instance, admin: boolean = true, external:
 };
 
 /** Convenience function to get scopes from instance in store. */
-const getScopes = (state: RootState, admin?: boolean, external?: boolean) => getInstanceScopes(state.instance, admin, external);
+const getScopes = (state: RootState, admin?: boolean, external?: boolean) =>
+  getInstanceScopes(state.instance, admin, external);
 
-export {
-  getInstanceScopes,
-  getScopes,
-};
+export { getInstanceScopes, getScopes };
diff --git a/packages/pl-fe/src/utils/scroll-utils.ts b/packages/pl-fe/src/utils/scroll-utils.ts
index dfb8b6671..a2e07402b 100644
--- a/packages/pl-fe/src/utils/scroll-utils.ts
+++ b/packages/pl-fe/src/utils/scroll-utils.ts
@@ -1,7 +1,13 @@
 import type React from 'react';
 import type { VirtuosoHandle } from 'react-virtuoso';
 
-const selectChild = (index: number, handle: React.RefObject<VirtuosoHandle>, node: ParentNode = document, count?: number, align?: 'start' | 'center' | 'end') => {
+const selectChild = (
+  index: number,
+  handle: React.RefObject<VirtuosoHandle>,
+  node: ParentNode = document,
+  count?: number,
+  align?: 'start' | 'center' | 'end',
+) => {
   if (count !== undefined && index === count) {
     const loadMoreButton = node.querySelector<HTMLButtonElement>('.⁂-load-more');
     if (loadMoreButton) {
diff --git a/packages/pl-fe/src/utils/state.ts b/packages/pl-fe/src/utils/state.ts
index 92c6ea50f..55899a31c 100644
--- a/packages/pl-fe/src/utils/state.ts
+++ b/packages/pl-fe/src/utils/state.ts
@@ -24,7 +24,7 @@ const federationRestrictionsDisclosed = (state: RootState): boolean =>
  */
 const isStandalone = (state: RootState): boolean => {
   const instanceFetchFailed = state.meta.instance_fetch_failed;
-  return isURL(BuildConfig.BACKEND_URL) ? false : (!isPrerendered && instanceFetchFailed);
+  return isURL(BuildConfig.BACKEND_URL) ? false : !isPrerendered && instanceFetchFailed;
 };
 
 const getHost = (url: any): string => {
@@ -41,9 +41,4 @@ const getBaseURL = (state: RootState): string => {
   return isURL(BuildConfig.BACKEND_URL) ? BuildConfig.BACKEND_URL : getHost(account?.url);
 };
 
-export {
-  displayFqn,
-  federationRestrictionsDisclosed,
-  isStandalone,
-  getBaseURL,
-};
+export { displayFqn, federationRestrictionsDisclosed, isStandalone, getBaseURL };
diff --git a/packages/pl-fe/src/utils/status.ts b/packages/pl-fe/src/utils/status.ts
index 10ec50ad5..9b52ed5be 100644
--- a/packages/pl-fe/src/utils/status.ts
+++ b/packages/pl-fe/src/utils/status.ts
@@ -31,8 +31,15 @@ const textForScreenReader = (
 
   const values = [
     displayName.length === 0 ? account.acct.split('@')[0] : displayName,
-    status.spoiler_text ? status.spoiler_text : status.search_index?.slice(status.spoiler_text.length) || '',
-    intl.formatDate(status.created_at, { hour: '2-digit', minute: '2-digit', month: 'short', day: 'numeric' }),
+    status.spoiler_text
+      ? status.spoiler_text
+      : status.search_index?.slice(status.spoiler_text.length) || '',
+    intl.formatDate(status.created_at, {
+      hour: '2-digit',
+      minute: '2-digit',
+      month: 'short',
+      day: 'numeric',
+    }),
     account.acct,
   ];
 
@@ -44,17 +51,15 @@ const textForScreenReader = (
 };
 
 const getStatusIdsFromLinksInContent = (content: string): string[] => {
-  const urls = content.match(RegExp(`${window.location.origin}/@([a-z\\d_-]+(?:@[^@\\s]+)?)/posts/[a-z0-9]+(?!\\S)`, 'gi'));
+  const urls = content.match(
+    RegExp(`${window.location.origin}/@([a-z\\d_-]+(?:@[^@\\s]+)?)/posts/[a-z0-9]+(?!\\S)`, 'gi'),
+  );
 
   if (!urls) return [];
 
-  return Array.from(new Set(urls
-    .map(url => url.split('/').at(-1) as string)
-    .filter(url => url)));
+  return Array.from(
+    new Set(urls.map((url) => url.split('/').at(-1) as string).filter((url) => url)),
+  );
 };
 
-export {
-  shouldHaveCard,
-  textForScreenReader,
-  getStatusIdsFromLinksInContent,
-};
+export { shouldHaveCard, textForScreenReader, getStatusIdsFromLinksInContent };
diff --git a/packages/pl-fe/src/utils/suggestions.ts b/packages/pl-fe/src/utils/suggestions.ts
index b09f53ef3..c0683a6b5 100644
--- a/packages/pl-fe/src/utils/suggestions.ts
+++ b/packages/pl-fe/src/utils/suggestions.ts
@@ -1,7 +1,4 @@
-type CursorMatch = [
-  tokenStart: number | null,
-  token: string | null,
-];
+type CursorMatch = [tokenStart: number | null, token: string | null];
 
 const textAtCursorMatchesToken = (
   str: string,
diff --git a/packages/pl-fe/src/utils/sw.ts b/packages/pl-fe/src/utils/sw.ts
index b6da4737f..cb2a11e95 100644
--- a/packages/pl-fe/src/utils/sw.ts
+++ b/packages/pl-fe/src/utils/sw.ts
@@ -16,18 +16,14 @@ const lockSW = () => {
 
 /** Unregister the ServiceWorker */
 // https://stackoverflow.com/a/49771828/8811886
-const unregisterSW = async(): Promise<void> => {
+const unregisterSW = async (): Promise<void> => {
   if (navigator.serviceWorker) {
     // FIXME: this only works if using a single tab.
     // Send a message to sw.js instead to refresh all tabs.
     const registrations = await navigator.serviceWorker.getRegistrations();
-    const unregisterAll = registrations.map(r => r.unregister());
+    const unregisterAll = registrations.map((r) => r.unregister());
     await Promise.all(unregisterAll);
   }
 };
 
-export {
-  registerSW,
-  unregisterSW,
-  lockSW,
-};
+export { registerSW, unregisterSW, lockSW };
diff --git a/packages/pl-fe/src/utils/tailwind.ts b/packages/pl-fe/src/utils/tailwind.ts
index 3fc8c487e..4c8c0bd37 100644
--- a/packages/pl-fe/src/utils/tailwind.ts
+++ b/packages/pl-fe/src/utils/tailwind.ts
@@ -29,17 +29,23 @@ const maybeGenerateAccentColor = (brandColor: string): string | null =>
   isHex(brandColor) ? generateAccent(brandColor) : null;
 
 /** Build a color object from legacy colors */
-const fromBasicColors = ({ brandColor, accentColor }: {
+const fromBasicColors = ({
+  brandColor,
+  accentColor,
+}: {
   brandColor: string;
   accentColor: string | null;
 }): TailwindColorPalette => {
-  const accent = typeof accentColor === 'string' && isHex(accentColor) ? accentColor : maybeGenerateAccentColor(brandColor);
+  const accent =
+    typeof accentColor === 'string' && isHex(accentColor)
+      ? accentColor
+      : maybeGenerateAccentColor(brandColor);
 
   return expandPalette({
     primary: isHex(brandColor) ? brandColor : null,
     secondary: accent,
     accent,
-    gray: (isHex(brandColor) ? generateNeutral(brandColor) : null),
+    gray: isHex(brandColor) ? generateNeutral(brandColor) : null,
   });
 };
 
@@ -54,10 +60,13 @@ const toTailwind = (config: {
 
   return {
     ...colors,
-    ...Object.fromEntries(Object.entries(basicColors).map(([key, value]) => [key, typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] }])),
+    ...Object.fromEntries(
+      Object.entries(basicColors).map(([key, value]) => [
+        key,
+        typeof value === 'string' ? colors[key] || value : { ...value, ...colors[key] },
+      ]),
+    ),
   };
 };
 
-export {
-  toTailwind,
-};
+export { toTailwind };
diff --git a/packages/pl-fe/src/utils/theme.ts b/packages/pl-fe/src/utils/theme.ts
index a627fcf53..e173c0314 100644
--- a/packages/pl-fe/src/utils/theme.ts
+++ b/packages/pl-fe/src/utils/theme.ts
@@ -8,7 +8,7 @@ const rgbToHsl = (value: Rgb): Hsl => {
   const r = value.r / 255;
   const g = value.g / 255;
   const b = value.b / 255;
-  const rgbOrdered = [ r, g, b ].sort();
+  const rgbOrdered = [r, g, b].sort();
   const l = ((rgbOrdered[0] + rgbOrdered[2]) / 2) * 100;
   let s, h;
   if (rgbOrdered[0] === rgbOrdered[2]) {
@@ -16,16 +16,16 @@ const rgbToHsl = (value: Rgb): Hsl => {
     h = 0;
   } else {
     if (l >= 50) {
-      s = ((rgbOrdered[2] - rgbOrdered[0]) / ((2.0 - rgbOrdered[2]) - rgbOrdered[0])) * 100;
+      s = ((rgbOrdered[2] - rgbOrdered[0]) / (2.0 - rgbOrdered[2] - rgbOrdered[0])) * 100;
     } else {
       s = ((rgbOrdered[2] - rgbOrdered[0]) / (rgbOrdered[2] + rgbOrdered[0])) * 100;
     }
     if (rgbOrdered[2] === r) {
       h = ((g - b) / (rgbOrdered[2] - rgbOrdered[0])) * 60;
     } else if (rgbOrdered[2] === g) {
-      h = (2 + ((b - r) / (rgbOrdered[2] - rgbOrdered[0]))) * 60;
+      h = (2 + (b - r) / (rgbOrdered[2] - rgbOrdered[0])) * 60;
     } else {
-      h = (4 + ((r - g) / (rgbOrdered[2] - rgbOrdered[0]))) * 60;
+      h = (4 + (r - g) / (rgbOrdered[2] - rgbOrdered[0])) * 60;
     }
     if (h < 0) {
       h += 360;
@@ -47,12 +47,14 @@ const hslToHex = (color: Hsl): string => {
   let { l } = color;
 
   l /= 100;
-  const a = s * Math.min(l, 1 - l) / 100;
+  const a = (s * Math.min(l, 1 - l)) / 100;
 
   const f = (n: number) => {
     const k = (n + h / 30) % 12;
     const color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-    return Math.round(255 * color).toString(16).padStart(2, '0'); // convert to Hex and prefix "0" if needed
+    return Math.round(255 * color)
+      .toString(16)
+      .padStart(2, '0'); // convert to Hex and prefix "0" if needed
   };
 
   return `#${f(0)}${f(8)}${f(4)}`;
@@ -76,7 +78,11 @@ const generateNeutral = (brandColor: string): string | null => {
   return hslToHex({ h, s: 20, l: 55 });
 };
 
-const parseShades = (obj: Record<string, string>, color: string, shades: Record<string, any>): void => {
+const parseShades = (
+  obj: Record<string, string>,
+  color: string,
+  shades: Record<string, any>,
+): void => {
   if (!shades) return;
 
   if (typeof shades === 'string') {
@@ -88,7 +94,7 @@ const parseShades = (obj: Record<string, string>, color: string, shades: Record<
     return;
   }
 
-  Object.keys(shades).forEach(shade => {
+  Object.keys(shades).forEach((shade) => {
     const rgb = hexToRgb(shades[shade]);
     if (!rgb) return;
 
@@ -106,11 +112,13 @@ const parseColors = (colors: TailwindColorPalette): Record<string, string> =>
 
 const colorsToCss = (colors: TailwindColorPalette): string => {
   const parsed = parseColors(colors);
-  return Object.keys(parsed).reduce((css, variable) => css + `${variable}:${parsed[variable]};`, '');
+  return Object.keys(parsed).reduce(
+    (css, variable) => css + `${variable}:${parsed[variable]};`,
+    '',
+  );
 };
 
-const generateThemeCss = (colors: TailwindColorPalette): string =>
-  colorsToCss(colors);
+const generateThemeCss = (colors: TailwindColorPalette): string => colorsToCss(colors);
 
 const hexToHsl = (hex: string): Hsl | null => {
   const rgb = hexToRgb(hex);
@@ -127,10 +135,4 @@ const hueShift = (hex: string, delta: number): string => {
   });
 };
 
-export {
-  generateAccent,
-  generateNeutral,
-  generateThemeCss,
-  hexToHsl,
-  hueShift,
-};
+export { generateAccent, generateNeutral, generateThemeCss, hexToHsl, hueShift };
diff --git a/packages/pl-fe/src/utils/timelines.ts b/packages/pl-fe/src/utils/timelines.ts
index 50c91f50f..83b013892 100644
--- a/packages/pl-fe/src/utils/timelines.ts
+++ b/packages/pl-fe/src/utils/timelines.ts
@@ -18,7 +18,10 @@ const shouldFilter = (
     direct: status.visibility === 'direct',
   };
 
-  return Object.entries(shows).some(([key, value]) => !(columnSettings?.shows || fallback)[key as 'reblog' | 'reply' | 'direct'] && value);
+  return Object.entries(shows).some(
+    ([key, value]) =>
+      !(columnSettings?.shows || fallback)[key as 'reblog' | 'reply' | 'direct'] && value,
+  );
 };
 
 export { shouldFilter };
diff --git a/packages/pl-fe/src/utils/url-purify.ts b/packages/pl-fe/src/utils/url-purify.ts
index 0a6d99f7d..e438ef22e 100644
--- a/packages/pl-fe/src/utils/url-purify.ts
+++ b/packages/pl-fe/src/utils/url-purify.ts
@@ -12,7 +12,12 @@
 // along with this program. If not, see <https://www.gnu.org/licenses/>.
 //
 // I hope I got this relicensing stuff right xD
-import { mappings, URLPurify, type SerializedRules, type SerializedServices } from '@mkljczk/url-purify';
+import {
+  mappings,
+  URLPurify,
+  type SerializedRules,
+  type SerializedServices,
+} from '@mkljczk/url-purify';
 
 import KVStore from '@/storage/kv-store';
 import { Me } from '@/types/pl-fe';
@@ -32,9 +37,9 @@ interface KVStoreRedirectServicesItem {
 }
 
 const sha256 = async (message: string) =>
-  Array.from(new Uint8Array(
-    await window.crypto.subtle.digest('SHA-256', (new TextEncoder()).encode(message)),
-  ))
+  Array.from(
+    new Uint8Array(await window.crypto.subtle.digest('SHA-256', new TextEncoder().encode(message))),
+  )
     .map((b) => b.toString(16).padStart(2, '0'))
     .join('');
 
@@ -100,12 +105,8 @@ const DEFAULT_RULESET: SerializedRules = {
     youtube: {
       urlPattern: '^https?:\\/\\/(?:[a-z0-9-]+\\.)*?(youtube\\.com|youtu\\.be)',
       rules: ['feature', 'gclid', 'kw', 'si', 'pp'],
-      exceptions: [
-        '^https?:\\/\\/(?:[a-z0-9-]+\\.)*?youtube\\.com\\/signin\\?.*?',
-      ],
-      redirections: [
-        '^https?:\\/\\/(?:[a-z0-9-]+\\.)*?youtube\\.com\\/redirect?.*?q=([^&]*)',
-      ],
+      exceptions: ['^https?:\\/\\/(?:[a-z0-9-]+\\.)*?youtube\\.com\\/signin\\?.*?'],
+      redirections: ['^https?:\\/\\/(?:[a-z0-9-]+\\.)*?youtube\\.com\\/redirect?.*?q=([^&]*)'],
     },
   },
 };
@@ -121,7 +122,12 @@ const resetRules = async (user: Me) => {
   return KVStore.removeItem(`url-purify-rules:${user}`);
 };
 
-const updateRulesFromUrl = async (user: Me, rulesUrl: string, hashUrl?: string, oldHash?: string) => {
+const updateRulesFromUrl = async (
+  user: Me,
+  rulesUrl: string,
+  hashUrl?: string,
+  oldHash?: string,
+) => {
   if (oldHash && hashUrl) {
     const newHash = await fetch(hashUrl).then((response) => response.text());
     if (newHash === oldHash) return;
@@ -158,12 +164,14 @@ const updateRedirectServicesFromUrl = async (user: Me, redirectServicesUrl: stri
 };
 
 const setManualRedirectServices = async (user: Me, redirectServices: Record<string, string>) => {
-  const parsedRedirectServices: SerializedServices = Object.entries(redirectServices).filter(([_, instance]) => instance.trim()).map((service) => ({
-    fallback: service[1],
-    instances: [service[1]],
-    test_url: '',
-    type: mappings.find((mapping) => mapping.name === service[0])?.targets[0] ?? 'unknown',
-  }));
+  const parsedRedirectServices: SerializedServices = Object.entries(redirectServices)
+    .filter(([_, instance]) => instance.trim())
+    .map((service) => ({
+      fallback: service[1],
+      instances: [service[1]],
+      test_url: '',
+      type: mappings.find((mapping) => mapping.name === service[0])?.targets[0] ?? 'unknown',
+    }));
   Purify.setRedirectServices(parsedRedirectServices);
 
   await KVStore.setItem('url-purify-redirect-services:last', user);
@@ -175,40 +183,48 @@ const setManualRedirectServices = async (user: Me, redirectServices: Record<stri
 
 const getRulesForUser = (user: Me) => {
   if (!user || typeof user !== 'string') return;
-  KVStore.getItem<KVStoreRulesItem>(`url-purify-rules:${user}`).then((rules) => {
-    if (!rules?.rulesUrl) return;
-    Purify.setRules(rules.rules, rules.hash);
+  KVStore.getItem<KVStoreRulesItem>(`url-purify-rules:${user}`)
+    .then((rules) => {
+      if (!rules?.rulesUrl) return;
+      Purify.setRules(rules.rules, rules.hash);
 
-    if (rules.fetchedAt + 1000 * 60 * 60 * 24 < Date.now()) {
-      updateRulesFromUrl(user, rules.rulesUrl, rules.hashUrl, rules.hash);
-    }
-  }).catch(() => {});
+      if (rules.fetchedAt + 1000 * 60 * 60 * 24 < Date.now()) {
+        updateRulesFromUrl(user, rules.rulesUrl, rules.hashUrl, rules.hash);
+      }
+    })
+    .catch(() => {});
 };
 
 const getRulesFromMemory = () => {
-  KVStore.getItem<string>('url-purify-rules:last').then((url) => {
-    if (!url) return;
-    getRulesForUser(url);
-  }).catch(() => {});
+  KVStore.getItem<string>('url-purify-rules:last')
+    .then((url) => {
+      if (!url) return;
+      getRulesForUser(url);
+    })
+    .catch(() => {});
 };
 
 const getRedirectServicesForUser = (user: Me) => {
   if (!user || typeof user !== 'string') return;
-  KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${user}`).then((services) => {
-    if (!services) return;
-    Purify.setRedirectServices(services.redirectServices);
+  KVStore.getItem<KVStoreRedirectServicesItem>(`url-purify-redirect-services:${user}`)
+    .then((services) => {
+      if (!services) return;
+      Purify.setRedirectServices(services.redirectServices);
 
-    if (services.redirectServicesUrl && services.fetchedAt + 1000 * 60 * 60 * 24 < Date.now()) {
-      updateRedirectServicesFromUrl(user, services.redirectServicesUrl);
-    }
-  }).catch(() => {});
+      if (services.redirectServicesUrl && services.fetchedAt + 1000 * 60 * 60 * 24 < Date.now()) {
+        updateRedirectServicesFromUrl(user, services.redirectServicesUrl);
+      }
+    })
+    .catch(() => {});
 };
 
 const getRedirectServicesFromMemory = () => {
-  KVStore.getItem<string>('url-purify-redirect-services:last').then((url) => {
-    if (!url) return;
-    getRedirectServicesForUser(url);
-  }).catch(() => {});
+  KVStore.getItem<string>('url-purify-redirect-services:last')
+    .then((url) => {
+      if (!url) return;
+      getRedirectServicesForUser(url);
+    })
+    .catch(() => {});
 };
 
 getRulesFromMemory();
diff --git a/packages/pl-fe/src/utils/url.ts b/packages/pl-fe/src/utils/url.ts
index d9cc6c4d9..49a2d9fa5 100644
--- a/packages/pl-fe/src/utils/url.ts
+++ b/packages/pl-fe/src/utils/url.ts
@@ -3,12 +3,12 @@ import queryString from 'query-string';
 // Adapted from Axios https://github.com/axios/axios/blob/v1.x/lib/core/buildFullPath.js
 const isAbsoluteURL = (url: string) => /^([a-z][a-z\d+\-.]*:)?\/\//i.test(url);
 
-const combineURLs = (baseURL: string, relativeURL: string) => relativeURL
-  ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '')
-  : baseURL;
+const combineURLs = (baseURL: string, relativeURL: string) =>
+  relativeURL ? baseURL.replace(/\/?\/$/, '') + '/' + relativeURL.replace(/^\/+/, '') : baseURL;
 
 const buildFullPath = (requestedURL: string, baseURL?: string, params?: Record<string, any>) => {
-  const path = (baseURL && !isAbsoluteURL(requestedURL)) ? combineURLs(baseURL, requestedURL) : requestedURL;
+  const path =
+    baseURL && !isAbsoluteURL(requestedURL) ? combineURLs(baseURL, requestedURL) : requestedURL;
 
   if (params && Object.entries(params).length) {
     const { url, query } = queryString.parseUrl(path);
@@ -18,6 +18,4 @@ const buildFullPath = (requestedURL: string, baseURL?: string, params?: Record<s
   return path;
 };
 
-export {
-  buildFullPath,
-};
+export { buildFullPath };
diff --git a/packages/pl-fe/tailwind.config.ts b/packages/pl-fe/tailwind.config.ts
index 1f3b2f05f..b2aacc302 100644
--- a/packages/pl-fe/tailwind.config.ts
+++ b/packages/pl-fe/tailwind.config.ts
@@ -7,8 +7,12 @@ import { parseColorMatrix } from './tailwind/colors';
 
 import type { Config } from 'tailwindcss';
 
-const blackVariantPlugin = plugin(({ addVariant }) =>{  addVariant('black', '&:is(.dark.black *)'); });
-const reducedMotionPlugin = plugin(({ addVariant }) =>{  addVariant('no-reduce-motion', '.no-reduce-motion &'); });
+const blackVariantPlugin = plugin(({ addVariant }) => {
+  addVariant('black', '&:is(.dark.black *)');
+});
+const reducedMotionPlugin = plugin(({ addVariant }) => {
+  addVariant('no-reduce-motion', '.no-reduce-motion &');
+});
 
 const config: Config = {
   content: ['./src/**/*.{html,js,ts,tsx}', './custom/instance/**/*.html', './index.html'],
@@ -29,7 +33,7 @@ const config: Config = {
         base: '0.9375rem',
       },
       fontFamily: {
-        'sans': [
+        sans: [
           'pl-fe i18n',
           'Inter',
           'ui-sans-serif',
@@ -47,11 +51,7 @@ const config: Config = {
           'Segoe UI Symbol',
           'Noto Color Emoji',
         ],
-        'mono': [
-          'Roboto Mono',
-          'ui-monospace',
-          'monospace',
-        ],
+        mono: ['Roboto Mono', 'ui-monospace', 'monospace'],
       },
       spacing: {
         '4.5': '1.125rem',
@@ -67,15 +67,15 @@ const config: Config = {
         accent: [300, 500],
         'gradient-start': true,
         'gradient-end': true,
-        'greentext': true,
+        greentext: true,
       }),
       animation: {
         'sonar-scale-4': 'sonar-scale-4 3s linear infinite',
         'sonar-scale-3': 'sonar-scale-3 3s 0.5s linear infinite',
         'sonar-scale-2': 'sonar-scale-2 3s 1s linear infinite',
         'sonar-scale-1': 'sonar-scale-1 3s 1.5s linear infinite',
-        'enter': 'enter 200ms ease-out',
-        'leave': 'leave 150ms ease-in forwards',
+        enter: 'enter 200ms ease-out',
+        leave: 'leave 150ms ease-in forwards',
         'text-overflow': 'text-overflow 8s linear infinite',
       },
       keyframes: {
diff --git a/packages/pl-fe/tsconfig.json b/packages/pl-fe/tsconfig.json
index b3341db69..06614820d 100644
--- a/packages/pl-fe/tsconfig.json
+++ b/packages/pl-fe/tsconfig.json
@@ -13,18 +13,10 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "paths": {
-      "@/*": ["./src/*"],
+      "@/*": ["./src/*"]
     },
-    "typeRoots": [
-      "./src/types",
-      "./node_modules/@types",
-      "./node_modules"
-    ],
-    "types": [
-      "vite/client",
-      "vite-plugin-compile-time/client",
-      "dom-chromium-ai"
-    ],
+    "typeRoots": ["./src/types", "./node_modules/@types", "./node_modules"],
+    "types": ["vite/client", "vite-plugin-compile-time/client", "dom-chromium-ai"]
   },
   "exclude": ["src/**/*.test.ts", "src/**/*.test.tsx"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8c904845d..ff642bb63 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -398,9 +398,6 @@ importers:
       '@sentry/types':
         specifier: ^8.47.0
         version: 8.55.0
-      '@stylistic/eslint-plugin':
-        specifier: ^3.1.0
-        version: 3.1.0(eslint@8.57.1)(typescript@5.7.3)
       '@types/dom-chromium-ai':
         specifier: ^0.0.11
         version: 0.0.11
@@ -431,48 +428,12 @@ importers:
       '@types/react-swipeable-views':
         specifier: ^0.13.6
         version: 0.13.6
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^8.24.1
-        version: 8.38.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/parser':
-        specifier: ^8.24.0
-        version: 8.38.0(eslint@8.57.1)(typescript@5.7.3)
       '@vitejs/plugin-react':
         specifier: ^5.1.3
         version: 5.1.4(vite@7.3.1(@types/node@25.0.3)(jiti@1.21.7)(lightningcss@1.31.1)(sass-embedded@1.93.3)(sass@1.93.3)(terser@5.46.0)(yaml@2.8.0))
-      eslint:
-        specifier: ^8.57.1
-        version: 8.57.1
-      eslint-import-resolver-typescript:
-        specifier: ^4.0.0
-        version: 4.4.4(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-      eslint-plugin-compat:
-        specifier: ^6.0.2
-        version: 6.0.2(eslint@8.57.1)
       eslint-plugin-formatjs:
         specifier: ^5.4.2
         version: 5.4.2(eslint@8.57.1)(typescript@5.7.3)
-      eslint-plugin-import:
-        specifier: ^2.31.0
-        version: 2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
-      eslint-plugin-jsdoc:
-        specifier: ^50.6.1
-        version: 50.8.0(eslint@8.57.1)
-      eslint-plugin-jsx-a11y:
-        specifier: ^6.10.2
-        version: 6.10.2(eslint@8.57.1)
-      eslint-plugin-promise:
-        specifier: ^7.2.1
-        version: 7.2.1(eslint@8.57.1)
-      eslint-plugin-react:
-        specifier: ^7.37.3
-        version: 7.37.5(eslint@8.57.1)
-      eslint-plugin-react-hooks:
-        specifier: ^4.6.2
-        version: 4.6.2(eslint@8.57.1)
-      eslint-plugin-tailwindcss:
-        specifier: ^3.17.5
-        version: 3.18.2(tailwindcss@3.4.17)
       globals:
         specifier: ^15.14.0
         version: 15.15.0
@@ -1258,10 +1219,6 @@ packages:
   '@emoji-mart/data@1.2.1':
     resolution: {integrity: sha512-no2pQMWiBy6gpBEiqGeU77/bFejDqUTRY7KX+0+iur13op3bqUsXdnwoZs6Xb1zbv0gAj5VvS1PWoUUckSr5Dw==}
 
-  '@es-joy/jsdoccomment@0.50.2':
-    resolution: {integrity: sha512-YAdE/IJSpwbOTiaURNCKECdAwqrJuFiZhylmesBcIRawtYKnBR2wxPhoIewMg+Yu+QuYvHfJNReWpoxGBKOChA==}
-    engines: {node: '>=18'}
-
   '@esbuild/aix-ppc64@0.24.2':
     resolution: {integrity: sha512-thpVCb/rhxE/BnMLQ7GReQLLN8q9qbHmI55F4489/ByVg2aQaQ6kbcLb6FHkocZzQhxc4gx0sCk0tJkKBFzDhA==}
     engines: {node: '>=18'}
@@ -2691,12 +2648,6 @@ packages:
   '@standard-schema/utils@0.3.0':
     resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
 
-  '@stylistic/eslint-plugin@3.1.0':
-    resolution: {integrity: sha512-pA6VOrOqk0+S8toJYhQGv2MWpQQR0QpeUo9AhNkC49Y26nxBQ/nH1rta9bUU1rPw2fJ1zZEMV5oCX5AazT7J2g==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: '>=8.40.0'
-
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     resolution: {integrity: sha512-lR8q/9W7hZpMWweNiAKU7NQerBnzQQLvi8qnTDU/fxItPhtZVMbPV3lbCwjhIlNBe9Bbr5V+KHshvWmVSG9cxQ==}
 
@@ -2946,14 +2897,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/eslint-plugin@8.38.0':
-    resolution: {integrity: sha512-CPoznzpuAnIOl4nhj4tRr4gIPj5AfKgkiJmGQDaq+fQnRJTYlcBjbX3wbciGmpoPf8DREufuPRe1tNMZnGdanA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^8.38.0
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/parser@7.18.0':
     resolution: {integrity: sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -2964,13 +2907,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@8.38.0':
-    resolution: {integrity: sha512-Zhy8HCvBUEfBECzIl1PKqF4p11+d0aUJS1GeUiuqK9WmOug8YCmC4h4bjyBvMyAMI9sbRczmrYL5lKg/YMbrcQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/project-service@8.38.0':
     resolution: {integrity: sha512-dbK7Jvqcb8c9QfH01YB6pORpqX1mn5gDZc9n63Ak/+jD67oWXn3Gs0M6vddAN+eDXBCS5EmNWzbSxsn9SzFWWg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3001,13 +2937,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/type-utils@8.38.0':
-    resolution: {integrity: sha512-c7jAvGEZVf0ao2z+nnz8BUaHZD09Agbh+DY7qvBQqLiz8uJzRgVPj5YvOh8I8uEiH8oIUGIfHzMwUcGVco/SJg==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^8.57.0 || ^9.0.0
-      typescript: '>=4.8.4 <5.9.0'
-
   '@typescript-eslint/types@7.18.0':
     resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -3360,10 +3289,6 @@ packages:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
     engines: {node: '>= 8'}
 
-  are-docs-informative@0.0.2:
-    resolution: {integrity: sha512-ixiS0nLNNG5jNQzgZJNoUpBKdo9yTYZMGJ+QgT2jmjR7G7+QHRCc4v6LQ3NgE7EBJq+o0ams3waJwkrlBom8Ig==}
-    engines: {node: '>=14'}
-
   arg@5.0.2:
     resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
 
@@ -3373,10 +3298,6 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  aria-query@5.3.2:
-    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
-    engines: {node: '>= 0.4'}
-
   array-buffer-byte-length@1.0.2:
     resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
     engines: {node: '>= 0.4'}
@@ -3389,10 +3310,6 @@ packages:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
 
-  array.prototype.findlast@1.2.5:
-    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
-    engines: {node: '>= 0.4'}
-
   array.prototype.findlastindex@1.2.6:
     resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
     engines: {node: '>= 0.4'}
@@ -3405,10 +3322,6 @@ packages:
     resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
     engines: {node: '>= 0.4'}
 
-  array.prototype.tosorted@1.1.4:
-    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
-    engines: {node: '>= 0.4'}
-
   arraybuffer.prototype.slice@1.0.4:
     resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
     engines: {node: '>= 0.4'}
@@ -3416,9 +3329,6 @@ packages:
   ast-metadata-inferer@0.8.1:
     resolution: {integrity: sha512-ht3Dm6Zr7SXv6t1Ra6gFo0+kLDglHGrEbYihTkcycrbHw7WCcuhBzPlJYHEsIpycaUwzsJHje+vUcxXUX4ztTA==}
 
-  ast-types-flow@0.0.8:
-    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
-
   astral-regex@2.0.0:
     resolution: {integrity: sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==}
     engines: {node: '>=8'}
@@ -3445,14 +3355,6 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
-  axe-core@4.10.3:
-    resolution: {integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==}
-    engines: {node: '>=4'}
-
-  axobject-query@4.1.0:
-    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
-    engines: {node: '>= 0.4'}
-
   babel-dead-code-elimination@1.0.12:
     resolution: {integrity: sha512-GERT7L2TiYcYDtYk1IpD+ASAYXjKbLTDPhBtYj7X1NuRMDTMtAx9kyBenub1Ev41lo91OHCKdmP+egTDmfQ7Ig==}
 
@@ -3641,10 +3543,6 @@ packages:
     resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==}
     engines: {node: '>= 12'}
 
-  comment-parser@1.4.1:
-    resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
-    engines: {node: '>= 12.0.0'}
-
   common-tags@1.8.2:
     resolution: {integrity: sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==}
     engines: {node: '>=4.0.0'}
@@ -3772,9 +3670,6 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
-  damerau-levenshtein@1.0.8:
-    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
-
   data-urls@6.0.0:
     resolution: {integrity: sha512-BnBS08aLUM+DKamupXs3w2tJJoqU+AkaE/+6vQxi/G/DPmIZFJJp9Dkb1kM03AZx8ADehDUZgsNxju3mPXZYIA==}
     engines: {node: '>=20'}
@@ -3990,10 +3885,6 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
-  es-iterator-helpers@1.2.1:
-    resolution: {integrity: sha512-uDn+FE1yrDzyC0pCo961B2IHbdM8y/ACZsKD4dG6WqrjV53BADjwa7D+1aom2rsNVfLyDgU/eigvlJGJ08OQ4w==}
-    engines: {node: '>= 0.4'}
-
   es-module-lexer@1.7.0:
     resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
 
@@ -4031,15 +3922,6 @@ packages:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  eslint-import-context@0.1.9:
-    resolution: {integrity: sha512-K9Hb+yRaGAGUbwjhFNHvSmmkZs9+zbuoe3kFQ4V1wYjrepUFYM2dZAfNtjbbj3qsPfUfsA68Bx/ICWQMi+C8Eg==}
-    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
-    peerDependencies:
-      unrs-resolver: ^1.0.0
-    peerDependenciesMeta:
-      unrs-resolver:
-        optional: true
-
   eslint-import-resolver-node@0.3.9:
     resolution: {integrity: sha512-WFj2isz22JahUv+B788TlO3N6zL3nNJGU8CcZbPZvVEkBPaJdCV4vy5wyghty5ROFbCRnm132v8BScu5/1BQ8g==}
 
@@ -4056,19 +3938,6 @@ packages:
       eslint-plugin-import-x:
         optional: true
 
-  eslint-import-resolver-typescript@4.4.4:
-    resolution: {integrity: sha512-1iM2zeBvrYmUNTj2vSC/90JTHDth+dfOfiNKkxApWRsTJYNrc8rOdxxIf5vazX+BiAXTeOT0UvWpGI/7qIWQOw==}
-    engines: {node: ^16.17.0 || >=18.6.0}
-    peerDependencies:
-      eslint: '*'
-      eslint-plugin-import: '*'
-      eslint-plugin-import-x: '*'
-    peerDependenciesMeta:
-      eslint-plugin-import:
-        optional: true
-      eslint-plugin-import-x:
-        optional: true
-
   eslint-module-utils@2.12.1:
     resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
     engines: {node: '>=4'}
@@ -4111,48 +3980,12 @@ packages:
       '@typescript-eslint/parser':
         optional: true
 
-  eslint-plugin-jsdoc@50.8.0:
-    resolution: {integrity: sha512-UyGb5755LMFWPrZTEqqvTJ3urLz1iqj+bYOHFNag+sw3NvaMWP9K2z+uIn37XfNALmQLQyrBlJ5mkiVPL7ADEg==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
-
-  eslint-plugin-jsx-a11y@6.10.2:
-    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
-    engines: {node: '>=4.0'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
-
   eslint-plugin-promise@6.6.0:
     resolution: {integrity: sha512-57Zzfw8G6+Gq7axm2Pdo3gW/Rx3h9Yywgn61uE/3elTCOePEHVrn2i5CdfBwA1BLK0Q0WqctICIUSqXZW/VprQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
 
-  eslint-plugin-promise@7.2.1:
-    resolution: {integrity: sha512-SWKjd+EuvWkYaS+uN2csvj0KoP43YTu7+phKQ5v+xw6+A0gutVX2yqCeCkC3uLCJFiPfR2dD8Es5L7yUsmvEaA==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0 || ^9.0.0
-
-  eslint-plugin-react-hooks@4.6.2:
-    resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
-    engines: {node: '>=10'}
-    peerDependencies:
-      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-
-  eslint-plugin-react@7.37.5:
-    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
-    engines: {node: '>=4'}
-    peerDependencies:
-      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
-
-  eslint-plugin-tailwindcss@3.18.2:
-    resolution: {integrity: sha512-QbkMLDC/OkkjFQ1iz/5jkMdHfiMu/uwujUHLAJK5iwNHD8RTxVTlsUezE0toTZ6VhybNBsk+gYGPDq2agfeRNA==}
-    engines: {node: '>=18.12.0'}
-    peerDependencies:
-      tailwindcss: ^3.4.0
-
   eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -4175,10 +4008,6 @@ packages:
     deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
-  espree@10.4.0:
-    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
-    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
-
   espree@9.6.1:
     resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -4786,10 +4615,6 @@ packages:
     peerDependencies:
       ws: '*'
 
-  iterator.prototype@1.1.5:
-    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
-    engines: {node: '>= 0.4'}
-
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
@@ -4819,10 +4644,6 @@ packages:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
 
-  jsdoc-type-pratt-parser@4.1.0:
-    resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
-    engines: {node: '>=12.0.0'}
-
   jsdom@27.4.0:
     resolution: {integrity: sha512-mjzqwWRD9Y1J1KUi7W97Gja1bwOOM5Ug0EZ6UDK3xS7j7mndrkwozHtSblfomlzyB4NepioNt+B2sOSzczVgtQ==}
     engines: {node: ^20.19.0 || ^22.12.0 || >=24.0.0}
@@ -4881,10 +4702,6 @@ packages:
     resolution: {integrity: sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ==}
     engines: {node: '>=0.10.0'}
 
-  jsx-ast-utils@3.3.5:
-    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
-    engines: {node: '>=4.0'}
-
   keycode@2.2.1:
     resolution: {integrity: sha512-Rdgz9Hl9Iv4QKi8b0OlCRQEzp4AgVxyCtz5S/+VIHezDmrDhkp2N2TqBWOLz0/gbeREXOOiI9/4b8BY9uw2vFg==}
 
@@ -4907,13 +4724,6 @@ packages:
   kolorist@1.8.0:
     resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
 
-  language-subtag-registry@0.3.23:
-    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
-
-  language-tags@1.0.9:
-    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
-    engines: {node: '>=0.10'}
-
   leaflet@1.9.4:
     resolution: {integrity: sha512-nxS1ynzJOmOlHp+iL3FyWqK89GtNL8U8rvlMOsQdTTssxZwCXh8N2NB3GDQOL+YR3XnWyZAxwQixURb+FA74PA==}
 
@@ -5301,10 +5111,6 @@ packages:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
-  object.entries@1.1.9:
-    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
-    engines: {node: '>= 0.4'}
-
   object.fromentries@2.0.8:
     resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
     engines: {node: '>= 0.4'}
@@ -5392,16 +5198,10 @@ packages:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
 
-  parse-imports-exports@0.2.4:
-    resolution: {integrity: sha512-4s6vd6dx1AotCx/RCI2m7t7GCh5bDRUtGNvRfHSP2wbBQdMi67pPe7mtzmgwcaQ8VKK/6IB7Glfyu3qdZJPybQ==}
-
   parse-json@5.2.0:
     resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
     engines: {node: '>=8'}
 
-  parse-statements@1.0.11:
-    resolution: {integrity: sha512-HlsyYdMBnbPQ9Jr/VgJ1YF4scnldvJpJxCVx6KgqPL4dxppsWrJHCIIxQXMJrqGnsRkNPATbeMJ8Yxu7JMsYcA==}
-
   parse5@8.0.0:
     resolution: {integrity: sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==}
 
@@ -5974,10 +5774,6 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
-  resolve@2.0.0-next.5:
-    resolution: {integrity: sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA==}
-    hasBin: true
-
   restore-cursor@5.1.0:
     resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
     engines: {node: '>=18'}
@@ -6316,15 +6112,6 @@ packages:
     resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
     deprecated: Please use @jridgewell/sourcemap-codec instead
 
-  spdx-exceptions@2.5.0:
-    resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
-
-  spdx-expression-parse@4.0.0:
-    resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
-
-  spdx-license-ids@3.0.21:
-    resolution: {integrity: sha512-Bvg/8F5XephndSK3JffaRqdT+gyhfqIPwDHpX80tJrF8QQRYMo8sNMeaZ2Dp5+jhwKnUmIOyFFQfHRkjJm5nXg==}
-
   split-on-first@3.0.0:
     resolution: {integrity: sha512-qxQJTx2ryR0Dw0ITYyekNQWpz6f8dGd7vffGNflQQ3Iqj9NJ6qiZ7ELpZsJ/QBhIVAiDfXdag3+Gp8RvWa62AA==}
     engines: {node: '>=12'}
@@ -6332,10 +6119,6 @@ packages:
   sprintf-js@1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
 
-  stable-hash-x@0.2.0:
-    resolution: {integrity: sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ==}
-    engines: {node: '>=12.0.0'}
-
   stable-hash@0.0.5:
     resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
 
@@ -6368,17 +6151,10 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
-  string.prototype.includes@2.0.1:
-    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
-    engines: {node: '>= 0.4'}
-
   string.prototype.matchall@4.0.12:
     resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
     engines: {node: '>= 0.4'}
 
-  string.prototype.repeat@1.0.0:
-    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
-
   string.prototype.trim@1.2.10:
     resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
     engines: {node: '>= 0.4'}
@@ -8065,14 +7841,6 @@ snapshots:
 
   '@emoji-mart/data@1.2.1': {}
 
-  '@es-joy/jsdoccomment@0.50.2':
-    dependencies:
-      '@types/estree': 1.0.8
-      '@typescript-eslint/types': 8.38.0
-      comment-parser: 1.4.1
-      esquery: 1.6.0
-      jsdoc-type-pratt-parser: 4.1.0
-
   '@esbuild/aix-ppc64@0.24.2':
     optional: true
 
@@ -9323,18 +9091,6 @@ snapshots:
 
   '@standard-schema/utils@0.3.0': {}
 
-  '@stylistic/eslint-plugin@3.1.0(eslint@8.57.1)(typescript@5.7.3)':
-    dependencies:
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      eslint: 8.57.1
-      eslint-visitor-keys: 4.2.1
-      espree: 10.4.0
-      estraverse: 5.3.0
-      picomatch: 4.0.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
   '@surma/rollup-plugin-off-main-thread@2.2.3':
     dependencies:
       ejs: 3.1.10
@@ -9616,23 +9372,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@8.38.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint@8.57.1)(typescript@5.7.3)':
-    dependencies:
-      '@eslint-community/regexpp': 4.12.1
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/scope-manager': 8.38.0
-      '@typescript-eslint/type-utils': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.38.0
-      eslint: 8.57.1
-      graphemer: 1.4.0
-      ignore: 7.0.5
-      natural-compare: 1.4.0
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.2)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.18.0
@@ -9646,18 +9385,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 8.38.0
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/typescript-estree': 8.38.0(typescript@5.7.3)
-      '@typescript-eslint/visitor-keys': 8.38.0
-      debug: 4.4.1
-      eslint: 8.57.1
-      typescript: 5.7.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/project-service@8.38.0(typescript@5.7.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.38.0(typescript@5.7.3)
@@ -9693,18 +9420,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@8.38.0(eslint@8.57.1)(typescript@5.7.3)':
-    dependencies:
-      '@typescript-eslint/types': 8.38.0
-      '@typescript-eslint/typescript-estree': 8.38.0(typescript@5.7.3)
-      '@typescript-eslint/utils': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      debug: 4.4.1
-      eslint: 8.57.1
-      ts-api-utils: 2.1.0(typescript@5.7.3)
-      typescript: 5.7.3
-    transitivePeerDependencies:
-      - supports-color
-
   '@typescript-eslint/types@7.18.0': {}
 
   '@typescript-eslint/types@8.38.0': {}
@@ -10094,8 +9809,6 @@ snapshots:
       normalize-path: 3.0.0
       picomatch: 2.3.1
 
-  are-docs-informative@0.0.2: {}
-
   arg@5.0.2: {}
 
   argparse@1.0.10:
@@ -10104,8 +9817,6 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  aria-query@5.3.2: {}
-
   array-buffer-byte-length@1.0.2:
     dependencies:
       call-bound: 1.0.4
@@ -10124,15 +9835,6 @@ snapshots:
 
   array-union@2.1.0: {}
 
-  array.prototype.findlast@1.2.5:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-object-atoms: 1.1.1
-      es-shim-unscopables: 1.1.0
-
   array.prototype.findlastindex@1.2.6:
     dependencies:
       call-bind: 1.0.8
@@ -10157,14 +9859,6 @@ snapshots:
       es-abstract: 1.24.0
       es-shim-unscopables: 1.1.0
 
-  array.prototype.tosorted@1.1.4:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-shim-unscopables: 1.1.0
-
   arraybuffer.prototype.slice@1.0.4:
     dependencies:
       array-buffer-byte-length: 1.0.2
@@ -10179,8 +9873,6 @@ snapshots:
     dependencies:
       '@mdn/browser-compat-data': 5.7.6
 
-  ast-types-flow@0.0.8: {}
-
   astral-regex@2.0.0: {}
 
   async-function@1.0.0: {}
@@ -10202,10 +9894,6 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.1.0
 
-  axe-core@4.10.3: {}
-
-  axobject-query@4.1.0: {}
-
   babel-dead-code-elimination@1.0.12:
     dependencies:
       '@babel/core': 7.29.0
@@ -10398,8 +10086,6 @@ snapshots:
 
   commander@8.3.0: {}
 
-  comment-parser@1.4.1: {}
-
   common-tags@1.8.2: {}
 
   commondir@1.0.1: {}
@@ -10545,8 +10231,6 @@ snapshots:
 
   csstype@3.2.3: {}
 
-  damerau-levenshtein@1.0.8: {}
-
   data-urls@6.0.0:
     dependencies:
       whatwg-mimetype: 4.0.0
@@ -10788,25 +10472,6 @@ snapshots:
 
   es-errors@1.3.0: {}
 
-  es-iterator-helpers@1.2.1:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-      es-errors: 1.3.0
-      es-set-tostringtag: 2.1.0
-      function-bind: 1.1.2
-      get-intrinsic: 1.3.0
-      globalthis: 1.0.4
-      gopd: 1.2.0
-      has-property-descriptors: 1.0.2
-      has-proto: 1.2.0
-      has-symbols: 1.1.0
-      internal-slot: 1.1.0
-      iterator.prototype: 1.1.5
-      safe-array-concat: 1.1.3
-
   es-module-lexer@1.7.0: {}
 
   es-object-atoms@1.1.1:
@@ -10891,13 +10556,6 @@ snapshots:
 
   escape-string-regexp@4.0.0: {}
 
-  eslint-import-context@0.1.9(unrs-resolver@1.11.1):
-    dependencies:
-      get-tsconfig: 4.10.1
-      stable-hash-x: 0.2.0
-    optionalDependencies:
-      unrs-resolver: 1.11.1
-
   eslint-import-resolver-node@0.3.9:
     dependencies:
       debug: 3.2.7
@@ -10921,21 +10579,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@4.4.4(eslint-plugin-import@2.32.0)(eslint@8.57.1):
-    dependencies:
-      debug: 4.4.1
-      eslint: 8.57.1
-      eslint-import-context: 0.1.9(unrs-resolver@1.11.1)
-      get-tsconfig: 4.10.1
-      is-bun-module: 2.0.0
-      stable-hash-x: 0.2.0
-      tinyglobby: 0.2.14
-      unrs-resolver: 1.11.1
-    optionalDependencies:
-      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
   eslint-module-utils@2.12.1(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
@@ -10947,17 +10590,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 4.4.4(eslint-plugin-import@2.32.0)(eslint@8.57.1)
-    transitivePeerDependencies:
-      - supports-color
-
   eslint-plugin-compat@6.0.2(eslint@8.57.1):
     dependencies:
       '@mdn/browser-compat-data': 5.7.6
@@ -11016,111 +10648,10 @@ snapshots:
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.9
-      array.prototype.findlastindex: 1.2.6
-      array.prototype.flat: 1.3.3
-      array.prototype.flatmap: 1.3.3
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.1
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.38.0(eslint@8.57.1)(typescript@5.7.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@4.4.4)(eslint@8.57.1)
-      hasown: 2.0.2
-      is-core-module: 2.16.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.1
-      semver: 6.3.1
-      string.prototype.trimend: 1.0.9
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 8.38.0(eslint@8.57.1)(typescript@5.7.3)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-jsdoc@50.8.0(eslint@8.57.1):
-    dependencies:
-      '@es-joy/jsdoccomment': 0.50.2
-      are-docs-informative: 0.0.2
-      comment-parser: 1.4.1
-      debug: 4.4.1
-      escape-string-regexp: 4.0.0
-      eslint: 8.57.1
-      espree: 10.4.0
-      esquery: 1.6.0
-      parse-imports-exports: 0.2.4
-      semver: 7.7.2
-      spdx-expression-parse: 4.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-plugin-jsx-a11y@6.10.2(eslint@8.57.1):
-    dependencies:
-      aria-query: 5.3.2
-      array-includes: 3.1.9
-      array.prototype.flatmap: 1.3.3
-      ast-types-flow: 0.0.8
-      axe-core: 4.10.3
-      axobject-query: 4.1.0
-      damerau-levenshtein: 1.0.8
-      emoji-regex: 9.2.2
-      eslint: 8.57.1
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      language-tags: 1.0.9
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      safe-regex-test: 1.1.0
-      string.prototype.includes: 2.0.1
-
   eslint-plugin-promise@6.6.0(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
 
-  eslint-plugin-promise@7.2.1(eslint@8.57.1):
-    dependencies:
-      '@eslint-community/eslint-utils': 4.7.0(eslint@8.57.1)
-      eslint: 8.57.1
-
-  eslint-plugin-react-hooks@4.6.2(eslint@8.57.1):
-    dependencies:
-      eslint: 8.57.1
-
-  eslint-plugin-react@7.37.5(eslint@8.57.1):
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.findlast: 1.2.5
-      array.prototype.flatmap: 1.3.3
-      array.prototype.tosorted: 1.1.4
-      doctrine: 2.1.0
-      es-iterator-helpers: 1.2.1
-      eslint: 8.57.1
-      estraverse: 5.3.0
-      hasown: 2.0.2
-      jsx-ast-utils: 3.3.5
-      minimatch: 3.1.2
-      object.entries: 1.1.9
-      object.fromentries: 2.0.8
-      object.values: 1.2.1
-      prop-types: 15.8.1
-      resolve: 2.0.0-next.5
-      semver: 6.3.1
-      string.prototype.matchall: 4.0.12
-      string.prototype.repeat: 1.0.0
-
-  eslint-plugin-tailwindcss@3.18.2(tailwindcss@3.4.17):
-    dependencies:
-      fast-glob: 3.3.3
-      postcss: 8.5.6
-      tailwindcss: 3.4.17
-
   eslint-scope@5.1.1:
     dependencies:
       esrecurse: 4.3.0
@@ -11178,12 +10709,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  espree@10.4.0:
-    dependencies:
-      acorn: 8.15.0
-      acorn-jsx: 5.3.2(acorn@8.15.0)
-      eslint-visitor-keys: 4.2.1
-
   espree@9.6.1:
     dependencies:
       acorn: 8.15.0
@@ -11794,15 +11319,6 @@ snapshots:
     dependencies:
       ws: 8.18.3
 
-  iterator.prototype@1.1.5:
-    dependencies:
-      define-data-property: 1.1.4
-      es-object-atoms: 1.1.1
-      get-intrinsic: 1.3.0
-      get-proto: 1.0.1
-      has-symbols: 1.1.0
-      set-function-name: 2.0.2
-
   jackspeak@3.4.3:
     dependencies:
       '@isaacs/cliui': 8.0.2
@@ -11833,8 +11349,6 @@ snapshots:
     dependencies:
       argparse: 2.0.1
 
-  jsdoc-type-pratt-parser@4.1.0: {}
-
   jsdom@27.4.0:
     dependencies:
       '@acemir/cssom': 0.9.30
@@ -11907,13 +11421,6 @@ snapshots:
 
   jsonpointer@5.0.1: {}
 
-  jsx-ast-utils@3.3.5:
-    dependencies:
-      array-includes: 3.1.9
-      array.prototype.flat: 1.3.3
-      object.assign: 4.1.7
-      object.values: 1.2.1
-
   keycode@2.2.1: {}
 
   keyv@4.5.4:
@@ -11932,12 +11439,6 @@ snapshots:
 
   kolorist@1.8.0: {}
 
-  language-subtag-registry@0.3.23: {}
-
-  language-tags@1.0.9:
-    dependencies:
-      language-subtag-registry: 0.3.23
-
   leaflet@1.9.4: {}
 
   leven@3.1.0: {}
@@ -12278,13 +11779,6 @@ snapshots:
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
-  object.entries@1.1.9:
-    dependencies:
-      call-bind: 1.0.8
-      call-bound: 1.0.4
-      define-properties: 1.2.1
-      es-object-atoms: 1.1.1
-
   object.fromentries@2.0.8:
     dependencies:
       call-bind: 1.0.8
@@ -12421,10 +11915,6 @@ snapshots:
     dependencies:
       callsites: 3.1.0
 
-  parse-imports-exports@0.2.4:
-    dependencies:
-      parse-statements: 1.0.11
-
   parse-json@5.2.0:
     dependencies:
       '@babel/code-frame': 7.27.1
@@ -12432,8 +11922,6 @@ snapshots:
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
 
-  parse-statements@1.0.11: {}
-
   parse5@8.0.0:
     dependencies:
       entities: 6.0.1
@@ -12972,12 +12460,6 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
-  resolve@2.0.0-next.5:
-    dependencies:
-      is-core-module: 2.16.1
-      path-parse: 1.0.7
-      supports-preserve-symlinks-flag: 1.0.0
-
   restore-cursor@5.1.0:
     dependencies:
       onetime: 7.0.0
@@ -13327,21 +12809,10 @@ snapshots:
 
   sourcemap-codec@1.4.8: {}
 
-  spdx-exceptions@2.5.0: {}
-
-  spdx-expression-parse@4.0.0:
-    dependencies:
-      spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.21
-
-  spdx-license-ids@3.0.21: {}
-
   split-on-first@3.0.0: {}
 
   sprintf-js@1.0.3: {}
 
-  stable-hash-x@0.2.0: {}
-
   stable-hash@0.0.5: {}
 
   stop-iteration-iterator@1.1.0:
@@ -13377,12 +12848,6 @@ snapshots:
       get-east-asian-width: 1.3.0
       strip-ansi: 7.1.0
 
-  string.prototype.includes@2.0.1:
-    dependencies:
-      call-bind: 1.0.8
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
   string.prototype.matchall@4.0.12:
     dependencies:
       call-bind: 1.0.8
@@ -13399,11 +12864,6 @@ snapshots:
       set-function-name: 2.0.2
       side-channel: 1.1.0
 
-  string.prototype.repeat@1.0.0:
-    dependencies:
-      define-properties: 1.2.1
-      es-abstract: 1.24.0
-
   string.prototype.trim@1.2.10:
     dependencies:
       call-bind: 1.0.8

From e05c4d5ba9bfbd55212ae4c7198d54a2a4b02faf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 14:09:44 +0100
Subject: [PATCH 14/74] nicolium: ok it's in alpha for a reason
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/actions/compose.ts         |  2 +-
 packages/pl-fe/src/actions/preload.ts         |  2 +-
 packages/pl-fe/src/actions/timelines.ts       | 22 +++++++++----------
 .../src/components/dropdown-navigation.tsx    |  2 +-
 .../pl-fe/src/components/media-gallery.tsx    |  2 +-
 .../pl-fe/src/components/parsed-content.tsx   |  1 +
 .../pl-fe/src/components/pull-to-refresh.tsx  | 12 ++++++++--
 .../components/sidebar-navigation-link.tsx    |  2 +-
 packages/pl-fe/src/components/status.tsx      |  2 +-
 .../src/components/thumb-navigation-link.tsx  |  2 +-
 .../pl-fe/src/components/translate-button.tsx |  2 +-
 packages/pl-fe/src/entity-store/actions.ts    |  9 ++++----
 .../pl-fe/src/entity-store/hooks/types.ts     |  7 +++---
 .../entity-store/hooks/use-delete-entity.ts   |  3 ++-
 .../entity-store/hooks/use-entity-lookup.ts   |  3 ++-
 packages/pl-fe/src/reducers/compose.ts        |  2 +-
 packages/pl-fe/src/selectors/index.ts         |  2 +-
 17 files changed, 45 insertions(+), 32 deletions(-)

diff --git a/packages/pl-fe/src/actions/compose.ts b/packages/pl-fe/src/actions/compose.ts
index babe042ec..0915e9a9b 100644
--- a/packages/pl-fe/src/actions/compose.ts
+++ b/packages/pl-fe/src/actions/compose.ts
@@ -508,7 +508,7 @@ const submitCompose =
       local_only: compose.localOnly,
       interaction_policy:
         (['public', 'unlisted', 'private'].includes(compose.visibility) &&
-          compose.interactionPolicy) ??
+          compose.interactionPolicy) ||
         undefined,
       quote_approval_policy: compose.quoteApprovalPolicy ?? undefined,
       location_id: compose.location?.origin_id ?? undefined,
diff --git a/packages/pl-fe/src/actions/preload.ts b/packages/pl-fe/src/actions/preload.ts
index 785c5b5e2..e7af0a279 100644
--- a/packages/pl-fe/src/actions/preload.ts
+++ b/packages/pl-fe/src/actions/preload.ts
@@ -25,7 +25,7 @@ const pleromaDecoder = (json: string) => decodePleromaData(JSON.parse(json));
 // Should be called inside a try-catch.
 const decodeFromMarkup = (elementId: string, decoder: (json: string) => Record<string, any>) => {
   const { textContent } = document.getElementById(elementId)!;
-  return decoder(textContent);
+  return decoder(textContent as string);
 };
 
 const preloadFromMarkup =
diff --git a/packages/pl-fe/src/actions/timelines.ts b/packages/pl-fe/src/actions/timelines.ts
index 39b96857b..79a0e88da 100644
--- a/packages/pl-fe/src/actions/timelines.ts
+++ b/packages/pl-fe/src/actions/timelines.ts
@@ -216,7 +216,7 @@ const fetchHomeTimeline =
     if (expand && state.timelines.home?.isLoading) return;
 
     const fn =
-      (expand && state.timelines.home?.next?.()) ?? getClient(state).timelines.homeTimeline(params);
+      (expand && state.timelines.home?.next?.()) || getClient(state).timelines.homeTimeline(params);
 
     return dispatch(handleTimelineExpand('home', fn, done));
   };
@@ -242,7 +242,7 @@ const fetchPublicTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.publicTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done, onError));
@@ -260,7 +260,7 @@ const fetchBubbleTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.bubbleTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -278,7 +278,7 @@ const fetchWrenchedTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.wrenchedTimeline(params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -303,7 +303,7 @@ const fetchAccountTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).accounts.getAccountStatuses(accountId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -321,7 +321,7 @@ const fetchListTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.listTimeline(listId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -339,7 +339,7 @@ const fetchCircleTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).circles.getCircleStatuses(circleId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -357,7 +357,7 @@ const fetchAntennaTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.antennaTimeline(antennaId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -376,7 +376,7 @@ const fetchGroupTimeline =
     if (expand && state.timelines[timelineId]?.isLoading) return;
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.groupTimeline(groupId, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -399,7 +399,7 @@ const fetchHashtagTimeline =
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.hashtagTimeline(hashtag, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
@@ -418,7 +418,7 @@ const fetchLinkTimeline =
     if (useSettingsStore.getState().settings.autoTranslate) params.language = getLocale();
 
     const fn =
-      (expand && state.timelines[timelineId]?.next?.()) ??
+      (expand && state.timelines[timelineId]?.next?.()) ||
       getClient(state).timelines.linkTimeline(url, params);
 
     return dispatch(handleTimelineExpand(timelineId, fn, done));
diff --git a/packages/pl-fe/src/components/dropdown-navigation.tsx b/packages/pl-fe/src/components/dropdown-navigation.tsx
index 124eacfcf..df6479f8d 100644
--- a/packages/pl-fe/src/components/dropdown-navigation.tsx
+++ b/packages/pl-fe/src/components/dropdown-navigation.tsx
@@ -84,7 +84,7 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
   );
 
   const getOtherAccounts = useCallback(makeGetOtherAccounts(), []);
-  const { account } = useAccount(me ?? undefined);
+  const { account } = useAccount(me || undefined);
   const otherAccounts = useAppSelector((state) => getOtherAccounts(state));
   const settings = useSettings();
   const followRequestsCount = useFollowRequestsCount().data ?? 0;
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index 47ace8b51..3f4de40bc 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -384,7 +384,7 @@ const MediaGallery: React.FC<IMediaGallery> = (props) => {
               className='size-4 min-w-fit text-gray-800 dark:text-gray-200'
               src={
                 MIMETYPE_ICONS[
-                  (attachment.type === 'unknown' && attachment.mime_type) ?? attachment.type
+                  (attachment.type === 'unknown' && attachment.mime_type) || attachment.type
                 ] ?? require('@phosphor-icons/core/regular/paperclip.svg')
               }
             />
diff --git a/packages/pl-fe/src/components/parsed-content.tsx b/packages/pl-fe/src/components/parsed-content.tsx
index 2ddc97c42..d66150dbd 100644
--- a/packages/pl-fe/src/components/parsed-content.tsx
+++ b/packages/pl-fe/src/components/parsed-content.tsx
@@ -215,6 +215,7 @@ function parseContent(
       if (!(domNode instanceof Element)) {
         // @ts-ignore
         domNode.preGreentext =
+          // @ts-ignore
           (!domNode.prev || domNode.prev.preGreentext) && !domNode.data.trim().length;
 
         // @ts-ignore
diff --git a/packages/pl-fe/src/components/pull-to-refresh.tsx b/packages/pl-fe/src/components/pull-to-refresh.tsx
index e1b826679..4fcc785b5 100644
--- a/packages/pl-fe/src/components/pull-to-refresh.tsx
+++ b/packages/pl-fe/src/components/pull-to-refresh.tsx
@@ -65,7 +65,7 @@ const isTreeScrollable = (element: HTMLElement, direction: DIRECTION): boolean =
 
 interface PullToRefreshProps {
   isPullable?: boolean;
-  onRefresh?: () => Promise<any>;
+  onRefresh?: () => Promise<any> | void;
   refreshingContent?: JSX.Element | string;
   pullingContent?: JSX.Element | string;
   children: JSX.Element;
@@ -217,7 +217,15 @@ const PullToRefresh: React.FC<PullToRefreshProps> = ({
       childrenRef.current.style.overflow = 'visible';
       childrenRef.current.style.transform = `translate(0px, ${pullDownThreshold}px)`;
     }
-    onRefresh?.().then(initContainer).catch(initContainer);
+
+    if (onRefresh) {
+      const result = onRefresh();
+      if (result instanceof Promise) {
+        result.then(initContainer).catch(initContainer);
+      } else {
+        initContainer();
+      }
+    }
   };
 
   return (
diff --git a/packages/pl-fe/src/components/sidebar-navigation-link.tsx b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
index 29a442d7b..298c913f7 100644
--- a/packages/pl-fe/src/components/sidebar-navigation-link.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation-link.tsx
@@ -54,7 +54,7 @@ const SidebarNavigationLink = React.memo(
           >
             <span className='⁂-sidebar-navigation-link__icon' aria-hidden>
               <Icon
-                src={(isActive && activeIcon) ?? icon}
+                src={(isActive && activeIcon) || icon}
                 count={demetricator ? undefined : count}
                 countMax={countMax}
               />
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index e94eb81b0..db0d1c966 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -187,7 +187,7 @@ const Status: React.FC<IStatus> = (props) => {
 
   const getStatus = useMemo(makeGetStatus, []);
   const actualStatus = useAppSelector(
-    (state) => (status.reblog_id && getStatus(state, { id: status.reblog_id })) ?? status,
+    (state) => (status.reblog_id && getStatus(state, { id: status.reblog_id })!) || status,
   );
 
   const { mutate: favouriteStatus } = useFavouriteStatus(actualStatus.id);
diff --git a/packages/pl-fe/src/components/thumb-navigation-link.tsx b/packages/pl-fe/src/components/thumb-navigation-link.tsx
index 23ff7b035..df620b1a6 100644
--- a/packages/pl-fe/src/components/thumb-navigation-link.tsx
+++ b/packages/pl-fe/src/components/thumb-navigation-link.tsx
@@ -30,7 +30,7 @@ const ThumbNavigationLink: React.FC<IThumbNavigationLink> = ({
   const icon =
     (activeSrc &&
       matchRoute({ to: props.to, params: props.params, search: props.search }) !== false &&
-      activeSrc) ??
+      activeSrc) ||
     src;
 
   return (
diff --git a/packages/pl-fe/src/components/translate-button.tsx b/packages/pl-fe/src/components/translate-button.tsx
index 689ac053f..d667f893d 100644
--- a/packages/pl-fe/src/components/translate-button.tsx
+++ b/packages/pl-fe/src/components/translate-button.tsx
@@ -49,7 +49,7 @@ const canRemoteTranslate = (
 
 type Availability = Awaited<ReturnType<typeof Translator.availability>>;
 
-const localTranslationAvailability = (
+const localTranslationAvailability = async (
   status: ITranslateButton['status'],
   locale: string,
 ): Promise<Availability | false> => {
diff --git a/packages/pl-fe/src/entity-store/actions.ts b/packages/pl-fe/src/entity-store/actions.ts
index d8e689b1d..b2de9cc75 100644
--- a/packages/pl-fe/src/entity-store/actions.ts
+++ b/packages/pl-fe/src/entity-store/actions.ts
@@ -1,3 +1,4 @@
+import type { Entities } from './entities';
 import type { EntitiesTransaction, Entity, EntityListState, ImportPosition } from './types';
 
 const ENTITIES_IMPORT = 'ENTITIES_IMPORT' as const;
@@ -12,7 +13,7 @@ const ENTITIES_TRANSACTION = 'ENTITIES_TRANSACTION' as const;
 /** Action to import entities into the cache. */
 const importEntities = (
   entities: Entity[],
-  entityType: string,
+  entityType: Entities,
   listKey?: string,
   pos?: ImportPosition,
 ) => ({
@@ -53,7 +54,7 @@ const entitiesFetchRequest = (entityType: string, listKey?: string) => ({
 
 const entitiesFetchSuccess = (
   entities: Entity[],
-  entityType: string,
+  entityType: Entities,
   listKey?: string,
   pos?: ImportPosition,
   newState?: EntityListState,
@@ -68,14 +69,14 @@ const entitiesFetchSuccess = (
   overwrite,
 });
 
-const entitiesFetchFail = (entityType: string, listKey: string | undefined, error: any) => ({
+const entitiesFetchFail = (entityType: Entities, listKey: string | undefined, error: any) => ({
   type: ENTITIES_FETCH_FAIL,
   entityType,
   listKey,
   error,
 });
 
-const invalidateEntityList = (entityType: string, listKey: string) => ({
+const invalidateEntityList = (entityType: Entities, listKey: string) => ({
   type: ENTITIES_INVALIDATE_LIST,
   entityType,
   listKey,
diff --git a/packages/pl-fe/src/entity-store/hooks/types.ts b/packages/pl-fe/src/entity-store/hooks/types.ts
index 9b2acb336..f838e8af9 100644
--- a/packages/pl-fe/src/entity-store/hooks/types.ts
+++ b/packages/pl-fe/src/entity-store/hooks/types.ts
@@ -1,3 +1,4 @@
+import type { Entities } from '../entities';
 import type { Entity } from '../types';
 import type { BaseSchema, BaseIssue } from 'valibot';
 
@@ -10,7 +11,7 @@ type EntitySchema<TEntity extends Entity = Entity> = BaseSchema<any, TEntity, Ba
  */
 type ExpandedEntitiesPath = [
   /** Name of the entity type for use in the global cache, eg `'Notification'`. */
-  entityType: string,
+  entityType: Entities,
   /**
    * Name of a particular index of this entity type.
    * Multiple params get combined into one string with a `:` separator.
@@ -19,10 +20,10 @@ type ExpandedEntitiesPath = [
 ];
 
 /** Used to look up an entity in a list. */
-type EntitiesPath = [entityType: string, listKey: string];
+type EntitiesPath = [entityType: Entities, listKey: string];
 
 /** Used to look up a single entity by its ID. */
-type EntityPath = [entityType: string, entityId: string];
+type EntityPath = [entityType: Entities, entityId: string];
 
 /** Callback functions for entity actions. */
 interface EntityCallbacks<Value, Error = unknown> {
diff --git a/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts b/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
index ac497cf8f..844c99358 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-delete-entity.ts
@@ -4,6 +4,7 @@ import { useLoading } from '@/hooks/use-loading';
 
 import { deleteEntities, importEntities } from '../actions';
 
+import type { Entities } from '../entities';
 import type { EntityCallbacks, EntityFn } from './types';
 
 /**
@@ -11,7 +12,7 @@ import type { EntityCallbacks, EntityFn } from './types';
  * This hook should be used to globally delete an entity from all lists.
  * To remove an entity from a single list, see `useDismissEntity`.
  */
-const useDeleteEntity = (entityType: string, entityFn: EntityFn<string>) => {
+const useDeleteEntity = (entityType: Entities, entityFn: EntityFn<string>) => {
   const dispatch = useAppDispatch();
   const getState = useGetState();
   const [isSubmitting, setPromise] = useLoading();
diff --git a/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts b/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
index ea875041d..2839e18d6 100644
--- a/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
+++ b/packages/pl-fe/src/entity-store/hooks/use-entity-lookup.ts
@@ -8,6 +8,7 @@ import { useLoading } from '@/hooks/use-loading';
 import { importEntities } from '../actions';
 import { findEntity } from '../selectors';
 
+import type { Entities } from '../entities';
 import type { Entity } from '../types';
 import type { EntityFn } from './types';
 import type { UseEntityOpts } from './use-entity';
@@ -17,7 +18,7 @@ import type { PlfeResponse } from '@/api';
 type LookupFn<TEntity extends Entity> = (entity: TEntity) => boolean;
 
 const useEntityLookup = <TEntity extends Entity, TTransformedEntity extends Entity = TEntity>(
-  entityType: string,
+  entityType: Entities,
   lookupFn: LookupFn<TTransformedEntity>,
   entityFn: EntityFn<void>,
   opts: UseEntityOpts<TEntity, TTransformedEntity> = {},
diff --git a/packages/pl-fe/src/reducers/compose.ts b/packages/pl-fe/src/reducers/compose.ts
index 83272f294..b3bf59c31 100644
--- a/packages/pl-fe/src/reducers/compose.ts
+++ b/packages/pl-fe/src/reducers/compose.ts
@@ -644,7 +644,7 @@ const compose = (
         const contentType =
           action.contentType === 'text/markdown' && state.default.contentType === 'wysiwyg'
             ? 'wysiwyg'
-            : (action.contentType ?? 'text/plain');
+            : action.contentType || 'text/plain';
         compose.contentType = contentType;
         compose.quoteId = action.status.quote_id;
         compose.groupId = action.status.group_id;
diff --git a/packages/pl-fe/src/selectors/index.ts b/packages/pl-fe/src/selectors/index.ts
index 28670670e..2feaa5337 100644
--- a/packages/pl-fe/src/selectors/index.ts
+++ b/packages/pl-fe/src/selectors/index.ts
@@ -177,8 +177,8 @@ const makeGetNotification = () =>
   createSelector(
     [
       (_state: RootState, notification: NotificationGroup) => notification,
-      // @ts-expect-error types will be fine valibot ensures that
       (state: RootState, notification: NotificationGroup) =>
+        // @ts-expect-error types will be fine valibot ensures that
         selectAccount(state, notification.target_id),
       // @ts-expect-error types will be fine valibot ensures that
       (state: RootState, notification: NotificationGroup) => state.statuses[notification.status_id],

From 6df9a99c6e087c712c3bd32a18c7774800abb8d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 15:10:32 +0100
Subject: [PATCH 15/74] nicolium: allow youtube embed start time
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/preview-card.tsx     | 31 +++++++++++++++++--
 .../compose-event/tabs/edit-event.tsx         |  2 +-
 packages/pl-fe/src/utils/media.ts             | 30 +-----------------
 3 files changed, 31 insertions(+), 32 deletions(-)

diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index cb0523c33..71344f9f2 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -15,7 +15,6 @@ import Icon from '@/components/ui/icon';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 import Emojify from '@/features/emoji/emojify';
-import { addAutoPlay } from '@/utils/media';
 import { getTextDirection } from '@/utils/rtl';
 
 import HoverAccountWrapper from './hover-account-wrapper';
@@ -33,6 +32,34 @@ interface IPreviewCard {
   horizontal?: boolean;
 }
 
+const domParser = new DOMParser();
+
+const handleIframeUrl = (html: string, url: string, providerName: string) => {
+  const document = domParser.parseFromString(html, 'text/html').documentElement;
+  const iframe = document.querySelector('iframe');
+  const startTime = new URL(url).searchParams.get('t');
+
+  if (iframe) {
+    const iframeUrl = new URL(iframe.src);
+
+    iframeUrl.searchParams.set('autoplay', '1');
+    iframeUrl.searchParams.set('auto_play', '1');
+
+    if (providerName === 'YouTube') {
+      iframeUrl.searchParams.set('start', startTime ?? '');
+      iframe.referrerPolicy = 'strict-origin-when-cross-origin';
+    }
+
+    iframe.allow = 'autoplay';
+
+    iframe.src = iframeUrl.href;
+
+    return iframe.outerHTML;
+  }
+
+  return '';
+};
+
 /** Displays a Mastodon link preview. Similar to OEmbed. */
 const PreviewCard: React.FC<IPreviewCard> = ({
   card,
@@ -93,7 +120,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
   };
 
   const renderVideo = () => {
-    const content = { __html: addAutoPlay(card.html) };
+    const content = { __html: handleIframeUrl(card.html, card.url, card.provider_name) };
     const ratio = getRatio(card);
     const height = width / ratio;
 
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index ac33cc6a4..05af13158 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -304,7 +304,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         <Text tag='span' theme='muted'>
           <FormattedMessage
             id='compose_event.fields.has_end_time'
-            defaultMessage='The event has an end date'
+            defaultMessage='This event has an end date'
           />
         </Text>
       </HStack>
diff --git a/packages/pl-fe/src/utils/media.ts b/packages/pl-fe/src/utils/media.ts
index 0254fa863..cf82c234c 100644
--- a/packages/pl-fe/src/utils/media.ts
+++ b/packages/pl-fe/src/utils/media.ts
@@ -52,32 +52,4 @@ const getVideoDuration = (file: File): Promise<number> => {
   return promise;
 };
 
-const domParser = new DOMParser();
-
-/** Try adding autoplay to an iframe embed for platforms such as YouTube. */
-const addAutoPlay = (html: string): string => {
-  try {
-    const document = domParser.parseFromString(html, 'text/html').documentElement;
-    const iframe = document.querySelector('iframe');
-
-    if (iframe) {
-      const url = new URL(iframe.src);
-
-      url.searchParams.append('autoplay', '1');
-      url.searchParams.append('auto_play', '1');
-      iframe.allow = 'autoplay';
-
-      iframe.src = url.toString();
-
-      // DOM parser creates html/body elements around original HTML fragment,
-      // so we need to get innerHTML out of the body and not the entire document
-      return (document.querySelector('body') as HTMLBodyElement).innerHTML;
-    }
-  } catch (e) {
-    return html;
-  }
-
-  return html;
-};
-
-export { getVideoDuration, formatBytes, truncateFilename, addAutoPlay };
+export { getVideoDuration, formatBytes, truncateFilename };

From fdb2befb52868e260f80d3cc20e914a3c47a3e9b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 15:26:02 +0100
Subject: [PATCH 16/74] nicolium: preview card improvements, memo and fixes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/preview-card.tsx     | 83 +++++++++++--------
 .../pl-fe/src/components/status-content.tsx   |  6 +-
 .../pl-fe/src/styles/components/status.scss   |  1 +
 3 files changed, 51 insertions(+), 39 deletions(-)

diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index 71344f9f2..74845cdec 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -1,5 +1,6 @@
 import { Link } from '@tanstack/react-router';
 import clsx from 'clsx';
+import DOMPurify from 'isomorphic-dompurify';
 import {
   type MediaAttachment,
   type PreviewCard as CardEntity,
@@ -20,18 +21,6 @@ import { getTextDirection } from '@/utils/rtl';
 import HoverAccountWrapper from './hover-account-wrapper';
 import Avatar from './ui/avatar';
 
-/** Props for `PreviewCard`. */
-interface IPreviewCard {
-  card: CardEntity;
-  maxTitle?: number;
-  maxDescription?: number;
-  onOpenMedia: (attachments: Array<MediaAttachment>, index: number) => void;
-  compact?: boolean;
-  defaultWidth?: number;
-  cacheWidth?: (width: number) => void;
-  horizontal?: boolean;
-}
-
 const domParser = new DOMParser();
 
 const handleIframeUrl = (html: string, url: string, providerName: string) => {
@@ -60,6 +49,51 @@ const handleIframeUrl = (html: string, url: string, providerName: string) => {
   return '';
 };
 
+const getRatio = (card: CardEntity): number => {
+  const ratio = card.width / card.height || 16 / 9;
+
+  // Constrain to a sane limit
+  // https://en.wikipedia.org/wiki/Aspect_ratio_(image)
+  return Math.min(Math.max(9 / 16, ratio), 4);
+};
+
+interface IPreviewCardVideo {
+  card: CardEntity;
+}
+
+const PreviewCardVideo: React.FC<IPreviewCardVideo> = React.memo(
+  React.forwardRef<HTMLDivElement, IPreviewCardVideo>(({ card }, ref) => {
+    const html = DOMPurify.sanitize(handleIframeUrl(card.html, card.url, card.provider_name), {
+      ADD_TAGS: ['iframe'],
+      ADD_ATTR: ['allow', 'allowfullscreen', 'referrerpolicy'],
+    });
+    const content = { __html: html };
+
+    const ratio = getRatio(card);
+
+    return (
+      <div
+        ref={ref}
+        className='status-card__image status-card-video'
+        dangerouslySetInnerHTML={content}
+        style={{ aspectRatio: ratio }}
+      />
+    );
+  }),
+);
+
+/** Props for `PreviewCard`. */
+interface IPreviewCard {
+  card: CardEntity;
+  maxTitle?: number;
+  maxDescription?: number;
+  onOpenMedia: (attachments: Array<MediaAttachment>, index: number) => void;
+  compact?: boolean;
+  defaultWidth?: number;
+  cacheWidth?: (width: number) => void;
+  horizontal?: boolean;
+}
+
 /** Displays a Mastodon link preview. Similar to OEmbed. */
 const PreviewCard: React.FC<IPreviewCard> = ({
   card,
@@ -119,29 +153,6 @@ const PreviewCard: React.FC<IPreviewCard> = ({
     }
   };
 
-  const renderVideo = () => {
-    const content = { __html: handleIframeUrl(card.html, card.url, card.provider_name) };
-    const ratio = getRatio(card);
-    const height = width / ratio;
-
-    return (
-      <div
-        ref={setRef}
-        className='status-card__image status-card-video'
-        dangerouslySetInnerHTML={content}
-        style={{ height }}
-      />
-    );
-  };
-
-  const getRatio = (card: CardEntity): number => {
-    const ratio = card.width / card.height || 16 / 9;
-
-    // Constrain to a sane limit
-    // https://en.wikipedia.org/wiki/Aspect_ratio_(image)
-    return Math.min(Math.max(9 / 16, ratio), 4);
-  };
-
   const interactive = card.type !== 'link';
   const horizontal = interactive || embedded;
   const className = clsx(
@@ -209,7 +220,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
   if (interactive) {
     if (embedded) {
-      embed = renderVideo();
+      embed = <PreviewCardVideo card={card} />;
     } else {
       let iconVariant = require('@phosphor-icons/core/regular/play.svg');
 
diff --git a/packages/pl-fe/src/components/status-content.tsx b/packages/pl-fe/src/components/status-content.tsx
index 84bc7a322..a72343b46 100644
--- a/packages/pl-fe/src/components/status-content.tsx
+++ b/packages/pl-fe/src/components/status-content.tsx
@@ -262,11 +262,11 @@ const StatusContent: React.FC<IStatusContent> = React.memo(
         }
       }
 
-      const media = (quote ??
-        status.card ??
+      const media = (quote ||
+        status.card ||
         (withMedia && status.media_attachments.length > 0)) && (
         <Stack space={4} key='media'>
-          {((withMedia && status.media_attachments.length > 0) ?? (status.card && !quote)) && (
+          {((withMedia && status.media_attachments.length > 0) || (status.card && !quote)) && (
             <div className='relative has-[div[data-testid="sensitive-overlay"]]:min-h-24'>
               <SensitiveContentOverlay status={status} />
               {withMedia && <StatusMedia status={status} muted={compose} />}
diff --git a/packages/pl-fe/src/styles/components/status.scss b/packages/pl-fe/src/styles/components/status.scss
index cddf136cc..e5ad6fa71 100644
--- a/packages/pl-fe/src/styles/components/status.scss
+++ b/packages/pl-fe/src/styles/components/status.scss
@@ -31,6 +31,7 @@
 
   iframe {
     width: 100% !important;
+    height: 100%;
   }
 }
 

From 27f731e406fb12cfeea2559aa436e069597d8341 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 15:36:51 +0100
Subject: [PATCH 17/74] nicolium: downstream ports
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/rss-feed-info.tsx    |  77 +++++++++
 packages/pl-fe/src/components/status.tsx      |  65 +++----
 .../status/components/detailed-status.tsx     | 143 ++++++++--------
 .../src/features/status/components/thread.tsx |   8 +-
 .../pl-fe/src/features/ui/router/index.tsx    |  10 ++
 .../src/features/ui/util/async-components.ts  |   1 +
 .../pages/settings/rss-feed-subscriptions.tsx | 158 ++++++++++++++++++
 .../use-rss-feed-subscriptions.ts             |  36 ++++
 8 files changed, 400 insertions(+), 98 deletions(-)
 create mode 100644 packages/pl-fe/src/components/rss-feed-info.tsx
 create mode 100644 packages/pl-fe/src/pages/settings/rss-feed-subscriptions.tsx
 create mode 100644 packages/pl-fe/src/queries/rss-feed-subscriptions/use-rss-feed-subscriptions.ts

diff --git a/packages/pl-fe/src/components/rss-feed-info.tsx b/packages/pl-fe/src/components/rss-feed-info.tsx
new file mode 100644
index 000000000..e8ca3d947
--- /dev/null
+++ b/packages/pl-fe/src/components/rss-feed-info.tsx
@@ -0,0 +1,77 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Link } from 'react-router-dom';
+
+import RelativeTimestamp from './relative-timestamp';
+import Avatar from './ui/avatar';
+import HStack from './ui/hstack';
+import Icon from './ui/icon';
+import Stack from './ui/stack';
+import Text from './ui/text';
+
+import type { RssFeed } from 'pl-api';
+
+interface IRssFeedInfo {
+  feed: RssFeed;
+  timestamp: string;
+  timestampUrl?: string;
+}
+
+const RssFeedInfo: React.FC<IRssFeedInfo> = ({ feed, timestamp, timestampUrl }) => (
+  <div className='group block w-full shrink-0'>
+    <HStack alignItems='center' space={3} className='overflow-hidden'>
+      <div className='rounded-lg'>
+        <Avatar src={feed.image_url || ''} size={42} alt={feed.title || ''} />
+      </div>
+
+      <div className='grow overflow-hidden'>
+        <HStack space={1} alignItems='center' grow>
+          <Text size='sm' weight='semibold' truncate>
+            {feed.title}
+          </Text>
+        </HStack>
+
+        <Stack>
+          <HStack alignItems='center' space={1}>
+            <Text theme='muted' size='sm'>
+              <FormattedMessage id='rss_feed.label' defaultMessage='RSS Feed' />
+            </Text>
+
+            <Icon
+              className='size-4 text-gray-700 dark:text-gray-600'
+              src={require('@phosphor-icons/core/regular/rss.svg')}
+            />
+
+            <Text tag='span' theme='muted' size='sm'>
+              &middot;
+            </Text>
+
+            {timestampUrl ? (
+              <Link
+                to={timestampUrl}
+                className='hover:underline'
+                onClick={(event) => event.stopPropagation()}
+              >
+                <RelativeTimestamp
+                  timestamp={timestamp}
+                  theme='muted'
+                  size='sm'
+                  className='whitespace-nowrap'
+                />
+              </Link>
+            ) : (
+              <RelativeTimestamp
+                timestamp={timestamp}
+                theme='muted'
+                size='sm'
+                className='whitespace-nowrap'
+              />
+            )}
+          </HStack>
+        </Stack>
+      </div>
+    </HStack>
+  </div>
+);
+
+export default RssFeedInfo;
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index db0d1c966..bec2cb17a 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -30,6 +30,7 @@ import { textForScreenReader } from '@/utils/status';
 import EventPreview from './event-preview';
 import HashtagLink from './hashtag-link';
 import RelativeTimestamp from './relative-timestamp';
+import RssFeedInfo from './rss-feed-info';
 import StatusActionBar from './status-action-bar';
 import StatusContent from './status-content';
 import StatusLanguagePicker from './status-language-picker';
@@ -549,19 +550,23 @@ const Status: React.FC<IStatus> = (props) => {
       >
         {statusInfo}
 
-        {actualStatus.account_id && (
-          <div className='flex'>
-            <AccountContainer
-              key={actualStatus.account_id}
-              id={actualStatus.account_id}
-              action={<AccountInfo status={actualStatus} />}
-              showAccountHoverCard={hoverable}
-              withLinkToProfile={hoverable}
-              approvalStatus={actualStatus.approval_status}
-              avatarSize={avatarSize}
-              actionAlignment='top'
-            />
-          </div>
+        {status.rss_feed ? (
+          <RssFeedInfo feed={status.rss_feed} timestamp={status.created_at} />
+        ) : (
+          actualStatus.account_id && (
+            <div className='flex'>
+              <AccountContainer
+                key={actualStatus.account_id}
+                id={actualStatus.account_id}
+                action={<AccountInfo status={actualStatus} />}
+                showAccountHoverCard={hoverable}
+                withLinkToProfile={hoverable}
+                approvalStatus={actualStatus.approval_status}
+                avatarSize={avatarSize}
+                actionAlignment='top'
+              />
+            </div>
+          )
         )}
 
         <div className='status__content-wrapper'>
@@ -579,22 +584,26 @@ const Status: React.FC<IStatus> = (props) => {
             />
           )}
 
-          <StatusReactionsBar status={actualStatus} collapsed />
+          {!status.rss_feed && (
+            <>
+              <StatusReactionsBar status={actualStatus} collapsed />
 
-          {!hideActionBar && (
-            <div
-              className={clsx({
-                'pt-2': actualStatus.emoji_reactions.length,
-                'pt-4': !actualStatus.emoji_reactions.length,
-              })}
-            >
-              <StatusActionBar
-                status={actualStatus}
-                rebloggedBy={isReblog ? status.account : undefined}
-                fromBookmarks={fromBookmarks}
-                expandable
-              />
-            </div>
+              {!hideActionBar && (
+                <div
+                  className={clsx({
+                    'pt-2': actualStatus.emoji_reactions.length,
+                    'pt-4': !actualStatus.emoji_reactions.length,
+                  })}
+                >
+                  <StatusActionBar
+                    status={actualStatus}
+                    rebloggedBy={isReblog ? status.account : undefined}
+                    fromBookmarks={fromBookmarks}
+                    expandable
+                  />
+                </div>
+              )}
+            </>
           )}
         </div>
       </Card>
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index 7efac0f2f..b6f795c05 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -3,6 +3,7 @@ import React, { useRef } from 'react';
 import { defineMessages, FormattedDate, FormattedMessage, useIntl } from 'react-intl';
 
 import Account from '@/components/account';
+import RssFeedInfo from '@/components/rss-feed-info';
 import StatusContent from '@/components/status-content';
 import StatusLanguagePicker from '@/components/status-language-picker';
 import StatusReactionsBar from '@/components/status-reactions-bar';
@@ -95,7 +96,9 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
       <div ref={node} className='detailed-actualStatus' tabIndex={-1}>
         {renderStatusInfo()}
 
-        {account.id && (
+        {actualStatus.rss_feed ? (
+          <RssFeedInfo feed={actualStatus.rss_feed} timestamp={actualStatus.created_at} />
+        ) : (
           <div className='mb-4'>
             <Account
               key={account.id}
@@ -115,83 +118,87 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
           </Stack>
         </Stack>
 
-        <StatusReactionsBar status={actualStatus} />
+        {!status.rss_feed && (
+          <>
+            <StatusReactionsBar status={actualStatus} />
 
-        <HStack space={2} justifyContent='between' alignItems='center' className='py-3' wrap>
-          <StatusInteractionBar status={actualStatus} />
+            <HStack space={2} justifyContent='between' alignItems='center' className='py-3' wrap>
+              <StatusInteractionBar status={actualStatus} />
 
-          <HStack space={1} alignItems='center'>
-            <span>
-              <Text tag='span' theme='muted' size='sm'>
-                <HStack space={1} alignItems='center' wrap>
-                  <a
-                    href={actualStatus.url}
-                    target='_blank'
-                    rel='noopener'
-                    className='hover:underline'
-                  >
-                    <FormattedDate
-                      value={new Date(actualStatus.created_at)}
-                      hour12
-                      year='numeric'
-                      month='short'
-                      day='2-digit'
-                      hour='numeric'
-                      minute='2-digit'
-                    />
-                  </a>
-
-                  {actualStatus.application && (
-                    <>
-                      <span className='⁂-separator' />
+              <HStack space={1} alignItems='center'>
+                <span>
+                  <Text tag='span' theme='muted' size='sm'>
+                    <HStack space={1} alignItems='center' wrap>
                       <a
-                        href={actualStatus.application.website ?? '#'}
+                        href={actualStatus.url}
                         target='_blank'
                         rel='noopener'
                         className='hover:underline'
-                        title={intl.formatMessage(messages.applicationName, {
-                          name: actualStatus.application.name,
-                        })}
                       >
-                        {actualStatus.application.name}
-                      </a>
-                    </>
-                  )}
-
-                  {actualStatus.edited_at && (
-                    <>
-                      <span className='⁂-separator' />
-                      <div
-                        className='inline hover:underline'
-                        onClick={handleOpenCompareHistoryModal}
-                        role='button'
-                        tabIndex={0}
-                      >
-                        <FormattedMessage
-                          id='status.edited'
-                          defaultMessage='Edited {date}'
-                          values={{
-                            date: intl.formatDate(new Date(actualStatus.edited_at), {
-                              hour12: true,
-                              month: 'short',
-                              day: '2-digit',
-                              hour: 'numeric',
-                              minute: '2-digit',
-                            }),
-                          }}
+                        <FormattedDate
+                          value={new Date(actualStatus.created_at)}
+                          hour12
+                          year='numeric'
+                          month='short'
+                          day='2-digit'
+                          hour='numeric'
+                          minute='2-digit'
                         />
-                      </div>
-                    </>
-                  )}
-                </HStack>
-              </Text>
-            </span>
+                      </a>
 
-            <StatusTypeIcon visibility={actualStatus.visibility} />
+                      {actualStatus.application && (
+                        <>
+                          <span className='⁂-separator' />
+                          <a
+                            href={actualStatus.application.website ?? '#'}
+                            target='_blank'
+                            rel='noopener'
+                            className='hover:underline'
+                            title={intl.formatMessage(messages.applicationName, {
+                              name: actualStatus.application.name,
+                            })}
+                          >
+                            {actualStatus.application.name}
+                          </a>
+                        </>
+                      )}
 
-            <StatusLanguagePicker status={actualStatus} showLabel />
-          </HStack>
-        </HStack>
+                      {actualStatus.edited_at && (
+                        <>
+                          <span className='⁂-separator' />
+                          <div
+                            className='inline hover:underline'
+                            onClick={handleOpenCompareHistoryModal}
+                            role='button'
+                            tabIndex={0}
+                          >
+                            <FormattedMessage
+                              id='status.edited'
+                              defaultMessage='Edited {date}'
+                              values={{
+                                date: intl.formatDate(new Date(actualStatus.edited_at), {
+                                  hour12: true,
+                                  month: 'short',
+                                  day: '2-digit',
+                                  hour: 'numeric',
+                                  minute: '2-digit',
+                                }),
+                              }}
+                            />
+                          </div>
+                        </>
+                      )}
+                    </HStack>
+                  </Text>
+                </span>
+
+                <StatusTypeIcon visibility={actualStatus.visibility} />
+
+                <StatusLanguagePicker status={actualStatus} showLabel />
+              </HStack>
+            </HStack>
+          </>
+        )}
       </div>
     </div>
   );
diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index 821e317e6..240076d0a 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -356,9 +356,13 @@ const Thread = ({
                     withMedia={withMedia}
                   />
 
-                  <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
+                  {!status.rss_feed && (
+                    <>
+                      <hr className='-mx-4 mb-2 max-w-[100vw] border-t-2 black:border-t dark:border-gray-800' />
 
-                  <StatusActionBar status={status} expandable={isModal} space='lg' withLabels />
+                      <StatusActionBar status={status} expandable={isModal} space='lg' withLabels />
+                    </>
+                  )}
                 </div>
               </Hotkeys>
             )}
diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index cb4803ada..fc43bee21 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -687,6 +687,15 @@ export const followedTagsRoute = createRoute({
   }),
 });
 
+export const rssFeedSubscriptionsRoute = createRoute({
+  getParentRoute: () => layouts.default,
+  path: '/rss_feed_subscriptions',
+  component: RssFeedSubscriptions,
+  beforeLoad: requireAuthMiddleware(({ context: { features } }) => {
+    if (!features.rssFeedSubscriptions) throw notFound();
+  }),
+});
+
 // Interaction requests
 export const interactionRequestsRoute = createRoute({
   getParentRoute: () => layouts.default,
@@ -1460,6 +1469,7 @@ const routeTree = rootRoute.addChildren([
     filtersRoute,
     editFilterRoute,
     followedTagsRoute,
+    rssFeedSubscriptionsRoute,
     interactionRequestsRoute,
     newStatusRoute,
     scheduledStatusesRoute,
diff --git a/packages/pl-fe/src/features/ui/util/async-components.ts b/packages/pl-fe/src/features/ui/util/async-components.ts
index d2a57ac1c..0bfd2e8ae 100644
--- a/packages/pl-fe/src/features/ui/util/async-components.ts
+++ b/packages/pl-fe/src/features/ui/util/async-components.ts
@@ -96,6 +96,7 @@ export const RegisterInvite = lazy(() => import('@/pages/auth/register-with-invi
 export const RegistrationPage = lazy(() => import('@/pages/auth/registration'));
 export const Relays = lazy(() => import('@/pages/dashboard/relays'));
 export const RemoteTimeline = lazy(() => import('@/pages/timelines/remote-timeline'));
+export const RssFeedSubscriptions = lazy(() => import('@/pages/settings/rss-feed-subscriptions'));
 export const Rules = lazy(() => import('@/pages/dashboard/rules'));
 export const ScheduledStatuses = lazy(() => import('@/pages/status-lists/scheduled-statuses'));
 export const Search = lazy(() => import('@/pages/search/search'));
diff --git a/packages/pl-fe/src/pages/settings/rss-feed-subscriptions.tsx b/packages/pl-fe/src/pages/settings/rss-feed-subscriptions.tsx
new file mode 100644
index 000000000..1312f9f00
--- /dev/null
+++ b/packages/pl-fe/src/pages/settings/rss-feed-subscriptions.tsx
@@ -0,0 +1,158 @@
+import React from 'react';
+import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
+
+import List, { ListItem } from '@/components/list';
+import Avatar from '@/components/ui/avatar';
+import Button from '@/components/ui/button';
+import Card, { CardTitle } from '@/components/ui/card';
+import Column from '@/components/ui/column';
+import Form from '@/components/ui/form';
+import HStack from '@/components/ui/hstack';
+import Icon from '@/components/ui/icon';
+import IconButton from '@/components/ui/icon-button';
+import Input from '@/components/ui/input';
+import Stack from '@/components/ui/stack';
+import Text from '@/components/ui/text';
+import { useTextField } from '@/hooks/forms/use-text-field';
+import {
+  useCreateRssFeedSubscription,
+  useDeleteRssFeedSubscription,
+  useRssFeedSubscriptions,
+} from '@/queries/rss-feed-subscriptions/use-rss-feed-subscriptions';
+import toast from '@/toast';
+
+const messages = defineMessages({
+  heading: { id: 'column.rss_feed_subscriptions', defaultMessage: 'Subscribed RSS feeds' },
+  label: { id: 'rss_feed_subscriptions.new.title_placeholder', defaultMessage: 'RSS feed URL' },
+  createSuccess: {
+    id: 'rss_feed_subscriptions.add.success',
+    defaultMessage: 'Successfully subscribed to RSS feed',
+  },
+  createFail: {
+    id: 'rss_feed_subscriptions.add.fail',
+    defaultMessage: 'Failed to subsrcibe to RSS feed',
+  },
+});
+
+const NewFeedForm: React.FC = () => {
+  const intl = useIntl();
+
+  const url = useTextField();
+
+  const { mutate: createRssFeedSubscription, isPending } = useCreateRssFeedSubscription();
+
+  const handleSubmit = (e: React.FormEvent<Element>) => {
+    e.preventDefault();
+    createRssFeedSubscription(url.value, {
+      onSuccess() {
+        toast.success(messages.createSuccess);
+      },
+      onError() {
+        toast.success(messages.createFail);
+      },
+    });
+  };
+
+  const label = intl.formatMessage(messages.label);
+
+  return (
+    <Form onSubmit={handleSubmit}>
+      <HStack space={2} alignItems='center'>
+        <label className='grow'>
+          <span style={{ display: 'none' }}>{label}</span>
+
+          <Input type='text' placeholder={label} disabled={isPending} {...url} />
+        </label>
+
+        <Button disabled={isPending} onClick={handleSubmit} theme='primary'>
+          <FormattedMessage
+            id='rss_feed_subscriptions.new.create_title'
+            defaultMessage='Subscribe'
+          />
+        </Button>
+      </HStack>
+    </Form>
+  );
+};
+
+const RssFeedSubscriptions = () => {
+  const intl = useIntl();
+
+  const { data: feeds = [], isLoading } = useRssFeedSubscriptions();
+
+  const { mutate: deleteRssFeedSubscription, isPending } = useDeleteRssFeedSubscription();
+
+  const handleDelete = (url: string) => () => {
+    deleteRssFeedSubscription(url);
+  };
+
+  const emptyMessage = (
+    <FormattedMessage
+      id='empty_column.rss_feed_subscriptions'
+      defaultMessage="You haven't subscribed to any RSS feeds yet."
+    />
+  );
+
+  return (
+    <Column label={intl.formatMessage(messages.heading)}>
+      <Stack space={4}>
+        <CardTitle
+          title={
+            <FormattedMessage
+              id='rss_feed_subscriptions.new.heading'
+              defaultMessage='Subscribe to a new RSS feed'
+            />
+          }
+        />
+        <NewFeedForm />
+
+        <CardTitle
+          title={
+            <FormattedMessage
+              id='rss_feed_subscriptions.list.heading'
+              defaultMessage='Subscribed feeds'
+            />
+          }
+        />
+        {feeds?.length ? (
+          <List>
+            {feeds?.map((feed) => (
+              <ListItem
+                key={feed.id}
+                label={
+                  <HStack className='w-full' alignItems='center' space={2}>
+                    {feed.image_url ? (
+                      <Avatar size={40} src={feed.image_url} />
+                    ) : (
+                      <Icon src={require('@phosphor-icons/core/regular/rss.svg')} size={40} />
+                    )}
+                    <Stack className='flex-1'>
+                      <span>{feed.title}</span>
+                      <Text size='sm' theme='muted' truncate>
+                        {feed.url}
+                      </Text>
+                    </Stack>
+                    <IconButton
+                      onClick={handleDelete(feed.url)}
+                      disabled={isPending}
+                      className='size-8 text-gray-700 dark:text-gray-600'
+                      src={require('@phosphor-icons/core/regular/x.svg')}
+                    />
+                  </HStack>
+                }
+              />
+            ))}
+          </List>
+        ) : (
+          !isLoading && (
+            <Card variant='rounded' size='lg'>
+              {emptyMessage}
+            </Card>
+          )
+        )}
+      </Stack>
+    </Column>
+  );
+};
+
+export { RssFeedSubscriptions as default };
diff --git a/packages/pl-fe/src/queries/rss-feed-subscriptions/use-rss-feed-subscriptions.ts b/packages/pl-fe/src/queries/rss-feed-subscriptions/use-rss-feed-subscriptions.ts
new file mode 100644
index 000000000..e98fb2e7e
--- /dev/null
+++ b/packages/pl-fe/src/queries/rss-feed-subscriptions/use-rss-feed-subscriptions.ts
@@ -0,0 +1,36 @@
+import { useMutation, useQuery } from '@tanstack/react-query';
+
+import { useClient } from '@/hooks/use-client';
+
+import { queryClient } from '../client';
+
+const useRssFeedSubscriptions = () => {
+  const client = useClient();
+
+  return useQuery({
+    queryKey: ['rssFeedSubscriptions'],
+    queryFn: () => client.rssFeedSubscriptions.fetchRssFeedSubscriptions(),
+  });
+};
+
+const useCreateRssFeedSubscription = () => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['rss-feed-subscriptions'],
+    mutationFn: (url: string) => client.rssFeedSubscriptions.createRssFeedSubscription(url),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['rssFeedSubscriptions'] }),
+  });
+};
+
+const useDeleteRssFeedSubscription = () => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['rss-feed-subscriptions'],
+    mutationFn: (url: string) => client.rssFeedSubscriptions.deleteRssFeedSubscription(url),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['rssFeedSubscriptions'] }),
+  });
+};
+
+export { useRssFeedSubscriptions, useCreateRssFeedSubscription, useDeleteRssFeedSubscription };

From d1a9a300571b5c54563348b4fa527592284bf671 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 16:35:09 +0100
Subject: [PATCH 18/74] nicolium: trim account in useaccountsearch query
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/queries/search/use-search-accounts.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/queries/search/use-search-accounts.ts b/packages/pl-fe/src/queries/search/use-search-accounts.ts
index 73c938caf..a9fd19f17 100644
--- a/packages/pl-fe/src/queries/search/use-search-accounts.ts
+++ b/packages/pl-fe/src/queries/search/use-search-accounts.ts
@@ -11,11 +11,11 @@ const useAccountSearch = (query: string, params?: Omit<SearchAccountParams, 'off
   const dispatch = useAppDispatch();
 
   return useInfiniteQuery({
-    queryKey: ['search', 'accountSearch', query, params],
+    queryKey: ['search', 'accountSearch', query.trim(), params],
     queryFn: ({ pageParam: offset, signal }) =>
       client.accounts
         .searchAccounts(
-          query,
+          query.trim(),
           {
             ...params,
             offset,

From 3da980bd430f94226fee2644e5dac265060aa3dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 16:37:38 +0100
Subject: [PATCH 19/74] nicolium: update en.json
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 709a51415..d072273b4 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -503,6 +503,7 @@
   "column.reblogs": "Reposts",
   "column.registration": "Sign up",
   "column.report": "Report #{id}",
+  "column.rss_feed_subscriptions": "Subscribed RSS feeds",
   "column.scheduled_statuses": "Scheduled posts",
   "column.search": "Search",
   "column.settings_store": "Settings store",
@@ -545,7 +546,7 @@
   "compose_event.fields.description_placeholder": "Description",
   "compose_event.fields.end_time_label": "Event end date",
   "compose_event.fields.end_time_placeholder": "Event ends on…",
-  "compose_event.fields.has_end_time": "The event has an end date",
+  "compose_event.fields.has_end_time": "This event has an end date",
   "compose_event.fields.location_label": "Event location",
   "compose_event.fields.name_label": "Event name",
   "compose_event.fields.name_placeholder": "Name",
@@ -927,6 +928,7 @@
   "empty_column.public": "There is nothing here! Write something publicly, or manually follow users from other servers to fill it up",
   "empty_column.quotes": "This post has not been quoted yet.",
   "empty_column.remote": "There is nothing here! Manually follow users from {instance} to fill it up.",
+  "empty_column.rss_feed_subscriptions": "You haven't subscribed to any RSS feeds yet.",
   "empty_column.scheduled_statuses": "You don't have any scheduled statuses yet. When you add one, it will show up here.",
   "empty_column.search.accounts": "There are no people results for \"{term}\"",
   "empty_column.search.statuses": "There are no posts results for \"{term}\"",
@@ -1620,6 +1622,13 @@
   "report.target": "Reporting {target}",
   "report.unassign": "Unassign",
   "report.unassign.success": "Unassigned report.",
+  "rss_feed.label": "RSS Feed",
+  "rss_feed_subscriptions.add.fail": "Failed to subsrcibe to RSS feed",
+  "rss_feed_subscriptions.add.success": "Successfully subscribed to RSS feed",
+  "rss_feed_subscriptions.list.heading": "Subscribed feeds",
+  "rss_feed_subscriptions.new.create_title": "Subscribe",
+  "rss_feed_subscriptions.new.heading": "Subscribe to a new RSS feed",
+  "rss_feed_subscriptions.new.title_placeholder": "RSS feed URL",
   "save": "Save",
   "schedule.post_time": "Post date/time",
   "schedule.remove": "Remove schedule",

From c17561a56111c379d4161aa0a8e123417a1db413 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 16:45:41 +0100
Subject: [PATCH 20/74] nicolium: more ports
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/components/dropdown-navigation.tsx    | 14 ++++++++++++
 .../src/components/sidebar-navigation.tsx     | 12 ++++++++++
 packages/pl-fe/src/components/status.tsx      | 10 +++++++++
 .../src/features/status/components/thread.tsx | 22 ++++++++++++++-----
 packages/pl-fe/src/locales/en.json            |  1 +
 5 files changed, 53 insertions(+), 6 deletions(-)

diff --git a/packages/pl-fe/src/components/dropdown-navigation.tsx b/packages/pl-fe/src/components/dropdown-navigation.tsx
index df6479f8d..e73642218 100644
--- a/packages/pl-fe/src/components/dropdown-navigation.tsx
+++ b/packages/pl-fe/src/components/dropdown-navigation.tsx
@@ -422,6 +422,20 @@ const DropdownNavigation: React.FC = React.memo((): JSX.Element | null => {
                 />
               )}
 
+              {features.rssFeedSubscriptions && (
+                <DropdownNavigationLink
+                  to='/rss_feed_subscriptions'
+                  icon={require('@phosphor-icons/core/regular/rss.svg')}
+                  text={
+                    <FormattedMessage
+                      id='column.rss_feed_subscriptions'
+                      defaultMessage='Subscribed RSS feeds'
+                    />
+                  }
+                  onClick={closeSidebar}
+                />
+              )}
+
               {(account.is_admin ?? account.is_moderator) && (
                 <DropdownNavigationLink
                   to='/pl-fe/admin'
diff --git a/packages/pl-fe/src/components/sidebar-navigation.tsx b/packages/pl-fe/src/components/sidebar-navigation.tsx
index 793fea9e5..3722bba48 100644
--- a/packages/pl-fe/src/components/sidebar-navigation.tsx
+++ b/packages/pl-fe/src/components/sidebar-navigation.tsx
@@ -37,6 +37,10 @@ const messages = defineMessages({
   events: { id: 'column.events', defaultMessage: 'Events' },
   profileDirectory: { id: 'column.directory', defaultMessage: 'Profile directory' },
   followedTags: { id: 'column.followed_tags', defaultMessage: 'Followed hashtags' },
+  rssFeedSubscriptions: {
+    id: 'navigation_bar.rss_feed_subscriptions',
+    defaultMessage: 'Subscribed RSS feeds',
+  },
   scheduledStatuses: { id: 'column.scheduled_statuses', defaultMessage: 'Scheduled posts' },
   drafts: { id: 'column.draft_statuses', defaultMessage: 'Drafts' },
   conversations: { id: 'column.direct', defaultMessage: 'Direct messages' },
@@ -173,6 +177,14 @@ const SidebarNavigation: React.FC<ISidebarNavigation> = React.memo(({ shrink })
         });
       }
 
+      if (features.rssFeedSubscriptions) {
+        menu.push({
+          to: '/rss_feed_subscriptions',
+          text: intl.formatMessage(messages.rssFeedSubscriptions),
+          icon: require('@phosphor-icons/core/regular/rss.svg'),
+        });
+      }
+
       if (scheduledStatusCount > 0) {
         menu.push({
           to: '/scheduled_statuses',
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index bec2cb17a..b55474668 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -257,17 +257,23 @@ const Status: React.FC<IStatus> = (props) => {
   };
 
   const handleHotkeyReply = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     e?.preventDefault();
     dispatch(replyCompose(actualStatus, status.reblog_id ? status.account : undefined));
   };
 
   const handleHotkeyFavourite = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     e?.preventDefault();
     if (status.favourited) unfavouriteStatus();
     else favouriteStatus();
   };
 
   const handleHotkeyBoost = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     const modalReblog = () => {
       if (status.reblogged) unreblogStatus();
       else reblogStatus(undefined);
@@ -280,6 +286,8 @@ const Status: React.FC<IStatus> = (props) => {
   };
 
   const handleHotkeyMention = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     e?.preventDefault();
     dispatch(mentionCompose(actualStatus.account));
   };
@@ -312,6 +320,8 @@ const Status: React.FC<IStatus> = (props) => {
   };
 
   const handleHotkeyReact = () => {
+    if (status.rss_feed) return;
+
     (node.current?.querySelector('.emoji-picker-dropdown') as HTMLButtonElement)?.click();
   };
 
diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index 240076d0a..dae6c6178 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -178,12 +178,6 @@ const Thread = ({
   const statusRef = useRef<HTMLDivElement>(null);
   const scroller = useRef<VirtuosoHandle>(null);
 
-  const handleHotkeyReact = () => {
-    if (statusRef.current) {
-      (node.current?.querySelector('.emoji-picker-dropdown') as HTMLButtonElement)?.click();
-    }
-  };
-
   const handleFavouriteClick = (status: SelectedStatus) => {
     if (status.favourited) unfavouriteStatus();
     else favouriteStatus();
@@ -231,19 +225,27 @@ const Thread = ({
   };
 
   const handleHotkeyReply = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     e?.preventDefault();
     handleReplyClick(status);
   };
 
   const handleHotkeyFavourite = () => {
+    if (status.rss_feed) return;
+
     handleFavouriteClick(status);
   };
 
   const handleHotkeyBoost = () => {
+    if (status.rss_feed) return;
+
     handleReblogClick(status);
   };
 
   const handleHotkeyMention = (e?: KeyboardEvent) => {
+    if (status.rss_feed) return;
+
     e?.preventDefault();
     const { account } = status;
     if (!account || typeof account !== 'object') return;
@@ -258,6 +260,14 @@ const Thread = ({
     toggleStatusesMediaHidden([status.id]);
   };
 
+  const handleHotkeyReact = () => {
+    if (status.rss_feed) return;
+
+    if (statusRef.current) {
+      (node.current?.querySelector('.emoji-picker-dropdown') as HTMLButtonElement)?.click();
+    }
+  };
+
   const handleMoveUp = (id: string) => {
     const modalOffset = isModal ? 1 : 0;
     if (id === status.id) {
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index d072273b4..9077a9a8c 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1339,6 +1339,7 @@
   "navigation_bar.interaction_policy": "Status interaction rules",
   "navigation_bar.logout": "Logout",
   "navigation_bar.manage_event": "Manage event",
+  "navigation_bar.rss_feed_subscriptions": "Subscribed RSS feeds",
   "new_event_panel.action": "Create event",
   "new_event_panel.subtitle": "Can't find what you're looking for? Schedule your own event.",
   "new_event_panel.title": "Create new event",

From 4cf4c0e11b0e91f60ffc89690bfad48732f3565e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 16:52:08 +0100
Subject: [PATCH 21/74] nicolium: archive imports
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/features.ts               |  2 +
 packages/pl-fe/package.json                   |  1 +
 packages/pl-fe/src/locales/en.json            |  4 ++
 .../pl-fe/src/pages/settings/import-data.tsx  | 41 +++++++++++++++++--
 pnpm-lock.yaml                                |  3 ++
 5 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/packages/pl-api/lib/features.ts b/packages/pl-api/lib/features.ts
index 64bd38534..f1f4d52f9 100644
--- a/packages/pl-api/lib/features.ts
+++ b/packages/pl-api/lib/features.ts
@@ -966,6 +966,8 @@ const getFeatures = (instance: Instance) => {
       v.software === PLEROMA,
     ]),
 
+    importArchive: false,
+
     /**
      * Import a .csv file with a list of blocked users.
      * @see POST /api/pleroma/blocks_import
diff --git a/packages/pl-fe/package.json b/packages/pl-fe/package.json
index b07ef8a0b..9c1189433 100644
--- a/packages/pl-fe/package.json
+++ b/packages/pl-fe/package.json
@@ -98,6 +98,7 @@
     "lodash-es": "^4.17.23",
     "mini-css-extract-plugin": "^2.9.4",
     "mutative": "^1.3.0",
+    "object-to-formdata": "^4.5.1",
     "path-browserify": "^1.0.1",
     "pl-api": "workspace:*",
     "postcss": "^8.5.3",
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 9077a9a8c..96bae3055 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1072,16 +1072,20 @@
   "icon_button.icons": "Icons",
   "icon_button.label": "Select icon",
   "import_data.actions.import": "Import",
+  "import_data.actions.import_archive": "Import archive",
   "import_data.actions.import_blocks": "Import blocks",
   "import_data.actions.import_follows": "Import follows",
   "import_data.actions.import_mutes": "Import mutes",
+  "import_data.archive_label": "Archive",
   "import_data.blocks_label": "Blocks",
   "import_data.follows_label": "Follows",
+  "import_data.hints.archive": "Archive containing an archive of statuses",
   "import_data.hints.blocks": "CSV file containing a list of blocked accounts",
   "import_data.hints.follows": "CSV file containing a list of followed accounts",
   "import_data.hints.mutes": "CSV file containing a list of muted accounts",
   "import_data.mutes_label": "Mutes",
   "import_data.overwrite": "Overwrite instead of appending",
+  "import_data.success.archive": "Archive imported successfully",
   "import_data.success.blocks": "Blocks imported successfully",
   "import_data.success.followers": "Followers imported successfully",
   "import_data.success.mutes": "Mutes imported successfully",
diff --git a/packages/pl-fe/src/pages/settings/import-data.tsx b/packages/pl-fe/src/pages/settings/import-data.tsx
index c15bc00db..8a94e9fae 100644
--- a/packages/pl-fe/src/pages/settings/import-data.tsx
+++ b/packages/pl-fe/src/pages/settings/import-data.tsx
@@ -1,3 +1,4 @@
+import { serialize } from 'object-to-formdata';
 import React, { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl, type MessageDescriptor } from 'react-intl';
 
@@ -26,6 +27,10 @@ const messages = defineMessages({
     defaultMessage: 'Followers imported successfully',
   },
   mutesSuccess: { id: 'import_data.success.mutes', defaultMessage: 'Mutes imported successfully' },
+  archiveSuccess: {
+    id: 'import_data.success.archive',
+    defaultMessage: 'Archive imported successfully',
+  },
 });
 
 const followMessages = defineMessages({
@@ -55,6 +60,15 @@ const muteMessages = defineMessages({
   submit: { id: 'import_data.actions.import_mutes', defaultMessage: 'Import mutes' },
 });
 
+const archiveMessages = defineMessages({
+  input_label: { id: 'import_data.archive_label', defaultMessage: 'Archive' },
+  input_hint: {
+    id: 'import_data.hints.archive',
+    defaultMessage: 'Archive containing an archive of statuses',
+  },
+  submit: { id: 'import_data.actions.import_archive', defaultMessage: 'Import archive' },
+});
+
 interface IDataImporter {
   messages: {
     input_label: MessageDescriptor;
@@ -140,20 +154,34 @@ const ImportDataPage = () => {
   const features = useFeatures();
 
   const importFollows = (list: File | string, overwrite?: boolean) =>
-    client.settings.importFollows(list, overwrite ? 'overwrite' : 'merge').then((response) => {
+    client.settings.importFollows(list, overwrite ? 'overwrite' : 'merge').then(() => {
       toast.success(messages.followersSuccess);
     });
 
   const importBlocks = (list: File | string, overwrite?: boolean) =>
-    client.settings.importBlocks(list, overwrite ? 'overwrite' : 'merge').then((response) => {
+    client.settings.importBlocks(list, overwrite ? 'overwrite' : 'merge').then(() => {
       toast.success(messages.blocksSuccess);
     });
 
   const importMutes = (list: File | string) =>
-    client.settings.importMutes(list).then((response) => {
+    client.settings.importMutes(list).then(() => {
       toast.success(messages.mutesSuccess);
     });
 
+  const importArchive = (file: File) => {
+    const form = serialize({ file, keep_unlisted: true }, { indices: true });
+
+    return client
+      .request('/api/pleroma/archive_import', {
+        method: 'POST',
+        body: form,
+        contentType: '',
+      })
+      .then(() => {
+        toast.success(messages.archiveSuccess);
+      });
+  };
+
   return (
     <Column label={intl.formatMessage(messages.heading)}>
       {features.importFollows && (
@@ -177,6 +205,13 @@ const ImportDataPage = () => {
           allowOverwrite={features.importOverwrite}
         />
       )}
+      {features.importArchive && (
+        <DataImporter
+          action={importArchive}
+          messages={archiveMessages}
+          accept='.tar,.tar.gz,.zip'
+        />
+      )}
     </Column>
   );
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ff642bb63..8735e7ccd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -295,6 +295,9 @@ importers:
       mutative:
         specifier: ^1.3.0
         version: 1.3.0
+      object-to-formdata:
+        specifier: ^4.5.1
+        version: 4.5.1
       path-browserify:
         specifier: ^1.0.1
         version: 1.0.1

From 1357046fb18a4117a71aa86ca8abffb1970b5e24 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 16:57:25 +0100
Subject: [PATCH 22/74] nicolium: keyboard shortcuts update
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json          | 3 ++-
 packages/pl-fe/src/modals/compose-modal.tsx | 2 +-
 packages/pl-fe/src/modals/hotkeys-modal.tsx | 9 ++++++++-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 96bae3055..fd3135cc7 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1167,6 +1167,7 @@
   "keyboard_shortcuts.mention": "to mention author",
   "keyboard_shortcuts.muted": "to open muted users list",
   "keyboard_shortcuts.my_profile": "to open your profile",
+  "keyboard_shortcuts.navigate_search": "to open search page",
   "keyboard_shortcuts.notifications": "to open notifications list",
   "keyboard_shortcuts.open_media": "to open media",
   "keyboard_shortcuts.profile": "to open author's profile",
@@ -1326,7 +1327,7 @@
   "navigation.sidebar": "Open sidebar",
   "navigation.sidebar.close": "Close sidebar",
   "navigation.source_code": "Source code",
-  "navigation_bar.compose": "Compose a post",
+  "navigation_bar.compose": "Compose new post",
   "navigation_bar.compose_direct": "Direct message",
   "navigation_bar.compose_draft": "Edit draft post",
   "navigation_bar.compose_edit": "Edit post",
diff --git a/packages/pl-fe/src/modals/compose-modal.tsx b/packages/pl-fe/src/modals/compose-modal.tsx
index 70cdca34d..71cae843a 100644
--- a/packages/pl-fe/src/modals/compose-modal.tsx
+++ b/packages/pl-fe/src/modals/compose-modal.tsx
@@ -121,7 +121,7 @@ const ComposeModal: React.FC<BaseModalProps & ComposeModalProps> = ({
     } else if (quoteId) {
       return <FormattedMessage id='navigation_bar.compose_quote' defaultMessage='Quote post' />;
     } else {
-      return <FormattedMessage id='navigation_bar.compose' defaultMessage='Compose a post' />;
+      return <FormattedMessage id='navigation_bar.compose' defaultMessage='Compose new post' />;
     }
   };
 
diff --git a/packages/pl-fe/src/modals/hotkeys-modal.tsx b/packages/pl-fe/src/modals/hotkeys-modal.tsx
index d514230ae..0da57ab25 100644
--- a/packages/pl-fe/src/modals/hotkeys-modal.tsx
+++ b/packages/pl-fe/src/modals/hotkeys-modal.tsx
@@ -149,7 +149,14 @@ const HotkeysModal: React.FC<BaseModalProps> = ({ onClose }) => {
           <Hotkey>s</Hotkey>, <Hotkey>/</Hotkey>
         </>
       ),
-      label: <FormattedMessage id='keyboard_shortcuts.search' defaultMessage='to focus search' />,
+      label: document.querySelector('#search') ? (
+        <FormattedMessage id='keyboard_shortcuts.search' defaultMessage='to focus search' />
+      ) : (
+        <FormattedMessage
+          id='keyboard_shortcuts.navigate_search'
+          defaultMessage='to open search page'
+        />
+      ),
     },
     {
       key: <Hotkey>esc</Hotkey>,

From 70e13716d52ed8999afb8eaedde2e7c27696183f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 17:19:03 +0100
Subject: [PATCH 23/74] nicolium: remove unused code
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/account.tsx     | 34 ++++---------------
 .../pl-fe/src/components/rss-feed-info.tsx    | 31 ++++-------------
 2 files changed, 14 insertions(+), 51 deletions(-)

diff --git a/packages/pl-fe/src/components/account.tsx b/packages/pl-fe/src/components/account.tsx
index 6b9a7269a..76766aada 100644
--- a/packages/pl-fe/src/components/account.tsx
+++ b/packages/pl-fe/src/components/account.tsx
@@ -104,7 +104,6 @@ interface IAccount {
   onActionClick?: (account: AccountSchema) => void;
   showAccountHoverCard?: boolean;
   timestamp?: string;
-  timestampUrl?: string;
   futureTimestamp?: boolean;
   withAccountNote?: boolean;
   withAvatar?: boolean;
@@ -133,7 +132,6 @@ const Account = ({
   onActionClick,
   showAccountHoverCard = true,
   timestamp,
-  timestampUrl,
   futureTimestamp = false,
   withAccountNote = false,
   withAvatar = true,
@@ -432,31 +430,13 @@ const Account = ({
                   <>
                     <span className='⁂-separator' />
 
-                    {timestampUrl ? (
-                      <Link
-                        to={timestampUrl}
-                        className='hover:underline'
-                        onClick={(event) => {
-                          event.stopPropagation();
-                        }}
-                      >
-                        <RelativeTimestamp
-                          timestamp={timestamp}
-                          theme='muted'
-                          size='sm'
-                          className='whitespace-nowrap'
-                          futureDate={futureTimestamp}
-                        />
-                      </Link>
-                    ) : (
-                      <RelativeTimestamp
-                        timestamp={timestamp}
-                        theme='muted'
-                        size='sm'
-                        className='whitespace-nowrap'
-                        futureDate={futureTimestamp}
-                      />
-                    )}
+                    <RelativeTimestamp
+                      timestamp={timestamp}
+                      theme='muted'
+                      size='sm'
+                      className='whitespace-nowrap'
+                      futureDate={futureTimestamp}
+                    />
                   </>
                 ) : null}
 
diff --git a/packages/pl-fe/src/components/rss-feed-info.tsx b/packages/pl-fe/src/components/rss-feed-info.tsx
index e8ca3d947..1dad23601 100644
--- a/packages/pl-fe/src/components/rss-feed-info.tsx
+++ b/packages/pl-fe/src/components/rss-feed-info.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
-import { Link } from 'react-router-dom';
 
 import RelativeTimestamp from './relative-timestamp';
 import Avatar from './ui/avatar';
@@ -14,10 +13,9 @@ import type { RssFeed } from 'pl-api';
 interface IRssFeedInfo {
   feed: RssFeed;
   timestamp: string;
-  timestampUrl?: string;
 }
 
-const RssFeedInfo: React.FC<IRssFeedInfo> = ({ feed, timestamp, timestampUrl }) => (
+const RssFeedInfo: React.FC<IRssFeedInfo> = ({ feed, timestamp }) => (
   <div className='group block w-full shrink-0'>
     <HStack alignItems='center' space={3} className='overflow-hidden'>
       <div className='rounded-lg'>
@@ -46,27 +44,12 @@ const RssFeedInfo: React.FC<IRssFeedInfo> = ({ feed, timestamp, timestampUrl })
               &middot;
             </Text>
 
-            {timestampUrl ? (
-              <Link
-                to={timestampUrl}
-                className='hover:underline'
-                onClick={(event) => event.stopPropagation()}
-              >
-                <RelativeTimestamp
-                  timestamp={timestamp}
-                  theme='muted'
-                  size='sm'
-                  className='whitespace-nowrap'
-                />
-              </Link>
-            ) : (
-              <RelativeTimestamp
-                timestamp={timestamp}
-                theme='muted'
-                size='sm'
-                className='whitespace-nowrap'
-              />
-            )}
+            <RelativeTimestamp
+              timestamp={timestamp}
+              theme='muted'
+              size='sm'
+              className='whitespace-nowrap'
+            />
           </HStack>
         </Stack>
       </div>

From 2498cc84ce497e55d22cf49398c2b6d39a0b8927 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 17:25:58 +0100
Subject: [PATCH 24/74] nicolium: add missing import
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/features/ui/router/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index fc43bee21..7c6e1029e 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -94,6 +94,7 @@ import {
   Followers,
   Following,
   FollowRequests,
+  FrontendConfig,
   GenericNotFound,
   GroupBlockedMembers,
   GroupGallery,
@@ -124,7 +125,6 @@ import {
   OutgoingFollowRequests,
   PasswordReset,
   PinnedStatuses,
-  FrontendConfig,
   PublicTimeline,
   Quotes,
   RegisterInvite,
@@ -132,6 +132,7 @@ import {
   Relays,
   RemoteTimeline,
   Report,
+  RssFeedSubscriptions,
   Rules,
   ScheduledStatuses,
   Search,

From eaf3d622a2beb8a03fc59b47f3608944b4ce1452 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 17:47:51 +0100
Subject: [PATCH 25/74] nicolium: wip preferences changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/.oxlintrc.json                      |  2 +-
 packages/pl-api/package.json                        |  5 ++++-
 packages/pl-fe/src/locales/en.json                  |  2 +-
 .../pl-fe/src/pages/dashboard/frontend-config.tsx   | 13 +++++++++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/packages/pl-api/.oxlintrc.json b/packages/pl-api/.oxlintrc.json
index 98a967302..478574a87 100644
--- a/packages/pl-api/.oxlintrc.json
+++ b/packages/pl-api/.oxlintrc.json
@@ -5,7 +5,7 @@
     "correctness": "error",
     "suspicious": "error",
     "pedantic": "warn",
-    "perf": "warn",
+    "perf": "warn"
   },
   "rules": {
     "max-dependencies": "off",
diff --git a/packages/pl-api/package.json b/packages/pl-api/package.json
index f2ebd6893..9488282fe 100644
--- a/packages/pl-api/package.json
+++ b/packages/pl-api/package.json
@@ -54,6 +54,9 @@
     "ws": "^8.18.3"
   },
   "lint-staged": {
-    "*.{js,cjs,mjs,ts}": ["oxlint", "oxfmt --check"]
+    "*.{js,cjs,mjs,ts}": [
+      "oxlint",
+      "oxfmt --check"
+    ]
   }
 }
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index fd3135cc7..7f0c2ea04 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1408,7 +1408,7 @@
   "plfe_config.fields.logo_label": "Logo",
   "plfe_config.fields.promo_panel_fields_label": "Promo panel items",
   "plfe_config.fields.theme_label": "Default theme",
-  "plfe_config.greentext_label": "Enable greentext support",
+  "plfe_config.greentext_label": "<span>>render greentext</span>",
   "plfe_config.headings.advanced": "Advanced",
   "plfe_config.headings.cryptocurrency": "Cryptocurrency",
   "plfe_config.headings.events": "Events",
diff --git a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
index 75d8d9d58..fb2c23885 100644
--- a/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
+++ b/packages/pl-fe/src/pages/dashboard/frontend-config.tsx
@@ -61,7 +61,10 @@ const messages = defineMessages({
     id: 'plfe_config.display_fqn_label',
     defaultMessage: 'Display domain (eg @user@domain) for local accounts.',
   },
-  greentextLabel: { id: 'plfe_config.greentext_label', defaultMessage: 'Enable greentext support' },
+  greentextLabel: {
+    id: 'plfe_config.greentext_label',
+    defaultMessage: '<span>>render greentext</span>',
+  },
   mediaPreviewLabel: {
     id: 'plfe_config.media_preview_label',
     defaultMessage: 'Prefer preview media for thumbnails',
@@ -352,7 +355,13 @@ const FrontendConfigEditor: React.FC = () => {
               />
             </ListItem>
 
-            <ListItem label={intl.formatMessage(messages.greentextLabel)}>
+            <ListItem
+              label={intl.formatMessage(messages.greentextLabel, {
+                span: (children) => (
+                  <span className='dark:text-accent-green text-lime-600'>{children}</span>
+                ),
+              })}
+            >
               <Toggle
                 checked={frontendConfig.greentext}
                 onChange={handleChange('greentext', (e) => e.target.checked)}

From f81d478be6ade46bb1e34d33fe30e7c8c532c23b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 23:20:58 +0100
Subject: [PATCH 26/74] update readme
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index f8d7765b2..ed3eba839 100644
--- a/README.md
+++ b/README.md
@@ -17,7 +17,7 @@ Nicolium is a social networking client app. It works with any Mastodon API-compa
 
 ## Try it out
 
-Want to test Nicolium with **any existing MastoAPI-compatible server?** Try [pl.mkljczk.pl](https://pl.mkljczk.pl) — enter your server's domain name to use Nicolium on any server!
+Want to test Nicolium with **any existing MastoAPI-compatible server?** Try [web.nicolium.app](https://web.nicolium.app) — enter your server's domain name to use Nicolium on any server!
 
 If you want to use Nicolium on your server, follow the installation instructions in the documentation. We offer guides for [Pleroma/Akkoma](https://pl.mkljczk.pl/docs/installing/pleroma/), [Iceshrimp.NET](https://pl.mkljczk.pl/docs/installing/iceshrimp/), [Mitra](https://pl.mkljczk.pl/docs/installing/mitra/), and [standalone installations](https://pl.mkljczk.pl/docs/installing/standalone/).
 
@@ -32,7 +32,7 @@ The repository hosts Nicolium, but also libraries related to the project. Curren
 
 This project is hosted on [Codeberg](https://codeberg.org/mkljczk/nicolium) and [GitHub](https://github.com/mkljczk/nicolium). You can open issues on Codeberg or create pull requests on both platforms.
 
-You can find more information about setting up the development environment in [the documentation](https://pl.mkljczk.pl/docs/contributing/pl-fe/).
+You can find more information about setting up the development environment in [the documentation](https://pl.mkljczk.pl/docs/contributing/nicolium/).
 
 ## ~~FAQ / Common misconceptions~~
 

From 6e89aacd6a1f44d36cdd9e7f53fe784d144c9ef1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sun, 15 Feb 2026 23:51:41 +0100
Subject: [PATCH 27/74] nicolium: fix minor styling issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/form.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/form.tsx b/packages/pl-fe/src/components/ui/form.tsx
index ab1524d9c..632af7122 100644
--- a/packages/pl-fe/src/components/ui/form.tsx
+++ b/packages/pl-fe/src/components/ui/form.tsx
@@ -1,3 +1,4 @@
+import clsx from 'clsx';
 import React from 'react';
 
 interface IForm {
@@ -10,7 +11,7 @@ interface IForm {
 }
 
 /** Form element with custom styles. */
-const Form: React.FC<IForm> = ({ onSubmit, children, ...filteredProps }) => {
+const Form: React.FC<IForm> = ({ onSubmit, children, className, ...filteredProps }) => {
   const handleSubmit: React.FormEventHandler = React.useCallback(
     (event) => {
       event.preventDefault();
@@ -23,7 +24,12 @@ const Form: React.FC<IForm> = ({ onSubmit, children, ...filteredProps }) => {
   );
 
   return (
-    <form data-testid='form' onSubmit={handleSubmit} className='⁂-form' {...filteredProps}>
+    <form
+      data-testid='form'
+      onSubmit={handleSubmit}
+      className={clsx('⁂-form', className)}
+      {...filteredProps}
+    >
       {children}
     </form>
   );

From 9830802bb46f4cca13f8f8f8688abdcc8fabecfd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 12:26:30 +0100
Subject: [PATCH 28/74] nicolium: improve media modal video/audio player
 theming
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/new/modals.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/pl-fe/src/styles/new/modals.scss b/packages/pl-fe/src/styles/new/modals.scss
index 71d87f6c1..348d2b539 100644
--- a/packages/pl-fe/src/styles/new/modals.scss
+++ b/packages/pl-fe/src/styles/new/modals.scss
@@ -51,6 +51,11 @@
       justify-content: center;
       width: 100%;
     }
+
+    .video-player,
+    .audio-player {
+      margin: 3rem 0;
+    }
   }
 
   &__navigation {

From 103c88f1cee6a360d885768be130c7f693695c40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 12:39:43 +0100
Subject: [PATCH 29/74] nicolium: don't use deprecated status property
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../conversations/components/conversation.tsx | 22 ++++++++-----------
 packages/pl-fe/src/reducers/conversations.ts  |  2 +-
 2 files changed, 10 insertions(+), 14 deletions(-)

diff --git a/packages/pl-fe/src/features/conversations/components/conversation.tsx b/packages/pl-fe/src/features/conversations/components/conversation.tsx
index 46b077ad9..b06847e25 100644
--- a/packages/pl-fe/src/features/conversations/components/conversation.tsx
+++ b/packages/pl-fe/src/features/conversations/components/conversation.tsx
@@ -2,10 +2,10 @@ import { useNavigate } from '@tanstack/react-router';
 import React from 'react';
 
 import { markConversationRead } from '@/actions/conversations';
+import { useAccount } from '@/api/hooks/accounts/use-account';
 import StatusContainer from '@/containers/status-container';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
-import { selectAccount } from '@/selectors';
 
 interface IConversation {
   conversationId: string;
@@ -17,15 +17,12 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
   const dispatch = useAppDispatch();
   const navigate = useNavigate();
 
-  const { accounts, unread, lastStatusId } = useAppSelector((state) => {
-    const conversation = state.conversations.items.find((x) => x.id === conversationId)!;
-
-    return {
-      accounts: conversation.accounts.map((accountId: string) => selectAccount(state, accountId)!),
-      unread: conversation.unread,
-      lastStatusId: conversation.last_status,
-    };
-  });
+  const {
+    account_ids,
+    unread,
+    last_status: lastStatusId,
+  } = useAppSelector((state) => state.conversations.items.find((x) => x.id === conversationId)!);
+  const { account: lastStatusAccount } = useAccount(account_ids[0]);
 
   const handleClick = () => {
     if (unread) {
@@ -35,7 +32,7 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
     if (lastStatusId)
       navigate({
         to: '/@{$username}/posts/$statusId',
-        params: { username: accounts[0].acct, statusId: lastStatusId },
+        params: { username: lastStatusAccount?.acct || 'undefined', statusId: lastStatusId },
       });
   };
 
@@ -52,11 +49,10 @@ const Conversation: React.FC<IConversation> = ({ conversationId, onMoveUp, onMov
   }
 
   return (
-    // @ts-ignore
     <StatusContainer
       id={lastStatusId}
       unread={unread}
-      otherAccounts={accounts}
+      // otherAccounts={accounts}
       onMoveUp={handleHotkeyMoveUp}
       onMoveDown={handleHotkeyMoveDown}
       onClick={handleClick}
diff --git a/packages/pl-fe/src/reducers/conversations.ts b/packages/pl-fe/src/reducers/conversations.ts
index 5bb9071d8..da4e20791 100644
--- a/packages/pl-fe/src/reducers/conversations.ts
+++ b/packages/pl-fe/src/reducers/conversations.ts
@@ -33,7 +33,7 @@ const initialState: State = {
 
 const minifyConversation = (conversation: Conversation) => ({
   ...pick(conversation, ['id', 'unread']),
-  accounts: conversation.accounts.map((a) => a.id),
+  account_ids: conversation.accounts.map((a) => a.id),
   last_status: conversation.last_status?.id ?? null,
   last_status_created_at: conversation.last_status?.created_at ?? null,
 });

From df2379eefeb0e09f51792d5758222a4f06b7a02a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 13:52:57 +0100
Subject: [PATCH 30/74] nicolium: add aria-labelledby for widgets
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/widget.tsx | 44 +++++++++++----------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/widget.tsx b/packages/pl-fe/src/components/ui/widget.tsx
index d2b18971c..44b2d7306 100644
--- a/packages/pl-fe/src/components/ui/widget.tsx
+++ b/packages/pl-fe/src/components/ui/widget.tsx
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React from 'react';
+import React, { useMemo } from 'react';
 
 import IconButton from '@/components/ui/icon-button';
 
@@ -26,24 +26,28 @@ const Widget: React.FC<IWidget> = ({
   actionTitle,
   action,
   className,
-}): JSX.Element => (
-  <div className={clsx('⁂-widget', className)}>
-    {(title ?? action ?? onActionClick) && (
-      <div className='⁂-widget__header'>
-        {title && <h1>{title}</h1>}
-        {action ??
-          (onActionClick && (
-            <IconButton
-              className='⁂-widget__icon'
-              src={actionIcon}
-              onClick={onActionClick}
-              title={actionTitle}
-            />
-          ))}
-      </div>
-    )}
-    <div className='⁂-widget__body'>{children}</div>
-  </div>
-);
+}): JSX.Element => {
+  const widgetId = useMemo(() => crypto.randomUUID(), []);
+
+  return (
+    <div className={clsx('⁂-widget', className)} aria-labelledby={`widget-header-${widgetId}`}>
+      {(title ?? action ?? onActionClick) && (
+        <div className='⁂-widget__header'>
+          {title && <h1 id={`widget-header-${widgetId}`}>{title}</h1>}
+          {action ??
+            (onActionClick && (
+              <IconButton
+                className='⁂-widget__icon'
+                src={actionIcon}
+                onClick={onActionClick}
+                title={actionTitle}
+              />
+            ))}
+        </div>
+      )}
+      <div className='⁂-widget__body'>{children}</div>
+    </div>
+  );
+};
 
 export { Widget as default };

From 6525b398b0643214c884c4157f9ecd8480085dc0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 13:57:34 +0100
Subject: [PATCH 31/74] nicolium: put some aria-hidden
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/status.tsx                     | 5 +++++
 .../src/features/notifications/components/notification.tsx   | 2 +-
 .../pl-fe/src/features/status/components/detailed-status.tsx | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index b55474668..f3a6996d5 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -118,6 +118,7 @@ const StatusFollowedTagInfo: React.FC<IStatusFollowedTagInfo> = ({ status, avata
         <Icon
           src={require('@phosphor-icons/core/regular/hash.svg')}
           className='size-4 text-primary-600 dark:text-primary-400'
+          aria-hidden
         />
       }
       text={
@@ -342,6 +343,7 @@ const Status: React.FC<IStatus> = (props) => {
             <Icon
               src={require('@phosphor-icons/core/regular/repeat.svg')}
               className='size-4 text-green-600'
+              aria-hidden
             />
           }
           text={
@@ -425,6 +427,7 @@ const Status: React.FC<IStatus> = (props) => {
             <Icon
               src={require('@phosphor-icons/core/regular/repeat.svg')}
               className='size-4 text-green-600'
+              aria-hidden
             />
           }
           text={
@@ -453,6 +456,7 @@ const Status: React.FC<IStatus> = (props) => {
             <Icon
               src={require('@phosphor-icons/core/regular/push-pin.svg')}
               className='size-4 text-gray-600 dark:text-gray-400'
+              aria-hidden
             />
           }
           text={<FormattedMessage id='status.pinned' defaultMessage='Pinned post' />}
@@ -467,6 +471,7 @@ const Status: React.FC<IStatus> = (props) => {
             <Icon
               src={require('@phosphor-icons/core/regular/users-three.svg')}
               className='size-4 text-primary-600 dark:text-primary-400'
+              aria-hidden
             />
           }
           text={
diff --git a/packages/pl-fe/src/features/notifications/components/notification.tsx b/packages/pl-fe/src/features/notifications/components/notification.tsx
index 4f7171189..79921f852 100644
--- a/packages/pl-fe/src/features/notifications/components/notification.tsx
+++ b/packages/pl-fe/src/features/notifications/components/notification.tsx
@@ -434,7 +434,7 @@ const Notification: React.FC<INotification> = (props) => {
         />
       );
     } else if (icons[displayedType]) {
-      return <Icon src={icons[displayedType]} className='⁂-notification__icon' />;
+      return <Icon src={icons[displayedType]} className='⁂-notification__icon' aria-hidden />;
     } else {
       return null;
     }
diff --git a/packages/pl-fe/src/features/status/components/detailed-status.tsx b/packages/pl-fe/src/features/status/components/detailed-status.tsx
index b6f795c05..56e2f32d1 100644
--- a/packages/pl-fe/src/features/status/components/detailed-status.tsx
+++ b/packages/pl-fe/src/features/status/components/detailed-status.tsx
@@ -54,6 +54,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
               <Icon
                 src={require('@phosphor-icons/core/regular/users-three.svg')}
                 className='size-4 text-primary-600 dark:text-primary-400'
+                aria-hidden
               />
             }
             text={

From ca45ea8fe491d7b42f98e1c7b1c8a9b2512fa2db Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 13:59:18 +0100
Subject: [PATCH 32/74] nicolium: add missing button title
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/features/chats/components/chat-pane/chat-pane.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx b/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
index 89de90775..f1eb415b0 100644
--- a/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
+++ b/packages/pl-fe/src/features/chats/components/chat-pane/chat-pane.tsx
@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { ChatWidgetScreens, useChatContext } from '@/contexts/chat-context';
 import { useStatContext } from '@/contexts/stat-context';
@@ -18,7 +18,12 @@ import Blankslate from './blankslate';
 
 import type { Chat } from 'pl-api';
 
+const messages = defineMessages({
+  newChat: { id: 'chat_pane.header.new_chat', defaultMessage: 'New chat' },
+});
+
 const ChatPane = () => {
+  const intl = useIntl();
   const { unreadChatsCount } = useStatContext();
   const showShoutbox = !useShoutboxIsLoading();
 
@@ -99,6 +104,7 @@ const ChatPane = () => {
           }
         }}
         secondaryActionIcon={require('@phosphor-icons/core/regular/note-pencil.svg')}
+        secondaryActionTitle={intl.formatMessage(messages.newChat)}
       />
 
       {isOpen ? renderBody() : null}

From bfc4286e03e9d6d1bc10bfa829d5bfea702b48fa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 14:24:27 +0100
Subject: [PATCH 33/74] nicolium: make search input navigate to statuses tab if
 something looks like a status url
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/search-input.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/search-input.tsx b/packages/pl-fe/src/components/search-input.tsx
index ce081a271..f43a57592 100644
--- a/packages/pl-fe/src/components/search-input.tsx
+++ b/packages/pl-fe/src/components/search-input.tsx
@@ -33,7 +33,10 @@ const SearchInput = React.memo(() => {
 
   const handleSubmit = () => {
     setValue('');
-    navigate({ to: '/search', search: { q: value } });
+    const guessedType = /^(?:\/statuses\/|\/notice\/|\/objects\/|\/@[\w.-]+\/\d+)/.test(value)
+      ? 'statuses'
+      : 'accounts';
+    navigate({ to: '/search', search: { q: value, type: guessedType } });
   };
 
   const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {

From ffa1f3be7ec32bacf879496bbec8037021adf408 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 14:38:35 +0100
Subject: [PATCH 34/74] nicolium: allow setting description for event banners
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/actions/compose.ts         |  1 +
 packages/pl-fe/src/components/upload.tsx      |  3 +-
 .../compose-event/tabs/edit-event.tsx         | 42 ++++++++++++++++++-
 packages/pl-fe/src/modals/alt-text-modal.tsx  | 20 ++-------
 4 files changed, 45 insertions(+), 21 deletions(-)

diff --git a/packages/pl-fe/src/actions/compose.ts b/packages/pl-fe/src/actions/compose.ts
index 0915e9a9b..00170ed5b 100644
--- a/packages/pl-fe/src/actions/compose.ts
+++ b/packages/pl-fe/src/actions/compose.ts
@@ -682,6 +682,7 @@ const changeUploadCompose =
     return dispatch(updateMedia(mediaId, params))
       .then((response) => {
         dispatch(changeUploadComposeSuccess(composeId, response));
+        return response;
       })
       .catch((error) => {
         dispatch(changeUploadComposeFail(composeId, mediaId, error));
diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index b8c79a749..3c8bbefef 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -95,7 +95,7 @@ interface IUpload extends Pick<
   media: MediaAttachment;
   onSubmit?(): void;
   onDelete?(): void;
-  onDescriptionChange?(description: string, position: [number, number]): Promise<void>;
+  onDescriptionChange?(description: string, position: [number, number]): Promise<any>;
   descriptionLimit?: number;
   withPreview?: boolean;
 }
@@ -136,7 +136,6 @@ const Upload: React.FC<IUpload> = ({
 
     openModal('ALT_TEXT', {
       media,
-      withPosition: !!onDragStart,
       previousDescription: media.description,
       previousPosition: [focusX / 2 + 0.5, focusY / -2 + 0.5],
       descriptionLimit: descriptionLimit!,
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index 05af13158..dc78063d4 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -2,10 +2,11 @@ import { useNavigate } from '@tanstack/react-router';
 import React, { useCallback, useEffect, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
-import { resetCompose } from '@/actions/compose';
+import { changeUploadCompose, resetCompose } from '@/actions/compose';
 import { cancelEventCompose, initEventEdit, submitEvent } from '@/actions/events';
 import { uploadFile } from '@/actions/media';
 import { fetchStatus } from '@/actions/statuses';
+import AltIndicator from '@/components/alt-indicator';
 import { ADDRESS_ICONS } from '@/components/autosuggest-location';
 import LocationSearch from '@/components/location-search';
 import Button from '@/components/ui/button';
@@ -24,7 +25,9 @@ import { isCurrentOrFutureDate } from '@/features/compose/components/schedule-fo
 import { ComposeEditor, DatePicker } from '@/features/ui/util/async-components';
 import { useAppDispatch } from '@/hooks/use-app-dispatch';
 import { useAppSelector } from '@/hooks/use-app-selector';
+import { useInstance } from '@/hooks/use-instance';
 import { makeGetStatus } from '@/selectors';
+import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 
 import UploadButton from '../components/upload-button';
@@ -60,11 +63,17 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const intl = useIntl();
   const dispatch = useAppDispatch();
   const navigate = useNavigate();
+  const { openModal } = useModalsActions();
 
   const getStatus = useCallback(makeGetStatus(), []);
   const status = useAppSelector((state) =>
     statusId ? getStatus(state, { id: statusId }) : undefined,
   );
+  const {
+    pleroma: {
+      metadata: { description_limit: descriptionLimit },
+    },
+  } = useInstance();
 
   const [name, setName] = useState(status?.event?.name ?? '');
   const [text, setText] = useState('');
@@ -81,7 +90,7 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
   const [isDisabled, setIsDisabled] = useState(!!statusId);
   const [isUploading, setIsUploading] = useState(false);
 
-  const composeId = statusId ? `compose-event-modal-${statusId}` : 'compose-event-modal';
+  const composeId = statusId ? `compose-event-${statusId}` : 'compose-event';
 
   const onChangeName: React.ChangeEventHandler<HTMLInputElement> = ({ target }) => {
     setName(target.value);
@@ -134,6 +143,28 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
     setBanner(null);
   };
 
+  const handleChangeDescriptionClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
+    e.stopPropagation();
+
+    if (!banner) return;
+
+    openModal('ALT_TEXT', {
+      media: banner,
+      previousDescription: banner.description,
+      previousPosition: [0, 0],
+      descriptionLimit: descriptionLimit,
+      onSubmit: (description: string, position: [number, number]) =>
+        dispatch(
+          changeUploadCompose(composeId, banner.id, {
+            description,
+            focus: position
+              ? `${((position[0] - 0.5) * 2).toFixed(2)},${((position[1] - 0.5) * -2).toFixed(2)}`
+              : undefined,
+          }),
+        ).then((media) => setBanner(media || null)),
+    });
+  };
+
   const handleSubmit = () => {
     setIsDisabled(true);
 
@@ -232,6 +263,13 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
                 src={require('@phosphor-icons/core/regular/x.svg')}
                 onClick={handleClearBanner}
               />
+              <button
+                type='button'
+                className='absolute bottom-1 left-1'
+                onClick={handleChangeDescriptionClick}
+              >
+                <AltIndicator warning={!banner.description} />
+              </button>
             </>
           ) : (
             <UploadButton disabled={isUploading} onSelectFile={handleFiles} />
diff --git a/packages/pl-fe/src/modals/alt-text-modal.tsx b/packages/pl-fe/src/modals/alt-text-modal.tsx
index ccb85cdc9..1d6d570fd 100644
--- a/packages/pl-fe/src/modals/alt-text-modal.tsx
+++ b/packages/pl-fe/src/modals/alt-text-modal.tsx
@@ -40,18 +40,11 @@ interface PreviewProps {
   media: MediaAttachment;
   position: FocalPoint;
   onPositionChange: (position: FocalPoint) => void;
-  withPosition: boolean;
 }
 
-const Preview: React.FC<PreviewProps> = ({
-  media,
-  position: [x, y],
-  onPositionChange,
-  withPosition,
-}) => {
+const Preview: React.FC<PreviewProps> = ({ media, position: [x, y], onPositionChange }) => {
   const { focalPoint } = useFeatures();
-  const withFocalPoint =
-    withPosition && focalPoint && (media.type === 'image' || media.type === 'gifv');
+  const withFocalPoint = focalPoint && (media.type === 'image' || media.type === 'gifv');
 
   // const [dragging, setDragging] = useState(false);
   const nodeRef = useRef<HTMLDivElement | null>(null);
@@ -189,7 +182,6 @@ interface AltTextModalProps {
   onSubmit: (description: string, position: FocalPoint) => Promise<void>;
   previousDescription: string;
   previousPosition: FocalPoint;
-  withPosition: boolean;
 }
 
 const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
@@ -200,7 +192,6 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
   onSubmit,
   previousDescription,
   previousPosition,
-  withPosition,
 }) => {
   const dispatch = useAppDispatch();
   const intl = useIntl();
@@ -269,12 +260,7 @@ const AltTextModal: React.FC<BaseModalProps & AltTextModalProps> = ({
       secondaryText={<FormattedMessage id='alt_text_modal.cancel' defaultMessage='Cancel' />}
     >
       <Stack space={2}>
-        <Preview
-          media={media}
-          withPosition={withPosition}
-          position={position}
-          onPositionChange={handlePositionChange}
-        />
+        <Preview media={media} position={position} onPositionChange={handlePositionChange} />
         <form>
           <FormGroup
             labelText={intl.formatMessage(

From 21e7efa8a9d602d2d5ccbaa1c22bf50cc1e36867 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 14:48:13 +0100
Subject: [PATCH 35/74] nicolium: event create page a11y
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/location-search.tsx    |  4 +++-
 packages/pl-fe/src/components/ui/text.tsx            |  2 +-
 .../src/features/compose-event/tabs/edit-event.tsx   | 12 ++++++++----
 packages/pl-fe/src/styles/new/events.scss            |  2 --
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/packages/pl-fe/src/components/location-search.tsx b/packages/pl-fe/src/components/location-search.tsx
index e27601a83..b57ec6287 100644
--- a/packages/pl-fe/src/components/location-search.tsx
+++ b/packages/pl-fe/src/components/location-search.tsx
@@ -17,10 +17,11 @@ const messages = defineMessages({
 });
 
 interface ILocationSearch {
+  id?: string;
   onSelected: (location: Location) => void;
 }
 
-const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
+const LocationSearch: React.FC<ILocationSearch> = ({ id, onSelected }) => {
   const intl = useIntl();
 
   const [value, setValue] = useState('');
@@ -60,6 +61,7 @@ const LocationSearch: React.FC<ILocationSearch> = ({ onSelected }) => {
   return (
     <div className='relative'>
       <AutosuggestInput
+        id={id}
         className='rounded-full'
         placeholder={intl.formatMessage(messages.placeholder)}
         value={value}
diff --git a/packages/pl-fe/src/components/ui/text.tsx b/packages/pl-fe/src/components/ui/text.tsx
index ca0f64282..0b537f11a 100644
--- a/packages/pl-fe/src/components/ui/text.tsx
+++ b/packages/pl-fe/src/components/ui/text.tsx
@@ -70,7 +70,7 @@ type Directions = 'ltr' | 'rtl';
 
 interface IText extends Pick<
   React.HTMLAttributes<HTMLParagraphElement>,
-  'dangerouslySetInnerHTML' | 'tabIndex' | 'lang' | 'onClick' | 'role'
+  'dangerouslySetInnerHTML' | 'tabIndex' | 'lang' | 'onClick' | 'role' | 'id'
 > {
   /** Text content. */
   children?: React.ReactNode;
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index dc78063d4..3d74b78d3 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -338,8 +338,8 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
         />
       </FormGroup>
       <HStack alignItems='center' space={2}>
-        <Toggle checked={!!endTime} onChange={onChangeHasEndTime} />
-        <Text tag='span' theme='muted'>
+        <Toggle checked={!!endTime} onChange={onChangeHasEndTime} id='has-end-time-toggle' />
+        <Text htmlFor='has-end-time-toggle' tag='label' theme='muted'>
           <FormattedMessage
             id='compose_event.fields.has_end_time'
             defaultMessage='This event has an end date'
@@ -369,8 +369,12 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
       )}
       {!statusId && (
         <HStack alignItems='center' space={2}>
-          <Toggle checked={approvalRequired} onChange={onChangeApprovalRequired} />
-          <Text tag='span' theme='muted'>
+          <Toggle
+            checked={approvalRequired}
+            onChange={onChangeApprovalRequired}
+            id='approval-required-toggle'
+          />
+          <Text htmlFor='approval-required-toggle' tag='label' theme='muted'>
             <FormattedMessage
               id='compose_event.fields.approval_required'
               defaultMessage='I want to approve participation requests manually'
diff --git a/packages/pl-fe/src/styles/new/events.scss b/packages/pl-fe/src/styles/new/events.scss
index 485b404eb..8e7494f8a 100644
--- a/packages/pl-fe/src/styles/new/events.scss
+++ b/packages/pl-fe/src/styles/new/events.scss
@@ -1,8 +1,6 @@
 @use 'mixins';
 
 .⁂-edit-event {
-  @apply space-y-4;
-
   .⁂-content-type-button {
     position: absolute;
     top: 0.5rem;

From bffe24dead0d286a37405b5380f78d1401b4ffc1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 14:59:29 +0100
Subject: [PATCH 36/74] nicolium: reduce nesting in button component
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/ui/button/index.tsx  | 73 ++++++++++++-------
 1 file changed, 45 insertions(+), 28 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/button/index.tsx b/packages/pl-fe/src/components/ui/button/index.tsx
index 0e365d10b..cd644bb7a 100644
--- a/packages/pl-fe/src/components/ui/button/index.tsx
+++ b/packages/pl-fe/src/components/ui/button/index.tsx
@@ -10,15 +10,7 @@ import type { ButtonSizes, ButtonThemes } from './useButtonStyles';
 
 type IButton = Pick<
   React.ComponentProps<'button'>,
-  | 'children'
-  | 'className'
-  | 'disabled'
-  | 'onClick'
-  | 'onMouseDown'
-  | 'onKeyDown'
-  | 'onKeyPress'
-  | 'title'
-  | 'type'
+  'children' | 'className' | 'disabled' | 'title' | 'type'
 > &
   (LinkOptions | { to?: undefined }) & {
     /** Whether this button expands the width of its container. */
@@ -37,10 +29,18 @@ type IButton = Pick<
     href?: string;
     /** Styles the button visually with a predefined theme. */
     theme?: ButtonThemes;
+    /** Event handler for click events. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    /** Event handler for mouse down events. */
+    onMouseDown?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    /** Event handler for key down events. */
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement | HTMLAnchorElement>;
+    /** Event handler for key press events. */
+    onKeyPress?: React.KeyboardEventHandler<HTMLButtonElement | HTMLAnchorElement>;
   };
 
 /** Customizable button element with various themes. */
-const Button = React.forwardRef<HTMLButtonElement, IButton>(
+const Button = React.forwardRef<HTMLButtonElement | HTMLAnchorElement, IButton>(
   (
     {
       block = false,
@@ -58,7 +58,7 @@ const Button = React.forwardRef<HTMLButtonElement, IButton>(
       className,
       ...props
     },
-    ref,
+    ref: React.ForwardedRef<HTMLButtonElement | HTMLAnchorElement>,
   ): JSX.Element => {
     const body = text ?? children;
 
@@ -68,51 +68,68 @@ const Button = React.forwardRef<HTMLButtonElement, IButton>(
       size,
     });
 
-    const handleClick: React.MouseEventHandler<HTMLButtonElement> = React.useCallback(
-      (event) => {
-        if (onClick && !disabled) {
-          onClick(event);
-        }
-      },
-      [onClick, disabled],
+    const handleClick: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement> =
+      React.useCallback(
+        (event) => {
+          if (onClick && !disabled) {
+            onClick(event);
+          }
+        },
+        [onClick, disabled],
+      );
+
+    const buttonChildren = (
+      <>
+        {icon ? <Icon src={icon} className={clsx('size-4', iconClassName)} aria-hidden /> : null}
+
+        {body && <span>{body}</span>}
+
+        {secondaryIcon ? <Icon src={secondaryIcon} className='size-4' aria-hidden /> : null}
+      </>
     );
 
     const renderButton = () => (
       <button
         {...props}
         className={clsx(themeClass, className)}
+        ref={ref as React.ForwardedRef<HTMLButtonElement>}
         disabled={disabled}
         onClick={handleClick}
-        ref={ref}
         type={type}
         data-testid='button'
       >
-        {icon ? <Icon src={icon} className={clsx('size-4', iconClassName)} /> : null}
-
-        {body && <span>{body}</span>}
-
-        {secondaryIcon ? <Icon src={secondaryIcon} className='size-4' /> : null}
+        {buttonChildren}
       </button>
     );
 
     if (props.to) {
       return (
         <Link
+          {...props}
+          className={clsx(themeClass, className)}
+          ref={ref as React.ForwardedRef<HTMLAnchorElement>}
           to={props.to}
           params={props.params}
           search={props.search}
           tabIndex={-1}
-          className='inline-flex'
         >
-          {renderButton()}
+          {buttonChildren}
         </Link>
       );
     }
 
     if (href) {
       return (
-        <a href={href} target='_blank' rel='noopener' tabIndex={-1} className='inline-flex'>
-          {renderButton()}
+        <a
+          {...props}
+          className={clsx(themeClass, className)}
+          ref={ref as React.ForwardedRef<HTMLAnchorElement>}
+          href={href}
+          target='_blank'
+          rel='noopener'
+          tabIndex={-1}
+        >
+          {buttonChildren}
         </a>
       );
     }

From 1528bcbe0003cfcadd99b5caadeb30f3e13297b4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 15:01:40 +0100
Subject: [PATCH 37/74] nicolium: remove Button component from the modal
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/modal.tsx    | 9 +++++----
 packages/pl-fe/src/styles/new/components.scss | 8 ++++++++
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/modal.tsx b/packages/pl-fe/src/components/ui/modal.tsx
index 0b2804a36..ad4830e14 100644
--- a/packages/pl-fe/src/components/ui/modal.tsx
+++ b/packages/pl-fe/src/components/ui/modal.tsx
@@ -4,7 +4,6 @@ import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import { useOwnAccount } from '@/hooks/use-own-account';
 
-import Button from './button';
 import { ButtonThemes } from './button/useButtonStyles';
 import IconButton from './icon-button';
 
@@ -163,14 +162,16 @@ const Modal = React.forwardRef<HTMLDivElement, IModal>(
                   </button>
                 )}
 
-                <Button
-                  theme={confirmationTheme ?? 'primary'}
+                <button
+                  className={clsx('⁂-modal__action', {
+                    '⁂-modal__action--danger': confirmationTheme === 'danger',
+                  })}
                   onClick={confirmationAction}
                   disabled={confirmationDisabled}
                   ref={buttonRef}
                 >
                   {confirmationText}
-                </Button>
+                </button>
               </div>
             </div>
           )}
diff --git a/packages/pl-fe/src/styles/new/components.scss b/packages/pl-fe/src/styles/new/components.scss
index 00bec4bc7..ad6427871 100644
--- a/packages/pl-fe/src/styles/new/components.scss
+++ b/packages/pl-fe/src/styles/new/components.scss
@@ -392,6 +392,14 @@ div[data-viewport-type='window']:has(.⁂-empty-message) {
       @include mixins.button($theme: tertiary);
     }
 
+    button.⁂-modal__action {
+      @include mixins.button($theme: primary);
+
+      &--danger {
+        @include mixins.button($theme: danger);
+      }
+    }
+
     button.⁂-modal__action-secondary {
       @include mixins.button($theme: secondary);
     }

From 224a221647c673a1ce93b9aaf73bd42c9573788d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 15:37:24 +0100
Subject: [PATCH 38/74] nicolium: support quote approval policy on mastodon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/actions/compose.ts           |  5 ++++-
 .../dropdown-menu/dropdown-menu-item.tsx        |  6 ++++++
 .../pl-fe/src/components/status-action-bar.tsx  |  4 +++-
 .../compose/components/compose-form.tsx         | 17 ++++++++++++-----
 packages/pl-fe/src/hooks/use-can-interact.ts    | 15 +++++++++++++--
 packages/pl-fe/src/reducers/compose.ts          |  1 +
 6 files changed, 39 insertions(+), 9 deletions(-)

diff --git a/packages/pl-fe/src/actions/compose.ts b/packages/pl-fe/src/actions/compose.ts
index 00170ed5b..7d925a31e 100644
--- a/packages/pl-fe/src/actions/compose.ts
+++ b/packages/pl-fe/src/actions/compose.ts
@@ -277,10 +277,12 @@ interface ComposeQuoteAction {
   account: Pick<Account, 'acct'> | undefined;
   explicitAddressing: boolean;
   conversationScope: boolean;
+  approvalRequired?: boolean;
 }
 
 const quoteCompose =
-  (status: ComposeQuoteAction['status']) => (dispatch: AppDispatch, getState: () => RootState) => {
+  (status: ComposeQuoteAction['status'], approvalRequired?: boolean) =>
+  (dispatch: AppDispatch, getState: () => RootState) => {
     const state = getState();
     const { forceImplicitAddressing } = useSettingsStore.getState().settings;
     const { createStatusConversationScope, createStatusExplicitAddressing } =
@@ -294,6 +296,7 @@ const quoteCompose =
       account: selectOwnAccount(state),
       explicitAddressing,
       conversationScope: createStatusConversationScope,
+      approvalRequired,
     });
     useModalsStore.getState().actions.openModal('COMPOSE');
   };
diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
index 841e63047..45221eeda 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu-item.tsx
@@ -26,6 +26,7 @@ type MenuItem = {
   items?: Menu;
   onSelectFile?: (files: FileList) => void;
   accept?: string;
+  disabled?: boolean;
 } & (LinkOptions | { to?: undefined });
 
 interface IDropdownMenuItem {
@@ -46,6 +47,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
     event.stopPropagation();
 
     if (!item) return;
+    if (item.disabled) return;
 
     if (item.items?.length) {
       event.preventDefault();
@@ -74,6 +76,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
 
   const handleAuxClick: React.EventHandler<React.MouseEvent> = (event) => {
     if (!item) return;
+    if (item.disabled) return;
     if (item.onSelectFile) fileElement.current?.click();
     if (onClick) onClick();
 
@@ -93,6 +96,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
     event.stopPropagation();
 
     if (!item) return;
+    if (item.disabled) return;
 
     if (item.onChange) item.onChange(event.target.checked);
   };
@@ -132,6 +136,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
           'mx-2 my-1 flex cursor-pointer items-center rounded-md px-2 py-1.5 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-800 focus:bg-gray-100 focus:text-gray-800 focus:outline-none black:hover:bg-gray-900 black:focus:bg-gray-900 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-200 dark:focus:bg-gray-800 dark:focus:text-gray-200',
           {
             'text-danger-600 dark:text-danger-400': item.destructive,
+            'cursor-not-allowed opacity-50': item.disabled,
           },
         )}
       >
@@ -185,6 +190,7 @@ const DropdownMenuItem = ({ index, item, onClick, autoFocus, onSetTab }: IDropdo
             accept={item.accept}
             onChange={handleSelectFileChange}
             className='hidden'
+            disabled={item.disabled}
           />
         </label>
       )}
diff --git a/packages/pl-fe/src/components/status-action-bar.tsx b/packages/pl-fe/src/components/status-action-bar.tsx
index 919da3c90..18dd1fcdc 100644
--- a/packages/pl-fe/src/components/status-action-bar.tsx
+++ b/packages/pl-fe/src/components/status-action-bar.tsx
@@ -421,6 +421,7 @@ const ReblogButton: React.FC<IReblogButton> = ({
   const { boostModal } = useSettings();
   const { openModal } = useModalsActions();
   const canReblog = useCanInteract(status, 'can_reblog');
+  const canQuote = useCanInteract(status, 'can_quote');
 
   const { mutate: reblogStatus } = useReblogStatus(status.id);
   const { mutate: unreblogStatus } = useUnreblogStatus(status.id);
@@ -494,7 +495,7 @@ const ReblogButton: React.FC<IReblogButton> = ({
 
   const handleQuoteClick: React.EventHandler<React.MouseEvent> = (e) => {
     if (me) {
-      dispatch(quoteCompose(status));
+      dispatch(quoteCompose(status, canQuote.approvalRequired || false));
     } else {
       onOpenUnauthorizedModal('REBLOG');
     }
@@ -510,6 +511,7 @@ const ReblogButton: React.FC<IReblogButton> = ({
       text: intl.formatMessage(messages.quotePost),
       action: handleQuoteClick,
       icon: require('@phosphor-icons/core/regular/quotes.svg'),
+      disabled: !canQuote.canInteract,
     },
   ];
 
diff --git a/packages/pl-fe/src/features/compose/components/compose-form.tsx b/packages/pl-fe/src/features/compose/components/compose-form.tsx
index cf65e5884..882ad805f 100644
--- a/packages/pl-fe/src/features/compose/components/compose-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/compose-form.tsx
@@ -426,13 +426,20 @@ const ComposeForm = <ID extends string>({
       onClick={handleClick}
       onSubmit={handleSubmit}
     >
-      {!!compose.inReplyToId && compose.approvalRequired && (
+      {(compose.inReplyToId || compose.quoteId) && compose.approvalRequired && (
         <Warning
           message={
-            <FormattedMessage
-              id='compose_form.approval_required'
-              defaultMessage='The reply needs to be approved by the post author.'
-            />
+            compose.quoteId ? (
+              <FormattedMessage
+                id='compose_form.approval_required.quote'
+                defaultMessage='The quote needs to be approved by the post author.'
+              />
+            ) : (
+              <FormattedMessage
+                id='compose_form.approval_required'
+                defaultMessage='The reply needs to be approved by the post author.'
+              />
+            )
           }
         />
       )}
diff --git a/packages/pl-fe/src/hooks/use-can-interact.ts b/packages/pl-fe/src/hooks/use-can-interact.ts
index 4ec064734..adf585e94 100644
--- a/packages/pl-fe/src/hooks/use-can-interact.ts
+++ b/packages/pl-fe/src/hooks/use-can-interact.ts
@@ -6,8 +6,11 @@ import type { MinifiedStatus } from '@/reducers/statuses';
 import type { InteractionPolicy, InteractionPolicyEntry } from 'pl-api';
 
 const useCanInteract = (
-  status: Pick<MinifiedStatus, 'account_id' | 'id' | 'interaction_policy' | 'mentions'>,
-  type: keyof InteractionPolicy,
+  status: Pick<
+    MinifiedStatus,
+    'account_id' | 'id' | 'interaction_policy' | 'mentions' | 'quote_approval'
+  >,
+  type: keyof InteractionPolicy | 'can_quote',
 ): {
   canInteract: boolean;
   approvalRequired: boolean | null;
@@ -16,6 +19,14 @@ const useCanInteract = (
   const me = useAppSelector((state) => state.me);
 
   return useMemo(() => {
+    if (type === 'can_quote') {
+      const quoteApproval = status.quote_approval;
+
+      return {
+        canInteract: !quoteApproval || quoteApproval.current_user !== 'denied',
+        approvalRequired: quoteApproval?.current_user === 'manual',
+      };
+    }
     const interactionPolicy = status.interaction_policy;
 
     if (me === status.account_id || interactionPolicy[type].always.includes('me'))
diff --git a/packages/pl-fe/src/reducers/compose.ts b/packages/pl-fe/src/reducers/compose.ts
index b3bf59c31..6aca81ec6 100644
--- a/packages/pl-fe/src/reducers/compose.ts
+++ b/packages/pl-fe/src/reducers/compose.ts
@@ -509,6 +509,7 @@ const compose = (
         compose.caretPosition = null;
         compose.contentType = defaultCompose.contentType;
         compose.spoilerText = '';
+        compose.approvalRequired = action.approvalRequired ?? false;
 
         if (action.status.visibility === 'group') {
           compose.groupId = action.status.group_id;

From 239b660e89b550c30bccc5513b6a91be0d6dd3a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Wed, 18 Feb 2026 16:01:06 +0100
Subject: [PATCH 39/74] nicolium: more accessibility tweaks
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/columns/notifications.tsx  | 36 +++++++--
 .../pl-fe/src/components/alt-indicator.tsx    |  6 +-
 .../pl-fe/src/components/media-gallery.tsx    |  8 +-
 .../src/components/status-reactions-bar.tsx   |  2 +-
 packages/pl-fe/src/components/status.tsx      | 73 +++++++++++--------
 packages/pl-fe/src/components/ui/popover.tsx  |  7 ++
 packages/pl-fe/src/components/upload.tsx      |  7 +-
 .../features/account/components/header.tsx    |  2 +
 .../compose-event/tabs/edit-event.tsx         |  6 ++
 .../edit-profile/components/header-picker.tsx |  7 ++
 packages/pl-fe/src/locales/en.json            |  6 ++
 11 files changed, 120 insertions(+), 40 deletions(-)

diff --git a/packages/pl-fe/src/columns/notifications.tsx b/packages/pl-fe/src/columns/notifications.tsx
index 6b7c8ceea..dc8426ebf 100644
--- a/packages/pl-fe/src/columns/notifications.tsx
+++ b/packages/pl-fe/src/columns/notifications.tsx
@@ -83,7 +83,9 @@ const FilterBar = () => {
     });
   } else {
     items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/at.svg')} />,
+      text: (
+        <Icon className='size-4' src={require('@phosphor-icons/core/regular/at.svg')} aria-hidden />
+      ),
       title: intl.formatMessage(messages.mentions),
       action: onClick('mention'),
       name: 'mention',
@@ -94,6 +96,7 @@ const FilterBar = () => {
           <Icon
             className='size-4'
             src={require('@phosphor-icons/core/regular/bell-simple-ringing.svg')}
+            aria-hidden
           />
         ),
         title: intl.formatMessage(messages.statuses),
@@ -101,13 +104,25 @@ const FilterBar = () => {
         name: 'status',
       });
     items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/star.svg')} />,
+      text: (
+        <Icon
+          className='size-4'
+          src={require('@phosphor-icons/core/regular/star.svg')}
+          aria-hidden
+        />
+      ),
       title: intl.formatMessage(messages.favourites),
       action: onClick('favourite'),
       name: 'favourite',
     });
     items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/repeat.svg')} />,
+      text: (
+        <Icon
+          className='size-4'
+          src={require('@phosphor-icons/core/regular/repeat.svg')}
+          aria-hidden
+        />
+      ),
       title: intl.formatMessage(messages.boosts),
       action: onClick('reblog'),
       name: 'reblog',
@@ -115,7 +130,11 @@ const FilterBar = () => {
     if (features.polls)
       items.push({
         text: (
-          <Icon className='size-4' src={require('@phosphor-icons/core/regular/chart-bar.svg')} />
+          <Icon
+            className='size-4'
+            src={require('@phosphor-icons/core/regular/chart-bar.svg')}
+            aria-hidden
+          />
         ),
         title: intl.formatMessage(messages.polls),
         action: onClick('poll'),
@@ -127,6 +146,7 @@ const FilterBar = () => {
           <Icon
             className='size-4'
             src={require('@phosphor-icons/core/regular/calendar-dots.svg')}
+            aria-hidden
           />
         ),
         title: intl.formatMessage(messages.events),
@@ -134,7 +154,13 @@ const FilterBar = () => {
         name: 'events',
       });
     items.push({
-      text: <Icon className='size-4' src={require('@phosphor-icons/core/regular/user-plus.svg')} />,
+      text: (
+        <Icon
+          className='size-4'
+          src={require('@phosphor-icons/core/regular/user-plus.svg')}
+          aria-hidden
+        />
+      ),
       title: intl.formatMessage(messages.follows),
       action: onClick('follow'),
       name: 'follow',
diff --git a/packages/pl-fe/src/components/alt-indicator.tsx b/packages/pl-fe/src/components/alt-indicator.tsx
index 6076c617c..944bbe05b 100644
--- a/packages/pl-fe/src/components/alt-indicator.tsx
+++ b/packages/pl-fe/src/components/alt-indicator.tsx
@@ -20,7 +20,11 @@ const AltIndicator: React.FC<IAltIndicator> = React.forwardRef<HTMLSpanElement,
       ref={ref}
     >
       {warning && (
-        <Icon className='size-4' src={require('@phosphor-icons/core/regular/warning.svg')} />
+        <Icon
+          className='size-4'
+          src={require('@phosphor-icons/core/regular/warning.svg')}
+          aria-hidden
+        />
       )}
       {message ?? (
         <FormattedMessage id='upload_form.description_missing.indicator' defaultMessage='Alt' />
diff --git a/packages/pl-fe/src/components/media-gallery.tsx b/packages/pl-fe/src/components/media-gallery.tsx
index 3f4de40bc..17b55e58a 100644
--- a/packages/pl-fe/src/components/media-gallery.tsx
+++ b/packages/pl-fe/src/components/media-gallery.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import React, { useState, useRef, useLayoutEffect, CSSProperties } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import AltIndicator from '@/components/alt-indicator';
 import Blurhash from '@/components/blurhash';
@@ -30,6 +30,10 @@ import type { MediaAttachment } from 'pl-api';
 const ATTACHMENT_LIMIT = 4;
 const MAX_FILENAME_LENGTH = 45;
 
+const messages = defineMessages({
+  altText: { id: 'media_gallery.alt_indicator', defaultMessage: 'Show image description' },
+});
+
 interface Dimensions {
   w: CSSProperties['width'];
   h: CSSProperties['height'];
@@ -90,6 +94,7 @@ const Item: React.FC<IItem> = ({
   total,
   visible,
 }) => {
+  const intl = useIntl();
   const { autoPlayGif } = useSettings();
   const { mediaPreview } = useFrontendConfig();
 
@@ -231,6 +236,7 @@ const Item: React.FC<IItem> = ({
               </Stack>
             }
             isFlush
+            title={intl.formatMessage(messages.altText)}
           >
             <AltIndicator className='absolute bottom-2 left-2 z-10 opacity-80 transition-opacity hover:opacity-100' />
           </Popover>
diff --git a/packages/pl-fe/src/components/status-reactions-bar.tsx b/packages/pl-fe/src/components/status-reactions-bar.tsx
index 94b122306..d6cdcb9c5 100644
--- a/packages/pl-fe/src/components/status-reactions-bar.tsx
+++ b/packages/pl-fe/src/components/status-reactions-bar.tsx
@@ -150,7 +150,7 @@ const StatusReactionsBar: React.FC<IStatusReactionsBar> = ({ status, collapsed }
             className='⁂-status-reactions-bar__picker-button emoji-picker-dropdown'
             title={intl.formatMessage(messages.addEmoji)}
           >
-            <Icon src={require('@phosphor-icons/core/regular/smiley-sticker.svg')} />
+            <Icon src={require('@phosphor-icons/core/regular/smiley-sticker.svg')} aria-hidden />
           </button>
         </EmojiPickerDropdown>
       )}
diff --git a/packages/pl-fe/src/components/status.tsx b/packages/pl-fe/src/components/status.tsx
index f3a6996d5..da7330e32 100644
--- a/packages/pl-fe/src/components/status.tsx
+++ b/packages/pl-fe/src/components/status.tsx
@@ -40,6 +40,7 @@ import StatusInfo from './statuses/status-info';
 import Tombstone from './tombstone';
 
 const messages = defineMessages({
+  edited: { id: 'status.edited', defaultMessage: 'Edited {date}' },
   reblogged_by: { id: 'status.reblogged_by', defaultMessage: '{name} reposted' },
 });
 
@@ -47,37 +48,49 @@ interface IAccountInfo {
   status: SelectedStatus;
 }
 
-const AccountInfo: React.FC<IAccountInfo> = React.memo(({ status }) => (
-  <div className='flex flex-row-reverse items-center gap-1 self-baseline'>
-    <Link
-      to='/@{$username}/posts/$statusId'
-      params={{ username: status.account.acct, statusId: status.id }}
-      className='hover:underline'
-      onClick={(event) => {
-        event.stopPropagation();
-      }}
-    >
-      <RelativeTimestamp
-        timestamp={status.created_at}
-        theme='muted'
-        size='sm'
-        className='whitespace-nowrap'
-      />
-    </Link>
-    <StatusTypeIcon visibility={status.visibility} />
-    <StatusLanguagePicker status={status} />
-    {!!status.edited_at && (
-      <>
-        <span className='⁂-separator' />
-
-        <Icon
-          className='size-4 text-gray-700 dark:text-gray-600'
-          src={require('@phosphor-icons/core/regular/pencil-simple.svg')}
+const AccountInfo: React.FC<IAccountInfo> = React.memo(({ status }) => {
+  const intl = useIntl();
+  return (
+    <div className='flex flex-row-reverse items-center gap-1 self-baseline'>
+      <Link
+        to='/@{$username}/posts/$statusId'
+        params={{ username: status.account.acct, statusId: status.id }}
+        className='hover:underline'
+        onClick={(event) => {
+          event.stopPropagation();
+        }}
+      >
+        <RelativeTimestamp
+          timestamp={status.created_at}
+          theme='muted'
+          size='sm'
+          className='whitespace-nowrap'
         />
-      </>
-    )}
-  </div>
-));
+      </Link>
+      <StatusTypeIcon visibility={status.visibility} />
+      <StatusLanguagePicker status={status} />
+      {!!status.edited_at && (
+        <>
+          <span className='⁂-separator' />
+
+          <Icon
+            className='size-4 text-gray-700 dark:text-gray-600'
+            src={require('@phosphor-icons/core/regular/pencil-simple.svg')}
+            title={intl.formatMessage(messages.edited, {
+              date: intl.formatDate(new Date(status.edited_at), {
+                hour12: true,
+                month: 'short',
+                day: '2-digit',
+                hour: 'numeric',
+                minute: '2-digit',
+              }),
+            })}
+          />
+        </>
+      )}
+    </div>
+  );
+});
 
 interface IStatusFollowedTagInfo {
   status: SelectedStatus;
diff --git a/packages/pl-fe/src/components/ui/popover.tsx b/packages/pl-fe/src/components/ui/popover.tsx
index 0fafae3a9..d838f6216 100644
--- a/packages/pl-fe/src/components/ui/popover.tsx
+++ b/packages/pl-fe/src/components/ui/popover.tsx
@@ -31,6 +31,7 @@ interface IPopover {
   referenceElementClassName?: string;
   offsetOptions?: OffsetOptions;
   placements?: Array<Placement>;
+  title?: string;
 }
 
 /**
@@ -47,6 +48,7 @@ const Popover: React.FC<IPopover> = ({
   isFlush = false,
   offsetOptions = 10,
   placements = ['top', 'bottom'],
+  title,
 }) => {
   const [isOpen, setIsOpen] = useState<boolean>(false);
 
@@ -95,7 +97,11 @@ const Popover: React.FC<IPopover> = ({
         ref: refs.setReference,
         ...getReferenceProps(),
         className: clsx(children.props.className, referenceElementClassName),
+        'aria-haspopup': interaction === 'click' ? 'dialog' : undefined,
         'aria-expanded': isOpen,
+        role: interaction === 'click' ? 'button' : undefined,
+        tabIndex: interaction === 'click' ? 0 : undefined,
+        title: title || children.props.title,
       })}
 
       {isMounted && (
@@ -109,6 +115,7 @@ const Popover: React.FC<IPopover> = ({
               left: x ?? 0,
               ...styles,
             }}
+            role='dialog'
           >
             <div
               className={clsx(
diff --git a/packages/pl-fe/src/components/upload.tsx b/packages/pl-fe/src/components/upload.tsx
index 3c8bbefef..096568914 100644
--- a/packages/pl-fe/src/components/upload.tsx
+++ b/packages/pl-fe/src/components/upload.tsx
@@ -237,8 +237,11 @@ const Upload: React.FC<IUpload> = ({
           </span>
 
           {onDescriptionChange && !description && (
-            <button onClick={handleOpenAltTextModal}>
-              <AltIndicator warning title={intl.formatMessage(messages.descriptionMissingTitle)} />
+            <button
+              onClick={handleOpenAltTextModal}
+              title={intl.formatMessage(messages.descriptionMissingTitle)}
+            >
+              <AltIndicator warning />
             </button>
           )}
         </HStack>
diff --git a/packages/pl-fe/src/features/account/components/header.tsx b/packages/pl-fe/src/features/account/components/header.tsx
index b442af06a..16db231de 100644
--- a/packages/pl-fe/src/features/account/components/header.tsx
+++ b/packages/pl-fe/src/features/account/components/header.tsx
@@ -131,6 +131,7 @@ const messages = defineMessages({
   notePlaceholder: { id: 'account_note.placeholder', defaultMessage: 'Add a note' },
   noteSaved: { id: 'account_note.success', defaultMessage: 'Note saved' },
   noteSaveFailed: { id: 'account_note.fail', defaultMessage: 'Failed to save note' },
+  headerAlt: { id: 'account.header.alt.popover', defaultMessage: 'Show profile header alt text' },
 });
 
 interface IMovedNote {
@@ -745,6 +746,7 @@ const Header: React.FC<IHeader> = ({ account }) => {
               </Stack>
             }
             isFlush
+            title={intl.formatMessage(messages.headerAlt)}
           >
             <AltIndicator
               className='ml-6 mt-6 w-fit'
diff --git a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
index 3d74b78d3..a67cfe152 100644
--- a/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
+++ b/packages/pl-fe/src/features/compose-event/tabs/edit-event.tsx
@@ -53,6 +53,10 @@ const messages = defineMessages({
     id: 'compose_event.fetch_fail',
     defaultMessage: 'Failed to fetch edited event information',
   },
+  eventHeaderDescription: {
+    id: 'compose_event.header_description',
+    defaultMessage: 'Add header alt text.',
+  },
 });
 
 interface IEditEvent {
@@ -262,11 +266,13 @@ const EditEvent: React.FC<IEditEvent> = ({ statusId }) => {
               <IconButton
                 src={require('@phosphor-icons/core/regular/x.svg')}
                 onClick={handleClearBanner}
+                title={intl.formatMessage(messages.resetLocation)}
               />
               <button
                 type='button'
                 className='absolute bottom-1 left-1'
                 onClick={handleChangeDescriptionClick}
+                title={intl.formatMessage(messages.eventHeaderDescription)}
               >
                 <AltIndicator warning={!banner.description} />
               </button>
diff --git a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
index 50ddb8693..ab4ac15ef 100644
--- a/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
+++ b/packages/pl-fe/src/features/edit-profile/components/header-picker.tsx
@@ -21,6 +21,11 @@ const messages = defineMessages({
     defaultMessage: 'Image description',
   },
   changeHeaderDescriptionConfirm: { id: 'group.upload_banner.alt.confirm', defaultMessage: 'Save' },
+  clearHeader: { id: 'group.upload_banner.clear', defaultMessage: 'Clear header image' },
+  changeDescription: {
+    id: 'group.upload_banner.change_description',
+    defaultMessage: 'Change alt text',
+  },
 });
 
 interface IMediaInput {
@@ -111,6 +116,7 @@ const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(
             theme='dark'
             className='absolute right-2 top-2 z-10 hover:scale-105 hover:bg-gray-900'
             iconClassName='h-5 w-5'
+            title={intl.formatMessage(messages.clearHeader)}
           />
         )}
         {onChangeDescription && src && (
@@ -118,6 +124,7 @@ const HeaderPicker = React.forwardRef<HTMLInputElement, IMediaInput>(
             type='button'
             className='absolute left-2 top-2'
             onClick={handleChangeDescriptionClick}
+            title={intl.formatMessage(messages.changeDescription)}
           >
             <AltIndicator warning={!description} />
           </button>
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 7f0c2ea04..523dab32f 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -34,6 +34,7 @@
   "account.follows.empty": "This user doesn't follow anyone yet.",
   "account.follows_you": "Follows you",
   "account.header.alt": "Profile header",
+  "account.header.alt.popover": "Show profile header alt text",
   "account.header.description": "Header description",
   "account.hide_reblogs": "Hide reposts from @{name}",
   "account.instance_favicon": "Visit {domain} timeline",
@@ -552,6 +553,7 @@
   "compose_event.fields.name_placeholder": "Name",
   "compose_event.fields.start_time_label": "Event start date",
   "compose_event.fields.start_time_placeholder": "Event begins on…",
+  "compose_event.header_description": "Add header alt text.",
   "compose_event.participation_requests.authorize": "Authorize",
   "compose_event.participation_requests.authorize.fail": "Failed to authorize event participation request",
   "compose_event.participation_requests.authorize.success": "Event participation request authorized successfully",
@@ -567,6 +569,7 @@
   "compose_event.update": "Update",
   "compose_event.upload_banner": "Upload event banner",
   "compose_form.approval_required": "The reply needs to be approved by the post author.",
+  "compose_form.approval_required.quote": "The quote needs to be approved by the post author.",
   "compose_form.content_type.change": "Change content type",
   "compose_form.direct_message_warning": "This post will only be sent to the mentioned users.",
   "compose_form.drive_button": "Select from drive",
@@ -1060,6 +1063,8 @@
   "group.upload_banner.alt.confirm": "Save",
   "group.upload_banner.alt.heading": "Change header description",
   "group.upload_banner.alt.placeholder": "Image description",
+  "group.upload_banner.change_description": "Change alt text",
+  "group.upload_banner.clear": "Clear header image",
   "group.upload_banner.title": "Upload background picture",
   "groups.discover.search.results.member_count": "{members, plural, one {member} other {members}}",
   "groups.empty.subtitle": "Start discovering groups to join or create your own.",
@@ -1276,6 +1281,7 @@
   "media.default_description.gifv": "GIFV",
   "media.default_description.image": "Image",
   "media.default_description.video": "Video",
+  "media_gallery.alt_indicator": "Show image description",
   "media_panel.empty_message": "No media found.",
   "media_panel.title": "Media",
   "mfa.confirm.success_message": "MFA confirmed",

From a4efa21f4fb835060fd1ed65fac17ac4f9385ed2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 19 Feb 2026 10:20:55 +0100
Subject: [PATCH 40/74] nicolium: am stupid
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/list.tsx              | 2 +-
 packages/pl-fe/src/components/scroll-top-button.tsx | 2 +-
 packages/pl-fe/src/components/search-input.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/components/list.tsx b/packages/pl-fe/src/components/list.tsx
index 278320edd..788798bfe 100644
--- a/packages/pl-fe/src/components/list.tsx
+++ b/packages/pl-fe/src/components/list.tsx
@@ -85,7 +85,7 @@ const ListItem: React.FC<IListItem> = ({
         <HStack space={1} alignItems='center' className='⁂-list-item__body'>
           {children}
 
-          <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} />
+          <Icon src={require('@phosphor-icons/core/regular/caret-right.svg')} aria-hidden />
         </HStack>
       ) : null}
 
diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx
index 4b836a665..d4df7f3ec 100644
--- a/packages/pl-fe/src/components/scroll-top-button.tsx
+++ b/packages/pl-fe/src/components/scroll-top-button.tsx
@@ -92,7 +92,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
       aria-hidden={!visible}
     >
       <button onClick={handleClick} tabIndex={visible ? 0 : -1}>
-        <Icon src={require('@phosphor-icons/core/regular/arrow-line-up.svg')} />
+        <Icon src={require('@phosphor-icons/core/regular/arrow-line-up.svg')} aria-hidden />
 
         <p>{intl.formatMessage(message, { count })}</p>
       </button>
diff --git a/packages/pl-fe/src/components/search-input.tsx b/packages/pl-fe/src/components/search-input.tsx
index f43a57592..7deef416f 100644
--- a/packages/pl-fe/src/components/search-input.tsx
+++ b/packages/pl-fe/src/components/search-input.tsx
@@ -33,7 +33,7 @@ const SearchInput = React.memo(() => {
 
   const handleSubmit = () => {
     setValue('');
-    const guessedType = /^(?:\/statuses\/|\/notice\/|\/objects\/|\/@[\w.-]+\/\d+)/.test(value)
+    const guessedType = /(?:\/statuses\/|\/notice\/|\/objects\/|\/@[\w.-]+\/\d+)/.test(value)
       ? 'statuses'
       : 'accounts';
     navigate({ to: '/search', search: { q: value, type: guessedType } });

From 6526f085b720d9295766819aa4f4978e4042d725 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 19 Feb 2026 10:34:18 +0100
Subject: [PATCH 41/74] nicolium: some mostly a11y-related changes
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../compose/components/compose-form.tsx        |  2 +-
 .../components/polls/duration-selector.tsx     | 18 ++++++++++++------
 .../compose/components/polls/poll-form.tsx     | 18 +++---------------
 packages/pl-fe/src/locales/en.json             |  5 ++++-
 4 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/packages/pl-fe/src/features/compose/components/compose-form.tsx b/packages/pl-fe/src/features/compose/components/compose-form.tsx
index 882ad805f..04bf9e41f 100644
--- a/packages/pl-fe/src/features/compose/components/compose-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/compose-form.tsx
@@ -121,7 +121,7 @@ const ComposeButton: React.FC<IComposeButton> = ({
           className='⁂-compose-form__button__actions'
           title={intl.formatMessage(messages.more)}
         >
-          <SvgIcon src={require('@phosphor-icons/core/regular/caret-down.svg')} />
+          <SvgIcon src={require('@phosphor-icons/core/regular/caret-down.svg')} aria-hidden />
         </button>
       </DropdownMenu>
     </div>
diff --git a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
index 29bf98102..64c9cf8b9 100644
--- a/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/duration-selector.tsx
@@ -4,18 +4,21 @@ import { defineMessages, useIntl } from 'react-intl';
 import Select from '@/components/ui/select';
 
 const messages = defineMessages({
-  minutes: {
-    id: 'intervals.full.minutes',
-    defaultMessage: '{number, plural, one {# minute} other {# minutes}}',
+  days: {
+    id: 'intervals.full.days',
+    defaultMessage: '{number, plural, one {# day} other {# days}}',
   },
   hours: {
     id: 'intervals.full.hours',
     defaultMessage: '{number, plural, one {# hour} other {# hours}}',
   },
-  days: {
-    id: 'intervals.full.days',
-    defaultMessage: '{number, plural, one {# day} other {# days}}',
+  minutes: {
+    id: 'intervals.full.minutes',
+    defaultMessage: '{number, plural, one {# minute} other {# minutes}}',
   },
+  daysTitle: { id: 'compose_form.poll.duration.days', defaultMessage: 'Days' },
+  hoursTitle: { id: 'compose_form.poll.duration.hours', defaultMessage: 'Hours' },
+  minutesTitle: { id: 'compose_form.poll.duration.minutes', defaultMessage: 'Minutes' },
 });
 
 interface IDurationSelector {
@@ -52,6 +55,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
             setDays(Number(event.target.value));
           }}
           data-testid='duration-selector-days'
+          title={intl.formatMessage(messages.daysTitle)}
         >
           {[...Array(8).fill(undefined)].map((_, number) => (
             <option value={number} key={number}>
@@ -69,6 +73,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
           }}
           disabled={days === 7}
           data-testid='duration-selector-hours'
+          title={intl.formatMessage(messages.hoursTitle)}
         >
           {[...Array(24).fill(undefined)].map((_, number) => (
             <option value={number} key={number}>
@@ -86,6 +91,7 @@ const DurationSelector = ({ onDurationChange, value }: IDurationSelector) => {
           }}
           disabled={days === 7}
           data-testid='duration-selector-minutes'
+          title={intl.formatMessage(messages.minutesTitle)}
         >
           {[0, 15, 30, 45].map((number) => (
             <option value={number} key={number}>
diff --git a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
index 528ef02d2..ff9528370 100644
--- a/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
+++ b/packages/pl-fe/src/features/compose/components/polls/poll-form.tsx
@@ -42,19 +42,7 @@ const messages = defineMessages({
     id: 'compose_form.poll.switch_to_single',
     defaultMessage: 'Change poll to allow for a single answer',
   },
-  minutes: {
-    id: 'intervals.full.minutes',
-    defaultMessage: '{number, plural, one {# minute} other {# minutes}}',
-  },
-  hours: {
-    id: 'intervals.full.hours',
-    defaultMessage: '{number, plural, one {# hour} other {# hours}}',
-  },
-  days: {
-    id: 'intervals.full.days',
-    defaultMessage: '{number, plural, one {# day} other {# days}}',
-  },
-  multiSelect: { id: 'compose_form.poll.multiselect', defaultMessage: 'Multi-Select' },
+  multiSelect: { id: 'compose_form.poll.multiselect', defaultMessage: 'Multi-select' },
   multiSelectDetail: {
     id: 'compose_form.poll.multiselect_detail',
     defaultMessage: 'Allow users to select multiple answers',
@@ -219,7 +207,7 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
 
       <Divider />
 
-      <button type='button' onClick={handleToggleMultiple} className='text-start'>
+      <label className='text-start'>
         <HStack alignItems='center' justifyContent='between'>
           <Stack>
             <Text weight='medium'>{intl.formatMessage(messages.multiSelect)}</Text>
@@ -231,7 +219,7 @@ const PollForm: React.FC<IPollForm> = ({ composeId }) => {
 
           <Toggle checked={isMultiple} onChange={handleToggleMultiple} />
         </HStack>
-      </button>
+      </label>
 
       <Divider />
 
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 523dab32f..0e72a5e66 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -591,7 +591,10 @@
   "compose_form.placeholder": "What's on your mind?",
   "compose_form.poll.add_option": "Add an answer",
   "compose_form.poll.duration": "Poll duration",
-  "compose_form.poll.multiselect": "Multi-Select",
+  "compose_form.poll.duration.days": "Days",
+  "compose_form.poll.duration.hours": "Hours",
+  "compose_form.poll.duration.minutes": "Minutes",
+  "compose_form.poll.multiselect": "Multi-select",
   "compose_form.poll.multiselect_detail": "Allow users to select multiple answers",
   "compose_form.poll.option_placeholder": "Answer #{number}",
   "compose_form.poll.remove": "Remove poll",

From 56d67e732ed479ea0bd47d5b47fbdaf26dba3f3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Thu, 19 Feb 2026 14:12:24 +0100
Subject: [PATCH 42/74] nicolium: i thought it was already of type article
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/features/status/components/thread.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/status/components/thread.tsx b/packages/pl-fe/src/features/status/components/thread.tsx
index dae6c6178..a2ed16b58 100644
--- a/packages/pl-fe/src/features/status/components/thread.tsx
+++ b/packages/pl-fe/src/features/status/components/thread.tsx
@@ -352,7 +352,7 @@ const Thread = ({
                 deleted
               />
             ) : (
-              <Hotkeys handlers={handlers}>
+              <Hotkeys handlers={handlers} element='article'>
                 <div
                   ref={statusRef}
                   className='relative'

From ef2834b13294b0f4ecfbc8949e6fe527cc179d80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Fri, 20 Feb 2026 14:37:21 +0100
Subject: [PATCH 43/74] nicolium: make it sound like an actual human wrote it
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json            | 2 +-
 packages/pl-fe/src/pages/settings/filters.tsx | 5 +----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 0e72a5e66..b9abdb2d1 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -911,7 +911,7 @@
   "empty_column.event_participants": "No one joined this event yet. When someone does, they will show up here.",
   "empty_column.favourited_statuses": "You don't have any liked posts yet. When you like one, it will show up here.",
   "empty_column.favourites": "No one has liked this post yet. When someone does, they will show up here.",
-  "empty_column.filters": "You haven't created any muted words yet.",
+  "empty_column.filters": "You haven't muted any word yet.",
   "empty_column.follow_requests": "You don't have any follow requests yet. When you receive one, it will show up here.",
   "empty_column.followed_tags": "You haven't followed any hashtag yet.",
   "empty_column.group": "There are no posts in this group yet.",
diff --git a/packages/pl-fe/src/pages/settings/filters.tsx b/packages/pl-fe/src/pages/settings/filters.tsx
index aa8da123c..264d0e862 100644
--- a/packages/pl-fe/src/pages/settings/filters.tsx
+++ b/packages/pl-fe/src/pages/settings/filters.tsx
@@ -54,10 +54,7 @@ const FiltersPage = () => {
   }, []);
 
   const emptyMessage = (
-    <FormattedMessage
-      id='empty_column.filters'
-      defaultMessage="You haven't created any muted words yet."
-    />
+    <FormattedMessage id='empty_column.filters' defaultMessage="You haven't muted any word yet." />
   );
 
   return (

From b0a68a2867b2450f67427445a9c068443047a492 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 00:01:05 +0100
Subject: [PATCH 44/74] Nicolium: subscribers page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../features/ui/components/profile-stats.tsx  | 28 +++---
 .../pl-fe/src/features/ui/router/index.tsx    | 11 +++
 .../src/features/ui/util/async-components.ts  |  1 +
 packages/pl-fe/src/locales/en.json            |  3 +
 .../src/pages/account-lists/subscribers.tsx   | 97 +++++++++++++++++++
 .../src/queries/account-lists/use-follows.ts  | 14 ++-
 6 files changed, 140 insertions(+), 14 deletions(-)
 create mode 100644 packages/pl-fe/src/pages/account-lists/subscribers.tsx

diff --git a/packages/pl-fe/src/features/ui/components/profile-stats.tsx b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
index 688d25d43..525034424 100644
--- a/packages/pl-fe/src/features/ui/components/profile-stats.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-stats.tsx
@@ -80,18 +80,24 @@ const ProfileStats: React.FC<IProfileStats> = ({ account, onClickHandler }) => {
       </Link>
 
       {account.subscribers_count > 0 && (
-        // <Link to='/@{$username}/subscribers' params={{ username: account.acct }} onClick={onClickHandler} title={intl.formatNumber(account.subscribers_count)} className='hover:underline'>
-        <HStack alignItems='center' space={1}>
-          {!demetricator && (
-            <Text theme='primary' weight='bold' size='sm'>
-              {shortNumberFormat(account.subscribers_count)}
+        <Link
+          to='/@{$username}/subscribers'
+          params={{ username: account.acct }}
+          onClick={onClickHandler}
+          title={intl.formatNumber(account.subscribers_count)}
+          className='hover:underline'
+        >
+          <HStack alignItems='center' space={1}>
+            {!demetricator && (
+              <Text theme='primary' weight='bold' size='sm'>
+                {shortNumberFormat(account.subscribers_count)}
+              </Text>
+            )}
+            <Text weight='bold' size='sm'>
+              <FormattedMessage id='account.subscribers' defaultMessage='Subscribers' />
             </Text>
-          )}
-          <Text weight='bold' size='sm'>
-            <FormattedMessage id='account.subscribers' defaultMessage='Subscribers' />
-          </Text>
-        </HStack>
-        // </Link>
+          </HStack>
+        </Link>
       )}
     </HStack>
   );
diff --git a/packages/pl-fe/src/features/ui/router/index.tsx b/packages/pl-fe/src/features/ui/router/index.tsx
index 7c6e1029e..14767d3df 100644
--- a/packages/pl-fe/src/features/ui/router/index.tsx
+++ b/packages/pl-fe/src/features/ui/router/index.tsx
@@ -142,6 +142,7 @@ import {
   SettingsStore,
   Share,
   Status,
+  Subscribers,
   TestTimeline,
   ThemeEditor,
   Privacy,
@@ -729,6 +730,15 @@ export const profileFollowingRoute = createRoute({
   component: Following,
 });
 
+export const profileSubscribersRoute = createRoute({
+  getParentRoute: () => layouts.profile,
+  path: '/subscribers',
+  component: Subscribers,
+  validateSearch: v.object({
+    include_expired: v.optional(v.boolean(), false),
+  }),
+});
+
 export const profileMediaRoute = createRoute({
   getParentRoute: () => layouts.profile,
   path: '/media',
@@ -1538,6 +1548,7 @@ const routeTree = rootRoute.addChildren([
     profileRoute,
     profileFollowersRoute,
     profileFollowingRoute,
+    profileSubscribersRoute,
     profileMediaRoute,
     profileTaggedRoute,
     profileFavoritesRoute,
diff --git a/packages/pl-fe/src/features/ui/util/async-components.ts b/packages/pl-fe/src/features/ui/util/async-components.ts
index 0bfd2e8ae..8a7db9e6a 100644
--- a/packages/pl-fe/src/features/ui/util/async-components.ts
+++ b/packages/pl-fe/src/features/ui/util/async-components.ts
@@ -106,6 +106,7 @@ export const Settings = lazy(() => import('@/pages/settings/settings'));
 export const SettingsStore = lazy(() => import('@/pages/developers/settings-store'));
 export const Share = lazy(() => import('@/pages/utils/share'));
 export const Status = lazy(() => import('@/pages/statuses/status'));
+export const Subscribers = lazy(() => import('@/pages/account-lists/subscribers'));
 export const TestTimeline = lazy(() => import('@/pages/timelines/test-timeline'));
 export const ThemeEditor = lazy(() => import('@/pages/dashboard/theme-editor'));
 export const Privacy = lazy(() => import('@/pages/settings/privacy'));
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index b9abdb2d1..2eb067024 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -74,6 +74,8 @@
   "account.subscribe.failure": "An error occurred trying to subscribe to this account.",
   "account.subscribe.success": "You have subscribed to this account.",
   "account.subscribers": "Subscribers",
+  "account.subscribers.empty": "No one subscribes to this user yet.",
+  "account.subscribers.include_expired": "Include expired subscriptions",
   "account.timezone": "Timezone: {timezone}",
   "account.timezone.equal": "(same as you)",
   "account.unblock": "Unblock @{name}",
@@ -508,6 +510,7 @@
   "column.scheduled_statuses": "Scheduled posts",
   "column.search": "Search",
   "column.settings_store": "Settings store",
+  "column.subscribers": "Subscribers",
   "column.test": "Test timeline",
   "column.tokens": "Active sessions",
   "column.wrenched": "Recent wrenches timeline",
diff --git a/packages/pl-fe/src/pages/account-lists/subscribers.tsx b/packages/pl-fe/src/pages/account-lists/subscribers.tsx
new file mode 100644
index 000000000..a7f285f7b
--- /dev/null
+++ b/packages/pl-fe/src/pages/account-lists/subscribers.tsx
@@ -0,0 +1,97 @@
+import { useNavigate } from '@tanstack/react-router';
+import React from 'react';
+import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
+
+import { useAccountLookup } from '@/api/hooks/accounts/use-account-lookup';
+import List, { ListItem } from '@/components/list';
+import MissingIndicator from '@/components/missing-indicator';
+import ScrollableList from '@/components/scrollable-list';
+import Column from '@/components/ui/column';
+import Spinner from '@/components/ui/spinner';
+import Toggle from '@/components/ui/toggle';
+import AccountContainer from '@/containers/account-container';
+import { profileSubscribersRoute } from '@/features/ui/router';
+import { useSubscribers } from '@/queries/account-lists/use-follows';
+
+const messages = defineMessages({
+  heading: { id: 'column.subscribers', defaultMessage: 'Subscribers' },
+});
+
+/** Displays a list of accounts subscribing the given account. */
+const SubscribersPage: React.FC = () => {
+  const navigate = useNavigate({ from: profileSubscribersRoute.fullPath });
+  const { username } = profileSubscribersRoute.useParams();
+  const { include_expired: includeExpired } = profileSubscribersRoute.useSearch();
+
+  const intl = useIntl();
+
+  const { account, isUnavailable } = useAccountLookup(username);
+
+  const {
+    data = [],
+    hasNextPage,
+    fetchNextPage,
+    isFetching,
+    isLoading,
+  } = useSubscribers(account?.id, includeExpired);
+
+  if (isLoading) {
+    return <Spinner />;
+  }
+
+  if (!account) {
+    return <MissingIndicator />;
+  }
+
+  if (isUnavailable) {
+    return (
+      <div className='empty-column-indicator'>
+        <FormattedMessage
+          id='empty_column.account_unavailable'
+          defaultMessage='Profile unavailable'
+        />
+      </div>
+    );
+  }
+
+  return (
+    <Column label={intl.formatMessage(messages.heading)} transparent>
+      <List>
+        <ListItem
+          className='mb-3 black:mx-4 black:mb-0'
+          label={
+            <FormattedMessage
+              id='account.subscribers.include_expired'
+              defaultMessage='Include expired subscriptions'
+            />
+          }
+        >
+          <Toggle
+            checked={includeExpired}
+            onChange={() => navigate({ search: { include_expired: !includeExpired } })}
+          />
+        </ListItem>
+      </List>
+
+      <ScrollableList
+        scrollKey='subscribers'
+        hasMore={hasNextPage}
+        onLoadMore={fetchNextPage}
+        emptyMessageText={
+          <FormattedMessage
+            id='account.subscribers.empty'
+            defaultMessage='No one subscribes to this user yet.'
+          />
+        }
+        itemClassName='pb-4'
+        isLoading={isFetching}
+      >
+        {data.map((accountId) => (
+          <AccountContainer key={accountId} id={accountId} />
+        ))}
+      </ScrollableList>
+    </Column>
+  );
+};
+
+export { SubscribersPage as default };
diff --git a/packages/pl-fe/src/queries/account-lists/use-follows.ts b/packages/pl-fe/src/queries/account-lists/use-follows.ts
index 6afac8d81..1502553f9 100644
--- a/packages/pl-fe/src/queries/account-lists/use-follows.ts
+++ b/packages/pl-fe/src/queries/account-lists/use-follows.ts
@@ -22,10 +22,18 @@ const useFollowing = makePaginatedResponseQuery(
 );
 
 const useSubscribers = makePaginatedResponseQuery(
-  (accountId?: string) => ['accountsLists', 'subscribers', accountId],
-  (client, [accountId]) =>
+  (accountId?: string, includeExpired?: boolean) => [
+    'accountsLists',
+    'subscribers',
+    accountId,
+    includeExpired || false,
+  ],
+  (client, [accountId, includeExpired]) =>
     client.accounts
-      .getAccountSubscribers(accountId!, { with_relationships: true })
+      .getAccountSubscribers(accountId!, {
+        include_expired: includeExpired,
+        with_relationships: true,
+      })
       .then(minifyAccountList),
   undefined,
   (accountId) => !!accountId,

From d2b7fdb417bbb67dbca506f4312573efabe42bc2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 12:23:45 +0100
Subject: [PATCH 45/74] Nicolium: add aria-live to account note panel
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../features/ui/components/panels/account-note-panel.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
index b660184da..6047361f4 100644
--- a/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
+++ b/packages/pl-fe/src/features/ui/components/panels/account-note-panel.tsx
@@ -61,7 +61,14 @@ const AccountNotePanel: React.FC<IAccountNotePanel> = ({ account }) => {
             <FormattedMessage id='account_note.header' defaultMessage='Note' />
           </label>
           {saved && (
-            <Text theme='success' tag='span' className='leading-none'>
+            <Text
+              theme='success'
+              tag='span'
+              className='leading-none'
+              role='status'
+              aria-live='polite'
+              aria-atomic='true'
+            >
               <FormattedMessage id='generic.saved' defaultMessage='Saved' />
             </Text>
           )}

From e6a720c93f488819f99a6e9dbd43eb5a51690d0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 12:45:46 +0100
Subject: [PATCH 46/74] Nicolium: fix keyboard navigation in multi-tab dropdown
 menus
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index 99ce257df..c14fbcf1f 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -82,7 +82,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({
         case 'ArrowLeft':
           setTab((tab) => {
             if (tab !== undefined) {
-              (elements[tab] as HTMLElement)?.focus();
+              (ref.current?.querySelector(`[data-index="${tab}"]`) as HTMLElement)?.focus();
               return undefined;
             }
             return tab;

From 8b74e7216c2cf50d675dfd8536d6b7eb75291042 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 12:52:48 +0100
Subject: [PATCH 47/74] Nicolium: improve scroll top button handling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/scroll-top-button.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx
index d4df7f3ec..57cc62a98 100644
--- a/packages/pl-fe/src/components/scroll-top-button.tsx
+++ b/packages/pl-fe/src/components/scroll-top-button.tsx
@@ -34,8 +34,9 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   const [scrolled, setScrolled] = useState<boolean>(false);
   // Whether we are scrolled above the `autoloadThreshold`.
   const [scrolledTop, setScrolledTop] = useState<boolean>(false);
+  console.log(scrolled, scrolledTop);
 
-  const visible = count > 0 && (!autoloadTimelines || scrolled);
+  const visible = count > 0 && (autoloadThreshold ? scrolled : scrolledTop);
 
   /** Number of pixels scrolled down from the top of the page. */
   const getScrollTop = (): number =>

From 5489a54685a83246b3de8a285969c62fd81184b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 14:51:35 +0100
Subject: [PATCH 48/74] Nicolium: use live region for scroll top button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/components/scroll-top-button.tsx      | 29 ++++++++++++-------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/packages/pl-fe/src/components/scroll-top-button.tsx b/packages/pl-fe/src/components/scroll-top-button.tsx
index 57cc62a98..b8d04fd68 100644
--- a/packages/pl-fe/src/components/scroll-top-button.tsx
+++ b/packages/pl-fe/src/components/scroll-top-button.tsx
@@ -13,6 +13,8 @@ interface IScrollTopButton {
   count: number;
   /** Message to display in the button (should contain a `{count}` value). */
   message: MessageDescriptor;
+  /** Message to announce in the live region (should contain a `{count}` value). If not provided, `message` will be used. */
+  liveRegionMessage?: MessageDescriptor;
   /** Distance from the top of the screen (scrolling down) before the button appears. */
   threshold?: number;
   /** Distance from the top of the screen (scrolling up) before the action is triggered. */
@@ -26,6 +28,7 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   message,
   threshold = 240,
   autoloadThreshold = 50,
+  liveRegionMessage = message,
 }) => {
   const intl = useIntl();
   const { autoloadTimelines } = useSettings();
@@ -34,9 +37,9 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   const [scrolled, setScrolled] = useState<boolean>(false);
   // Whether we are scrolled above the `autoloadThreshold`.
   const [scrolledTop, setScrolledTop] = useState<boolean>(false);
-  console.log(scrolled, scrolledTop);
 
   const visible = count > 0 && (autoloadThreshold ? scrolled : scrolledTop);
+  const buttonMessage = intl.formatMessage(message, { count });
 
   /** Number of pixels scrolled down from the top of the page. */
   const getScrollTop = (): number =>
@@ -88,16 +91,22 @@ const ScrollTopButton: React.FC<IScrollTopButton> = ({
   }, [maybeUnload]);
 
   return (
-    <div
-      className={clsx('⁂-scroll-top-button', { '⁂-scroll-top-button--visible': visible })}
-      aria-hidden={!visible}
-    >
-      <button onClick={handleClick} tabIndex={visible ? 0 : -1}>
-        <Icon src={require('@phosphor-icons/core/regular/arrow-line-up.svg')} aria-hidden />
+    <>
+      <span className='sr-only' role='status' aria-live='polite' aria-atomic='true'>
+        {visible ? intl.formatMessage(liveRegionMessage, { count }) : ''}
+      </span>
 
-        <p>{intl.formatMessage(message, { count })}</p>
-      </button>
-    </div>
+      <div
+        className={clsx('⁂-scroll-top-button', { '⁂-scroll-top-button--visible': visible })}
+        aria-hidden={!visible}
+      >
+        <button onClick={handleClick} tabIndex={visible ? 0 : -1} aria-label={buttonMessage}>
+          <Icon src={require('@phosphor-icons/core/regular/arrow-line-up.svg')} aria-hidden />
+
+          <p>{buttonMessage}</p>
+        </button>
+      </div>
+    </>
   );
 };
 

From a2ee7fbc37cb0e16c1766cda8ef7a721c7546e84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:03:34 +0100
Subject: [PATCH 49/74] Nicolium: language dropdown keyboard handling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/components/dropdown-menu/dropdown-menu.tsx   |  8 ++++++--
 .../compose/components/language-dropdown.tsx         | 12 ++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index c14fbcf1f..10d8768e2 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -73,7 +73,11 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({
     () => (e: KeyboardEvent) => {
       if (!ref.current) return;
 
-      const elements = Array.from(ref.current.querySelectorAll('a, button'));
+      const elements = Array.from(
+        ref.current.querySelectorAll<HTMLElement>(
+          'a, button:not([disabled]), input:not([disabled])',
+        ),
+      ).filter((element) => !element.hasAttribute('aria-hidden'));
       const index = elements.indexOf(document.activeElement as any);
 
       let element = null;
@@ -119,7 +123,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({
       }
 
       if (element) {
-        (element as HTMLAnchorElement).focus();
+        (element as HTMLElement).focus();
         e.preventDefault();
         e.stopPropagation();
       }
diff --git a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
index 46fc89290..ef87d8971 100644
--- a/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
+++ b/packages/pl-fe/src/features/compose/components/language-dropdown.tsx
@@ -61,7 +61,7 @@ const getLanguageDropdown =
     );
 
     const node = useRef<HTMLDivElement>(null);
-    const focusedItem = useRef<HTMLButtonElement>(null);
+    const input = useRef<HTMLInputElement>(null);
 
     const [searchValue, setSearchValue] = useState('');
 
@@ -156,9 +156,13 @@ const getLanguageDropdown =
       handleMenuClose();
     };
 
+    useEffect(() => {
+      if (!language) input.current?.focus();
+    }, [input.current]);
+
     useEffect(() => {
       if (node.current) {
-        (node.current?.querySelector('div[aria-selected=true]') as HTMLDivElement)?.focus();
+        (node.current?.querySelector('button[aria-selected=true]') as HTMLButtonElement)?.focus();
       }
     }, [node.current]);
 
@@ -173,6 +177,7 @@ const getLanguageDropdown =
           <span>{intl.formatMessage(messages.search)}</span>
 
           <Input
+            ref={input}
             className='w-64'
             type='text'
             value={searchValue}
@@ -199,7 +204,7 @@ const getLanguageDropdown =
             />
           </button>
         </label>
-        <div className='⁂-language-dropdown__options' ref={node} tabIndex={-1}>
+        <div className='⁂-language-dropdown__options' tabIndex={-1} ref={node} role='listbox'>
           {results.map(([code, name]) => {
             const active = code === language;
             const modified = code === modifiedLanguage;
@@ -218,7 +223,6 @@ const getLanguageDropdown =
                   '⁂-language-dropdown__option--active': active,
                 })}
                 aria-selected={active}
-                ref={active ? focusedItem : null}
               >
                 <div className='⁂-language-dropdown__option__name'>{name}</div>
                 {features.multiLanguage &&

From 9e342e0e9aab07ef776b7cef090eb50ec68aed40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:15:38 +0100
Subject: [PATCH 50/74] Nicolium: add live region-specific messages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/columns/notifications.tsx           | 5 +++++
 packages/pl-fe/src/features/ui/components/timeline.tsx | 5 +++++
 packages/pl-fe/src/locales/en.json                     | 2 ++
 3 files changed, 12 insertions(+)

diff --git a/packages/pl-fe/src/columns/notifications.tsx b/packages/pl-fe/src/columns/notifications.tsx
index dc8426ebf..a515f5b4c 100644
--- a/packages/pl-fe/src/columns/notifications.tsx
+++ b/packages/pl-fe/src/columns/notifications.tsx
@@ -37,6 +37,10 @@ const messages = defineMessages({
     defaultMessage:
       'Click to see {count} new {count, plural, one {notification} other {notifications}}',
   },
+  queueLiveRegion: {
+    id: 'notifications.queue_label.live_region',
+    defaultMessage: '{count} new {count, plural, one {notification} other {notifications}}.',
+  },
   all: { id: 'notifications.filter.all', defaultMessage: 'All' },
   mentions: { id: 'notifications.filter.mentions', defaultMessage: 'Mentions' },
   statuses: {
@@ -356,6 +360,7 @@ const NotificationsColumn: React.FC<INotificationsColumn> = ({ multiColumn }) =>
           onClick={handleDequeueNotifications}
           count={queuedNotificationCount}
           message={messages.queue}
+          liveRegionMessage={messages.queueLiveRegion}
         />
       </Portal>
 
diff --git a/packages/pl-fe/src/features/ui/components/timeline.tsx b/packages/pl-fe/src/features/ui/components/timeline.tsx
index 3730b593c..7562f6eb8 100644
--- a/packages/pl-fe/src/features/ui/components/timeline.tsx
+++ b/packages/pl-fe/src/features/ui/components/timeline.tsx
@@ -15,6 +15,10 @@ const messages = defineMessages({
     id: 'status_list.queue_label',
     defaultMessage: 'Click to see {count} new {count, plural, one {post} other {posts}}',
   },
+  queueLiveRegion: {
+    id: 'status_list.queue_label.live_region',
+    defaultMessage: '{count} new {count, plural, one {post} other {posts}}.',
+  },
 });
 
 interface ITimeline extends Omit<IStatusList, 'statusIds' | 'isLoading' | 'hasMore'> {
@@ -59,6 +63,7 @@ const Timeline: React.FC<ITimeline> = ({ timelineId, onLoadMore, prefix, ...rest
           onClick={handleDequeueTimeline}
           count={totalQueuedItemsCount}
           message={messages.queue}
+          liveRegionMessage={messages.queueLiveRegion}
         />
       </Portal>
 
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 2eb067024..1632e05e1 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1395,6 +1395,7 @@
   "notifications.filter.polls": "Poll results",
   "notifications.filter.statuses": "Updates from people you follow",
   "notifications.queue_label": "Click to see {count} new {count, plural, one {notification} other {notifications}}",
+  "notifications.queue_label.live_region": "{count} new {count, plural, one {notification} other {notifications}}.",
   "oauth_consumer.tooltip": "Sign in with {provider}",
   "oauth_consumers.title": "Other ways to sign in",
   "password_reset.confirmation": "Check your email for confirmation.",
@@ -1829,6 +1830,7 @@
   "status.visibility.subscribers": "The post is only visible to users subscribing the author",
   "status.wrench": "Wrench reaction",
   "status_list.queue_label": "Click to see {count} new {count, plural, one {post} other {posts}}",
+  "status_list.queue_label.live_region": "{count} new {count, plural, one {post} other {posts}}.",
   "statuses.quote_tombstone": "Post is unavailable.",
   "statuses.tombstone": "One or more posts are unavailable.",
   "statuses.tombstone.deleted": "The post is deleted.",

From ed28f4a17c85321bca3676939f30ae2d390d28a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:16:33 +0100
Subject: [PATCH 51/74] nicolium: make select keyboard-selectable in dropdown
 menu
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
index 10d8768e2..90ad4b09b 100644
--- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
+++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx
@@ -75,7 +75,7 @@ const DropdownMenuContent: React.FC<IDropdownMenuContent> = ({
 
       const elements = Array.from(
         ref.current.querySelectorAll<HTMLElement>(
-          'a, button:not([disabled]), input:not([disabled])',
+          'a, button:not([disabled]), input:not([disabled]), select:not([disabled])',
         ),
       ).filter((element) => !element.hasAttribute('aria-hidden'));
       const index = elements.indexOf(document.activeElement as any);

From 1573e54edacd644f5f3a6e440d5cd214e3da8026 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:19:45 +0100
Subject: [PATCH 52/74] nicolium: search input button should not be tabbable
 when it duplicates the submit action
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/search-input.tsx | 2 +-
 packages/pl-fe/src/pages/search/search.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/components/search-input.tsx b/packages/pl-fe/src/components/search-input.tsx
index 7deef416f..988842d9d 100644
--- a/packages/pl-fe/src/components/search-input.tsx
+++ b/packages/pl-fe/src/components/search-input.tsx
@@ -87,7 +87,7 @@ const SearchInput = React.memo(() => {
         />
 
         <button
-          tabIndex={0}
+          tabIndex={hasValue ? 0 : -1}
           className='absolute inset-y-0 right-0 flex cursor-pointer items-center px-3 rtl:left-0 rtl:right-auto'
           onClick={handleClear}
           title={
diff --git a/packages/pl-fe/src/pages/search/search.tsx b/packages/pl-fe/src/pages/search/search.tsx
index d73520c55..3b39dd621 100644
--- a/packages/pl-fe/src/pages/search/search.tsx
+++ b/packages/pl-fe/src/pages/search/search.tsx
@@ -95,7 +95,7 @@ const SearchInput: React.FC<ISearchInput> = ({ className, placeholder, query })
         />
 
         <button
-          tabIndex={0}
+          tabIndex={value ? 0 : -1}
           className='absolute inset-y-0 right-0 flex cursor-pointer items-center px-3 rtl:left-0 rtl:right-auto'
           onClick={handleClick}
           title={

From b4ea81ea0e220ff5deb9e3d5478b8cb16725cace Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:22:38 +0100
Subject: [PATCH 53/74] nicolium: import data button should be disabled when no
 file provided
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/pages/settings/import-data.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/pages/settings/import-data.tsx b/packages/pl-fe/src/pages/settings/import-data.tsx
index 8a94e9fae..fd6ffc058 100644
--- a/packages/pl-fe/src/pages/settings/import-data.tsx
+++ b/packages/pl-fe/src/pages/settings/import-data.tsx
@@ -140,7 +140,7 @@ const DataImporter: React.FC<IDataImporter> = ({
       )}
 
       <FormActions>
-        <Button type='submit' theme='primary' disabled={isLoading}>
+        <Button type='submit' theme='primary' disabled={isLoading || !file}>
           {intl.formatMessage(messages.submit)}
         </Button>
       </FormActions>

From f34dae6a187833c50491596ca6438d7c00a5e04c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:28:53 +0100
Subject: [PATCH 54/74] nicolium: slider accessibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/slider.tsx   | 42 +++++++++++++++++++
 .../pl-fe/src/components/ui/step-slider.tsx   | 42 +++++++++++++++++++
 2 files changed, 84 insertions(+)

diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index 988db115a..80418695d 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -54,6 +54,42 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
     [node.current],
   );
 
+  const handleKeyDown: React.KeyboardEventHandler<HTMLSpanElement> = (event) => {
+    let nextValue: number | null = null;
+
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'ArrowDown':
+        nextValue = value - 0.05;
+        break;
+      case 'ArrowRight':
+      case 'ArrowUp':
+        nextValue = value + 0.05;
+        break;
+      case 'PageDown':
+      case 'Home':
+        nextValue = 0;
+        break;
+      case 'PageUp':
+      case 'End':
+        nextValue = 1;
+        break;
+      default:
+        break;
+    }
+
+    if (nextValue !== null) {
+      event.preventDefault();
+      if (nextValue < 0) {
+        nextValue = 0;
+      } else if (nextValue > 1) {
+        nextValue = 1;
+      }
+
+      onChange(nextValue);
+    }
+  };
+
   return (
     <div
       className='relative inline-flex h-6 cursor-pointer transition'
@@ -69,6 +105,12 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
         className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
         tabIndex={0}
         style={{ left: `${value * 100}%` }}
+        role='slider'
+        aria-valuemin={0}
+        aria-valuemax={1}
+        aria-valuenow={value}
+        aria-orientation='horizontal'
+        onKeyDown={handleKeyDown}
       />
     </div>
   );
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index 0d791ca6f..8193734d9 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -57,6 +57,42 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
     [node.current],
   );
 
+  const handleKeyDown: React.KeyboardEventHandler<HTMLSpanElement> = (event) => {
+    let nextValue: number | null = null;
+
+    switch (event.key) {
+      case 'ArrowLeft':
+      case 'ArrowDown':
+        nextValue = value - 1;
+        break;
+      case 'ArrowRight':
+      case 'ArrowUp':
+        nextValue = value + 1;
+        break;
+      case 'PageDown':
+      case 'Home':
+        nextValue = 0;
+        break;
+      case 'PageUp':
+      case 'End':
+        nextValue = steps - 1;
+        break;
+      default:
+        break;
+    }
+
+    if (nextValue !== null) {
+      event.preventDefault();
+      if (nextValue < 0) {
+        nextValue = 0;
+      } else if (nextValue > steps - 1) {
+        nextValue = steps - 1;
+      }
+
+      onChange(nextValue);
+    }
+  };
+
   return (
     <div
       className='relative inline-flex h-6 cursor-pointer transition'
@@ -78,6 +114,12 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
       <span
         className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
         tabIndex={0}
+        role='slider'
+        aria-valuemin={0}
+        aria-valuemax={steps - 1}
+        aria-valuenow={value}
+        aria-orientation='horizontal'
+        onKeyDown={handleKeyDown}
         style={{ left: `calc(${(value / (steps - 1)) * 100}% + 0.125rem)` }}
       />
     </div>

From dafec66d90ebfc2fcb9d1ad7ef2d826427eef6d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:35:34 +0100
Subject: [PATCH 55/74] nicolium: add slight slider animation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/slider.tsx   | 48 +++++++++++++++++--
 .../pl-fe/src/components/ui/step-slider.tsx   |  2 +-
 2 files changed, 46 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index 80418695d..371d1d93c 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -1,5 +1,6 @@
+import clsx from 'clsx';
 import throttle from 'lodash/throttle';
-import React, { useCallback, useRef } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 
 import { getPointerPosition } from '@/features/video';
 
@@ -13,8 +14,34 @@ interface ISlider {
 /** Draggable slider component. */
 const Slider: React.FC<ISlider> = ({ value, onChange }) => {
   const node = useRef<HTMLDivElement>(null);
+  const keyboardAnimationTimeout = useRef<number | null>(null);
+  const [animateKeyboardInput, setAnimateKeyboardInput] = useState<boolean>(false);
+
+  const clearKeyboardAnimation = useCallback(() => {
+    if (keyboardAnimationTimeout.current !== null) {
+      window.clearTimeout(keyboardAnimationTimeout.current);
+      keyboardAnimationTimeout.current = null;
+    }
+
+    setAnimateKeyboardInput(false);
+  }, []);
+
+  const triggerKeyboardAnimation = useCallback(() => {
+    setAnimateKeyboardInput(true);
+
+    if (keyboardAnimationTimeout.current !== null) {
+      window.clearTimeout(keyboardAnimationTimeout.current);
+    }
+
+    keyboardAnimationTimeout.current = window.setTimeout(() => {
+      setAnimateKeyboardInput(false);
+      keyboardAnimationTimeout.current = null;
+    }, 120);
+  }, []);
 
   const handleMouseDown: React.MouseEventHandler = (e) => {
+    clearKeyboardAnimation();
+
     document.addEventListener('mousemove', handleMouseSlide, true);
     document.addEventListener('mouseup', handleMouseUp, true);
     document.addEventListener('touchmove', handleMouseSlide, true);
@@ -86,10 +113,19 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
         nextValue = 1;
       }
 
+      triggerKeyboardAnimation();
       onChange(nextValue);
     }
   };
 
+  useEffect(() => {
+    return () => {
+      if (keyboardAnimationTimeout.current !== null) {
+        window.clearTimeout(keyboardAnimationTimeout.current);
+      }
+    };
+  }, []);
+
   return (
     <div
       className='relative inline-flex h-6 cursor-pointer transition'
@@ -98,11 +134,17 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
     >
       <div className='absolute top-1/2 h-1 w-full -translate-y-1/2 rounded-full bg-primary-200 dark:bg-primary-700' />
       <div
-        className='absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500'
+        className={clsx(
+          'absolute top-1/2 h-1 -translate-y-1/2 rounded-full bg-accent-500 transition-[width] ease-in-out',
+          animateKeyboardInput ? 'duration-150' : 'duration-0',
+        )}
         style={{ width: `${value * 100}%` }}
       />
       <span
-        className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
+        className={clsx(
+          'absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow transition-[left] ease-in-out',
+          animateKeyboardInput ? 'duration-150' : 'duration-0',
+        )}
         tabIndex={0}
         style={{ left: `${value * 100}%` }}
         role='slider'
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index 8193734d9..33ebfbe7d 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -112,7 +112,7 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
         />
       ))}
       <span
-        className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow'
+        className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow transition-[left] duration-100 ease-in-out'
         tabIndex={0}
         role='slider'
         aria-valuemin={0}

From fb3d6d13888f5bb9b582a01f52b2daa300619f14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:41:55 +0100
Subject: [PATCH 56/74] nicolium: give id to more components
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/slider.tsx   |  4 +-
 .../pl-fe/src/components/ui/step-slider.tsx   |  4 +-
 .../theme-editor/components/palette.tsx       | 11 +++-
 .../ui/components/profile-dropdown.tsx        |  4 +-
 .../features/ui/components/theme-selector.tsx | 57 +++++++++----------
 .../features/ui/components/theme-toggle.tsx   |  8 ++-
 6 files changed, 51 insertions(+), 37 deletions(-)

diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index 371d1d93c..36fad0f9c 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -5,6 +5,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import { getPointerPosition } from '@/features/video';
 
 interface ISlider {
+  id?: string;
   /** Value between 0 and 1. */
   value: number;
   /** Callback when the value changes. */
@@ -12,7 +13,7 @@ interface ISlider {
 }
 
 /** Draggable slider component. */
-const Slider: React.FC<ISlider> = ({ value, onChange }) => {
+const Slider: React.FC<ISlider> = ({ id, value, onChange }) => {
   const node = useRef<HTMLDivElement>(null);
   const keyboardAnimationTimeout = useRef<number | null>(null);
   const [animateKeyboardInput, setAnimateKeyboardInput] = useState<boolean>(false);
@@ -141,6 +142,7 @@ const Slider: React.FC<ISlider> = ({ value, onChange }) => {
         style={{ width: `${value * 100}%` }}
       />
       <span
+        id={id}
         className={clsx(
           'absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow transition-[left] ease-in-out',
           animateKeyboardInput ? 'duration-150' : 'duration-0',
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index 33ebfbe7d..9231a4f66 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -4,6 +4,7 @@ import React, { useCallback, useRef } from 'react';
 import { getPointerPosition } from '@/features/video';
 
 interface IStepSlider {
+  id?: string;
   /** Value between 0 and the amount of steps minus one. */
   value: number;
   /** Steps available in the slider. */
@@ -13,7 +14,7 @@ interface IStepSlider {
 }
 
 /** Slider allowing selecting integers in a given range. */
-const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
+const StepSlider: React.FC<IStepSlider> = ({ id, value, steps, onChange }) => {
   const node = useRef<HTMLDivElement>(null);
 
   const handleMouseDown: React.MouseEventHandler = (e) => {
@@ -112,6 +113,7 @@ const StepSlider: React.FC<IStepSlider> = ({ value, steps, onChange }) => {
         />
       ))}
       <span
+        id={id}
         className='absolute top-1/2 z-10 -ml-1.5 size-3 -translate-y-1/2 rounded-full bg-accent-500 shadow transition-[left] duration-100 ease-in-out'
         tabIndex={0}
         role='slider'
diff --git a/packages/pl-fe/src/features/theme-editor/components/palette.tsx b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
index 211890343..ef77af169 100644
--- a/packages/pl-fe/src/features/theme-editor/components/palette.tsx
+++ b/packages/pl-fe/src/features/theme-editor/components/palette.tsx
@@ -14,6 +14,7 @@ interface ColorGroup {
 }
 
 interface IPalette {
+  id?: string;
   palette: ColorGroup;
   onChange: (palette: ColorGroup) => void;
   resetKey?: string;
@@ -21,7 +22,13 @@ interface IPalette {
 }
 
 /** Editable color palette. */
-const Palette: React.FC<IPalette> = ({ palette, onChange, resetKey, allowTintChange = true }) => {
+const Palette: React.FC<IPalette> = ({
+  id,
+  palette,
+  onChange,
+  resetKey,
+  allowTintChange = true,
+}) => {
   const tints = Object.keys(palette).sort(compareId);
 
   const [hue, setHue] = useState(0);
@@ -61,7 +68,7 @@ const Palette: React.FC<IPalette> = ({ palette, onChange, resetKey, allowTintCha
         ))}
       </HStack>
 
-      <Slider value={hue} onChange={setHue} />
+      <Slider id={id} value={hue} onChange={setHue} />
     </Stack>
   );
 };
diff --git a/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx b/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
index 51f4f9aea..1bfc2f477 100644
--- a/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
+++ b/packages/pl-fe/src/features/ui/components/profile-dropdown.tsx
@@ -134,11 +134,11 @@ const MenuItem: React.FC<MenuItemProps> = ({ className, menuItem }) => {
 
   if (menuItem.toggle) {
     return (
-      <div className='flex flex-row items-center justify-between space-x-4 px-4 py-1 text-sm text-gray-700 dark:text-gray-400'>
+      <label className='flex flex-row items-center justify-between space-x-4 px-4 py-1 text-sm text-gray-700 dark:text-gray-400'>
         <span>{menuItem.text}</span>
 
         {menuItem.toggle}
-      </div>
+      </label>
     );
   } else if (!menuItem.text) {
     return (
diff --git a/packages/pl-fe/src/features/ui/components/theme-selector.tsx b/packages/pl-fe/src/features/ui/components/theme-selector.tsx
index 3046608bd..11788555d 100644
--- a/packages/pl-fe/src/features/ui/components/theme-selector.tsx
+++ b/packages/pl-fe/src/features/ui/components/theme-selector.tsx
@@ -5,12 +5,13 @@ import Icon from '@/components/ui/icon';
 import Select from '@/components/ui/select';
 
 interface IThemeSelector {
+  id?: string;
   value: string;
   onChange: (value: 'system' | 'light' | 'dark' | 'black') => void;
 }
 
 /** Pure theme selector. */
-const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
+const ThemeSelector: React.FC<IThemeSelector> = ({ id, value, onChange }) => {
   const themeIconSrc = useMemo(() => {
     switch (value) {
       case 'system':
@@ -31,35 +32,33 @@ const ThemeSelector: React.FC<IThemeSelector> = ({ value, onChange }) => {
   };
 
   return (
-    <label>
-      <div className='relative rounded-md shadow-sm'>
-        <div className='pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3'>
-          <Icon src={themeIconSrc} className='size-4 text-gray-600 dark:text-gray-700' />
-        </div>
-
-        <Select onChange={handleChange} defaultValue={value} className='!pl-10'>
-          <option value='system'>
-            <FormattedMessage id='theme_toggle.system' defaultMessage='System' />
-          </option>
-          <option value='light'>
-            <FormattedMessage id='theme_toggle.light' defaultMessage='Light' />
-          </option>
-          <option value='dark'>
-            <FormattedMessage id='theme_toggle.dark' defaultMessage='Dark' />
-          </option>
-          <option value='black'>
-            <FormattedMessage id='theme_toggle.black' defaultMessage='Black' />
-          </option>
-        </Select>
-
-        <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3'>
-          <Icon
-            src={require('@phosphor-icons/core/regular/caret-down.svg')}
-            className='size-4 text-gray-600 dark:text-gray-700'
-          />
-        </div>
+    <div className='relative rounded-md shadow-sm'>
+      <div className='pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3'>
+        <Icon src={themeIconSrc} className='size-4 text-gray-600 dark:text-gray-700' />
       </div>
-    </label>
+
+      <Select id={id} onChange={handleChange} defaultValue={value} className='!pl-10'>
+        <option value='system'>
+          <FormattedMessage id='theme_toggle.system' defaultMessage='System' />
+        </option>
+        <option value='light'>
+          <FormattedMessage id='theme_toggle.light' defaultMessage='Light' />
+        </option>
+        <option value='dark'>
+          <FormattedMessage id='theme_toggle.dark' defaultMessage='Dark' />
+        </option>
+        <option value='black'>
+          <FormattedMessage id='theme_toggle.black' defaultMessage='Black' />
+        </option>
+      </Select>
+
+      <div className='pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3'>
+        <Icon
+          src={require('@phosphor-icons/core/regular/caret-down.svg')}
+          className='size-4 text-gray-600 dark:text-gray-700'
+        />
+      </div>
+    </div>
   );
 };
 
diff --git a/packages/pl-fe/src/features/ui/components/theme-toggle.tsx b/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
index fc4a20b88..f83dcc7b6 100644
--- a/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
+++ b/packages/pl-fe/src/features/ui/components/theme-toggle.tsx
@@ -6,8 +6,12 @@ import { useSettings } from '@/stores/settings';
 
 import ThemeSelector from './theme-selector';
 
+interface IThemeToggle {
+  id?: string;
+}
+
 /** Stateful theme selector. */
-const ThemeToggle: React.FC = () => {
+const ThemeToggle: React.FC<IThemeToggle> = ({ id }) => {
   const dispatch = useAppDispatch();
   const { themeMode } = useSettings();
 
@@ -15,7 +19,7 @@ const ThemeToggle: React.FC = () => {
     dispatch(changeSetting(['themeMode'], themeMode));
   };
 
-  return <ThemeSelector value={themeMode} onChange={handleChange} />;
+  return <ThemeSelector id={id} value={themeMode} onChange={handleChange} />;
 };
 
 export { ThemeToggle as default };

From 7731cf867b03a0f2ad13ba5587a2a09a03a1c919 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:45:29 +0100
Subject: [PATCH 57/74] nicolium: use aria-labelledby and describedby
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/list.tsx        | 26 ++++++++++++++++---
 packages/pl-fe/src/components/ui/slider.tsx   | 12 ++++++++-
 .../pl-fe/src/components/ui/step-slider.tsx   | 13 +++++++++-
 3 files changed, 46 insertions(+), 5 deletions(-)

diff --git a/packages/pl-fe/src/components/list.tsx b/packages/pl-fe/src/components/list.tsx
index 788798bfe..d11bbc74f 100644
--- a/packages/pl-fe/src/components/list.tsx
+++ b/packages/pl-fe/src/components/list.tsx
@@ -36,6 +36,8 @@ const ListItem: React.FC<IListItem> = ({
   ...rest
 }) => {
   const [domId] = useState(`list-group-${crypto.randomUUID()}`);
+  const labelId = `${domId}-label`;
+  const hintId = `${domId}-hint`;
 
   const onKeyDown = (e: React.KeyboardEvent) => {
     if (e.key === 'Enter') {
@@ -50,10 +52,22 @@ const ListItem: React.FC<IListItem> = ({
       React.Children.map(children, (child) => {
         if (React.isValidElement(child)) {
           const isSelect = child.type === SelectDropdown || child.type === Select;
+          const childLabelledBy = child.props['aria-labelledby'];
+          const childDescribedBy = child.props['aria-describedby'];
+          const ariaLabelledBy = childLabelledBy ? `${childLabelledBy} ${labelId}` : labelId;
+          const ariaDescribedBy = hint
+            ? childDescribedBy
+              ? `${childDescribedBy} ${hintId}`
+              : hintId
+            : childDescribedBy;
 
           return React.cloneElement(child, {
             // @ts-ignore
             id: domId,
+            // @ts-ignore
+            'aria-labelledby': ariaLabelledBy,
+            // @ts-ignore
+            'aria-describedby': ariaDescribedBy,
             className: clsx(
               {
                 'w-auto': isSelect,
@@ -65,7 +79,7 @@ const ListItem: React.FC<IListItem> = ({
 
         return null;
       }),
-    [children, domId],
+    [children, domId, labelId, hint, hintId],
   );
 
   const classNames = clsx('⁂-list-item', className, {
@@ -76,9 +90,15 @@ const ListItem: React.FC<IListItem> = ({
   const body = (
     <>
       <div className='⁂-list-item__label'>
-        <LabelComp htmlFor={domId}>{label}</LabelComp>
+        <LabelComp id={labelId} {...(LabelComp === 'label' ? { htmlFor: domId } : {})}>
+          {label}
+        </LabelComp>
 
-        {hint ? <span className='⁂-list-item__hint'>{hint}</span> : null}
+        {hint ? (
+          <span id={hintId} className='⁂-list-item__hint'>
+            {hint}
+          </span>
+        ) : null}
       </div>
 
       {'to' in rest || href || onClick ? (
diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index 36fad0f9c..a0c36d696 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -6,6 +6,8 @@ import { getPointerPosition } from '@/features/video';
 
 interface ISlider {
   id?: string;
+  'aria-labelledby'?: string;
+  'aria-describedby'?: string;
   /** Value between 0 and 1. */
   value: number;
   /** Callback when the value changes. */
@@ -13,7 +15,13 @@ interface ISlider {
 }
 
 /** Draggable slider component. */
-const Slider: React.FC<ISlider> = ({ id, value, onChange }) => {
+const Slider: React.FC<ISlider> = ({
+  id,
+  value,
+  onChange,
+  'aria-labelledby': ariaLabelledby,
+  'aria-describedby': ariaDescribedby,
+}) => {
   const node = useRef<HTMLDivElement>(null);
   const keyboardAnimationTimeout = useRef<number | null>(null);
   const [animateKeyboardInput, setAnimateKeyboardInput] = useState<boolean>(false);
@@ -154,6 +162,8 @@ const Slider: React.FC<ISlider> = ({ id, value, onChange }) => {
         aria-valuemax={1}
         aria-valuenow={value}
         aria-orientation='horizontal'
+        aria-labelledby={ariaLabelledby}
+        aria-describedby={ariaDescribedby}
         onKeyDown={handleKeyDown}
       />
     </div>
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index 9231a4f66..d6e8bdf96 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -5,6 +5,8 @@ import { getPointerPosition } from '@/features/video';
 
 interface IStepSlider {
   id?: string;
+  'aria-labelledby'?: string;
+  'aria-describedby'?: string;
   /** Value between 0 and the amount of steps minus one. */
   value: number;
   /** Steps available in the slider. */
@@ -14,7 +16,14 @@ interface IStepSlider {
 }
 
 /** Slider allowing selecting integers in a given range. */
-const StepSlider: React.FC<IStepSlider> = ({ id, value, steps, onChange }) => {
+const StepSlider: React.FC<IStepSlider> = ({
+  id,
+  value,
+  steps,
+  onChange,
+  'aria-labelledby': ariaLabelledby,
+  'aria-describedby': ariaDescribedby,
+}) => {
   const node = useRef<HTMLDivElement>(null);
 
   const handleMouseDown: React.MouseEventHandler = (e) => {
@@ -121,6 +130,8 @@ const StepSlider: React.FC<IStepSlider> = ({ id, value, steps, onChange }) => {
         aria-valuemax={steps - 1}
         aria-valuenow={value}
         aria-orientation='horizontal'
+        aria-labelledby={ariaLabelledby}
+        aria-describedby={ariaDescribedby}
         onKeyDown={handleKeyDown}
         style={{ left: `calc(${(value / (steps - 1)) * 100}% + 0.125rem)` }}
       />

From d6089c89b85d1467ff3086356b205d737ea34538 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 15:48:32 +0100
Subject: [PATCH 58/74] nicolium: step slider value accessibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/ui/slider.tsx   |  3 ++
 .../pl-fe/src/components/ui/step-slider.tsx   |  3 ++
 .../pl-fe/src/features/preferences/index.tsx  | 32 +++++++++++++++++++
 packages/pl-fe/src/locales/en.json            |  4 +++
 4 files changed, 42 insertions(+)

diff --git a/packages/pl-fe/src/components/ui/slider.tsx b/packages/pl-fe/src/components/ui/slider.tsx
index a0c36d696..e959dc719 100644
--- a/packages/pl-fe/src/components/ui/slider.tsx
+++ b/packages/pl-fe/src/components/ui/slider.tsx
@@ -8,6 +8,7 @@ interface ISlider {
   id?: string;
   'aria-labelledby'?: string;
   'aria-describedby'?: string;
+  'aria-valuetext'?: string;
   /** Value between 0 and 1. */
   value: number;
   /** Callback when the value changes. */
@@ -21,6 +22,7 @@ const Slider: React.FC<ISlider> = ({
   onChange,
   'aria-labelledby': ariaLabelledby,
   'aria-describedby': ariaDescribedby,
+  'aria-valuetext': ariaValueText,
 }) => {
   const node = useRef<HTMLDivElement>(null);
   const keyboardAnimationTimeout = useRef<number | null>(null);
@@ -161,6 +163,7 @@ const Slider: React.FC<ISlider> = ({
         aria-valuemin={0}
         aria-valuemax={1}
         aria-valuenow={value}
+        aria-valuetext={ariaValueText}
         aria-orientation='horizontal'
         aria-labelledby={ariaLabelledby}
         aria-describedby={ariaDescribedby}
diff --git a/packages/pl-fe/src/components/ui/step-slider.tsx b/packages/pl-fe/src/components/ui/step-slider.tsx
index d6e8bdf96..70e75003d 100644
--- a/packages/pl-fe/src/components/ui/step-slider.tsx
+++ b/packages/pl-fe/src/components/ui/step-slider.tsx
@@ -7,6 +7,7 @@ interface IStepSlider {
   id?: string;
   'aria-labelledby'?: string;
   'aria-describedby'?: string;
+  'aria-valuetext'?: string;
   /** Value between 0 and the amount of steps minus one. */
   value: number;
   /** Steps available in the slider. */
@@ -23,6 +24,7 @@ const StepSlider: React.FC<IStepSlider> = ({
   onChange,
   'aria-labelledby': ariaLabelledby,
   'aria-describedby': ariaDescribedby,
+  'aria-valuetext': ariaValueText,
 }) => {
   const node = useRef<HTMLDivElement>(null);
 
@@ -129,6 +131,7 @@ const StepSlider: React.FC<IStepSlider> = ({
         aria-valuemin={0}
         aria-valuemax={steps - 1}
         aria-valuenow={value}
+        aria-valuetext={ariaValueText}
         aria-orientation='horizontal'
         aria-labelledby={ariaLabelledby}
         aria-describedby={ariaDescribedby}
diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx
index 48c7c5399..7215c3c4f 100644
--- a/packages/pl-fe/src/features/preferences/index.tsx
+++ b/packages/pl-fe/src/features/preferences/index.tsx
@@ -128,6 +128,22 @@ const messages = defineMessages({
     defaultMessage: 'WYSIWYG',
   },
   brandColor: { id: 'preferences.options.brand_color', defaultMessage: 'Base color' },
+  interfaceSizeSmall: {
+    id: 'preferences.options.interface_size.sm',
+    defaultMessage: 'Small',
+  },
+  interfaceSizeMedium: {
+    id: 'preferences.options.interface_size.md',
+    defaultMessage: 'Medium',
+  },
+  interfaceSizeLarge: {
+    id: 'preferences.options.interface_size.lg',
+    defaultMessage: 'Large',
+  },
+  interfaceSizeExtraLarge: {
+    id: 'preferences.options.interface_size.xl',
+    defaultMessage: 'Extra large',
+  },
   dark: { id: 'theme_toggle.dark', defaultMessage: 'Dark' },
   black: { id: 'theme_toggle.black', defaultMessage: 'Black' },
 });
@@ -233,6 +249,21 @@ const Preferences = () => {
     [settings.locale],
   );
 
+  const interfaceSizeValueText = React.useMemo(() => {
+    const size = settings.theme?.interfaceSize ?? 'md';
+
+    switch (size) {
+      case 'sm':
+        return intl.formatMessage(messages.interfaceSizeSmall);
+      case 'lg':
+        return intl.formatMessage(messages.interfaceSizeLarge);
+      case 'xl':
+        return intl.formatMessage(messages.interfaceSizeExtraLarge);
+      default:
+        return intl.formatMessage(messages.interfaceSizeMedium);
+    }
+  }, [settings.theme?.interfaceSize, settings.locale]);
+
   const defaultContentTypeOptions = React.useMemo(() => {
     const postFormats = instance.pleroma.metadata.post_formats;
 
@@ -311,6 +342,7 @@ const Preferences = () => {
               value={INTERFACE_SIZES.indexOf(settings.theme?.interfaceSize ?? 'md')}
               steps={4}
               onChange={onInterfaceSizeChange}
+              aria-valuetext={interfaceSizeValueText}
             />
           </div>
         </ListItem>
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 1632e05e1..599e08029 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1521,6 +1521,10 @@
   "preferences.options.content_type_mfm": "MFM",
   "preferences.options.content_type_plaintext": "Plain text",
   "preferences.options.content_type_wysiwyg": "WYSIWYG",
+  "preferences.options.interface_size.lg": "Large",
+  "preferences.options.interface_size.md": "Medium",
+  "preferences.options.interface_size.sm": "Small",
+  "preferences.options.interface_size.xl": "Extra large",
   "preferences.options.privacy_followers_only": "Followers-only",
   "preferences.options.privacy_public": "Public",
   "preferences.options.privacy_unlisted": "Unlisted",

From 68dea0c10c89932ea4e5b80306f8681bd959e625 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 16:12:52 +0100
Subject: [PATCH 59/74] nicolium: that's embarassing lol
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/styles/new/components.scss | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/pl-fe/src/styles/new/components.scss b/packages/pl-fe/src/styles/new/components.scss
index ad6427871..c70d85c25 100644
--- a/packages/pl-fe/src/styles/new/components.scss
+++ b/packages/pl-fe/src/styles/new/components.scss
@@ -73,15 +73,15 @@
   }
 
   &:not(&--expanded) {
-    .⁂-accordion {
-      &__header__chevron {
-        transform: rotate(180deg);
-      }
+    .⁂-accordion__body {
+      height: 0;
+      display: none;
+    }
+  }
 
-      &__body {
-        height: 0;
-        display: none;
-      }
+  &--expanded {
+    .⁂-accordion__header__chevron {
+      transform: rotate(180deg);
     }
   }
 }

From 4c04672ea53279a663f9aae45e2f8d1b78a5ff9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 16:13:20 +0100
Subject: [PATCH 60/74] nicolium: use labels properly
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/modals/edit-announcement-modal.tsx    | 23 +++++++------
 .../pl-fe/src/modals/edit-domain-modal.tsx    | 33 +++++++++----------
 2 files changed, 27 insertions(+), 29 deletions(-)

diff --git a/packages/pl-fe/src/modals/edit-announcement-modal.tsx b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
index 543b1e06c..1e0a229b9 100644
--- a/packages/pl-fe/src/modals/edit-announcement-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-announcement-modal.tsx
@@ -1,12 +1,10 @@
 import React, { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
+import List, { ListItem } from '@/components/list';
 import Form from '@/components/ui/form';
 import FormGroup from '@/components/ui/form-group';
-import HStack from '@/components/ui/hstack';
 import Modal from '@/components/ui/modal';
-import Stack from '@/components/ui/stack';
-import Text from '@/components/ui/text';
 import Textarea from '@/components/ui/textarea';
 import Toggle from '@/components/ui/toggle';
 import { DatePicker } from '@/features/ui/util/async-components';
@@ -186,23 +184,24 @@ const EditAnnouncementModal: React.FC<BaseModalProps & EditAnnouncementModalProp
             isClearable
           />
         </FormGroup>
-        <HStack alignItems='center' space={2}>
-          <Toggle checked={allDay} onChange={onChangeAllDay} />
-          <Stack>
-            <Text tag='span' theme='muted'>
+        <List>
+          <ListItem
+            label={
               <FormattedMessage
                 id='admin.edit_announcement.fields.all_day_label'
                 defaultMessage='All-day event'
               />
-            </Text>
-            <Text size='xs' tag='span' theme='muted'>
+            }
+            hint={
               <FormattedMessage
                 id='admin.edit_announcement.fields.all_day_hint'
                 defaultMessage='When checked, only the dates of the time range will be displayed'
               />
-            </Text>
-          </Stack>
-        </HStack>
+            }
+          >
+            <Toggle checked={allDay} onChange={onChangeAllDay} />
+          </ListItem>
+        </List>
       </Form>
     </Modal>
   );
diff --git a/packages/pl-fe/src/modals/edit-domain-modal.tsx b/packages/pl-fe/src/modals/edit-domain-modal.tsx
index fbe774cae..41851df89 100644
--- a/packages/pl-fe/src/modals/edit-domain-modal.tsx
+++ b/packages/pl-fe/src/modals/edit-domain-modal.tsx
@@ -1,13 +1,11 @@
 import React, { useState } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
+import List, { ListItem } from '@/components/list';
 import Form from '@/components/ui/form';
 import FormGroup from '@/components/ui/form-group';
-import HStack from '@/components/ui/hstack';
 import Input from '@/components/ui/input';
 import Modal from '@/components/ui/modal';
-import Stack from '@/components/ui/stack';
-import Text from '@/components/ui/text';
 import Toggle from '@/components/ui/toggle';
 import { useDomains } from '@/queries/admin/use-domains';
 import toast from '@/toast';
@@ -107,28 +105,29 @@ const EditDomainModal: React.FC<BaseModalProps & EditDomainModalProps> = ({
             disabled={!!domainId}
           />
         </FormGroup>
-        <HStack alignItems='center' space={2}>
-          <Toggle
-            checked={isPublic}
-            onChange={({ target }) => {
-              setPublic(target.checked);
-            }}
-          />
-          <Stack>
-            <Text tag='span' theme='muted'>
+        <List>
+          <ListItem
+            label={
               <FormattedMessage
                 id='admin.edit_domain.fields.public_label'
                 defaultMessage='Public'
               />
-            </Text>
-            <Text size='xs' tag='span' theme='muted'>
+            }
+            hint={
               <FormattedMessage
                 id='admin.edit_domain.fields.public_hint'
                 defaultMessage='When checked, everyone can sign up for an username with this domain'
               />
-            </Text>
-          </Stack>
-        </HStack>
+            }
+          >
+            <Toggle
+              checked={isPublic}
+              onChange={({ target }) => {
+                setPublic(target.checked);
+              }}
+            />
+          </ListItem>
+        </List>
       </Form>
     </Modal>
   );

From 7d7444c2a5d3c28aff6086a19683cdabda6e3ac3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 16:40:18 +0100
Subject: [PATCH 61/74] nicolium: icon picker accessibility
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../components/icon-picker-menu.tsx           | 80 +++++++++++++++----
 1 file changed, 64 insertions(+), 16 deletions(-)

diff --git a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
index b8ac1f185..479d6e098 100644
--- a/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
+++ b/packages/pl-fe/src/features/pl-fe-config/components/icon-picker-menu.tsx
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React from 'react';
+import React, { useEffect } from 'react';
 import { FormattedMessage, defineMessages, useIntl } from 'react-intl';
 
 import Text from '@/components/ui/text';
@@ -14,25 +14,72 @@ interface IIconPickerMenu {
   style?: React.CSSProperties;
 }
 
-const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) => {
+const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick }) => {
   const intl = useIntl();
+  const containerNode = React.useRef<HTMLDivElement>(null);
 
-  const setRef = (c: HTMLDivElement) => {
-    if (!c) return;
-
-    // Nice and dirty hack to display the icons
-    c.querySelectorAll('button.emoji-mart-emoji > img').forEach((elem) => {
-      const newIcon = document.createElement('span');
-      newIcon.innerHTML = `<i class="fa fa-${(elem.parentNode as any).getAttribute('title')} fa-hack"></i>`;
-      (elem.parentNode as any).replaceChild(newIcon, elem);
-    });
-  };
+  useEffect(() => {
+    const firstButton = containerNode.current?.querySelector('button') as HTMLButtonElement;
+    firstButton?.focus();
+  }, [containerNode.current]);
 
   const handleClick = (icon: string) => {
     onPick(icon);
   };
 
-  const renderIcon = (icon: string) => {
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    const target = e.target as HTMLButtonElement;
+    const icon = target.dataset.index;
+
+    const focus = (index: number) => {
+      if (index < 0) {
+        index = Object.values(icons).flat().length - 1;
+      } else if (index >= Object.values(icons).flat().length) {
+        index = 0;
+      }
+      const button = target.parentElement?.parentElement?.querySelector(
+        `button[data-index="${index}"]`,
+      ) as HTMLButtonElement;
+      button?.focus();
+
+      e.preventDefault();
+      e.stopPropagation();
+    };
+    switch (e.key) {
+      case 'Enter':
+        if (icon) {
+          handleClick(icon);
+          e.preventDefault();
+          e.stopPropagation();
+        }
+        break;
+      case 'ArrowLeft':
+        focus(Number(target.dataset.index) - 1);
+        break;
+      case 'ArrowRight':
+        focus(Number(target.dataset.index) + 1);
+        break;
+      case 'ArrowUp':
+        focus(Number(target.dataset.index) - 8);
+        break;
+      case 'ArrowDown':
+        focus(Number(target.dataset.index) + 8);
+        break;
+      case 'Tab':
+        focus(Number(target.dataset.index) + (e.shiftKey ? -1 : 1));
+        break;
+      case 'Home':
+        focus(0);
+        break;
+      case 'End':
+        focus(Object.values(icons).flat().length - 1);
+        break;
+      default:
+        break;
+    }
+  };
+
+  const renderIcon = (icon: string, index: number) => {
     const name = icon.replace('fa fa-', '');
 
     return (
@@ -44,6 +91,7 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
           onClick={() => {
             handleClick(name);
           }}
+          data-index={index}
         >
           <i className={clsx(icon, 'size-[1.375rem] text-lg leading-[1.15]')} />
         </button>
@@ -57,15 +105,15 @@ const IconPickerMenu: React.FC<IIconPickerMenu> = ({ icons, onPick, style }) =>
     <div
       className='h-[270px] overflow-x-hidden overflow-y-scroll rounded bg-white p-1.5 text-gray-900 dark:bg-primary-900 dark:text-gray-100'
       aria-label={title}
-      ref={setRef}
+      ref={containerNode}
     >
       <Text className='px-1.5 py-1'>
         <FormattedMessage id='icon_button.icons' defaultMessage='Icons' />
       </Text>
-      <ul className='grid grid-cols-8'>
+      <ul className='grid grid-cols-8' onKeyDown={handleKeyDown}>
         {Object.values(icons)
           .flat()
-          .map((icon) => renderIcon(icon))}
+          .map((icon, index) => renderIcon(icon, index))}
       </ul>
     </div>
   );

From 58b07cdcb31e8765a93a75c11a150a3db6d8b4d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 16:43:02 +0100
Subject: [PATCH 62/74] nicolium: why is this ring-0!important lol
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/components/authorize-reject-buttons.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/components/authorize-reject-buttons.tsx b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
index d6e4ccaf0..89051ab03 100644
--- a/packages/pl-fe/src/components/authorize-reject-buttons.tsx
+++ b/packages/pl-fe/src/components/authorize-reject-buttons.tsx
@@ -185,7 +185,7 @@ const AuthorizeRejectButton: React.FC<IAuthorizeRejectButton> = ({
         src={isLoading ? require('@phosphor-icons/core/fill/stop-fill.svg') : icon}
         onClick={action}
         theme='seamless'
-        className='size-10 items-center justify-center bg-white focus:!ring-0 dark:!bg-gray-900'
+        className='size-10 items-center justify-center bg-white dark:!bg-gray-900'
         iconClassName={clsx('size-6', {
           'text-primary-500': theme === 'primary',
           'text-danger-600': theme === 'danger',

From 1b51d3fe92d035f1dd1d476e96acf175e549c1f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 21:51:44 +0100
Subject: [PATCH 63/74] nicolium: extend antenna editor
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json            |  17 ++
 .../pl-fe/src/modals/antenna-editor-modal.tsx | 182 ++++++++++++++++--
 2 files changed, 181 insertions(+), 18 deletions(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 599e08029..534d80dd2 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -260,13 +260,30 @@
   "alt_text_modal.saving_failed": "Failed to save alt text",
   "announcements.title": "Announcements",
   "antennas.create": "Create antenna",
+  "antennas.create.error": "Error creating antenna",
   "antennas.create.save": "Create antenna",
+  "antennas.create.success": "Antenna created successfully",
   "antennas.delete": "Delete antenna",
   "antennas.edit": "Edit antenna",
+  "antennas.edit.destination": "Destination",
+  "antennas.edit.destination.antenna": "Antenna timeline only",
+  "antennas.edit.destination.home": "Insert to home timeline",
+  "antennas.edit.destination.list": "Insert to list",
   "antennas.edit.error": "Error updating antenna",
+  "antennas.edit.favourite": "Favourite",
+  "antennas.edit.favourite.hint": "The antenna will be marked as favourite (not used by Nicolium yet)",
+  "antennas.edit.ignore_reblogs": "Ignore reblogs",
+  "antennas.edit.ignore_reblogs.hint": "Reblogs will not be included in the antenna",
+  "antennas.edit.mode": "Mode",
+  "antennas.edit.mode.filtering": "Filtering",
+  "antennas.edit.mode.ltl": "Local timeline mode",
+  "antennas.edit.mode.stl": "Social timeline mode",
   "antennas.edit.save": "Save antenna",
   "antennas.edit.success": "Antenna updated successfully",
   "antennas.edit.title": "Antenna title",
+  "antennas.edit.with_media_only": "Media only",
+  "antennas.edit.with_media_only.hint": "Only include posts with media attachments",
+  "antennas.manage_accounts": "Manage antenna accounts",
   "antennas.new.create": "Add antenna",
   "antennas.subheading": "Your antennas",
   "app_create.name_label": "App name",
diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 811317fec..3e7b6ed4e 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -1,6 +1,7 @@
-import React, { useState } from 'react';
+import React, { useMemo, useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
+import List, { ListItem } from '@/components/list';
 import Button from '@/components/ui/button';
 import Form from '@/components/ui/form';
 import FormActions from '@/components/ui/form-actions';
@@ -8,7 +9,10 @@ import FormGroup from '@/components/ui/form-group';
 import Input from '@/components/ui/input';
 import Modal from '@/components/ui/modal';
 import Spinner from '@/components/ui/spinner';
+import Toggle from '@/components/ui/toggle';
+import { SelectDropdown } from '@/features/forms';
 import { useAntenna, useCreateAntenna, useUpdateAntenna } from '@/queries/accounts/use-antennas';
+import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
@@ -16,15 +20,18 @@ import type { BaseModalProps } from '@/features/ui/components/modal-root';
 type Tab = 'info' | 'accounts' | 'excludedAccounts';
 
 const messages = defineMessages({
-  success: { id: 'antennas.edit.success', defaultMessage: 'Antenna updated successfully' },
-  error: { id: 'antennas.edit.error', defaultMessage: 'Error updating antenna' },
+  createSuccess: { id: 'antennas.create.success', defaultMessage: 'Antenna created successfully' },
+  editSuccess: { id: 'antennas.edit.success', defaultMessage: 'Antenna updated successfully' },
+  createError: { id: 'antennas.create.error', defaultMessage: 'Error creating antenna' },
+  editError: { id: 'antennas.edit.error', defaultMessage: 'Error updating antenna' },
 });
 
-interface IAntennaMembersForm {
-  antennaId?: string;
+interface IAntennaAccountsForm {
+  antennaId: string;
+  excluded?: boolean;
 }
 
-const AntennaMembersForm: React.FC<IAntennaMembersForm> = () => null;
+const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = () => null;
 
 interface IEditAntennaForm {
   antennaId?: string;
@@ -34,6 +41,7 @@ interface IEditAntennaForm {
 
 const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange }) => {
   const intl = useIntl();
+  const { closeModal } = useModalsActions();
 
   const { data: antenna } = useAntenna(antennaId);
   const { mutate: updateAntenna, isPending: updateDisabled } = useUpdateAntenna(antennaId!);
@@ -42,6 +50,13 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
   const disabled = antennaId ? updateDisabled : createDisabled;
 
   const [title, setTitle] = useState(antenna ? antenna.title : '');
+  const [ltl, setLtl] = useState(antenna ? antenna.ltl : false);
+  const [stl, setStl] = useState(antenna ? antenna.stl : false);
+  const [insertFeeds, setInsertFeeds] = useState(antenna ? antenna.insert_feeds : false);
+  const [withMediaOnly, setWithMediaOnly] = useState(antenna ? antenna.with_media_only : false);
+  const [ignoreReblog, setIgnoreReblog] = useState(antenna ? antenna.ignore_reblog : false);
+  const [favourite, setFavourite] = useState(antenna ? antenna.favourite : false);
+  const [listId, setListId] = useState(antenna?.list?.id || undefined);
 
   const handleSubmit: React.FormEventHandler = (e) => {
     e.preventDefault();
@@ -50,13 +65,25 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
 
   const handleUpdate = () => {
     (antennaId ? updateAntenna : createAntenna)(
-      { title },
+      {
+        title,
+        stl,
+        ltl,
+        insert_feeds: insertFeeds,
+        with_media_only: withMediaOnly,
+        ignore_reblog: ignoreReblog,
+        favourite,
+        list_id: listId,
+      },
       {
         onSuccess: () => {
-          toast.success(intl.formatMessage(messages.success));
+          toast.success(
+            intl.formatMessage(antennaId ? messages.editSuccess : messages.createSuccess),
+          );
+          closeModal('ANTENNA_EDITOR');
         },
         onError: () => {
-          toast.error(intl.formatMessage(messages.error));
+          toast.error(intl.formatMessage(antennaId ? messages.editError : messages.createError));
         },
       },
     );
@@ -76,6 +103,114 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
           }}
         />
       </FormGroup>
+      <FormGroup labelText={<FormattedMessage id='antennas.edit.mode' defaultMessage='Mode' />}>
+        <SelectDropdown
+          items={{
+            stl: intl.formatMessage({
+              id: 'antennas.edit.mode.stl',
+              defaultMessage: 'Social timeline mode',
+            }),
+            ltl: intl.formatMessage({
+              id: 'antennas.edit.mode.ltl',
+              defaultMessage: 'Local timeline mode',
+            }),
+            filtering: intl.formatMessage({
+              id: 'antennas.edit.mode.filtering',
+              defaultMessage: 'Filtering',
+            }),
+          }}
+          defaultValue={stl ? 'stl' : ltl ? 'ltl' : 'filtering'}
+          onChange={(e) => {
+            const value = e.target.value;
+            setStl(value === 'stl');
+            setLtl(value === 'ltl');
+          }}
+        />
+      </FormGroup>
+      <FormGroup
+        labelText={<FormattedMessage id='antennas.edit.destination' defaultMessage='Destination' />}
+      >
+        <SelectDropdown
+          items={{
+            home: intl.formatMessage({
+              id: 'antennas.edit.destination.home',
+              defaultMessage: 'Insert to home timeline',
+            }),
+            list: intl.formatMessage({
+              id: 'antennas.edit.destination.list',
+              defaultMessage: 'Insert to list',
+            }),
+            antenna: intl.formatMessage({
+              id: 'antennas.edit.destination.antenna',
+              defaultMessage: 'Antenna timeline only',
+            }),
+          }}
+          defaultValue={insertFeeds ? 'home' : listId ? 'list' : 'antenna'}
+          onChange={(e) => {
+            const value = e.target.value;
+            setInsertFeeds(value === 'home');
+            if (value === 'list') {
+              setListId(''); // TODO: add list selection
+            } else {
+              setListId(undefined);
+            }
+          }}
+        />
+      </FormGroup>
+      <List>
+        <ListItem
+          label={
+            <FormattedMessage id='antennas.edit.with_media_only' defaultMessage='Media only' />
+          }
+          hint={
+            <FormattedMessage
+              id='antennas.edit.with_media_only.hint'
+              defaultMessage='Only include posts with media attachments'
+            />
+          }
+        >
+          <Toggle checked={withMediaOnly} onChange={(e) => setWithMediaOnly(e.target.checked)} />
+        </ListItem>
+        <ListItem
+          label={
+            <FormattedMessage id='antennas.edit.ignore_reblogs' defaultMessage='Ignore reblogs' />
+          }
+          hint={
+            <FormattedMessage
+              id='antennas.edit.ignore_reblogs.hint'
+              defaultMessage='Reblogs will not be included in the antenna'
+            />
+          }
+        >
+          <Toggle checked={ignoreReblog} onChange={(e) => setIgnoreReblog(e.target.checked)} />
+        </ListItem>
+        <ListItem
+          label={<FormattedMessage id='antennas.edit.favourite' defaultMessage='Favourite' />}
+          hint={
+            <FormattedMessage
+              id='antennas.edit.favourite.hint'
+              defaultMessage='The antenna will be marked as favourite (not used by Nicolium yet)'
+            />
+          }
+        >
+          <Toggle checked={favourite} onChange={(e) => setFavourite(e.target.checked)} />
+        </ListItem>
+        {antennaId && (
+          <>
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='antennas.manage_accounts'
+                  defaultMessage='Manage antenna accounts'
+                />
+              }
+              onClick={() => {
+                onTabChange('accounts');
+              }}
+            />
+          </>
+        )}
+      </List>
       <FormActions>
         <Button onClick={handleUpdate} disabled={disabled}>
           {antennaId ? (
@@ -106,6 +241,25 @@ const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = (
     onClose('ANTENNA_EDITOR');
   };
 
+  const tabContent = useMemo(() => {
+    if (!isFetched) {
+      return <Spinner />;
+    }
+
+    switch (tab) {
+      case 'info':
+        return (
+          <EditAntennaForm antennaId={antennaId} setAntennaId={setAntennaId} onTabChange={setTab} />
+        );
+      case 'accounts':
+        return <AntennaAccountsForm antennaId={antennaId!} />;
+      case 'excludedAccounts':
+        return <AntennaAccountsForm antennaId={antennaId!} excluded />;
+      default:
+        return null;
+    }
+  }, [tab, antennaId, isFetched]);
+
   return (
     <Modal
       title={
@@ -124,15 +278,7 @@ const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = (
             }
       }
     >
-      {isFetched ? (
-        tab === 'info' ? (
-          <EditAntennaForm antennaId={antennaId} setAntennaId={setAntennaId} onTabChange={setTab} />
-        ) : (
-          <AntennaMembersForm antennaId={antennaId} />
-        )
-      ) : (
-        <Spinner />
-      )}
+      {tabContent}
     </Modal>
   );
 };

From 2f6436989e7ed50ba45a580de5245598294051e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 21:53:17 +0100
Subject: [PATCH 64/74] pl-api: i've pretty sure done this before
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-api/lib/client.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/pl-api/lib/client.ts b/packages/pl-api/lib/client.ts
index 2e252ea4b..d8d0f1a20 100644
--- a/packages/pl-api/lib/client.ts
+++ b/packages/pl-api/lib/client.ts
@@ -6398,10 +6398,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    addAntennaTag: async (antennaId: string, tag: string) => {
+    addAntennaTags: async (antennaId: string, tags: Array<string>) => {
       const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/tags`, {
         method: 'POST',
-        body: { tags: [tag] },
+        body: { tags },
       });
 
       return response.json;
@@ -6410,10 +6410,10 @@ class PlApiClient {
     /**
      * Requires features{@link Features.antennas}.
      */
-    removeAntennaTag: async (antennaId: string, tag: string) => {
+    removeAntennaTags: async (antennaId: string, tags: Array<string>) => {
       const response = await this.request<EmptyObject>(`/api/v1/antennas/${antennaId}/tags`, {
         method: 'DELETE',
-        body: { tags: [tag] },
+        body: { tags },
       });
 
       return response.json;

From acf45b2be95e8944d6f13b61c3c322baf55b6295 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 21:57:51 +0100
Subject: [PATCH 65/74] nicolium: i've pretty sure done this before as well
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../src/queries/accounts/use-antennas.ts      | 177 ++++++++++++++++++
 1 file changed, 177 insertions(+)

diff --git a/packages/pl-fe/src/queries/accounts/use-antennas.ts b/packages/pl-fe/src/queries/accounts/use-antennas.ts
index 1bf7e7d26..068c705b9 100644
--- a/packages/pl-fe/src/queries/accounts/use-antennas.ts
+++ b/packages/pl-fe/src/queries/accounts/use-antennas.ts
@@ -128,6 +128,168 @@ const useRemoveExcludedAccountsFromAntenna = (antennaId: string) => {
   });
 };
 
+const useAntennaDomains = (antennaId: string) => {
+  const client = useClient();
+
+  return useQuery({
+    queryKey: ['antennas', antennaId, 'domains'],
+    queryFn: () => client.antennas.getAntennaDomains(antennaId),
+  });
+};
+
+const useAddDomainsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'domains', 'add'],
+    mutationFn: (domains: Array<string>) => client.antennas.addAntennaDomains(antennaId, domains),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'domains'] }),
+  });
+};
+
+const useRemoveDomainsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'domains', 'remove'],
+    mutationFn: (domains: Array<string>) =>
+      client.antennas.removeAntennaDomains(antennaId, domains),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'domains'] }),
+  });
+};
+
+const useAddExcludedDomainsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'domains', 'addExcluded'],
+    mutationFn: (domains: Array<string>) =>
+      client.antennas.addAntennaExcludedDomains(antennaId, domains),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'domains'] }),
+  });
+};
+
+const useRemoveExcludedDomainsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'domains', 'removeExcluded'],
+    mutationFn: (domains: Array<string>) =>
+      client.antennas.removeAntennaExcludedDomains(antennaId, domains),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'domains'] }),
+  });
+};
+
+const useAntennaKeywords = (antennaId: string) => {
+  const client = useClient();
+
+  return useQuery({
+    queryKey: ['antennas', antennaId, 'keywords'],
+    queryFn: () => client.antennas.getAntennaKeywords(antennaId),
+  });
+};
+
+const useAddKeywordsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'keywords', 'add'],
+    mutationFn: (keywords: Array<string>) =>
+      client.antennas.addAntennaKeywords(antennaId, keywords),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'keywords'] }),
+  });
+};
+
+const useRemoveKeywordsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'keywords', 'remove'],
+    mutationFn: (keywords: Array<string>) =>
+      client.antennas.removeAntennaKeywords(antennaId, keywords),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'keywords'] }),
+  });
+};
+
+const useAddExcludedKeywordsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'keywords', 'addExcluded'],
+    mutationFn: (keywords: Array<string>) =>
+      client.antennas.addAntennaExcludedKeywords(antennaId, keywords),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'keywords'] }),
+  });
+};
+
+const useRemoveExcludedKeywordsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'keywords', 'removeExcluded'],
+    mutationFn: (keywords: Array<string>) =>
+      client.antennas.removeAntennaExcludedKeywords(antennaId, keywords),
+    onSettled: () =>
+      queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'keywords'] }),
+  });
+};
+
+const useAntennaTags = (antennaId: string) => {
+  const client = useClient();
+
+  return useQuery({
+    queryKey: ['antennas', antennaId, 'tags'],
+    queryFn: () => client.antennas.getAntennaTags(antennaId),
+  });
+};
+
+const useAddTagsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'tags', 'add'],
+    mutationFn: (tags: Array<string>) => client.antennas.addAntennaTags(antennaId, tags),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'tags'] }),
+  });
+};
+
+const useRemoveTagsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'tags', 'remove'],
+    mutationFn: (tags: Array<string>) => client.antennas.removeAntennaTags(antennaId, tags),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'tags'] }),
+  });
+};
+
+const useAddExcludedTagsToAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'tags', 'addExcluded'],
+    mutationFn: (tags: Array<string>) => client.antennas.addAntennaExcludedTags(antennaId, tags),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'tags'] }),
+  });
+};
+
+const useRemoveExcludedTagsFromAntenna = (antennaId: string) => {
+  const client = useClient();
+
+  return useMutation({
+    mutationKey: ['antennas', antennaId, 'tags', 'removeExcluded'],
+    mutationFn: (tags: Array<string>) => client.antennas.removeAntennaExcludedTags(antennaId, tags),
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['antennas', antennaId, 'tags'] }),
+  });
+};
+
 export {
   useAntennas,
   useAntenna,
@@ -140,4 +302,19 @@ export {
   useAntennaExcludedAccounts,
   useAddExcludedAccountsToAntenna,
   useRemoveExcludedAccountsFromAntenna,
+  useAntennaDomains,
+  useAddDomainsToAntenna,
+  useRemoveDomainsFromAntenna,
+  useAddExcludedDomainsToAntenna,
+  useRemoveExcludedDomainsFromAntenna,
+  useAntennaKeywords,
+  useAddKeywordsToAntenna,
+  useRemoveKeywordsFromAntenna,
+  useAddExcludedKeywordsToAntenna,
+  useRemoveExcludedKeywordsFromAntenna,
+  useAntennaTags,
+  useAddTagsToAntenna,
+  useRemoveTagsFromAntenna,
+  useAddExcludedTagsToAntenna,
+  useRemoveExcludedTagsFromAntenna,
 };

From 2fe0f157d18832e8a4f032a1e977d6d6518f1bd6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:01:28 +0100
Subject: [PATCH 66/74] nicolium: allow managing antenna accounts
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json            |   7 +
 .../pl-fe/src/modals/antenna-editor-modal.tsx | 139 +++++++++++++++++-
 2 files changed, 144 insertions(+), 2 deletions(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 534d80dd2..25c5354bd 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -259,6 +259,10 @@
   "alt_text_modal.header": "Add alt text",
   "alt_text_modal.saving_failed": "Failed to save alt text",
   "announcements.title": "Announcements",
+  "antennas.account.add": "Add to antenna",
+  "antennas.account.excluded.add": "Add to excluded accounts",
+  "antennas.account.excluded.remove": "Remove from excluded accounts",
+  "antennas.account.remove": "Remove from antenna",
   "antennas.create": "Create antenna",
   "antennas.create.error": "Error creating antenna",
   "antennas.create.save": "Create antenna",
@@ -284,6 +288,7 @@
   "antennas.edit.with_media_only": "Media only",
   "antennas.edit.with_media_only.hint": "Only include posts with media attachments",
   "antennas.manage_accounts": "Manage antenna accounts",
+  "antennas.manage_excluded_accounts": "Manage excluded accounts",
   "antennas.new.create": "Add antenna",
   "antennas.subheading": "Your antennas",
   "app_create.name_label": "App name",
@@ -914,6 +919,8 @@
   "empty_column.aliases": "You haven't created any account alias yet.",
   "empty_column.aliases.suggestions": "There are no account suggestions available for the provided term.",
   "empty_column.antenna": "There is nothing in this antenna yet. When posts matching the criteria will be created, they will appear here.",
+  "empty_column.antenna_accounts": "There are no accounts in this antenna. Use search to find users to add.",
+  "empty_column.antenna_excluded_accounts": "There are no excluded accounts in this antenna. Use search to find users to exclude.",
   "empty_column.antennas": "You don't have any antennas yet. When you create one, it will show up here.",
   "empty_column.blocks": "You haven't blocked any users yet.",
   "empty_column.bookmarks": "You don't have any bookmarks yet. When you add one, it will show up here.",
diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 3e7b6ed4e..910d200d5 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -3,18 +3,35 @@ import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import List, { ListItem } from '@/components/list';
 import Button from '@/components/ui/button';
+import { CardHeader, CardTitle } from '@/components/ui/card';
 import Form from '@/components/ui/form';
 import FormActions from '@/components/ui/form-actions';
 import FormGroup from '@/components/ui/form-group';
 import Input from '@/components/ui/input';
 import Modal from '@/components/ui/modal';
 import Spinner from '@/components/ui/spinner';
+import Stack from '@/components/ui/stack';
+import Text from '@/components/ui/text';
 import Toggle from '@/components/ui/toggle';
 import { SelectDropdown } from '@/features/forms';
-import { useAntenna, useCreateAntenna, useUpdateAntenna } from '@/queries/accounts/use-antennas';
+import {
+  useAddAccountsToAntenna,
+  useAddExcludedAccountsToAntenna,
+  useAntenna,
+  useAntennaAccounts,
+  useAntennaExcludedAccounts,
+  useCreateAntenna,
+  useRemoveAccountsFromAntenna,
+  useRemoveExcludedAccountsFromAntenna,
+  useUpdateAntenna,
+} from '@/queries/accounts/use-antennas';
+import { useAccountSearch } from '@/queries/search/use-search-accounts';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
 
+import Account from './list-editor-modal/components/account';
+import Search from './list-editor-modal/components/search';
+
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
 type Tab = 'info' | 'accounts' | 'excludedAccounts';
@@ -24,6 +41,16 @@ const messages = defineMessages({
   editSuccess: { id: 'antennas.edit.success', defaultMessage: 'Antenna updated successfully' },
   createError: { id: 'antennas.create.error', defaultMessage: 'Error creating antenna' },
   editError: { id: 'antennas.edit.error', defaultMessage: 'Error updating antenna' },
+  addToAntenna: { id: 'antennas.account.add', defaultMessage: 'Add to antenna' },
+  removeFromAntenna: { id: 'antennas.account.remove', defaultMessage: 'Remove from antenna' },
+  addExcludedToAntenna: {
+    id: 'antennas.account.excluded.add',
+    defaultMessage: 'Add to excluded accounts',
+  },
+  removeExcludedFromAntenna: {
+    id: 'antennas.account.excluded.remove',
+    defaultMessage: 'Remove from excluded accounts',
+  },
 });
 
 interface IAntennaAccountsForm {
@@ -31,7 +58,104 @@ interface IAntennaAccountsForm {
   excluded?: boolean;
 }
 
-const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = () => null;
+const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, excluded = false }) => {
+  const intl = useIntl();
+
+  const [searchValue, setSearchValue] = useState('');
+
+  const { data: accountIds = [] } = useAntennaAccounts(antennaId);
+  const { data: excludedAccountIds = [] } = useAntennaExcludedAccounts(antennaId);
+  const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
+    following: true,
+    limit: 5,
+  });
+
+  const { mutate: addToAntenna } = useAddAccountsToAntenna(antennaId);
+  const { mutate: removeFromAntenna } = useRemoveAccountsFromAntenna(antennaId);
+  const { mutate: addToExcludedAntenna } = useAddExcludedAccountsToAntenna(antennaId);
+  const { mutate: removeFromExcludedAntenna } = useRemoveExcludedAccountsFromAntenna(antennaId);
+
+  const selectedAccountIds = excluded ? excludedAccountIds : accountIds;
+
+  const onAdd = (accountId: string) => {
+    if (excluded) {
+      addToExcludedAntenna([accountId]);
+    } else {
+      addToAntenna([accountId]);
+    }
+  };
+
+  const onRemove = (accountId: string) => {
+    if (excluded) {
+      removeFromExcludedAntenna([accountId]);
+    } else {
+      removeFromAntenna([accountId]);
+    }
+  };
+
+  return (
+    <Stack space={2}>
+      {selectedAccountIds.length > 0 ? (
+        <div>
+          <CardHeader>
+            <CardTitle
+              title={intl.formatMessage(
+                excluded ? messages.removeExcludedFromAntenna : messages.removeFromAntenna,
+              )}
+            />
+          </CardHeader>
+          <div className='max-h-48 overflow-y-auto'>
+            {selectedAccountIds.map((accountId) => (
+              <Account
+                key={accountId}
+                accountId={accountId}
+                added={selectedAccountIds.includes(accountId)}
+                onAdd={onAdd}
+                onRemove={onRemove}
+              />
+            ))}
+          </div>
+        </div>
+      ) : (
+        <Text theme='muted' size='sm'>
+          {excluded ? (
+            <FormattedMessage
+              id='empty_column.antenna_excluded_accounts'
+              defaultMessage='There are no excluded accounts in this antenna. Use search to find users to exclude.'
+            />
+          ) : (
+            <FormattedMessage
+              id='empty_column.antenna_accounts'
+              defaultMessage='There are no accounts in this antenna. Use search to find users to add.'
+            />
+          )}
+        </Text>
+      )}
+
+      <div>
+        <CardHeader>
+          <CardTitle
+            title={intl.formatMessage(
+              excluded ? messages.addExcludedToAntenna : messages.addToAntenna,
+            )}
+          />
+        </CardHeader>
+        <Search value={searchValue} onSubmit={setSearchValue} />
+        <div className='max-h-48 overflow-y-auto'>
+          {searchAccountIds.map((accountId) => (
+            <Account
+              key={accountId}
+              accountId={accountId}
+              added={selectedAccountIds.includes(accountId)}
+              onAdd={onAdd}
+              onRemove={onRemove}
+            />
+          ))}
+        </div>
+      </div>
+    </Stack>
+  );
+};
 
 interface IEditAntennaForm {
   antennaId?: string;
@@ -208,6 +332,17 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
                 onTabChange('accounts');
               }}
             />
+            <ListItem
+              label={
+                <FormattedMessage
+                  id='antennas.manage_excluded_accounts'
+                  defaultMessage='Manage excluded accounts'
+                />
+              }
+              onClick={() => {
+                onTabChange('excludedAccounts');
+              }}
+            />
           </>
         )}
       </List>

From e9e7363bfdf0f96f76b09c325c157a3a5839f5fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:24:06 +0100
Subject: [PATCH 67/74] nicolium: full? antenna management
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json            |  25 ++
 .../pl-fe/src/modals/antenna-editor-modal.tsx | 382 +++++++++++++++++-
 2 files changed, 386 insertions(+), 21 deletions(-)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 25c5354bd..3d9064edc 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -268,6 +268,11 @@
   "antennas.create.save": "Create antenna",
   "antennas.create.success": "Antenna created successfully",
   "antennas.delete": "Delete antenna",
+  "antennas.domain.add": "Add domain",
+  "antennas.domain.excluded.add": "Add excluded domain",
+  "antennas.domain.remove": "Remove domain",
+  "antennas.domains": "Domains",
+  "antennas.domains.excluded": "Excluded domains",
   "antennas.edit": "Edit antenna",
   "antennas.edit.destination": "Destination",
   "antennas.edit.destination.antenna": "Antenna timeline only",
@@ -287,10 +292,23 @@
   "antennas.edit.title": "Antenna title",
   "antennas.edit.with_media_only": "Media only",
   "antennas.edit.with_media_only.hint": "Only include posts with media attachments",
+  "antennas.keyword.add": "Add keyword",
+  "antennas.keyword.excluded.add": "Add excluded keyword",
+  "antennas.keyword.remove": "Remove keyword",
+  "antennas.keywords": "Keywords",
+  "antennas.keywords.excluded": "Excluded keywords",
   "antennas.manage_accounts": "Manage antenna accounts",
+  "antennas.manage_domains": "Manage domains",
   "antennas.manage_excluded_accounts": "Manage excluded accounts",
+  "antennas.manage_keywords": "Manage keywords",
+  "antennas.manage_tags": "Manage tags",
   "antennas.new.create": "Add antenna",
   "antennas.subheading": "Your antennas",
+  "antennas.tag.add": "Add tag",
+  "antennas.tag.excluded.add": "Add excluded tag",
+  "antennas.tag.remove": "Remove tag",
+  "antennas.tags": "Tags",
+  "antennas.tags.excluded": "Excluded tags",
   "app_create.name_label": "App name",
   "app_create.name_placeholder": "e.g. 'pl-fe'",
   "app_create.redirect_uri_label": "Redirect URIs",
@@ -538,6 +556,7 @@
   "column.wrenched": "Recent wrenches timeline",
   "column_forbidden.body": "You do not have permission to access this page.",
   "column_forbidden.title": "Forbidden",
+  "common.add": "Add",
   "common.cancel": "Cancel",
   "compare_history_modal.header": "Edit history",
   "compose.character_counter.title": "Used {chars} out of {maxChars} {maxChars, plural, one {character} other {characters}}",
@@ -920,7 +939,13 @@
   "empty_column.aliases.suggestions": "There are no account suggestions available for the provided term.",
   "empty_column.antenna": "There is nothing in this antenna yet. When posts matching the criteria will be created, they will appear here.",
   "empty_column.antenna_accounts": "There are no accounts in this antenna. Use search to find users to add.",
+  "empty_column.antenna_domains": "There are no domains in this antenna. Add one below.",
   "empty_column.antenna_excluded_accounts": "There are no excluded accounts in this antenna. Use search to find users to exclude.",
+  "empty_column.antenna_excluded_domains": "There are no excluded domains in this antenna. Add one below.",
+  "empty_column.antenna_excluded_keywords": "There are no excluded keywords in this antenna. Add one below.",
+  "empty_column.antenna_excluded_tags": "There are no excluded tags in this antenna. Add one below.",
+  "empty_column.antenna_keywords": "There are no keywords in this antenna. Add one below.",
+  "empty_column.antenna_tags": "There are no tags in this antenna. Add one below.",
   "empty_column.antennas": "You don't have any antennas yet. When you create one, it will show up here.",
   "empty_column.blocks": "You haven't blocked any users yet.",
   "empty_column.bookmarks": "You don't have any bookmarks yet. When you add one, it will show up here.",
diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 910d200d5..ecc827047 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -7,6 +7,8 @@ import { CardHeader, CardTitle } from '@/components/ui/card';
 import Form from '@/components/ui/form';
 import FormActions from '@/components/ui/form-actions';
 import FormGroup from '@/components/ui/form-group';
+import HStack from '@/components/ui/hstack';
+import IconButton from '@/components/ui/icon-button';
 import Input from '@/components/ui/input';
 import Modal from '@/components/ui/modal';
 import Spinner from '@/components/ui/spinner';
@@ -16,13 +18,28 @@ import Toggle from '@/components/ui/toggle';
 import { SelectDropdown } from '@/features/forms';
 import {
   useAddAccountsToAntenna,
+  useAddDomainsToAntenna,
   useAddExcludedAccountsToAntenna,
+  useAddExcludedDomainsToAntenna,
+  useAddExcludedKeywordsToAntenna,
+  useAddExcludedTagsToAntenna,
+  useAddKeywordsToAntenna,
+  useAddTagsToAntenna,
   useAntenna,
   useAntennaAccounts,
+  useAntennaDomains,
   useAntennaExcludedAccounts,
+  useAntennaKeywords,
+  useAntennaTags,
   useCreateAntenna,
+  useRemoveDomainsFromAntenna,
   useRemoveAccountsFromAntenna,
+  useRemoveExcludedDomainsFromAntenna,
   useRemoveExcludedAccountsFromAntenna,
+  useRemoveExcludedKeywordsFromAntenna,
+  useRemoveExcludedTagsFromAntenna,
+  useRemoveKeywordsFromAntenna,
+  useRemoveTagsFromAntenna,
   useUpdateAntenna,
 } from '@/queries/accounts/use-antennas';
 import { useAccountSearch } from '@/queries/search/use-search-accounts';
@@ -34,33 +51,24 @@ import Search from './list-editor-modal/components/search';
 
 import type { BaseModalProps } from '@/features/ui/components/modal-root';
 
-type Tab = 'info' | 'accounts' | 'excludedAccounts';
-
 const messages = defineMessages({
   createSuccess: { id: 'antennas.create.success', defaultMessage: 'Antenna created successfully' },
   editSuccess: { id: 'antennas.edit.success', defaultMessage: 'Antenna updated successfully' },
   createError: { id: 'antennas.create.error', defaultMessage: 'Error creating antenna' },
   editError: { id: 'antennas.edit.error', defaultMessage: 'Error updating antenna' },
-  addToAntenna: { id: 'antennas.account.add', defaultMessage: 'Add to antenna' },
-  removeFromAntenna: { id: 'antennas.account.remove', defaultMessage: 'Remove from antenna' },
-  addExcludedToAntenna: {
-    id: 'antennas.account.excluded.add',
-    defaultMessage: 'Add to excluded accounts',
-  },
-  removeExcludedFromAntenna: {
-    id: 'antennas.account.excluded.remove',
-    defaultMessage: 'Remove from excluded accounts',
-  },
+  removeDomain: { id: 'antennas.domain.remove', defaultMessage: 'Remove domain' },
+  removeKeyword: { id: 'antennas.keyword.remove', defaultMessage: 'Remove keyword' },
+  removeTag: { id: 'antennas.tag.remove', defaultMessage: 'Remove tag' },
 });
 
+type Tab = 'info' | 'accounts' | 'excludedAccounts' | 'domains' | 'keywords' | 'tags';
+
 interface IAntennaAccountsForm {
   antennaId: string;
   excluded?: boolean;
 }
 
 const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, excluded = false }) => {
-  const intl = useIntl();
-
   const [searchValue, setSearchValue] = useState('');
 
   const { data: accountIds = [] } = useAntennaAccounts(antennaId);
@@ -99,9 +107,19 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
         <div>
           <CardHeader>
             <CardTitle
-              title={intl.formatMessage(
-                excluded ? messages.removeExcludedFromAntenna : messages.removeFromAntenna,
-              )}
+              title={
+                excluded ? (
+                  <FormattedMessage
+                    id='antennas.account.excluded.remove'
+                    defaultMessage='Remove from excluded accounts'
+                  />
+                ) : (
+                  <FormattedMessage
+                    id='antennas.account.remove'
+                    defaultMessage='Remove from antenna'
+                  />
+                )
+              }
             />
           </CardHeader>
           <div className='max-h-48 overflow-y-auto'>
@@ -135,9 +153,16 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
       <div>
         <CardHeader>
           <CardTitle
-            title={intl.formatMessage(
-              excluded ? messages.addExcludedToAntenna : messages.addToAntenna,
-            )}
+            title={
+              excluded ? (
+                <FormattedMessage
+                  id='antennas.account.excluded.add'
+                  defaultMessage='Add to excluded accounts'
+                />
+              ) : (
+                <FormattedMessage id='antennas.account.add' defaultMessage='Add to antenna' />
+              )
+            }
           />
         </CardHeader>
         <Search value={searchValue} onSubmit={setSearchValue} />
@@ -157,6 +182,293 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
   );
 };
 
+interface IAntennaValuesForm {
+  values: Array<string>;
+  excludedValues: Array<string>;
+  addTitle: React.ReactNode;
+  listTitle: React.ReactNode;
+  addExcludedTitle: React.ReactNode;
+  listExcludedTitle: React.ReactNode;
+  emptyValues: React.ReactNode;
+  emptyExcludedValues: React.ReactNode;
+  removeTitle?: string;
+  onAdd: (value: string) => void;
+  onRemove: (value: string) => void;
+  onAddExcluded: (value: string) => void;
+  onRemoveExcluded: (value: string) => void;
+}
+
+const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
+  values,
+  excludedValues,
+  addTitle,
+  listTitle,
+  addExcludedTitle,
+  listExcludedTitle,
+  emptyValues,
+  emptyExcludedValues,
+  removeTitle,
+  onAdd,
+  onRemove,
+  onAddExcluded,
+  onRemoveExcluded,
+}) => {
+  const [value, setValue] = useState('');
+  const [excludedValue, setExcludedValue] = useState('');
+
+  const handleAdd = () => {
+    const trimmed = value.trim();
+    if (!trimmed) {
+      return;
+    }
+
+    onAdd(trimmed);
+    setValue('');
+  };
+
+  const handleAddExcluded = () => {
+    const trimmed = excludedValue.trim();
+    if (!trimmed) {
+      return;
+    }
+
+    onAddExcluded(trimmed);
+    setExcludedValue('');
+  };
+
+  return (
+    <Stack space={2}>
+      {values.length > 0 ? (
+        <div>
+          <CardHeader>
+            <CardTitle title={listTitle} />
+          </CardHeader>
+          <div className='max-h-48 overflow-y-auto'>
+            {values.map((item) => (
+              <HStack
+                key={item}
+                space={2}
+                alignItems='center'
+                justifyContent='between'
+                className='p-2.5'
+              >
+                <Text>{item}</Text>
+                <IconButton
+                  src={require('@phosphor-icons/core/regular/x.svg')}
+                  className='text-gray-400 hover:text-gray-600'
+                  iconClassName='h-5 w-5'
+                  title={removeTitle}
+                  onClick={() => onRemove(item)}
+                />
+              </HStack>
+            ))}
+          </div>
+        </div>
+      ) : (
+        <Text theme='muted' size='sm'>
+          {emptyValues}
+        </Text>
+      )}
+
+      <Form onSubmit={handleAdd}>
+        <CardHeader>
+          <CardTitle title={addTitle} />
+        </CardHeader>
+        <HStack space={2}>
+          <Input
+            type='text'
+            value={value}
+            onChange={(e) => setValue(e.target.value)}
+            outerClassName='grow'
+          />
+          <Button onClick={handleAdd}>
+            <FormattedMessage id='common.add' defaultMessage='Add' />
+          </Button>
+        </HStack>
+      </Form>
+
+      {excludedValues.length > 0 ? (
+        <div>
+          <CardHeader>
+            <CardTitle title={listExcludedTitle} />
+          </CardHeader>
+          <div className='max-h-48 overflow-y-auto'>
+            {excludedValues.map((item) => (
+              <HStack
+                key={item}
+                space={2}
+                alignItems='center'
+                justifyContent='between'
+                className='p-2.5'
+              >
+                <Text>{item}</Text>
+                <IconButton
+                  src={require('@phosphor-icons/core/regular/x.svg')}
+                  className='text-gray-400 hover:text-gray-600'
+                  iconClassName='h-5 w-5'
+                  title={removeTitle}
+                  onClick={() => onRemoveExcluded(item)}
+                />
+              </HStack>
+            ))}
+          </div>
+        </div>
+      ) : (
+        <Text theme='muted' size='sm'>
+          {emptyExcludedValues}
+        </Text>
+      )}
+
+      <Form onSubmit={handleAddExcluded}>
+        <CardHeader>
+          <CardTitle title={addExcludedTitle} />
+        </CardHeader>
+        <HStack space={2}>
+          <Input
+            type='text'
+            value={excludedValue}
+            onChange={(e) => setExcludedValue(e.target.value)}
+            outerClassName='grow'
+          />
+          <Button onClick={handleAddExcluded}>
+            <FormattedMessage id='common.add' defaultMessage='Add' />
+          </Button>
+        </HStack>
+      </Form>
+    </Stack>
+  );
+};
+
+interface IAntennaStringForm {
+  antennaId: string;
+}
+
+const AntennaDomainsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
+  const intl = useIntl();
+  const { data } = useAntennaDomains(antennaId);
+  const { mutate: addDomains } = useAddDomainsToAntenna(antennaId);
+  const { mutate: removeDomains } = useRemoveDomainsFromAntenna(antennaId);
+  const { mutate: addExcludedDomains } = useAddExcludedDomainsToAntenna(antennaId);
+  const { mutate: removeExcludedDomains } = useRemoveExcludedDomainsFromAntenna(antennaId);
+
+  return (
+    <AntennaValuesForm
+      values={data?.domains ?? []}
+      excludedValues={data?.exclude_domains ?? []}
+      addTitle={<FormattedMessage id='antennas.domain.add' defaultMessage='Add domain' />}
+      listTitle={<FormattedMessage id='antennas.domains' defaultMessage='Domains' />}
+      addExcludedTitle={
+        <FormattedMessage id='antennas.domain.excluded.add' defaultMessage='Add excluded domain' />
+      }
+      listExcludedTitle={
+        <FormattedMessage id='antennas.domains.excluded' defaultMessage='Excluded domains' />
+      }
+      removeTitle={intl.formatMessage(messages.removeDomain)}
+      emptyValues={
+        <FormattedMessage
+          id='empty_column.antenna_domains'
+          defaultMessage='There are no domains in this antenna. Add one below.'
+        />
+      }
+      emptyExcludedValues={
+        <FormattedMessage
+          id='empty_column.antenna_excluded_domains'
+          defaultMessage='There are no excluded domains in this antenna. Add one below.'
+        />
+      }
+      onAdd={(value) => addDomains([value])}
+      onRemove={(value) => removeDomains([value])}
+      onAddExcluded={(value) => addExcludedDomains([value])}
+      onRemoveExcluded={(value) => removeExcludedDomains([value])}
+    />
+  );
+};
+
+const AntennaKeywordsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
+  const intl = useIntl();
+  const { data } = useAntennaKeywords(antennaId);
+  const { mutate: addKeywords } = useAddKeywordsToAntenna(antennaId);
+  const { mutate: removeKeywords } = useRemoveKeywordsFromAntenna(antennaId);
+  const { mutate: addExcludedKeywords } = useAddExcludedKeywordsToAntenna(antennaId);
+  const { mutate: removeExcludedKeywords } = useRemoveExcludedKeywordsFromAntenna(antennaId);
+
+  return (
+    <AntennaValuesForm
+      values={data?.keywords ?? []}
+      excludedValues={data?.exclude_keywords ?? []}
+      listTitle={<FormattedMessage id='antennas.keywords' defaultMessage='Keywords' />}
+      addTitle={<FormattedMessage id='antennas.keyword.add' defaultMessage='Add keyword' />}
+      listExcludedTitle={
+        <FormattedMessage id='antennas.keywords.excluded' defaultMessage='Excluded keywords' />
+      }
+      addExcludedTitle={
+        <FormattedMessage
+          id='antennas.keyword.excluded.add'
+          defaultMessage='Add excluded keyword'
+        />
+      }
+      removeTitle={intl.formatMessage(messages.removeKeyword)}
+      emptyValues={
+        <FormattedMessage
+          id='empty_column.antenna_keywords'
+          defaultMessage='There are no keywords in this antenna. Add one below.'
+        />
+      }
+      emptyExcludedValues={
+        <FormattedMessage
+          id='empty_column.antenna_excluded_keywords'
+          defaultMessage='There are no excluded keywords in this antenna. Add one below.'
+        />
+      }
+      onAdd={(value) => addKeywords([value])}
+      onRemove={(value) => removeKeywords([value])}
+      onAddExcluded={(value) => addExcludedKeywords([value])}
+      onRemoveExcluded={(value) => removeExcludedKeywords([value])}
+    />
+  );
+};
+
+const AntennaTagsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
+  const intl = useIntl();
+  const { data } = useAntennaTags(antennaId);
+  const { mutate: addTags } = useAddTagsToAntenna(antennaId);
+  const { mutate: removeTags } = useRemoveTagsFromAntenna(antennaId);
+  const { mutate: addExcludedTags } = useAddExcludedTagsToAntenna(antennaId);
+  const { mutate: removeExcludedTags } = useRemoveExcludedTagsFromAntenna(antennaId);
+
+  return (
+    <AntennaValuesForm
+      values={data?.tags ?? []}
+      excludedValues={data?.exclude_tags ?? []}
+      listTitle={<FormattedMessage id='antennas.tags' defaultMessage='Tags' />}
+      addTitle={<FormattedMessage id='antennas.tag.add' defaultMessage='Add tag' />}
+      listExcludedTitle={
+        <FormattedMessage id='antennas.tags.excluded' defaultMessage='Excluded tags' />
+      }
+      addExcludedTitle={
+        <FormattedMessage id='antennas.tag.excluded.add' defaultMessage='Add excluded tag' />
+      }
+      removeTitle={intl.formatMessage(messages.removeTag)}
+      emptyValues={
+        <FormattedMessage
+          id='empty_column.antenna_tags'
+          defaultMessage='There are no tags in this antenna. Add one below.'
+        />
+      }
+      emptyExcludedValues={
+        <FormattedMessage
+          id='empty_column.antenna_excluded_tags'
+          defaultMessage='There are no excluded tags in this antenna. Add one below.'
+        />
+      }
+      onAdd={(value) => addTags([value])}
+      onRemove={(value) => removeTags([value])}
+      onAddExcluded={(value) => addExcludedTags([value])}
+      onRemoveExcluded={(value) => removeExcludedTags([value])}
+    />
+  );
+};
+
 interface IEditAntennaForm {
   antennaId?: string;
   setAntennaId: (id: string | undefined) => void;
@@ -274,7 +586,7 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
             const value = e.target.value;
             setInsertFeeds(value === 'home');
             if (value === 'list') {
-              setListId(''); // TODO: add list selection
+              setListId('');
             } else {
               setListId(undefined);
             }
@@ -343,6 +655,28 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
                 onTabChange('excludedAccounts');
               }}
             />
+            <ListItem
+              label={
+                <FormattedMessage id='antennas.manage_domains' defaultMessage='Manage domains' />
+              }
+              onClick={() => {
+                onTabChange('domains');
+              }}
+            />
+            <ListItem
+              label={
+                <FormattedMessage id='antennas.manage_keywords' defaultMessage='Manage keywords' />
+              }
+              onClick={() => {
+                onTabChange('keywords');
+              }}
+            />
+            <ListItem
+              label={<FormattedMessage id='antennas.manage_tags' defaultMessage='Manage tags' />}
+              onClick={() => {
+                onTabChange('tags');
+              }}
+            />
           </>
         )}
       </List>
@@ -390,6 +724,12 @@ const AntennaEditorModal: React.FC<BaseModalProps & AntennaEditorModalProps> = (
         return <AntennaAccountsForm antennaId={antennaId!} />;
       case 'excludedAccounts':
         return <AntennaAccountsForm antennaId={antennaId!} excluded />;
+      case 'domains':
+        return <AntennaDomainsForm antennaId={antennaId!} />;
+      case 'keywords':
+        return <AntennaKeywordsForm antennaId={antennaId!} />;
+      case 'tags':
+        return <AntennaTagsForm antennaId={antennaId!} />;
       default:
         return null;
     }

From 3850c3af280a075f81f2949455d1a94d88556213 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:34:12 +0100
Subject: [PATCH 68/74] nicolium: add spinner, allow setting antenna target
 list
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/modals/antenna-editor-modal.tsx | 45 +++++++++++++++++--
 1 file changed, 41 insertions(+), 4 deletions(-)

diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index ecc827047..067ea2a25 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -42,6 +42,7 @@ import {
   useRemoveTagsFromAntenna,
   useUpdateAntenna,
 } from '@/queries/accounts/use-antennas';
+import { useLists } from '@/queries/accounts/use-lists';
 import { useAccountSearch } from '@/queries/search/use-search-accounts';
 import { useModalsActions } from '@/stores/modals';
 import toast from '@/toast';
@@ -201,6 +202,7 @@ interface IAntennaValuesForm {
 const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
   values,
   excludedValues,
+  isFetching,
   addTitle,
   listTitle,
   addExcludedTitle,
@@ -264,6 +266,8 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
             ))}
           </div>
         </div>
+      ) : isFetching ? (
+        <Spinner />
       ) : (
         <Text theme='muted' size='sm'>
           {emptyValues}
@@ -313,6 +317,8 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
             ))}
           </div>
         </div>
+      ) : isFetching ? (
+        <Spinner />
       ) : (
         <Text theme='muted' size='sm'>
           {emptyExcludedValues}
@@ -345,7 +351,7 @@ interface IAntennaStringForm {
 
 const AntennaDomainsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
   const intl = useIntl();
-  const { data } = useAntennaDomains(antennaId);
+  const { data, isFetching } = useAntennaDomains(antennaId);
   const { mutate: addDomains } = useAddDomainsToAntenna(antennaId);
   const { mutate: removeDomains } = useRemoveDomainsFromAntenna(antennaId);
   const { mutate: addExcludedDomains } = useAddExcludedDomainsToAntenna(antennaId);
@@ -355,6 +361,7 @@ const AntennaDomainsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
     <AntennaValuesForm
       values={data?.domains ?? []}
       excludedValues={data?.exclude_domains ?? []}
+      isFetching={isFetching}
       addTitle={<FormattedMessage id='antennas.domain.add' defaultMessage='Add domain' />}
       listTitle={<FormattedMessage id='antennas.domains' defaultMessage='Domains' />}
       addExcludedTitle={
@@ -386,7 +393,7 @@ const AntennaDomainsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
 
 const AntennaKeywordsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
   const intl = useIntl();
-  const { data } = useAntennaKeywords(antennaId);
+  const { data, isFetching } = useAntennaKeywords(antennaId);
   const { mutate: addKeywords } = useAddKeywordsToAntenna(antennaId);
   const { mutate: removeKeywords } = useRemoveKeywordsFromAntenna(antennaId);
   const { mutate: addExcludedKeywords } = useAddExcludedKeywordsToAntenna(antennaId);
@@ -396,6 +403,7 @@ const AntennaKeywordsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
     <AntennaValuesForm
       values={data?.keywords ?? []}
       excludedValues={data?.exclude_keywords ?? []}
+      isFetching={isFetching}
       listTitle={<FormattedMessage id='antennas.keywords' defaultMessage='Keywords' />}
       addTitle={<FormattedMessage id='antennas.keyword.add' defaultMessage='Add keyword' />}
       listExcludedTitle={
@@ -430,7 +438,7 @@ const AntennaKeywordsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
 
 const AntennaTagsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
   const intl = useIntl();
-  const { data } = useAntennaTags(antennaId);
+  const { data, isFetching } = useAntennaTags(antennaId);
   const { mutate: addTags } = useAddTagsToAntenna(antennaId);
   const { mutate: removeTags } = useRemoveTagsFromAntenna(antennaId);
   const { mutate: addExcludedTags } = useAddExcludedTagsToAntenna(antennaId);
@@ -440,6 +448,7 @@ const AntennaTagsForm: React.FC<IAntennaStringForm> = ({ antennaId }) => {
     <AntennaValuesForm
       values={data?.tags ?? []}
       excludedValues={data?.exclude_tags ?? []}
+      isFetching={isFetching}
       listTitle={<FormattedMessage id='antennas.tags' defaultMessage='Tags' />}
       addTitle={<FormattedMessage id='antennas.tag.add' defaultMessage='Add tag' />}
       listExcludedTitle={
@@ -483,7 +492,7 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
   const { mutate: updateAntenna, isPending: updateDisabled } = useUpdateAntenna(antennaId!);
   const { mutate: createAntenna, isPending: createDisabled } = useCreateAntenna();
 
-  const disabled = antennaId ? updateDisabled : createDisabled;
+  const { data: lists } = useLists((lists) => lists);
 
   const [title, setTitle] = useState(antenna ? antenna.title : '');
   const [ltl, setLtl] = useState(antenna ? antenna.ltl : false);
@@ -494,6 +503,8 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
   const [favourite, setFavourite] = useState(antenna ? antenna.favourite : false);
   const [listId, setListId] = useState(antenna?.list?.id || undefined);
 
+  const disabled = (antennaId ? updateDisabled : createDisabled) || listId === '';
+
   const handleSubmit: React.FormEventHandler = (e) => {
     e.preventDefault();
     handleUpdate();
@@ -593,6 +604,32 @@ const EditAntennaForm: React.FC<IEditAntennaForm> = ({ antennaId, onTabChange })
           }}
         />
       </FormGroup>
+      {listId !== undefined && (
+        <FormGroup
+          labelText={<FormattedMessage id='antennas.edit.list' defaultMessage='Target list' />}
+        >
+          <SelectDropdown
+            items={
+              lists
+                ? lists.reduce(
+                    (acc, list) => {
+                      acc[list.id] = list.title;
+                      return acc;
+                    },
+                    {
+                      '': intl.formatMessage({
+                        id: 'antennas.edit.list.select',
+                        defaultMessage: 'Select list',
+                      }),
+                    } as Record<string, string>,
+                  )
+                : {}
+            }
+            defaultValue={listId}
+            onChange={(e) => setListId(e.target.value)}
+          />
+        </FormGroup>
+      )}
       <List>
         <ListItem
           label={

From e28924716db784ad80a185a70acde8ed88e4a836 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:35:52 +0100
Subject: [PATCH 69/74] nicolium: update interface
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/modals/antenna-editor-modal.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index 067ea2a25..b73c0a5c7 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -186,6 +186,7 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
 interface IAntennaValuesForm {
   values: Array<string>;
   excludedValues: Array<string>;
+  isFetching: boolean;
   addTitle: React.ReactNode;
   listTitle: React.ReactNode;
   addExcludedTitle: React.ReactNode;

From 0b324adc54a05d3c712157309f03686bca41c052 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:43:09 +0100
Subject: [PATCH 70/74] nicolium: antenna modal style/ux improvements
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/modals/antenna-editor-modal.tsx | 63 ++++++++++++-------
 1 file changed, 39 insertions(+), 24 deletions(-)

diff --git a/packages/pl-fe/src/modals/antenna-editor-modal.tsx b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
index b73c0a5c7..cf87e1c37 100644
--- a/packages/pl-fe/src/modals/antenna-editor-modal.tsx
+++ b/packages/pl-fe/src/modals/antenna-editor-modal.tsx
@@ -72,8 +72,9 @@ interface IAntennaAccountsForm {
 const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, excluded = false }) => {
   const [searchValue, setSearchValue] = useState('');
 
-  const { data: accountIds = [] } = useAntennaAccounts(antennaId);
-  const { data: excludedAccountIds = [] } = useAntennaExcludedAccounts(antennaId);
+  const { data: accountIds = [], isFetching: isFetchingAccounts } = useAntennaAccounts(antennaId);
+  const { data: excludedAccountIds = [], isFetching: isFetchingExcludedAccounts } =
+    useAntennaExcludedAccounts(antennaId);
   const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
     following: true,
     limit: 5,
@@ -105,7 +106,7 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
   return (
     <Stack space={2}>
       {selectedAccountIds.length > 0 ? (
-        <div>
+        <div className='min-h-24'>
           <CardHeader>
             <CardTitle
               title={
@@ -135,20 +136,26 @@ const AntennaAccountsForm: React.FC<IAntennaAccountsForm> = ({ antennaId, exclud
             ))}
           </div>
         </div>
+      ) : (excluded ? isFetchingExcludedAccounts : isFetchingAccounts) ? (
+        <div className='flex min-h-24 items-center justify-center'>
+          <Spinner />
+        </div>
       ) : (
-        <Text theme='muted' size='sm'>
-          {excluded ? (
-            <FormattedMessage
-              id='empty_column.antenna_excluded_accounts'
-              defaultMessage='There are no excluded accounts in this antenna. Use search to find users to exclude.'
-            />
-          ) : (
-            <FormattedMessage
-              id='empty_column.antenna_accounts'
-              defaultMessage='There are no accounts in this antenna. Use search to find users to add.'
-            />
-          )}
-        </Text>
+        <div className='flex min-h-24 items-center justify-center'>
+          <Text theme='muted' size='sm' align='center'>
+            {excluded ? (
+              <FormattedMessage
+                id='empty_column.antenna_excluded_accounts'
+                defaultMessage='There are no excluded accounts in this antenna. Use search to find users to exclude.'
+              />
+            ) : (
+              <FormattedMessage
+                id='empty_column.antenna_accounts'
+                defaultMessage='There are no accounts in this antenna. Use search to find users to add.'
+              />
+            )}
+          </Text>
+        </div>
       )}
 
       <div>
@@ -268,11 +275,15 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
           </div>
         </div>
       ) : isFetching ? (
-        <Spinner />
+        <div className='flex min-h-24 items-center justify-center'>
+          <Spinner />
+        </div>
       ) : (
-        <Text theme='muted' size='sm'>
-          {emptyValues}
-        </Text>
+        <div className='flex min-h-24 items-center justify-center'>
+          <Text theme='muted' size='sm' align='center'>
+            {emptyValues}
+          </Text>
+        </div>
       )}
 
       <Form onSubmit={handleAdd}>
@@ -319,11 +330,15 @@ const AntennaValuesForm: React.FC<IAntennaValuesForm> = ({
           </div>
         </div>
       ) : isFetching ? (
-        <Spinner />
+        <div className='flex min-h-24 items-center justify-center'>
+          <Spinner />
+        </div>
       ) : (
-        <Text theme='muted' size='sm'>
-          {emptyExcludedValues}
-        </Text>
+        <div className='flex min-h-24 items-center justify-center'>
+          <Text theme='muted' size='sm' align='center'>
+            {emptyExcludedValues}
+          </Text>
+        </div>
       )}
 
       <Form onSubmit={handleAddExcluded}>

From 9c45891e1bd9b221ea6591f715ad3ef37a5459cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:43:34 +0100
Subject: [PATCH 71/74] nicolium: do the same to members list form
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../components/list-members-form.tsx          | 22 ++++++++++++-------
 1 file changed, 14 insertions(+), 8 deletions(-)

diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
index 97d1d4f56..e4f779f38 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
@@ -28,7 +28,7 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
 
   const [searchValue, setSearchValue] = useState('');
 
-  const { data: accountIds = [] } = useListAccounts(listId);
+  const { data: accountIds = [], isFetching } = useListAccounts(listId);
   const { data: searchAccountIds = [] } = useAccountSearch(searchValue, {
     following: true,
     limit: 5,
@@ -47,7 +47,7 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
   return (
     <Stack space={2}>
       {accountIds.length > 0 ? (
-        <div>
+        <div className='min-h-24'>
           <CardHeader>
             <CardTitle title={intl.formatMessage(messages.removeFromList)} />
           </CardHeader>
@@ -63,13 +63,19 @@ const ListMembersForm: React.FC<IListMembersForm> = ({ listId }) => {
             ))}
           </div>
         </div>
+      ) : isFetching ? (
+        <div className='flex min-h-24 items-center justify-center'>
+          <Spinner />
+        </div>
       ) : (
-        <Text theme='muted' size='sm'>
-          <FormattedMessage
-            id='empty_column.list_members'
-            defaultMessage='There are no members in this list. Use search to find users to add.'
-          />
-        </Text>
+        <div className='flex min-h-24 items-center justify-center'>
+          <Text theme='muted' size='sm' align='center'>
+            <FormattedMessage
+              id='empty_column.list_members'
+              defaultMessage='There are no members in this list. Use search to find users to add.'
+            />
+          </Text>
+        </div>
       )}
 
       <div>

From 4f7352ab2523fd135d9a4437f12b117db0f534f8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:44:03 +0100
Subject: [PATCH 72/74] nicolium: update en.json
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 packages/pl-fe/src/locales/en.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 3d9064edc..2476038a4 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -283,6 +283,8 @@
   "antennas.edit.favourite.hint": "The antenna will be marked as favourite (not used by Nicolium yet)",
   "antennas.edit.ignore_reblogs": "Ignore reblogs",
   "antennas.edit.ignore_reblogs.hint": "Reblogs will not be included in the antenna",
+  "antennas.edit.list": "Target list",
+  "antennas.edit.list.select": "Select list",
   "antennas.edit.mode": "Mode",
   "antennas.edit.mode.filtering": "Filtering",
   "antennas.edit.mode.ltl": "Local timeline mode",

From 1f308269cda2c23dc762df9df3b984e6fbc12b13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:45:27 +0100
Subject: [PATCH 73/74] nicolium: forgot to hit save?
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../modals/list-editor-modal/components/list-members-form.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
index e4f779f38..f58d53092 100644
--- a/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
+++ b/packages/pl-fe/src/modals/list-editor-modal/components/list-members-form.tsx
@@ -2,6 +2,7 @@ import React, { useState } from 'react';
 import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
 
 import { CardHeader, CardTitle } from '@/components/ui/card';
+import Spinner from '@/components/ui/spinner';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 import {

From 328cf8dce10b77ac5f6bfcfcb37d96f366f6f78f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 21 Feb 2026 22:50:18 +0100
Subject: [PATCH 74/74] nicolium: clear urls in preview card
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/components/preview-card.tsx     | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/packages/pl-fe/src/components/preview-card.tsx b/packages/pl-fe/src/components/preview-card.tsx
index 74845cdec..67606c6df 100644
--- a/packages/pl-fe/src/components/preview-card.tsx
+++ b/packages/pl-fe/src/components/preview-card.tsx
@@ -16,7 +16,9 @@ import Icon from '@/components/ui/icon';
 import Stack from '@/components/ui/stack';
 import Text from '@/components/ui/text';
 import Emojify from '@/features/emoji/emojify';
+import { useSettings } from '@/stores/settings';
 import { getTextDirection } from '@/utils/rtl';
+import Purify from '@/utils/url-purify';
 
 import HoverAccountWrapper from './hover-account-wrapper';
 import Avatar from './ui/avatar';
@@ -104,6 +106,9 @@ const PreviewCard: React.FC<IPreviewCard> = ({
   cacheWidth,
   onOpenMedia,
 }): JSX.Element => {
+  const {
+    urlPrivacy: { clearLinksInContent, redirectLinksMode },
+  } = useSettings();
   const [width, setWidth] = useState(defaultWidth);
   const [embedded, setEmbedded] = useState(false);
 
@@ -111,6 +116,15 @@ const PreviewCard: React.FC<IPreviewCard> = ({
     setEmbedded(false);
   }, [card.url]);
 
+  let href = card.url;
+
+  if (clearLinksInContent) {
+    try {
+      href = Purify.clearUrl(href, clearLinksInContent, redirectLinksMode !== 'off');
+    } catch (_) {
+      //
+    }
+  }
   const direction = getTextDirection(card.title + card.description);
 
   const trimmedTitle = trim(card.title, maxTitle);
@@ -168,7 +182,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
       onClick={(e) => {
         e.stopPropagation();
       }}
-      href={card.url}
+      href={href}
       title={trimmedTitle}
       rel='noopener'
       target='_blank'
@@ -248,7 +262,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
                     onClick={(e) => {
                       e.stopPropagation();
                     }}
-                    href={card.url}
+                    href={href}
                     target='_blank'
                     rel='noopener'
                     className='text-gray-700 hover:text-gray-900 dark:text-gray-200 dark:hover:text-gray-100'
@@ -292,7 +306,7 @@ const PreviewCard: React.FC<IPreviewCard> = ({
 
   const link = (
     <a
-      href={card.url}
+      href={href}
       className={className}
       target='_blank'
       rel='noopener'