diff --git a/biome.json b/biome.json
index 6861f822..968ec8e4 100644
--- a/biome.json
+++ b/biome.json
@@ -22,7 +22,7 @@
     "formatter": {
       "semicolons": "asNeeded",
       "quoteStyle": "single",
-      "trailingComma": "all",
+      "trailingComma": "none",
       "enabled": true,
       "jsxQuoteStyle": "double",
       "arrowParentheses": "always"
diff --git a/src/components/App.tsx b/src/components/App.tsx
index b024f194..26ec7975 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -84,7 +84,7 @@ const pagesMap: Record<keyof typeof ROUTES, Component<PageProps>> = {
   profileSettings: ProfileSettingsPage,
   profileSecurity: ProfileSecurityPage,
   profileSubscriptions: ProfileSubscriptionsPage,
-  fourOuFour: FourOuFourPage,
+  fourOuFour: FourOuFourPage
 }
 
 type Props = PageProps & { is404: boolean }
diff --git a/src/components/Article/AudioPlayer/AudioPlayer.tsx b/src/components/Article/AudioPlayer/AudioPlayer.tsx
index 00bebe9d..6b4b6aff 100644
--- a/src/components/Article/AudioPlayer/AudioPlayer.tsx
+++ b/src/components/Article/AudioPlayer/AudioPlayer.tsx
@@ -38,8 +38,8 @@ export const AudioPlayer = (props: Props) => {
       () => {
         setCurrentTrackDuration(0)
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const handlePlayMedia = async (trackIndex: number) => {
@@ -134,7 +134,7 @@ export const AudioPlayer = (props: Props) => {
             <div
               class={styles.progressFilled}
               style={{
-                width: `${(currentTime() / currentTrackDuration()) * 100 || 0}%`,
+                width: `${(currentTime() / currentTrackDuration()) * 100 || 0}%`
               }}
             />
           </div>
diff --git a/src/components/Article/AudioPlayer/PlayerHeader.tsx b/src/components/Article/AudioPlayer/PlayerHeader.tsx
index 37d020cb..bc2654ee 100644
--- a/src/components/Article/AudioPlayer/PlayerHeader.tsx
+++ b/src/components/Article/AudioPlayer/PlayerHeader.tsx
@@ -18,7 +18,7 @@ type Props = {
 
 export const PlayerHeader = (props: Props) => {
   const volumeContainerRef: { current: HTMLDivElement } = {
-    current: null,
+    current: null
   }
 
   const [isVolumeBarOpened, setIsVolumeBarOpened] = createSignal(false)
@@ -30,7 +30,7 @@ export const PlayerHeader = (props: Props) => {
   useOutsideClickHandler({
     containerRef: volumeContainerRef,
     predicate: () => isVolumeBarOpened(),
-    handler: () => toggleVolumeBar(),
+    handler: () => toggleVolumeBar()
   })
 
   return (
@@ -42,7 +42,7 @@ export const PlayerHeader = (props: Props) => {
           onClick={props.onPlayMedia}
           class={clsx(
             styles.playButton,
-            props.isPlaying ? styles.playButtonInvertPause : styles.playButtonInvertPlay,
+            props.isPlaying ? styles.playButtonInvertPause : styles.playButtonInvertPlay
           )}
           aria-label="Play"
           data-playing="false"
diff --git a/src/components/Article/AudioPlayer/PlayerPlaylist.tsx b/src/components/Article/AudioPlayer/PlayerPlaylist.tsx
index ff0661c9..cda903de 100644
--- a/src/components/Article/AudioPlayer/PlayerPlaylist.tsx
+++ b/src/components/Article/AudioPlayer/PlayerPlaylist.tsx
@@ -43,7 +43,7 @@ export const PlayerPlaylist = (props: Props) => {
     gtag('event', 'select_item', {
       item_list_id: props.articleSlug,
       item_list_name: getMediaTitle(mi, index),
-      items: props.media.map((it, ix) => getMediaTitle(it, ix)),
+      items: props.media.map((it, ix) => getMediaTitle(it, ix))
     })
   }
   return (
diff --git a/src/components/Article/Comment/Comment.tsx b/src/components/Article/Comment/Comment.tsx
index d6af579f..3b9a8655 100644
--- a/src/components/Article/Comment/Comment.tsx
+++ b/src/components/Article/Comment/Comment.tsx
@@ -54,7 +54,7 @@ export const Comment = (props: Props) => {
           confirmBody: t('Are you sure you want to delete this comment?'),
           confirmButtonLabel: t('Delete'),
           confirmButtonVariant: 'danger',
-          declineButtonVariant: 'primary',
+          declineButtonVariant: 'primary'
         })
 
         if (isConfirmed) {
@@ -75,7 +75,7 @@ export const Comment = (props: Props) => {
         kind: ReactionKind.Comment,
         reply_to: props.comment.id,
         body: value,
-        shout: props.comment.shout.id,
+        shout: props.comment.shout.id
       })
       setClearEditor(true)
       setIsReplyVisible(false)
@@ -96,7 +96,7 @@ export const Comment = (props: Props) => {
       await updateReaction(props.comment.id, {
         kind: ReactionKind.Comment,
         body: value,
-        shout: props.comment.shout.id,
+        shout: props.comment.shout.id
       })
       setEditMode(false)
       setLoading(false)
@@ -109,7 +109,7 @@ export const Comment = (props: Props) => {
     <li
       id={`comment_${comment().id}`}
       class={clsx(styles.comment, props.class, {
-        [styles.isNew]: !isCommentAuthor() && comment()?.created_at > props.lastSeen,
+        [styles.isNew]: !isCommentAuthor() && comment()?.created_at > props.lastSeen
       })}
     >
       <Show when={!!body()}>
@@ -122,7 +122,7 @@ export const Comment = (props: Props) => {
                   name={comment().created_by.name}
                   userpic={comment().created_by.pic}
                   class={clsx({
-                    [styles.compactUserpic]: props.compact,
+                    [styles.compactUserpic]: props.compact
                   })}
                 />
                 <small>
diff --git a/src/components/Article/CommentDate/CommentDate.tsx b/src/components/Article/CommentDate/CommentDate.tsx
index e3901399..388295a5 100644
--- a/src/components/Article/CommentDate/CommentDate.tsx
+++ b/src/components/Article/CommentDate/CommentDate.tsx
@@ -30,7 +30,7 @@ export const CommentDate = (props: Props) => {
     <div
       class={clsx(styles.commentDates, {
         [styles.commentDatesLastInRow]: props.isLastInRow,
-        [styles.showOnHover]: props.showOnHover,
+        [styles.showOnHover]: props.showOnHover
       })}
     >
       <time class={styles.date}>{formattedDate(props.comment.created_at * 1000)}</time>
diff --git a/src/components/Article/CommentRatingControl.tsx b/src/components/Article/CommentRatingControl.tsx
index 5ce60d08..eb471f51 100644
--- a/src/components/Article/CommentRatingControl.tsx
+++ b/src/components/Article/CommentRatingControl.tsx
@@ -28,7 +28,7 @@ export const CommentRatingControl = (props: Props) => {
         r.kind === reactionKind &&
         r.created_by.slug === author()?.slug &&
         r.shout.id === props.comment.shout.id &&
-        r.reply_to === props.comment.id,
+        r.reply_to === props.comment.id
     )
   const isUpvoted = createMemo(() => checkReaction(ReactionKind.Like))
   const isDownvoted = createMemo(() => checkReaction(ReactionKind.Dislike))
@@ -39,8 +39,8 @@ export const CommentRatingControl = (props: Props) => {
       (r) =>
         [ReactionKind.Like, ReactionKind.Dislike].includes(r.kind) &&
         r.shout.id === props.comment.shout.id &&
-        r.reply_to === props.comment.id,
-    ),
+        r.reply_to === props.comment.id
+    )
   )
 
   const deleteCommentReaction = async (reactionKind: ReactionKind) => {
@@ -49,7 +49,7 @@ export const CommentRatingControl = (props: Props) => {
         r.kind === reactionKind &&
         r.created_by.slug === author()?.slug &&
         r.shout.id === props.comment.shout.id &&
-        r.reply_to === props.comment.id,
+        r.reply_to === props.comment.id
     )
     return deleteReaction(reactionToDelete.id)
   }
@@ -64,7 +64,7 @@ export const CommentRatingControl = (props: Props) => {
         await createReaction({
           kind: isUpvote ? ReactionKind.Like : ReactionKind.Dislike,
           shout: props.comment.shout.id,
-          reply_to: props.comment.id,
+          reply_to: props.comment.id
         })
       }
     } catch {
@@ -73,7 +73,7 @@ export const CommentRatingControl = (props: Props) => {
 
     await loadShout(props.comment.shout.slug)
     await loadReactionsBy({
-      by: { shout: props.comment.shout.slug },
+      by: { shout: props.comment.shout.slug }
     })
   }
 
@@ -84,7 +84,7 @@ export const CommentRatingControl = (props: Props) => {
         disabled={!(canVote() && author())}
         onClick={() => handleRatingChange(true)}
         class={clsx(styles.commentRatingControl, styles.commentRatingControlUp, {
-          [styles.voted]: isUpvoted(),
+          [styles.voted]: isUpvoted()
         })}
       />
       <Popup
@@ -92,7 +92,7 @@ export const CommentRatingControl = (props: Props) => {
           <div
             class={clsx(styles.commentRatingValue, {
               [styles.commentRatingPositive]: props.comment.stat.rating > 0,
-              [styles.commentRatingNegative]: props.comment.stat.rating < 0,
+              [styles.commentRatingNegative]: props.comment.stat.rating < 0
             })}
           >
             {props.comment.stat.rating || 0}
@@ -110,7 +110,7 @@ export const CommentRatingControl = (props: Props) => {
         disabled={!(canVote() && author())}
         onClick={() => handleRatingChange(false)}
         class={clsx(styles.commentRatingControl, styles.commentRatingControlDown, {
-          [styles.voted]: isDownvoted(),
+          [styles.voted]: isDownvoted()
         })}
       />
     </div>
diff --git a/src/components/Article/CommentsTree.tsx b/src/components/Article/CommentsTree.tsx
index 3057ffb6..0226fe2a 100644
--- a/src/components/Article/CommentsTree.tsx
+++ b/src/components/Article/CommentsTree.tsx
@@ -52,7 +52,7 @@ export const CommentsTree = (props: Props) => {
   const { reactionEntities, createReaction } = useReactions()
 
   const comments = createMemo(() =>
-    Object.values(reactionEntities).filter((reaction) => reaction.kind === 'COMMENT'),
+    Object.values(reactionEntities).filter((reaction) => reaction.kind === 'COMMENT')
   )
 
   const sortedComments = createMemo(() => {
@@ -96,7 +96,7 @@ export const CommentsTree = (props: Props) => {
       await createReaction({
         kind: ReactionKind.Comment,
         body: value,
-        shout: props.shoutId,
+        shout: props.shoutId
       })
       setClearEditor(true)
     } catch (error) {
@@ -154,7 +154,7 @@ export const CommentsTree = (props: Props) => {
             <Comment
               sortedComments={sortedComments()}
               isArticleAuthor={Boolean(
-                props.articleAuthors.some((a) => a?.slug === reaction.created_by.slug),
+                props.articleAuthors.some((a) => a?.slug === reaction.created_by.slug)
               )}
               comment={reaction}
               clickedReply={(id) => setClickedReplyId(id)}
diff --git a/src/components/Article/CoverImage/CoverImage.tsx b/src/components/Article/CoverImage/CoverImage.tsx
index 970d2636..4815b20d 100644
--- a/src/components/Article/CoverImage/CoverImage.tsx
+++ b/src/components/Article/CoverImage/CoverImage.tsx
@@ -26,7 +26,7 @@ const coverImages = [
   CoverImage9,
   CoverImage10,
   CoverImage11,
-  CoverImage12,
+  CoverImage12
 ]
 
 let counter = 0
diff --git a/src/components/Article/FullArticle.tsx b/src/components/Article/FullArticle.tsx
index 9119274c..d2d3ac35 100644
--- a/src/components/Article/FullArticle.tsx
+++ b/src/components/Article/FullArticle.tsx
@@ -62,7 +62,7 @@ const scrollTo = (el: HTMLElement) => {
   window.scrollTo({
     top: top + window.scrollY - DEFAULT_HEADER_OFFSET,
     left: 0,
-    behavior: 'smooth',
+    behavior: 'smooth'
   })
 }
 
@@ -159,7 +159,7 @@ export const FullArticle = (props: Props) => {
     if (searchParams()?.scrollTo === 'comments' && commentsRef.current) {
       scrollToComments()
       changeSearchParams({
-        scrollTo: null,
+        scrollTo: null
       })
     }
   })
@@ -167,7 +167,7 @@ export const FullArticle = (props: Props) => {
   createEffect(() => {
     if (searchParams().commentId && isReactionsLoaded()) {
       const commentElement = document.querySelector<HTMLElement>(
-        `[id='comment_${searchParams().commentId}']`,
+        `[id='comment_${searchParams().commentId}']`
       )
 
       changeSearchParams({ commentId: null })
@@ -187,7 +187,7 @@ export const FullArticle = (props: Props) => {
     }
 
     const tooltipElements: NodeListOf<HTMLElement> = document.querySelectorAll(
-      '[data-toggle="tooltip"], footnote',
+      '[data-toggle="tooltip"], footnote'
     )
     if (!tooltipElements) {
       return
@@ -212,19 +212,19 @@ export const FullArticle = (props: Props) => {
         modifiers: [
           {
             name: 'eventListeners',
-            options: { scroll: false },
+            options: { scroll: false }
           },
           {
             name: 'offset',
             options: {
-              offset: [0, 8],
-            },
+              offset: [0, 8]
+            }
           },
           {
             name: 'flip',
-            options: { fallbackPlacements: ['top'] },
-          },
-        ],
+            options: { fallbackPlacements: ['top'] }
+          }
+        ]
       })
 
       tooltip.style.visibility = 'hidden'
@@ -309,8 +309,8 @@ export const FullArticle = (props: Props) => {
       () => props.article,
       () => {
         updateIframeSizes()
-      },
-    ),
+      }
+    )
   )
   const [ratings, setRatings] = createSignal<Reaction[]>([])
   onMount(async () => {
@@ -329,7 +329,7 @@ export const FullArticle = (props: Props) => {
     title: props.article.title,
     topic: mainTopic()?.title || '',
     author: props.article?.authors[0]?.name || '',
-    width: 1200,
+    width: 1200
   })
 
   const description = getDescription(props.article.description || body())
diff --git a/src/components/Article/ShoutRatingControl.tsx b/src/components/Article/ShoutRatingControl.tsx
index 409c65d6..a6c42d09 100644
--- a/src/components/Article/ShoutRatingControl.tsx
+++ b/src/components/Article/ShoutRatingControl.tsx
@@ -43,8 +43,8 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
         const total = likes - dislikes
         setTotal(total)
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const handleRatingChange = (voteKind: ReactionKind) => {
@@ -65,7 +65,7 @@ export const ShoutRatingControl = (props: ShoutRatingControlProps) => {
         if (myRate()?.kind === oppositeKind) {
           mergeProps(
             props.ratings,
-            props.ratings.filter((r) => r.id === myRate().id),
+            props.ratings.filter((r) => r.id === myRate().id)
           )
           await deleteReaction(myRate().id)
           setMyRate(undefined)
diff --git a/src/components/AuthGuard/AuthGuard.tsx b/src/components/AuthGuard/AuthGuard.tsx
index 6ba70476..d1ae8a75 100644
--- a/src/components/AuthGuard/AuthGuard.tsx
+++ b/src/components/AuthGuard/AuthGuard.tsx
@@ -26,9 +26,9 @@ export const AuthGuard = (props: Props) => {
         changeSearchParams(
           {
             source: 'authguard',
-            m: 'auth',
+            m: 'auth'
           },
-          true,
+          true
         )
       }
     } else {
diff --git a/src/components/Author/AuthorBadge/AuthorBadge.tsx b/src/components/Author/AuthorBadge/AuthorBadge.tsx
index d81a26d0..11648495 100644
--- a/src/components/Author/AuthorBadge/AuthorBadge.tsx
+++ b/src/components/Author/AuthorBadge/AuthorBadge.tsx
@@ -53,7 +53,7 @@ export const AuthorBadge = (props: Props) => {
     requireAuthentication(() => {
       openPage(router, 'inbox')
       changeSearchParams({
-        initChat: props.author.id.toString(),
+        initChat: props.author.id.toString()
       })
     }, 'discussions')
   }
@@ -74,8 +74,8 @@ export const AuthorBadge = (props: Props) => {
     on(
       () => props.isFollowed,
       (followed) => setIsFollowed(followed?.value),
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const handleFollowClick = () => {
@@ -112,7 +112,7 @@ export const AuthorBadge = (props: Props) => {
               fallback={
                 <div class={styles.bio}>
                   {t('Registered since {date}', {
-                    date: formatDate(new Date(props.author.created_at * 1000)),
+                    date: formatDate(new Date(props.author.created_at * 1000))
                   })}
                 </div>
               }
@@ -150,7 +150,7 @@ export const AuthorBadge = (props: Props) => {
                   isSubscribeButton={true}
                   class={clsx(styles.actionButton, {
                     [styles.iconed]: props.iconButtons,
-                    [stylesButton.subscribed]: isFollowed(),
+                    [stylesButton.subscribed]: isFollowed()
                   })}
                 />
               }
@@ -175,7 +175,7 @@ export const AuthorBadge = (props: Props) => {
                 isSubscribeButton={true}
                 class={clsx(styles.actionButton, {
                   [styles.iconed]: props.iconButtons,
-                  [stylesButton.subscribed]: isFollowed(),
+                  [stylesButton.subscribed]: isFollowed()
                 })}
               />
             </Show>
diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx
index 9fa25a8e..e686cb42 100644
--- a/src/components/Author/AuthorCard/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard/AuthorCard.tsx
@@ -63,7 +63,7 @@ export const AuthorCard = (props: Props) => {
     requireAuthentication(() => {
       openPage(router, 'inbox')
       changeSearchParams({
-        initChat: props.author.id.toString(),
+        initChat: props.author.id.toString()
       })
     }, 'discussions')
   }
@@ -206,7 +206,7 @@ export const AuthorCard = (props: Props) => {
                       value={followButtonText()}
                       isSubscribeButton={true}
                       class={clsx({
-                        [stylesButton.subscribed]: isFollowed(),
+                        [stylesButton.subscribed]: isFollowed()
                       })}
                     />
                   </Show>
@@ -254,7 +254,7 @@ export const AuthorCard = (props: Props) => {
                           author={follower}
                           isFollowed={{
                             loaded: Boolean(authorSubs()),
-                            value: isOwnerSubscribed(follower.id),
+                            value: isOwnerSubscribed(follower.id)
                           }}
                         />
                       )}
@@ -303,7 +303,7 @@ export const AuthorCard = (props: Props) => {
                           <AuthorBadge
                             isFollowed={{
                               loaded: Boolean(authorSubs()),
-                              value: isOwnerSubscribed(subscription.id),
+                              value: isOwnerSubscribed(subscription.id)
                             }}
                             author={subscription}
                           />
diff --git a/src/components/Author/AuthorLink/AuthorLink.tsx b/src/components/Author/AuthorLink/AuthorLink.tsx
index 27ab93f8..4eb73443 100644
--- a/src/components/Author/AuthorLink/AuthorLink.tsx
+++ b/src/components/Author/AuthorLink/AuthorLink.tsx
@@ -27,7 +27,7 @@ export const AuthorLink = (props: Props) => {
   return (
     <div
       class={clsx(styles.AuthorLink, props.class, styles[props.size ?? 'M'], {
-        [styles.authorLinkFloorImportant]: props.isFloorImportant,
+        [styles.authorLinkFloorImportant]: props.isFloorImportant
       })}
     >
       <a class={styles.link} href={`/author/${props.author.slug}`}>
diff --git a/src/components/Author/AuthorRatingControl.tsx b/src/components/Author/AuthorRatingControl.tsx
index 3175c30a..81c16515 100644
--- a/src/components/Author/AuthorRatingControl.tsx
+++ b/src/components/Author/AuthorRatingControl.tsx
@@ -30,7 +30,7 @@ export const AuthorRatingControl = (props: AuthorRatingControlProps) => {
     <div
       class={clsx(styles.rating, props.class, {
         [styles.isUpvoted]: isUpvoted,
-        [styles.isDownvoted]: isDownvoted,
+        [styles.isDownvoted]: isDownvoted
       })}
     >
       <button
diff --git a/src/components/Author/AuthorShoutsRating.tsx b/src/components/Author/AuthorShoutsRating.tsx
index 1d36e493..ffcd863e 100644
--- a/src/components/Author/AuthorShoutsRating.tsx
+++ b/src/components/Author/AuthorShoutsRating.tsx
@@ -16,7 +16,7 @@ export const AuthorShoutsRating = (props: AuthorShoutsRating) => {
     <div
       class={clsx(styles.rating, props.class, {
         [styles.isUpvoted]: isUpvoted(),
-        [styles.isDownvoted]: !isUpvoted(),
+        [styles.isDownvoted]: !isUpvoted()
       })}
     >
       <span class={styles.ratingValue}>{props.author?.stat?.rating_shouts}</span>
diff --git a/src/components/Author/Userpic/Userpic.tsx b/src/components/Author/Userpic/Userpic.tsx
index d04e5c0b..2681588d 100644
--- a/src/components/Author/Userpic/Userpic.tsx
+++ b/src/components/Author/Userpic/Userpic.tsx
@@ -48,7 +48,7 @@ export const Userpic = (props: Props) => {
   return (
     <div
       class={clsx(styles.Userpic, props.class, styles[props.size ?? 'M'], {
-        cursorPointer: props.onClick,
+        cursorPointer: props.onClick
       })}
       onClick={props.onClick}
     >
diff --git a/src/components/Discours/Donate.tsx b/src/components/Discours/Donate.tsx
index 4eef2513..eb81c9b9 100644
--- a/src/components/Discours/Donate.tsx
+++ b/src/components/Discours/Donate.tsx
@@ -17,7 +17,7 @@ export const Donate = () => {
   const cpOptions = {
     publicId: 'pk_0a37bab30ffc6b77b2f93d65f2aed',
     description: t('Help discours to grow'),
-    currency: 'RUB',
+    currency: 'RUB'
   }
 
   let amountSwitchElement: HTMLDivElement | undefined
@@ -45,8 +45,8 @@ export const Donate = () => {
             amount: amount() || 0, //сумма
             vat: 20, //ставка НДС
             method: 0, // тег-1214 признак способа расчета - признак способа расчета
-            object: 0, // тег-1212 признак предмета расчета - признак предмета товара, работы, услуги, платежа, выплаты, иного предмета расчета
-          },
+            object: 0 // тег-1212 признак предмета расчета - признак предмета товара, работы, услуги, платежа, выплаты, иного предмета расчета
+          }
         ],
         // taxationSystem: 0, //система налогообложения; необязательный, если у вас одна система налогообложения
         // email: 'user@example.com', //e-mail покупателя, если нужно отправить письмо с чеком
@@ -56,8 +56,8 @@ export const Donate = () => {
           electronic: amount(), // Сумма оплаты электронными деньгами
           advancePayment: 0, // Сумма из предоплаты (зачетом аванса) (2 знака после запятой)
           credit: 0, // Сумма постоплатой(в кредит) (2 знака после запятой)
-          provision: 0, // Сумма оплаты встречным предоставлением (сертификаты, др. мат.ценности) (2 знака после запятой)
-        },
+          provision: 0 // Сумма оплаты встречным предоставлением (сертификаты, др. мат.ценности) (2 знака после запятой)
+        }
       })
     } catch (error) {
       console.error(error)
@@ -98,10 +98,10 @@ export const Donate = () => {
             recurrent: {
               interval: period(), // local solid's signal
               period: 1, // internal widget's
-              CustomerReciept: customerReciept(), // чек для регулярных платежей
-            },
-          },
-        },
+              CustomerReciept: customerReciept() // чек для регулярных платежей
+            }
+          }
+        }
       },
       (opts) => {
         // success
@@ -116,9 +116,9 @@ export const Donate = () => {
 
         showSnackbar({
           type: 'error',
-          body: reason,
+          body: reason
         })
-      },
+      }
     )
   }
 
diff --git a/src/components/Discours/Feedback.tsx b/src/components/Discours/Feedback.tsx
index 243b645c..5c0e5a7f 100644
--- a/src/components/Discours/Feedback.tsx
+++ b/src/components/Discours/Feedback.tsx
@@ -14,9 +14,9 @@ export const Feedback = () => {
       method,
       headers: {
         accept: 'application/json',
-        'content-type': 'application/json; charset=utf-8',
+        'content-type': 'application/json; charset=utf-8'
       },
-      body: JSON.stringify({ contact: contactElement?.value, message: msgElement?.textContent }),
+      body: JSON.stringify({ contact: contactElement?.value, message: msgElement?.textContent })
     })
     hideModal()
   }
diff --git a/src/components/Discours/Footer.tsx b/src/components/Discours/Footer.tsx
index 6a7a0ebc..33d7a76b 100644
--- a/src/components/Discours/Footer.tsx
+++ b/src/components/Discours/Footer.tsx
@@ -18,25 +18,25 @@ export const Footer = () => {
       items: [
         {
           title: 'Discours Manifest',
-          slug: '/about/manifest',
+          slug: '/about/manifest'
         },
         {
           title: 'How it works',
-          slug: '/about/guide',
+          slug: '/about/guide'
         },
         {
           title: 'Dogma',
-          slug: '/about/dogma',
+          slug: '/about/dogma'
         },
         {
           title: 'Principles',
-          slug: '/about/principles',
+          slug: '/about/principles'
         },
         {
           title: 'How to write an article',
-          slug: '/how-to-write-a-good-article',
-        },
-      ],
+          slug: '/how-to-write-a-good-article'
+        }
+      ]
     },
 
     {
@@ -44,21 +44,21 @@ export const Footer = () => {
       items: [
         {
           title: 'Suggest an idea',
-          slug: '/connect',
+          slug: '/connect'
         },
         {
           title: 'Become an author',
-          slug: '/create',
+          slug: '/create'
         },
         {
           title: 'Support Discours',
-          slug: '/about/help',
+          slug: '/about/help'
         },
         {
           title: 'Work with us',
-          slug: 'https://docs.google.com/forms/d/e/1FAIpQLSeNNvIzKlXElJtkPkYiXl-jQjlvsL9u4-kpnoRjz1O8Wo40xQ/viewform',
-        },
-      ],
+          slug: 'https://docs.google.com/forms/d/e/1FAIpQLSeNNvIzKlXElJtkPkYiXl-jQjlvsL9u4-kpnoRjz1O8Wo40xQ/viewform'
+        }
+      ]
     },
 
     {
@@ -66,46 +66,46 @@ export const Footer = () => {
       items: [
         {
           title: 'Authors',
-          slug: '/authors',
+          slug: '/authors'
         },
         {
           title: 'Communities',
-          slug: '/community',
+          slug: '/community'
         },
         {
           title: 'Partners',
-          slug: '/about/partners',
+          slug: '/about/partners'
         },
         {
           title: 'Special projects',
-          slug: '/about/projects',
+          slug: '/about/projects'
         },
         {
           title: changeLangTitle(),
           slug: changeLangLink(),
-          rel: 'external',
-        },
-      ],
-    },
+          rel: 'external'
+        }
+      ]
+    }
   ])
 
   const social = [
     {
       name: 'facebook',
-      href: 'https://facebook.com/discoursio',
+      href: 'https://facebook.com/discoursio'
     },
     {
       name: 'vk',
-      href: 'https://vk.com/discoursio',
+      href: 'https://vk.com/discoursio'
     },
     {
       name: 'twitter',
-      href: 'https://twitter.com/discours_io',
+      href: 'https://twitter.com/discours_io'
     },
     {
       name: 'telegram',
-      href: 'https://t.me/discoursio',
-    },
+      href: 'https://t.me/discoursio'
+    }
   ]
   return (
     <footer class={styles.discoursFooter}>
@@ -140,7 +140,7 @@ export const Footer = () => {
         <div class={clsx(styles.footerCopyright, 'row')}>
           <div class="col-md-18 col-lg-20">
             {t(
-              'Independant magazine with an open horizontal cooperation about culture, science and society',
+              'Independant magazine with an open horizontal cooperation about culture, science and society'
             )}
             . {t('Discours')} &copy; 2015&ndash;{new Date().getFullYear()}{' '}
             <a href="/about/terms-of-use">{t('Terms of use')}</a>
diff --git a/src/components/Discours/Hero.tsx b/src/components/Discours/Hero.tsx
index 105300cc..e8e8a9bd 100644
--- a/src/components/Discours/Hero.tsx
+++ b/src/components/Discours/Hero.tsx
@@ -17,7 +17,7 @@ export default () => {
             <h4 innerHTML={t('Horizontal collaborative journalistic platform')} />
             <p
               innerHTML={t(
-                'Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects',
+                'Discours is an intellectual environment, a web space and tools that allows authors to collaborate with readers and come together to co-create publications and media projects'
               )}
             />
             <div class={styles.aboutDiscoursActions}>
@@ -29,7 +29,7 @@ export default () => {
                 onClick={() => {
                   showModal('auth')
                   changeSearchParams({
-                    mode: 'register',
+                    mode: 'register'
                   })
                 }}
               >
diff --git a/src/components/Draft/Draft.tsx b/src/components/Draft/Draft.tsx
index cfbc9b0c..c50c7c43 100644
--- a/src/components/Draft/Draft.tsx
+++ b/src/components/Draft/Draft.tsx
@@ -39,7 +39,7 @@ export const Draft = (props: Props) => {
       confirmBody: t('Are you sure you want to delete this draft?'),
       confirmButtonLabel: t('Delete'),
       confirmButtonVariant: 'danger',
-      declineButtonVariant: 'primary',
+      declineButtonVariant: 'primary'
     })
     if (isConfirmed) {
       props.onDelete(props.shout)
diff --git a/src/components/Editor/Editor.tsx b/src/components/Editor/Editor.tsx
index b97fc7cf..11ddc310 100644
--- a/src/components/Editor/Editor.tsx
+++ b/src/components/Editor/Editor.tsx
@@ -67,7 +67,7 @@ const allowedImageTypes = new Set([
   'image/png',
   'image/tiff',
   'image/webp',
-  'image/x-icon',
+  'image/x-icon'
 ])
 
 const yDocs: Record<string, Doc> = {}
@@ -93,42 +93,42 @@ export const Editor = (props: Props) => {
       url: 'wss://hocuspocus.discours.io',
       name: docName,
       document: yDocs[docName],
-      token: session()?.access_token || '',
+      token: session()?.access_token || ''
     })
   }
 
   const editorElRef: {
     current: HTMLDivElement
   } = {
-    current: null,
+    current: null
   }
 
   const textBubbleMenuRef: {
     current: HTMLDivElement
   } = {
-    current: null,
+    current: null
   }
 
   const incutBubbleMenuRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
   const figureBubbleMenuRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
   const blockquoteBubbleMenuRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
 
   const floatingMenuRef: {
     current: HTMLDivElement
   } = {
-    current: null,
+    current: null
   }
 
   const handleClipboardPaste = async () => {
@@ -149,7 +149,7 @@ export const Editor = (props: Props) => {
         source: blob.toString(),
         name: file.name,
         size: file.size,
-        file,
+        file
       }
 
       showSnackbar({ body: t('Uploading image') })
@@ -164,13 +164,13 @@ export const Editor = (props: Props) => {
           content: [
             {
               type: 'image',
-              attrs: { src: result.url },
+              attrs: { src: result.url }
             },
             {
               type: 'figcaption',
-              content: [{ type: 'text', text: result.originalFilename }],
-            },
-          ],
+              content: [{ type: 'text', text: result.originalFilename }]
+            }
+          ]
         })
         .run()
     } catch (error) {
@@ -184,7 +184,7 @@ export const Editor = (props: Props) => {
     element: editorElRef.current,
     editorProps: {
       attributes: {
-        class: 'articleEditor',
+        class: 'articleEditor'
       },
       transformPastedHTML(html) {
         return html.replaceAll(/<img.*?>/g, '')
@@ -192,7 +192,7 @@ export const Editor = (props: Props) => {
       handlePaste: () => {
         handleClipboardPaste()
         return false
-      },
+      }
     },
     extensions: [
       Document,
@@ -207,34 +207,34 @@ export const Editor = (props: Props) => {
       Strike,
       HorizontalRule.configure({
         HTMLAttributes: {
-          class: 'horizontalRule',
-        },
+          class: 'horizontalRule'
+        }
       }),
       Underline,
       Link.extend({
-        inclusive: false,
+        inclusive: false
       }).configure({
         autolink: true,
-        openOnClick: false,
+        openOnClick: false
       }),
       Heading.configure({
-        levels: [2, 3, 4],
+        levels: [2, 3, 4]
       }),
       BulletList,
       OrderedList,
       ListItem,
       Collaboration.configure({
-        document: yDocs[docName],
+        document: yDocs[docName]
       }),
       CollaborationCursor.configure({
         provider: providers[docName],
         user: {
           name: author().name,
-          color: uniqolor(author().slug).color,
-        },
+          color: uniqolor(author().slug).color
+        }
       }),
       Placeholder.configure({
-        placeholder: t('Add a link or click plus to embed media'),
+        placeholder: t('Add a link or click plus to embed media')
       }),
       Focus,
       Gapcursor,
@@ -242,8 +242,8 @@ export const Editor = (props: Props) => {
       Highlight.configure({
         multicolor: true,
         HTMLAttributes: {
-          class: 'highlight',
-        },
+          class: 'highlight'
+        }
       }),
       Image,
       Iframe,
@@ -275,8 +275,8 @@ export const Editor = (props: Props) => {
           return result
         },
         tippyOptions: {
-          sticky: true,
-        },
+          sticky: true
+        }
       }),
       BubbleMenu.configure({
         pluginKey: 'blockquoteBubbleMenu',
@@ -294,8 +294,8 @@ export const Editor = (props: Props) => {
             if (selectedElement) {
               return selectedElement.getBoundingClientRect()
             }
-          },
-        },
+          }
+        }
       }),
       BubbleMenu.configure({
         pluginKey: 'incutBubbleMenu',
@@ -313,27 +313,27 @@ export const Editor = (props: Props) => {
             if (selectedElement) {
               return selectedElement.getBoundingClientRect()
             }
-          },
-        },
+          }
+        }
       }),
       BubbleMenu.configure({
         pluginKey: 'imageBubbleMenu',
         element: figureBubbleMenuRef.current,
         shouldShow: ({ editor: e, view }) => {
           return view.hasFocus() && e.isActive('image')
-        },
+        }
       }),
       FloatingMenu.configure({
         tippyOptions: {
-          placement: 'left',
+          placement: 'left'
         },
-        element: floatingMenuRef.current,
+        element: floatingMenuRef.current
       }),
       TrailingNode,
-      Article,
+      Article
     ],
     enablePasteRules: [Link],
-    content: initialContent ?? null,
+    content: initialContent ?? null
   }))
 
   const { countWords, setEditor } = useEditorContext()
@@ -346,7 +346,7 @@ export const Editor = (props: Props) => {
     if (html()) {
       countWords({
         characters: editor().storage.characterCount.characters(),
-        words: editor().storage.characterCount.words(),
+        words: editor().storage.characterCount.words()
       })
     }
   })
diff --git a/src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx b/src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx
index 99121fec..f4e20ec7 100644
--- a/src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx
+++ b/src/components/Editor/EditorFloatingMenu/EditorFloatingMenu.tsx
@@ -57,14 +57,14 @@ export const EditorFloatingMenu = (props: FloatingMenuProps) => {
             attrs: {
               src: emb.src,
               width: emb.width,
-              height: emb.height,
-            },
+              height: emb.height
+            }
           },
           {
             type: 'figcaption',
-            content: [{ type: 'text', text: t('Description') }],
-          },
-        ],
+            content: [{ type: 'text', text: t('Description') }]
+          }
+        ]
       })
       .run()
   }
@@ -107,7 +107,7 @@ export const EditorFloatingMenu = (props: FloatingMenuProps) => {
         setMenuOpen(false)
         setSelectedMenuItem()
       }
-    },
+    }
   })
 
   const handleUpload = (image: UploadedFile) => {
diff --git a/src/components/Editor/InsertLinkForm/InsertLinkForm.tsx b/src/components/Editor/InsertLinkForm/InsertLinkForm.tsx
index 92c31ea3..4721d0ec 100644
--- a/src/components/Editor/InsertLinkForm/InsertLinkForm.tsx
+++ b/src/components/Editor/InsertLinkForm/InsertLinkForm.tsx
@@ -25,7 +25,7 @@ export const InsertLinkForm = (props: Props) => {
     () => props.editor,
     (ed) => {
       return ed?.getAttributes('link').href || ''
-    },
+    }
   )
   const handleClearLinkForm = () => {
     if (currentUrl()) {
diff --git a/src/components/Editor/Panel/Panel.tsx b/src/components/Editor/Panel/Panel.tsx
index c6503473..ef3785df 100644
--- a/src/components/Editor/Panel/Panel.tsx
+++ b/src/components/Editor/Panel/Panel.tsx
@@ -35,7 +35,7 @@ export const Panel = (props: Props) => {
   useOutsideClickHandler({
     containerRef,
     predicate: () => isEditorPanelVisible(),
-    handler: () => toggleEditorPanel(),
+    handler: () => toggleEditorPanel()
   })
 
   useEscKeyDownHandler(() => {
diff --git a/src/components/Editor/SimplifiedEditor.tsx b/src/components/Editor/SimplifiedEditor.tsx
index 44401b1c..98ff9410 100644
--- a/src/components/Editor/SimplifiedEditor.tsx
+++ b/src/components/Editor/SimplifiedEditor.tsx
@@ -17,7 +17,7 @@ import {
   createTiptapEditor,
   useEditorHTML,
   useEditorIsEmpty,
-  useEditorIsFocused,
+  useEditorIsFocused
 } from 'solid-tiptap'
 
 import { useEditorContext } from '../../context/editor'
@@ -73,32 +73,32 @@ const SimplifiedEditor = (props: Props) => {
   const wrapperEditorElRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
 
   const editorElRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
 
   const textBubbleMenuRef: {
     current: HTMLDivElement
   } = {
-    current: null,
+    current: null
   }
 
   const linkBubbleMenuRef: {
     current: HTMLDivElement
   } = {
-    current: null,
+    current: null
   }
 
   const { setEditor } = useEditorContext()
 
   const ImageFigure = Figure.extend({
     name: 'capturedImage',
-    content: 'figcaption image',
+    content: 'figcaption image'
   })
 
   const content = props.initialContent
@@ -106,8 +106,8 @@ const SimplifiedEditor = (props: Props) => {
     element: editorElRef.current,
     editorProps: {
       attributes: {
-        class: styles.simplifiedEditorField,
-      },
+        class: styles.simplifiedEditorField
+      }
     },
     extensions: [
       Document,
@@ -116,18 +116,18 @@ const SimplifiedEditor = (props: Props) => {
       Bold,
       Italic,
       Link.extend({
-        inclusive: false,
+        inclusive: false
       }).configure({
         autolink: true,
-        openOnClick: false,
+        openOnClick: false
       }),
       CharacterCount.configure({
-        limit: maxLength,
+        limit: maxLength
       }),
       Blockquote.configure({
         HTMLAttributes: {
-          class: styles.blockQuote,
-        },
+          class: styles.blockQuote
+        }
       }),
       BubbleMenu.configure({
         pluginKey: 'textBubbleMenu',
@@ -137,7 +137,7 @@ const SimplifiedEditor = (props: Props) => {
           const { selection } = state
           const { empty } = selection
           return view.hasFocus() && !empty
-        },
+        }
       }),
       BubbleMenu.configure({
         pluginKey: 'linkBubbleMenu',
@@ -148,19 +148,19 @@ const SimplifiedEditor = (props: Props) => {
           return !empty && shouldShowLinkBubbleMenu()
         },
         tippyOptions: {
-          placement: 'bottom',
-        },
+          placement: 'bottom'
+        }
       }),
       ImageFigure,
       Image,
       Figcaption,
       Placeholder.configure({
         emptyNodeClass: styles.emptyNode,
-        placeholder: props.placeholder,
-      }),
+        placeholder: props.placeholder
+      })
     ],
     autofocus: props.autoFocus,
-    content: content ?? null,
+    content: content ?? null
   }))
 
   setEditor(editor)
@@ -172,7 +172,7 @@ const SimplifiedEditor = (props: Props) => {
       () => editor(),
       (ed) => {
         return ed?.isActive(name)
-      },
+      }
     )
 
   const html = useEditorHTML(() => editor())
@@ -191,13 +191,13 @@ const SimplifiedEditor = (props: Props) => {
         content: [
           {
             type: 'image',
-            attrs: { src: image.url },
+            attrs: { src: image.url }
           },
           {
             type: 'figcaption',
-            content: [{ type: 'text', text: image.originalFilename }],
-          },
-        ],
+            content: [{ type: 'text', text: image.originalFilename }]
+          }
+        ]
       })
       .run()
     hideModal()
@@ -260,7 +260,7 @@ const SimplifiedEditor = (props: Props) => {
 
   const maxHeightStyle = {
     overflow: 'auto',
-    'max-height': `${props.maxHeight}px`,
+    'max-height': `${props.maxHeight}px`
   }
 
   const handleShowLinkBubble = () => {
@@ -282,7 +282,7 @@ const SimplifiedEditor = (props: Props) => {
           [styles.minimal]: props.variant === 'minimal',
           [styles.bordered]: props.variant === 'bordered',
           [styles.isFocused]: isFocused() || !isEmpty(),
-          [styles.labelVisible]: props.label && counter() > 0,
+          [styles.labelVisible]: props.label && counter() > 0
         })}
       >
         <Show when={props.maxLength && editor()}>
diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
index 7be88544..161c7c2b 100644
--- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
+++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
@@ -26,7 +26,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
   const isActive = (name: string, attributes?: unknown) =>
     createEditorTransaction(
       () => props.editor,
-      (editor) => editor?.isActive(name, attributes),
+      (editor) => editor?.isActive(name, attributes)
     )
 
   const [textSizeBubbleOpen, setTextSizeBubbleOpen] = createSignal(false)
@@ -86,7 +86,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
       }
       const value = ed.getAttributes('footnote').value
       setFootNote(value)
-    },
+    }
   )
 
   const handleAddFootnote = (footnote) => {
@@ -168,7 +168,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   <button
                     type="button"
                     class={clsx(styles.bubbleMenuButton, {
-                      [styles.bubbleMenuButtonActive]: textSizeBubbleOpen(),
+                      [styles.bubbleMenuButtonActive]: textSizeBubbleOpen()
                     })}
                     onClick={toggleTextSizePopup}
                   >
@@ -185,7 +185,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isH1(),
+                                [styles.bubbleMenuButtonActive]: isH1()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleHeading({ level: 2 }).run()
@@ -202,7 +202,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isH2(),
+                                [styles.bubbleMenuButtonActive]: isH2()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleHeading({ level: 3 }).run()
@@ -219,7 +219,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isH3(),
+                                [styles.bubbleMenuButtonActive]: isH3()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleHeading({ level: 4 }).run()
@@ -239,7 +239,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isQuote(),
+                                [styles.bubbleMenuButtonActive]: isQuote()
                               })}
                               onClick={handleSetPunchline}
                             >
@@ -253,7 +253,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isPunchLine(),
+                                [styles.bubbleMenuButtonActive]: isPunchLine()
                               })}
                               onClick={handleSetQuote}
                             >
@@ -270,7 +270,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isIncut(),
+                                [styles.bubbleMenuButtonActive]: isIncut()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleArticle().run()
@@ -294,7 +294,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   ref={triggerRef}
                   type="button"
                   class={clsx(styles.bubbleMenuButton, {
-                    [styles.bubbleMenuButtonActive]: isBold(),
+                    [styles.bubbleMenuButtonActive]: isBold()
                   })}
                   onClick={() => props.editor.chain().focus().toggleBold().run()}
                 >
@@ -308,7 +308,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   ref={triggerRef}
                   type="button"
                   class={clsx(styles.bubbleMenuButton, {
-                    [styles.bubbleMenuButtonActive]: isItalic(),
+                    [styles.bubbleMenuButtonActive]: isItalic()
                   })}
                   onClick={() => props.editor.chain().focus().toggleItalic().run()}
                 >
@@ -324,7 +324,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                     ref={triggerRef}
                     type="button"
                     class={clsx(styles.bubbleMenuButton, {
-                      [styles.bubbleMenuButtonActive]: isHighlight(),
+                      [styles.bubbleMenuButtonActive]: isHighlight()
                     })}
                     onClick={() => props.editor.chain().focus().toggleHighlight({ color: '#f6e3a1' }).run()}
                   >
@@ -341,7 +341,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   type="button"
                   onClick={handleOpenLinkForm}
                   class={clsx(styles.bubbleMenuButton, {
-                    [styles.bubbleMenuButtonActive]: isLink(),
+                    [styles.bubbleMenuButtonActive]: isLink()
                   })}
                 >
                   <Icon name="editor-link" />
@@ -356,7 +356,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                       ref={triggerRef}
                       type="button"
                       class={clsx(styles.bubbleMenuButton, {
-                        [styles.bubbleMenuButtonActive]: isFootnote(),
+                        [styles.bubbleMenuButtonActive]: isFootnote()
                       })}
                       onClick={handleOpenFootnoteEditor}
                     >
@@ -369,7 +369,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                   <button
                     type="button"
                     class={clsx(styles.bubbleMenuButton, {
-                      [styles.bubbleMenuButtonActive]: listBubbleOpen(),
+                      [styles.bubbleMenuButtonActive]: listBubbleOpen()
                     })}
                     onClick={toggleListPopup}
                   >
@@ -386,7 +386,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isBulletList(),
+                                [styles.bubbleMenuButtonActive]: isBulletList()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleBulletList().run()
@@ -403,7 +403,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {
                               ref={triggerRef}
                               type="button"
                               class={clsx(styles.bubbleMenuButton, {
-                                [styles.bubbleMenuButtonActive]: isOrderedList(),
+                                [styles.bubbleMenuButtonActive]: isOrderedList()
                               })}
                               onClick={() => {
                                 props.editor.chain().focus().toggleOrderedList().run()
diff --git a/src/components/Editor/TopicSelect/TopicSelect.tsx b/src/components/Editor/TopicSelect/TopicSelect.tsx
index ffb44c82..680176d8 100644
--- a/src/components/Editor/TopicSelect/TopicSelect.tsx
+++ b/src/components/Editor/TopicSelect/TopicSelect.tsx
@@ -37,7 +37,7 @@ export const TopicSelect = (props: TopicSelectProps) => {
     disable: (topic) => {
       return props.selectedTopics.some((selectedTopic) => selectedTopic.slug === topic.slug)
     },
-    createable: createValue,
+    createable: createValue
   })
 
   const handleChange = (selectedTopics: Topic[]) => {
@@ -61,7 +61,7 @@ export const TopicSelect = (props: TopicSelectProps) => {
     return (
       <div
         class={clsx(styles.selectedItem, {
-          [styles.mainTopic]: isMainTopic,
+          [styles.mainTopic]: isMainTopic
         })}
         onClick={() => handleSelectedItemClick(item)}
       >
diff --git a/src/components/Editor/UploadModalContent/UploadModalContent.tsx b/src/components/Editor/UploadModalContent/UploadModalContent.tsx
index c2e99ad4..aa837d49 100644
--- a/src/components/Editor/UploadModalContent/UploadModalContent.tsx
+++ b/src/components/Editor/UploadModalContent/UploadModalContent.tsx
@@ -48,7 +48,7 @@ export const UploadModalContent = (props: Props) => {
         source: blob.toString(),
         name: file.name,
         size: file.size,
-        file: file,
+        file: file
       }
       await runUpload(fileToUpload)
     } catch (error) {
@@ -72,7 +72,7 @@ export const UploadModalContent = (props: Props) => {
       } else {
         setDragError(t('Image format not supported'))
       }
-    },
+    }
   })
   const handleDrag = (event: MouseEvent) => {
     if (event.type === 'dragenter' || event.type === 'dragover') {
diff --git a/src/components/Editor/VideoUploader/VideoUploader.tsx b/src/components/Editor/VideoUploader/VideoUploader.tsx
index 85261a9d..c40fccd2 100644
--- a/src/components/Editor/VideoUploader/VideoUploader.tsx
+++ b/src/components/Editor/VideoUploader/VideoUploader.tsx
@@ -29,7 +29,7 @@ export const VideoUploader = (props: Props) => {
   const urlInput: {
     current: HTMLInputElement
   } = {
-    current: null,
+    current: null
   }
 
   const { setRef: dropzoneRef, files: droppedFiles } = createDropzone({
@@ -40,13 +40,13 @@ export const VideoUploader = (props: Props) => {
       } else if (droppedFiles()[0].file.type.startsWith('video/')) {
         await showSnackbar({
           body: t(
-            'This functionality is currently not available, we would like to work on this issue. Use the download link.',
-          ),
+            'This functionality is currently not available, we would like to work on this issue. Use the download link.'
+          )
         })
       } else {
         setError(t('Video format not supported'))
       }
-    },
+    }
   })
   const handleDrag = (event) => {
     if (event.type === 'dragenter' || event.type === 'dragover') {
@@ -85,8 +85,8 @@ export const VideoUploader = (props: Props) => {
           onClick={() =>
             showSnackbar({
               body: t(
-                'This functionality is currently not available, we would like to work on this issue. Use the download link.',
-              ),
+                'This functionality is currently not available, we would like to work on this issue. Use the download link.'
+              )
             })
           }
           ref={dropzoneRef}
diff --git a/src/components/Editor/extensions/Article.ts b/src/components/Editor/extensions/Article.ts
index e5ff3769..0f5b1ba0 100644
--- a/src/components/Editor/extensions/Article.ts
+++ b/src/components/Editor/extensions/Article.ts
@@ -14,8 +14,8 @@ export default Node.create({
   name: 'article',
   defaultOptions: {
     HTMLAttributes: {
-      'data-type': 'incut',
-    },
+      'data-type': 'incut'
+    }
   },
   group: 'block',
   content: 'block+',
@@ -23,8 +23,8 @@ export default Node.create({
   parseHTML() {
     return [
       {
-        tag: 'article',
-      },
+        tag: 'article'
+      }
     ]
   },
 
@@ -35,11 +35,11 @@ export default Node.create({
   addAttributes() {
     return {
       'data-float': {
-        default: null,
+        default: null
       },
       'data-bg': {
-        default: null,
-      },
+        default: null
+      }
     }
   },
 
@@ -60,7 +60,7 @@ export default Node.create({
         (value) =>
         ({ commands }) => {
           return commands.updateAttributes(this.name, { 'data-bg': value })
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/CustomBlockquote.ts b/src/components/Editor/extensions/CustomBlockquote.ts
index 3a403b36..8f436e4b 100644
--- a/src/components/Editor/extensions/CustomBlockquote.ts
+++ b/src/components/Editor/extensions/CustomBlockquote.ts
@@ -14,18 +14,18 @@ declare module '@tiptap/core' {
 export const CustomBlockquote = Blockquote.extend({
   name: 'blockquote',
   defaultOptions: {
-    HTMLAttributes: {},
+    HTMLAttributes: {}
   },
   group: 'block',
   content: 'block+',
   addAttributes() {
     return {
       'data-float': {
-        default: null,
+        default: null
       },
       'data-type': {
-        default: null,
-      },
+        default: null
+      }
     }
   },
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -41,7 +41,7 @@ export const CustomBlockquote = Blockquote.extend({
         (value) =>
         ({ commands }) => {
           return commands.updateAttributes(this.name, { 'data-float': value })
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/CustomImage.ts b/src/components/Editor/extensions/CustomImage.ts
index ecef3efe..7829e94a 100644
--- a/src/components/Editor/extensions/CustomImage.ts
+++ b/src/components/Editor/extensions/CustomImage.ts
@@ -16,20 +16,20 @@ export const CustomImage = Image.extend({
   addAttributes() {
     return {
       src: {
-        default: null,
+        default: null
       },
       alt: {
-        default: null,
+        default: null
       },
       width: {
-        default: null,
+        default: null
       },
       height: {
-        default: null,
+        default: null
       },
       'data-float': {
-        default: null,
-      },
+        default: null
+      }
     }
   },
   addCommands() {
@@ -39,14 +39,14 @@ export const CustomImage = Image.extend({
         ({ commands }) => {
           return commands.insertContent({
             type: this.name,
-            attrs: options,
+            attrs: options
           })
         },
       setImageFloat:
         (value) =>
         ({ commands }) => {
           return commands.updateAttributes(this.name, { 'data-float': value })
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/Figcaption.ts b/src/components/Editor/extensions/Figcaption.ts
index 214869b5..32d8c8d0 100644
--- a/src/components/Editor/extensions/Figcaption.ts
+++ b/src/components/Editor/extensions/Figcaption.ts
@@ -12,7 +12,7 @@ export const Figcaption = Node.create({
 
   addOptions() {
     return {
-      HTMLAttributes: {},
+      HTMLAttributes: {}
     }
   },
 
@@ -25,8 +25,8 @@ export const Figcaption = Node.create({
   parseHTML() {
     return [
       {
-        tag: 'figcaption',
-      },
+        tag: 'figcaption'
+      }
     ]
   },
 
@@ -39,7 +39,7 @@ export const Figcaption = Node.create({
         (value) =>
         ({ commands }) => {
           return commands.focus(value)
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/Figure.ts b/src/components/Editor/extensions/Figure.ts
index ab44e04f..20e7d19b 100644
--- a/src/components/Editor/extensions/Figure.ts
+++ b/src/components/Editor/extensions/Figure.ts
@@ -12,7 +12,7 @@ export const Figure = Node.create({
   name: 'figure',
   addOptions() {
     return {
-      HTMLAttributes: {},
+      HTMLAttributes: {}
     }
   },
   group: 'block',
@@ -24,7 +24,7 @@ export const Figure = Node.create({
   addAttributes() {
     return {
       'data-float': null,
-      'data-type': { default: null },
+      'data-type': { default: null }
     }
   },
 
@@ -45,8 +45,8 @@ export const Figure = Node.create({
             dataType = 'iframe'
           }
           return { 'data-type': dataType }
-        },
-      },
+        }
+      }
     ]
   },
   renderHTML({ HTMLAttributes }) {
@@ -69,10 +69,10 @@ export const Figure = Node.create({
                 event.preventDefault()
               }
               return false
-            },
-          },
-        },
-      }),
+            }
+          }
+        }
+      })
     ]
   },
 
@@ -82,7 +82,7 @@ export const Figure = Node.create({
         (value) =>
         ({ commands }) => {
           return commands.updateAttributes(this.name, { 'data-float': value })
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/Footnote.ts b/src/components/Editor/extensions/Footnote.ts
index 1293e60a..e95b6821 100644
--- a/src/components/Editor/extensions/Footnote.ts
+++ b/src/components/Editor/extensions/Footnote.ts
@@ -14,7 +14,7 @@ export const Footnote = Node.create({
   name: 'footnote',
   addOptions() {
     return {
-      HTMLAttributes: {},
+      HTMLAttributes: {}
     }
   },
   group: 'inline',
@@ -29,18 +29,18 @@ export const Footnote = Node.create({
         parseHTML: (element) => element.dataset.value || null,
         renderHTML: (attributes) => {
           return {
-            'data-value': attributes.value,
+            'data-value': attributes.value
           }
-        },
-      },
+        }
+      }
     }
   },
 
   parseHTML() {
     return [
       {
-        tag: 'footnote',
-      },
+        tag: 'footnote'
+      }
     ]
   },
 
@@ -92,7 +92,7 @@ export const Footnote = Node.create({
           }
 
           return false
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/Iframe.ts b/src/components/Editor/extensions/Iframe.ts
index 3c73371d..eeb048c6 100644
--- a/src/components/Editor/extensions/Iframe.ts
+++ b/src/components/Editor/extensions/Iframe.ts
@@ -24,33 +24,33 @@ export const Iframe = Node.create<IframeOptions>({
     return {
       allowFullscreen: true,
       HTMLAttributes: {
-        class: 'iframe-wrapper',
-      },
+        class: 'iframe-wrapper'
+      }
     }
   },
 
   addAttributes() {
     return {
       src: {
-        default: null,
+        default: null
       },
       frameborder: {
-        default: 0,
+        default: 0
       },
       allowfullscreen: {
         default: this.options.allowFullscreen,
-        parseHTML: () => this.options.allowFullscreen,
+        parseHTML: () => this.options.allowFullscreen
       },
       width: { default: null },
-      height: { default: null },
+      height: { default: null }
     }
   },
 
   parseHTML() {
     return [
       {
-        tag: 'iframe',
-      },
+        tag: 'iframe'
+      }
     ]
   },
 
@@ -69,7 +69,7 @@ export const Iframe = Node.create<IframeOptions>({
             tr.replaceRangeWith(selection.from, selection.to, node)
           }
           return true
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/Span.ts b/src/components/Editor/extensions/Span.ts
index 735da8a2..c60a259f 100644
--- a/src/components/Editor/extensions/Span.ts
+++ b/src/components/Editor/extensions/Span.ts
@@ -12,8 +12,8 @@ export const Span = Mark.create({
             return { class: dom.getAttribute('class') }
           }
           return false
-        },
-      },
+        }
+      }
     ]
   },
 
@@ -24,8 +24,8 @@ export const Span = Mark.create({
   addAttributes() {
     return {
       class: {
-        default: null,
-      },
+        default: null
+      }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/ToggleTextWrap.ts b/src/components/Editor/extensions/ToggleTextWrap.ts
index b9106669..4af989a0 100644
--- a/src/components/Editor/extensions/ToggleTextWrap.ts
+++ b/src/components/Editor/extensions/ToggleTextWrap.ts
@@ -43,7 +43,7 @@ export const ToggleTextWrap = Extension.create({
             return true
           }
           return false
-        },
+        }
     }
-  },
+  }
 })
diff --git a/src/components/Editor/extensions/TrailingNode.ts b/src/components/Editor/extensions/TrailingNode.ts
index 94d39f99..fa399c79 100644
--- a/src/components/Editor/extensions/TrailingNode.ts
+++ b/src/components/Editor/extensions/TrailingNode.ts
@@ -22,7 +22,7 @@ export const TrailingNode = Extension.create<TrailingNodeOptions>({
   addOptions() {
     return {
       node: 'paragraph',
-      notAfter: ['paragraph'],
+      notAfter: ['paragraph']
     }
   },
 
@@ -61,9 +61,9 @@ export const TrailingNode = Extension.create<TrailingNodeOptions>({
             const lastNode = tr.doc.lastChild
 
             return !nodeEqualsType({ node: lastNode, types: disabledNodes })
-          },
-        },
-      }),
+          }
+        }
+      })
     ]
-  },
+  }
 })
diff --git a/src/components/Feed/ArticleCard/ArticleCard.tsx b/src/components/Feed/ArticleCard/ArticleCard.tsx
index 31743db2..1f1e8f97 100644
--- a/src/components/Feed/ArticleCard/ArticleCard.tsx
+++ b/src/components/Feed/ArticleCard/ArticleCard.tsx
@@ -57,11 +57,11 @@ const desktopCoverImageWidths: Record<ArticleCardProps['desktopCoverSize'], numb
   XS: 300,
   S: 400,
   M: 600,
-  L: 800,
+  L: 800
 }
 
 const getTitleAndSubtitle = (
-  article: Shout,
+  article: Shout
 ): {
   title: string
   subtitle: string
@@ -101,7 +101,7 @@ const LAYOUT_ASPECT = {
   music: styles.aspectRatio1x1,
   literature: styles.aspectRatio16x9,
   video: styles.aspectRatio16x9,
-  image: styles.aspectRatio4x3,
+  image: styles.aspectRatio4x3
 }
 
 export const ArticleCard = (props: ArticleCardProps) => {
@@ -117,7 +117,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
   const { title, subtitle } = getTitleAndSubtitle(props.article)
 
   const formattedDate = createMemo<string>(() =>
-    props.article.published_at ? formatDate(new Date(props.article.published_at * 1000)) : '',
+    props.article.published_at ? formatDate(new Date(props.article.published_at * 1000)) : ''
   )
 
   const canEdit = () =>
@@ -128,7 +128,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
     event.preventDefault()
     openPage(router, 'article', { slug: props.article.slug })
     changeSearchParams({
-      scrollTo: 'comments',
+      scrollTo: 'comments'
     })
   }
   return (
@@ -146,14 +146,14 @@ export const ArticleCard = (props: ArticleCardProps) => {
         [styles.shoutCardSingle]: props.settings?.isSingle,
         [styles.shoutCardBeside]: props.settings?.isBeside,
         [styles.shoutCardNoImage]: !props.article.cover,
-        [aspectRatio()]: props.withAspectRatio,
+        [aspectRatio()]: props.withAspectRatio
       })}
     >
       <Show when={!(props.settings?.noimage || props.settings?.isFeedMode)}>
         <div class={styles.shoutCardCoverContainer}>
           <div
             class={clsx(styles.shoutCardCover, {
-              [styles.loading]: props.article.cover && isCoverImageLoading(),
+              [styles.loading]: props.article.cover && isCoverImageLoading()
             })}
           >
             <Show
@@ -203,7 +203,7 @@ export const ArticleCard = (props: ArticleCardProps) => {
 
         <div
           class={clsx(styles.shoutCardTitlesContainer, {
-            [styles.shoutCardTitlesContainerFeedMode]: props.settings?.isFeedMode,
+            [styles.shoutCardTitlesContainerFeedMode]: props.settings?.isFeedMode
           })}
         >
           <a href={getPagePath(router, 'article', { slug: props.article.slug })}>
diff --git a/src/components/Feed/Beside.tsx b/src/components/Feed/Beside.tsx
index 87dc462e..df68d872 100644
--- a/src/components/Feed/Beside.tsx
+++ b/src/components/Feed/Beside.tsx
@@ -43,7 +43,7 @@ export const Beside = (props: Props) => {
                   'col-lg-8',
                   styles[
                     `besideRatingColumn${props.wrapper.charAt(0).toUpperCase() + props.wrapper.slice(1)}`
-                  ],
+                  ]
                 )}
               >
                 <Show when={!!props.title}>
@@ -67,7 +67,7 @@ export const Beside = (props: Props) => {
                 </Show>
                 <ul
                   class={clsx(styles.besideColumn, {
-                    [styles.besideColumnTopViewed]: props.wrapper === 'top-article',
+                    [styles.besideColumnTopViewed]: props.wrapper === 'top-article'
                   })}
                 >
                   <For each={[...props.values]}>
@@ -89,7 +89,7 @@ export const Beside = (props: Props) => {
                           <AuthorBadge
                             author={value as Author}
                             isFollowed={{
-                              value: isOwnerSubscribed(value.id),
+                              value: isOwnerSubscribed(value.id)
                             }}
                           />
                         </Show>
diff --git a/src/components/Feed/CardTopic.tsx b/src/components/Feed/CardTopic.tsx
index b4087258..06def979 100644
--- a/src/components/Feed/CardTopic.tsx
+++ b/src/components/Feed/CardTopic.tsx
@@ -18,7 +18,7 @@ export const CardTopic = (props: CardTopicProps) => {
     <div
       class={clsx(styles.shoutTopic, props.class, {
         [styles.shoutTopicFloorImportant]: props.isFloorImportant,
-        [styles.shoutTopicFeedMode]: props.isFeedMode,
+        [styles.shoutTopicFeedMode]: props.isFeedMode
       })}
     >
       <a href={getPagePath(router, 'topic', { slug: props.slug })}>{props.title}</a>
diff --git a/src/components/Feed/Group.tsx b/src/components/Feed/Group.tsx
index 45ad725c..8efd45b4 100644
--- a/src/components/Feed/Group.tsx
+++ b/src/components/Feed/Group.tsx
@@ -26,7 +26,7 @@ export default (props: GroupProps) => {
                   nosubtitle: false,
                   noicon: true,
                   isBigTitle: true,
-                  nodate: true,
+                  nodate: true
                 }}
                 desktopCoverSize="M"
               />
@@ -60,7 +60,7 @@ export default (props: GroupProps) => {
                             noimage: true,
                             isBigTitle: true,
                             isCompact: true,
-                            nodate: true,
+                            nodate: true
                           }}
                           desktopCoverSize="XS"
                         />
@@ -77,7 +77,7 @@ export default (props: GroupProps) => {
                             noimage: true,
                             isBigTitle: true,
                             isCompact: true,
-                            nodate: true,
+                            nodate: true
                           }}
                           desktopCoverSize="XS"
                         />
diff --git a/src/components/Feed/Row1.tsx b/src/components/Feed/Row1.tsx
index c0c9108a..41deb490 100644
--- a/src/components/Feed/Row1.tsx
+++ b/src/components/Feed/Row1.tsx
@@ -21,7 +21,7 @@ export const Row1 = (props: {
                 isSingle: true,
                 nodate: props.nodate,
                 noAuthorLink: props.noAuthorLink,
-                noauthor: props.noauthor,
+                noauthor: props.noauthor
               }}
               desktopCoverSize="L"
             />
diff --git a/src/components/Feed/Row2.tsx b/src/components/Feed/Row2.tsx
index 660326a9..2c927570 100644
--- a/src/components/Feed/Row2.tsx
+++ b/src/components/Feed/Row2.tsx
@@ -36,7 +36,7 @@ export const Row2 = (props: {
                         isWithCover: props.isEqual || className === 'col-md-16',
                         nodate: props.isEqual || props.nodate,
                         noAuthorLink: props.noAuthorLink,
-                        noauthor: props.noauthor,
+                        noauthor: props.noauthor
                       }}
                       desktopCoverSize={desktopCoverSize}
                     />
diff --git a/src/components/Feed/Row3.tsx b/src/components/Feed/Row3.tsx
index 8c1befc8..12433206 100644
--- a/src/components/Feed/Row3.tsx
+++ b/src/components/Feed/Row3.tsx
@@ -28,7 +28,7 @@ export const Row3 = (props: {
                     settings={{
                       nodate: props.nodate,
                       noAuthorLink: props.noAuthorLink,
-                      noauthor: props.noauthor,
+                      noauthor: props.noauthor
                     }}
                     desktopCoverSize="S"
                   />
diff --git a/src/components/Feed/RowShort.tsx b/src/components/Feed/RowShort.tsx
index d880d750..6188b270 100644
--- a/src/components/Feed/RowShort.tsx
+++ b/src/components/Feed/RowShort.tsx
@@ -18,7 +18,7 @@ export default (props: { articles: Shout[] }) => (
                   isWithCover: true,
                   isBigTitle: true,
                   isVertical: true,
-                  nodate: true,
+                  nodate: true
                 }}
                 desktopCoverSize="S"
               />
diff --git a/src/components/Feed/Sidebar/Sidebar.tsx b/src/components/Feed/Sidebar/Sidebar.tsx
index 9fed7c61..1de170c3 100644
--- a/src/components/Feed/Sidebar/Sidebar.tsx
+++ b/src/components/Feed/Sidebar/Sidebar.tsx
@@ -35,7 +35,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feed')}
             class={clsx({
-              [styles.selected]: page().route === 'feed',
+              [styles.selected]: page().route === 'feed'
             })}
           >
             <span class={styles.sidebarItemName}>
@@ -48,7 +48,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feedMy')}
             class={clsx({
-              [styles.selected]: page().route === 'feedMy',
+              [styles.selected]: page().route === 'feedMy'
             })}
           >
             <span class={styles.sidebarItemName}>
@@ -61,7 +61,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feedCollaborations')}
             class={clsx({
-              [styles.selected]: page().route === 'feedCollaborations',
+              [styles.selected]: page().route === 'feedCollaborations'
             })}
           >
             <span class={styles.sidebarItemName}>
@@ -74,7 +74,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feedDiscussions')}
             class={clsx({
-              [styles.selected]: page().route === 'feedDiscussions',
+              [styles.selected]: page().route === 'feedDiscussions'
             })}
           >
             <span class={styles.sidebarItemName}>
@@ -87,7 +87,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feedBookmarks')}
             class={clsx({
-              [styles.selected]: page().route === 'feedBookmarks',
+              [styles.selected]: page().route === 'feedBookmarks'
             })}
           >
             <span class={styles.sidebarItemName}>
@@ -100,7 +100,7 @@ export const Sidebar = () => {
           <a
             href={getPagePath(router, 'feedNotifications')}
             class={clsx({
-              [styles.selected]: page().route === 'feedNotifications',
+              [styles.selected]: page().route === 'feedNotifications'
             })}
           >
             <span class={styles.sidebarItemName}>
diff --git a/src/components/Inbox/CreateModalContent.tsx b/src/components/Inbox/CreateModalContent.tsx
index 7d0c331b..9cf9bebb 100644
--- a/src/components/Inbox/CreateModalContent.tsx
+++ b/src/components/Inbox/CreateModalContent.tsx
@@ -51,7 +51,7 @@ const CreateModalContent = (props: Props) => {
   const handleClick = (user) => {
     setCollectionToInvite((userCollection) => {
       return userCollection.map((clickedUser) =>
-        user.id === clickedUser.id ? { ...clickedUser, selected: !clickedUser.selected } : clickedUser,
+        user.id === clickedUser.id ? { ...clickedUser, selected: !clickedUser.selected } : clickedUser
       )
     })
   }
diff --git a/src/components/Inbox/DialogAvatar.tsx b/src/components/Inbox/DialogAvatar.tsx
index 875cdc98..f5251439 100644
--- a/src/components/Inbox/DialogAvatar.tsx
+++ b/src/components/Inbox/DialogAvatar.tsx
@@ -27,7 +27,7 @@ const colors = [
   '#668cff',
   '#c34cfe',
   '#e699ff',
-  '#6633ff',
+  '#6633ff'
 ]
 
 const getById = (letter: string) =>
@@ -44,7 +44,7 @@ const DialogAvatar = (props: Props) => {
       class={clsx(styles.DialogAvatar, props.class, {
         [styles.online]: props.online,
         [styles.bordered]: props.bordered,
-        [styles.small]: props.size === 'small',
+        [styles.small]: props.size === 'small'
       })}
       style={{ 'background-color': `${randomBg()}` }}
     >
diff --git a/src/components/Inbox/DialogCard.tsx b/src/components/Inbox/DialogCard.tsx
index 6c455b12..5b6c3dce 100644
--- a/src/components/Inbox/DialogCard.tsx
+++ b/src/components/Inbox/DialogCard.tsx
@@ -27,7 +27,7 @@ type DialogProps = {
 const DialogCard = (props: DialogProps) => {
   const { t, formatTime } = useLocalize()
   const companions = createMemo(() =>
-    props.members?.filter((member: ChatMember) => member.id !== props.ownId),
+    props.members?.filter((member: ChatMember) => member.id !== props.ownId)
   )
 
   const names = createMemo<string>(() => (companions() || []).map((companion) => companion.name).join(', '))
@@ -37,7 +37,7 @@ const DialogCard = (props: DialogProps) => {
       <div
         class={clsx(styles.DialogCard, {
           [styles.opened]: props.isOpened,
-          [styles.hovered]: !props.isChatHeader,
+          [styles.hovered]: !props.isChatHeader
         })}
         onClick={props.onClick}
       >
diff --git a/src/components/Inbox/MessageActionsPopup.tsx b/src/components/Inbox/MessageActionsPopup.tsx
index f2dfdd79..9be3487a 100644
--- a/src/components/Inbox/MessageActionsPopup.tsx
+++ b/src/components/Inbox/MessageActionsPopup.tsx
@@ -20,7 +20,7 @@ export const MessageActionsPopup = (props: MessageActionsPopupProps) => {
     { name: t('Pin'), action: 'pin' },
     { name: t('Forward'), action: 'forward' },
     { name: t('Select'), action: 'select' },
-    { name: t('Delete'), action: 'delete' },
+    { name: t('Delete'), action: 'delete' }
   ]
   createEffect(() => {
     if (props.actionSelect) props.actionSelect(selectedAction())
diff --git a/src/components/Inbox/QuotedMessage.tsx b/src/components/Inbox/QuotedMessage.tsx
index 22c497cc..d5acc506 100644
--- a/src/components/Inbox/QuotedMessage.tsx
+++ b/src/components/Inbox/QuotedMessage.tsx
@@ -19,7 +19,7 @@ const QuotedMessage = (props: QuotedMessage) => {
       class={clsx(styles.QuotedMessage, {
         [styles.reply]: props.variant === 'reply',
         [styles.inline]: props.variant === 'inline',
-        [styles.own]: props.isOwn,
+        [styles.own]: props.isOwn
       })}
     >
       <Show when={props.variant === 'reply'}>
diff --git a/src/components/Nav/AuthModal/AuthModalHeader/AuthModalHeader.tsx b/src/components/Nav/AuthModal/AuthModalHeader/AuthModalHeader.tsx
index 80ad5330..37eef155 100644
--- a/src/components/Nav/AuthModal/AuthModalHeader/AuthModalHeader.tsx
+++ b/src/components/Nav/AuthModal/AuthModalHeader/AuthModalHeader.tsx
@@ -16,7 +16,7 @@ export const AuthModalHeader = (props: Props) => {
   const { source } = searchParams()
 
   const generateModalTextsFromSource = (
-    modalType: 'login' | 'register',
+    modalType: 'login' | 'register'
   ): { title: string; description: string } => {
     const title = modalType === 'login' ? 'Welcome to Discours' : 'Create account'
 
@@ -24,53 +24,53 @@ export const AuthModalHeader = (props: Props) => {
       case 'create': {
         return {
           title: t(`${title} to publish articles`),
-          description: '',
+          description: ''
         }
       }
       case 'bookmark': {
         return {
           title: t(`${title} to add to your bookmarks`),
           description: t(
-            'In&nbsp;bookmarks, you can save favorite discussions and&nbsp;materials that you want to return to',
-          ),
+            'In&nbsp;bookmarks, you can save favorite discussions and&nbsp;materials that you want to return to'
+          )
         }
       }
       case 'discussions': {
         return {
           title: t(`${title} to participate in discussions`),
           description: t(
-            "You&nbsp;ll be able to participate in&nbsp;discussions, rate others' comments and&nbsp;learn about&nbsp;new responses",
-          ),
+            "You&nbsp;ll be able to participate in&nbsp;discussions, rate others' comments and&nbsp;learn about&nbsp;new responses"
+          )
         }
       }
       case 'follow': {
         return {
           title: t(`${title} to subscribe`),
           description: t(
-            'This way you&nbsp;ll be able to subscribe to&nbsp;authors, interesting topics and&nbsp;customize your feed',
-          ),
+            'This way you&nbsp;ll be able to subscribe to&nbsp;authors, interesting topics and&nbsp;customize your feed'
+          )
         }
       }
       case 'subscribe': {
         return {
           title: t(`${title} to subscribe to new publications`),
           description: t(
-            'This way you&nbsp;ll be able to subscribe to&nbsp;authors, interesting topics and&nbsp;customize your feed',
-          ),
+            'This way you&nbsp;ll be able to subscribe to&nbsp;authors, interesting topics and&nbsp;customize your feed'
+          )
         }
       }
       case 'vote': {
         return {
           title: t(`${title} to vote`),
           description: t(
-            'This way we&nbsp;ll realize that you&nbsp;re a real person and&nbsp;ll take your vote into account. And&nbsp;you&nbsp;ll see how others voted',
-          ),
+            'This way we&nbsp;ll realize that you&nbsp;re a real person and&nbsp;ll take your vote into account. And&nbsp;you&nbsp;ll see how others voted'
+          )
         }
       }
       default: {
         return {
           title: t(title),
-          description: '',
+          description: ''
         }
       }
     }
diff --git a/src/components/Nav/AuthModal/ChangePasswordForm.tsx b/src/components/Nav/AuthModal/ChangePasswordForm.tsx
index 2fa9c3a9..46f275d4 100644
--- a/src/components/Nav/AuthModal/ChangePasswordForm.tsx
+++ b/src/components/Nav/AuthModal/ChangePasswordForm.tsx
@@ -62,7 +62,7 @@ export const ChangePasswordForm = () => {
             <h4>{t('Enter a new password')}</h4>
             <div class={styles.authSubtitle}>
               {t(
-                'Now you can enter a new password, it must contain at least 8 characters and not be the same as the previous password',
+                'Now you can enter a new password, it must contain at least 8 characters and not be the same as the previous password'
               )}
             </div>
             <Show when={validationErrors()}>
@@ -83,7 +83,7 @@ export const ChangePasswordForm = () => {
                 class={styles.authLink}
                 onClick={() =>
                   changeSearchParams({
-                    mode: 'login',
+                    mode: 'login'
                   })
                 }
               >
diff --git a/src/components/Nav/AuthModal/ForgotPasswordForm.tsx b/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
index 69250c32..9db839ba 100644
--- a/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
+++ b/src/components/Nav/AuthModal/ForgotPasswordForm.tsx
@@ -58,7 +58,7 @@ export const ForgotPasswordForm = () => {
     try {
       const { data, errors } = await forgotPassword({
         email: email(),
-        redirect_uri: window.location.origin,
+        redirect_uri: window.location.origin
       })
       console.debug('[ForgotPasswordForm] authorizer response:', data)
       if (errors?.some((error) => error.message.includes('bad user credentials'))) {
@@ -85,7 +85,7 @@ export const ForgotPasswordForm = () => {
         </div>
         <div
           class={clsx('pretty-form__item', {
-            'pretty-form__item--error': validationErrors().email,
+            'pretty-form__item--error': validationErrors().email
           })}
         >
           <input
@@ -107,7 +107,7 @@ export const ForgotPasswordForm = () => {
                 class={'link'}
                 onClick={() =>
                   changeSearchParams({
-                    mode: 'login',
+                    mode: 'login'
                   })
                 }
               >
@@ -134,7 +134,7 @@ export const ForgotPasswordForm = () => {
             class={styles.authLink}
             onClick={() =>
               changeSearchParams({
-                mode: 'login',
+                mode: 'login'
               })
             }
           >
diff --git a/src/components/Nav/AuthModal/LoginForm.tsx b/src/components/Nav/AuthModal/LoginForm.tsx
index f60ec5b5..d319d100 100644
--- a/src/components/Nav/AuthModal/LoginForm.tsx
+++ b/src/components/Nav/AuthModal/LoginForm.tsx
@@ -100,7 +100,7 @@ export const LoginForm = () => {
         if (errors.some((error) => error.message.includes('bad user credentials'))) {
           setValidationErrors((prev) => ({
             ...prev,
-            password: t('Something went wrong, check email and password'),
+            password: t('Something went wrong, check email and password')
           }))
         } else {
           setSubmitError(t('Error'))
@@ -136,7 +136,7 @@ export const LoginForm = () => {
         </Show>
         <div
           class={clsx('pretty-form__item', {
-            'pretty-form__item--error': validationErrors().email,
+            'pretty-form__item--error': validationErrors().email
           })}
         >
           <input
@@ -171,7 +171,7 @@ export const LoginForm = () => {
             class="link"
             onClick={() =>
               changeSearchParams({
-                mode: 'forgot-password',
+                mode: 'forgot-password'
               })
             }
           >
@@ -188,7 +188,7 @@ export const LoginForm = () => {
             class={styles.authLink}
             onClick={() =>
               changeSearchParams({
-                mode: 'register',
+                mode: 'register'
               })
             }
           >
diff --git a/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx b/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx
index e96f6439..0af4d852 100644
--- a/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx
+++ b/src/components/Nav/AuthModal/PasswordField/PasswordField.tsx
@@ -52,15 +52,15 @@ export const PasswordField = (props: Props) => {
       () => {
         props.errorMessage?.(error())
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   return (
     <div class={clsx(styles.PassportField, props.class)}>
       <div
         class={clsx('pretty-form__item', {
-          'pretty-form__item--error': error() && props.variant !== 'login',
+          'pretty-form__item--error': error() && props.variant !== 'login'
         })}
       >
         <input
diff --git a/src/components/Nav/AuthModal/RegisterForm.tsx b/src/components/Nav/AuthModal/RegisterForm.tsx
index b6e55788..67fc3ff8 100644
--- a/src/components/Nav/AuthModal/RegisterForm.tsx
+++ b/src/components/Nav/AuthModal/RegisterForm.tsx
@@ -104,7 +104,7 @@ export const RegisterForm = () => {
         email: cleanEmail,
         password: password(),
         confirm_password: password(),
-        redirect_uri: window.location.origin,
+        redirect_uri: window.location.origin
       }
       const { errors } = await signUp(opts)
       if (errors?.some((error) => error.message.includes('has already signed up'))) {
@@ -117,14 +117,14 @@ export const RegisterForm = () => {
                 class={'link'}
                 onClick={() =>
                   changeSearchParams({
-                    mode: 'login',
+                    mode: 'login'
                   })
                 }
               >
                 {t('sign in')}
               </span>
             </>
-          ),
+          )
         }))
       }
       setIsSuccess(true)
@@ -148,7 +148,7 @@ export const RegisterForm = () => {
             </Show>
             <div
               class={clsx('pretty-form__item', {
-                'pretty-form__item--error': validationErrors().fullName,
+                'pretty-form__item--error': validationErrors().fullName
               })}
             >
               <input
@@ -166,7 +166,7 @@ export const RegisterForm = () => {
 
             <div
               class={clsx('pretty-form__item', {
-                'pretty-form__item--error': validationErrors().email,
+                'pretty-form__item--error': validationErrors().email
               })}
             >
               <input
@@ -213,7 +213,7 @@ export const RegisterForm = () => {
                 class={styles.authLink}
                 onClick={() =>
                   changeSearchParams({
-                    mode: 'login',
+                    mode: 'login'
                   })
                 }
               >
diff --git a/src/components/Nav/AuthModal/index.tsx b/src/components/Nav/AuthModal/index.tsx
index c6b03ee8..94e284d0 100644
--- a/src/components/Nav/AuthModal/index.tsx
+++ b/src/components/Nav/AuthModal/index.tsx
@@ -22,7 +22,7 @@ const AUTH_MODAL_MODES: Record<AuthModalMode, Component> = {
   register: RegisterForm,
   'forgot-password': ForgotPasswordForm,
   'confirm-email': EmailConfirm,
-  'change-password': ChangePasswordForm,
+  'change-password': ChangePasswordForm
 }
 
 export const AuthModal = () => {
@@ -46,7 +46,7 @@ export const AuthModal = () => {
       ref={(el) => (rootRef.current = el)}
       class={clsx(styles.view, {
         row: !source,
-        [styles.signUp]: mode() === 'register' || mode() === 'confirm-email',
+        [styles.signUp]: mode() === 'register' || mode() === 'confirm-email'
       })}
     >
       <Show when={!source}>
@@ -59,7 +59,7 @@ export const AuthModal = () => {
               <h4>{t('Join the global community of authors!')}</h4>
               <p class={styles.authBenefits}>
                 {t(
-                  'Get to know the most intelligent people of our time, edit and discuss the articles, share your expertise, rate and decide what to publish in the magazine',
+                  'Get to know the most intelligent people of our time, edit and discuss the articles, share your expertise, rate and decide what to publish in the magazine'
                 )}
                 .&nbsp;
                 {t('New stories every day and even more!')}
@@ -82,7 +82,7 @@ export const AuthModal = () => {
       </Show>
       <div
         class={clsx(styles.auth, {
-          'col-md-12': !source,
+          'col-md-12': !source
         })}
       >
         <Dynamic component={AUTH_MODAL_MODES[mode()]} />
diff --git a/src/components/Nav/Header/Header.tsx b/src/components/Nav/Header/Header.tsx
index c0d2d466..92944b51 100644
--- a/src/components/Nav/Header/Header.tsx
+++ b/src/components/Nav/Header/Header.tsx
@@ -165,7 +165,7 @@ export const Header = (props: Props) => {
         [styles.headerScrolledTop]: !getIsScrollingBottom() && getIsScrolled(),
         [styles.headerScrolledBottom]:
           (getIsScrollingBottom() && getIsScrolled() && !isProfilePopupVisible()) || isSharePopupVisible(),
-        [styles.headerWithTitle]: Boolean(props.title),
+        [styles.headerWithTitle]: Boolean(props.title)
       }}
     >
       <Modal
@@ -320,7 +320,7 @@ export const Header = (props: Props) => {
                 <p
                   class={styles.mobileDescription}
                   innerHTML={t(
-                    'Independant magazine with an open horizontal cooperation about culture, science and society',
+                    'Independant magazine with an open horizontal cooperation about culture, science and society'
                   )}
                 />
                 <div class={styles.mobileCopyright}>
diff --git a/src/components/Nav/HeaderAuth.tsx b/src/components/Nav/HeaderAuth.tsx
index 1d7851ab..98dda88e 100644
--- a/src/components/Nav/HeaderAuth.tsx
+++ b/src/components/Nav/HeaderAuth.tsx
@@ -53,7 +53,7 @@ export const HeaderAuth = (props: Props) => {
   const isSaveButtonVisible = createMemo(() => isAuthenticated() && isEditorPage())
   const isCreatePostButtonVisible = createMemo(() => isAuthenticated() && !isEditorPage())
   const isAuthenticatedControlsVisible = createMemo(
-    () => isAuthenticated() && session()?.user?.email_verified,
+    () => isAuthenticated() && session()?.user?.email_verified
   )
 
   const handleBurgerButtonClick = () => {
@@ -152,7 +152,7 @@ export const HeaderAuth = (props: Props) => {
                 {renderIconedButton({
                   value: t('Save'),
                   icon: 'save',
-                  action: handleSaveButtonClick,
+                  action: handleSaveButtonClick
                 })}
               </div>
 
@@ -160,7 +160,7 @@ export const HeaderAuth = (props: Props) => {
                 {renderIconedButton({
                   value: t('Publish'),
                   icon: 'publish',
-                  action: handlePublishButtonClick,
+                  action: handlePublishButtonClick
                 })}
               </div>
 
diff --git a/src/components/Nav/Modal/Modal.tsx b/src/components/Nav/Modal/Modal.tsx
index 96cf7013..5d1bd191 100644
--- a/src/components/Nav/Modal/Modal.tsx
+++ b/src/components/Nav/Modal/Modal.tsx
@@ -56,7 +56,7 @@ export const Modal = (props: Props) => {
     <Show when={visible()}>
       <div
         class={clsx(styles.backdrop, [styles[`modal-${props.name}`]], {
-          [styles.isMobile]: isMobileView(),
+          [styles.isMobile]: isMobileView()
         })}
         onClick={handleHide}
       >
@@ -66,7 +66,7 @@ export const Modal = (props: Props) => {
               [styles.narrow]: props.variant === 'narrow',
               'col-auto col-md-20 offset-md-2 col-lg-14 offset-lg-5': props.variant === 'medium',
               [styles.noPadding]: props.noPadding,
-              [styles.maxHeight]: props.maxHeight,
+              [styles.maxHeight]: props.maxHeight
             })}
             onClick={(event) => event.stopPropagation()}
           >
diff --git a/src/components/Nav/SearchModal/SearchModal.tsx b/src/components/Nav/SearchModal/SearchModal.tsx
index 93211251..e58512fd 100644
--- a/src/components/Nav/SearchModal/SearchModal.tsx
+++ b/src/components/Nav/SearchModal/SearchModal.tsx
@@ -23,7 +23,7 @@ import styles from './SearchModal.module.scss'
 const getSearchCoincidences = ({ str, intersection }: { str: string; intersection: string }) =>
   `<span>${str.replaceAll(
     new RegExp(intersection, 'gi'),
-    (casePreservedMatch) => `<span class="blackModeIntersection">${casePreservedMatch}</span>`,
+    (casePreservedMatch) => `<span class="blackModeIntersection">${casePreservedMatch}</span>`
   )}</span>`
 
 const prepareSearchResults = (list: Shout[], searchValue: string) =>
@@ -33,15 +33,15 @@ const prepareSearchResults = (list: Shout[], searchValue: string) =>
     title: article.title
       ? getSearchCoincidences({
           str: article.title,
-          intersection: searchValue,
+          intersection: searchValue
         })
       : '',
     subtitle: article.subtitle
       ? getSearchCoincidences({
           str: article.subtitle,
-          intersection: searchValue,
+          intersection: searchValue
         })
-      : '',
+      : ''
   }))
 
 export const SearchModal = () => {
@@ -59,7 +59,7 @@ export const SearchModal = () => {
       const { hasMore, newShouts } = await loadShoutsSearch({
         limit: FEED_PAGE_SIZE,
         text: inputValue(),
-        offset: offset(),
+        offset: offset()
       })
       setIsLoading(false)
       setOffset(newShouts.length)
@@ -68,8 +68,8 @@ export const SearchModal = () => {
     },
     {
       ssrLoadFrom: 'initial',
-      initialValue: null,
-    },
+      initialValue: null
+    }
   )
 
   let searchEl: HTMLInputElement
@@ -123,7 +123,7 @@ export const SearchModal = () => {
       <p
         class={styles.searchDescription}
         innerHTML={t(
-          'To find publications, art, comments, authors and topics of interest to you, just start typing your query',
+          'To find publications, art, comments, authors and topics of interest to you, just start typing your query'
         )}
       />
 
@@ -137,7 +137,7 @@ export const SearchModal = () => {
                   settings={{
                     isFloorImportant: true,
                     isSingle: true,
-                    nodate: true,
+                    nodate: true
                   }}
                 />
               </div>
diff --git a/src/components/Nav/Snackbar.tsx b/src/components/Nav/Snackbar.tsx
index f4641d68..5aa477f8 100644
--- a/src/components/Nav/Snackbar.tsx
+++ b/src/components/Nav/Snackbar.tsx
@@ -15,7 +15,7 @@ export const Snackbar = () => {
     <div
       class={clsx(styles.snackbar, {
         [styles.error]: snackbarMessage()?.type === 'error',
-        [styles.success]: snackbarMessage()?.type === 'success',
+        [styles.success]: snackbarMessage()?.type === 'success'
       })}
     >
       <ShowOnlyOnClient>
diff --git a/src/components/NotificationsPanel/NotificationsPanel.tsx b/src/components/NotificationsPanel/NotificationsPanel.tsx
index 8d98292a..4b2bfdf0 100644
--- a/src/components/NotificationsPanel/NotificationsPanel.tsx
+++ b/src/components/NotificationsPanel/NotificationsPanel.tsx
@@ -55,20 +55,20 @@ export const NotificationsPanel = (props: Props) => {
     loadedNotificationsCount,
     totalNotificationsCount,
     loadNotificationsGrouped,
-    markSeenAll,
+    markSeenAll
   } = useNotifications()
   const handleHide = () => {
     props.onClose()
   }
 
   const panelRef: { current: HTMLDivElement } = {
-    current: null,
+    current: null
   }
 
   useOutsideClickHandler({
     containerRef: panelRef,
     predicate: () => props.isOpen,
-    handler: () => handleHide(),
+    handler: () => handleHide()
   })
 
   let windowScrollTop = 0
@@ -101,13 +101,13 @@ export const NotificationsPanel = (props: Props) => {
 
   const yesterdayNotifications = createMemo(() => {
     return sortedNotifications().filter((notification) =>
-      isYesterday(new Date(notification.updated_at * 1000)),
+      isYesterday(new Date(notification.updated_at * 1000))
     )
   })
 
   const earlierNotifications = createMemo(() => {
     return sortedNotifications().filter((notification) =>
-      isEarlier(new Date(notification.updated_at * 1000)),
+      isEarlier(new Date(notification.updated_at * 1000))
     )
   })
 
@@ -158,14 +158,14 @@ export const NotificationsPanel = (props: Props) => {
           await loadNextPage()
           setIsLoading(false)
         }
-      },
-    ),
+      }
+    )
   )
 
   return (
     <div
       class={clsx(styles.container, {
-        [styles.isOpened]: props.isOpen,
+        [styles.isOpened]: props.isOpen
       })}
     >
       <div ref={(el) => (panelRef.current = el)} class={styles.panel}>
diff --git a/src/components/ProfileSettings/ProfileSettings.tsx b/src/components/ProfileSettings/ProfileSettings.tsx
index 1c2afd98..9c80d60f 100644
--- a/src/components/ProfileSettings/ProfileSettings.tsx
+++ b/src/components/ProfileSettings/ProfileSettings.tsx
@@ -100,7 +100,7 @@ export const ProfileSettings = () => {
     const isConfirmed = await showConfirm({
       confirmBody: t('Do you really want to reset all changes?'),
       confirmButtonVariant: 'primary',
-      declineButtonVariant: 'secondary',
+      declineButtonVariant: 'secondary'
     })
     if (isConfirmed) {
       setForm(clone(prevForm))
@@ -140,7 +140,7 @@ export const ProfileSettings = () => {
     const handleBeforeUnload = (event) => {
       if (!deepEqual(form, prevForm)) {
         event.returnValue = t(
-          'There are unsaved changes in your profile settings. Are you sure you want to leave the page without saving?',
+          'There are unsaved changes in your profile settings. Are you sure you want to leave the page without saving?'
         )
       }
     }
@@ -191,8 +191,8 @@ export const ProfileSettings = () => {
                               style={{
                                 'background-image': `url(${getImageUrl(form.pic, {
                                   width: 180,
-                                  height: 180,
-                                })})`,
+                                  height: 180
+                                })})`
                               }}
                             />
                             <div class={styles.controls}>
@@ -235,7 +235,7 @@ export const ProfileSettings = () => {
                     <h4>{t('Name')}</h4>
                     <p class="description">
                       {t(
-                        'Your name will appear on your profile page and as your signature in publications, comments and responses.',
+                        'Your name will appear on your profile page and as your signature in publications, comments and responses.'
                       )}
                     </p>
                     <div class="pretty-form__item">
diff --git a/src/components/TableOfContents/TableOfContents.tsx b/src/components/TableOfContents/TableOfContents.tsx
index f7000e20..b4f2b3a5 100644
--- a/src/components/TableOfContents/TableOfContents.tsx
+++ b/src/components/TableOfContents/TableOfContents.tsx
@@ -25,7 +25,7 @@ const scrollToHeader = (element) => {
     top:
       element.getBoundingClientRect().top -
       document.body.getBoundingClientRect().top -
-      DEFAULT_HEADER_OFFSET,
+      DEFAULT_HEADER_OFFSET
   })
 }
 
@@ -46,8 +46,8 @@ export const TableOfContents = (props: Props) => {
     setHeadings(
       // eslint-disable-next-line unicorn/prefer-spread
       Array.from(
-        document.querySelector(props.parentSelector).querySelectorAll<HTMLElement>('h1, h2, h3, h4'),
-      ),
+        document.querySelector(props.parentSelector).querySelectorAll<HTMLElement>('h1, h2, h3, h4')
+      )
     )
     setAreHeadingsLoaded(true)
   }
@@ -62,8 +62,8 @@ export const TableOfContents = (props: Props) => {
   createEffect(
     on(
       () => props.body,
-      () => debouncedUpdateHeadings(),
-    ),
+      () => debouncedUpdateHeadings()
+    )
   )
 
   onMount(() => {
@@ -79,7 +79,7 @@ export const TableOfContents = (props: Props) => {
     >
       <div
         class={clsx(styles.TableOfContentsFixedWrapper, {
-          [styles.TableOfContentsFixedWrapperLefted]: props.variant === 'editor',
+          [styles.TableOfContentsFixedWrapperLefted]: props.variant === 'editor'
         })}
       >
         <div class={styles.TableOfContentsContainer}>
@@ -96,7 +96,7 @@ export const TableOfContents = (props: Props) => {
                         class={clsx(styles.TableOfContentsHeadingsItem, {
                           [styles.TableOfContentsHeadingsItemH3]: h.nodeName === 'H3',
                           [styles.TableOfContentsHeadingsItemH4]: h.nodeName === 'H4',
-                          [styles.active]: index() === activeHeaderIndex(),
+                          [styles.active]: index() === activeHeaderIndex()
                         })}
                         innerHTML={h.textContent}
                         onClick={(e) => {
@@ -115,9 +115,9 @@ export const TableOfContents = (props: Props) => {
             class={clsx(
               styles.TableOfContentsPrimaryButton,
               {
-                [styles.TableOfContentsPrimaryButtonLefted]: props.variant === 'editor' && !isVisible(),
+                [styles.TableOfContentsPrimaryButtonLefted]: props.variant === 'editor' && !isVisible()
               },
-              'd-none d-xl-block',
+              'd-none d-xl-block'
             )}
             onClick={(e) => {
               e.preventDefault()
@@ -153,9 +153,9 @@ export const TableOfContents = (props: Props) => {
             class={clsx(
               styles.TableOfContentsPrimaryButton,
               {
-                [styles.TableOfContentsPrimaryButtonLefted]: props.variant === 'editor' && !isVisible(),
+                [styles.TableOfContentsPrimaryButtonLefted]: props.variant === 'editor' && !isVisible()
               },
-              'd-xl-none',
+              'd-xl-none'
             )}
             onClick={(e) => {
               e.preventDefault()
diff --git a/src/components/Topic/Card.tsx b/src/components/Topic/Card.tsx
index 35965f67..ae8d8bcb 100644
--- a/src/components/Topic/Card.tsx
+++ b/src/components/Topic/Card.tsx
@@ -35,7 +35,7 @@ interface TopicProps {
 export const TopicCard = (props: TopicProps) => {
   const { t, lang } = useLocalize()
   const title = createMemo(() =>
-    capitalize(lang() === 'en' ? props.topic.slug.replaceAll('-', ' ') : props.topic.title || ''),
+    capitalize(lang() === 'en' ? props.topic.slug.replaceAll('-', ' ') : props.topic.title || '')
   )
   const { author, requireAuthentication } = useSession()
   const { setFollowing, loading: subLoading } = useFollowing()
@@ -74,7 +74,7 @@ export const TopicCard = (props: TopicProps) => {
         classList={{
           row: !props.subscribeButtonBottom,
           [styles.topicCompact]: props.compact,
-          [styles.topicInRow]: props.isTopicInRow,
+          [styles.topicInRow]: props.isTopicInRow
         }}
       >
         <div
@@ -85,7 +85,7 @@ export const TopicCard = (props: TopicProps) => {
               props.subscribeButtonBottom ||
               props.isNarrow ||
               props.compact
-            ),
+            )
           }}
         >
           <Show when={title() && !props.isCardMode}>
@@ -120,7 +120,7 @@ export const TopicCard = (props: TopicProps) => {
           classList={{
             'col-sm-6 col-md-24 col-lg-10 col-xl-9': props.isNarrow,
             'col-24 col-sm-7 col-md-6': props.compact,
-            'col-sm-7 col-md-6': !(props.subscribeButtonBottom || props.isNarrow || props.compact),
+            'col-sm-7 col-md-6': !(props.subscribeButtonBottom || props.isNarrow || props.compact)
           }}
         >
           <ShowOnlyOnClient>
@@ -143,7 +143,7 @@ export const TopicCard = (props: TopicProps) => {
                   isSubscribeButton={true}
                   class={clsx(styles.actionButton, {
                     [styles.isSubscribing]: subLoading(),
-                    [stylesButton.subscribed]: followed(),
+                    [stylesButton.subscribed]: followed()
                   })}
                   // disabled={subLoading()}
                 />
diff --git a/src/components/Topic/TopicBadge/TopicBadge.tsx b/src/components/Topic/TopicBadge/TopicBadge.tsx
index 3006fb79..47347c4e 100644
--- a/src/components/Topic/TopicBadge/TopicBadge.tsx
+++ b/src/components/Topic/TopicBadge/TopicBadge.tsx
@@ -48,11 +48,11 @@ export const TopicBadge = (props: Props) => {
           href={`/topic/${props.topic.slug}`}
           class={clsx(styles.picture, {
             [styles.withImage]: props.topic.pic,
-            [styles.smallSize]: isMobileView(),
+            [styles.smallSize]: isMobileView()
           })}
           style={
             props.topic.pic && {
-              'background-image': `url('${getImageUrl(props.topic.pic, { width: 40, height: 40 })}')`,
+              'background-image': `url('${getImageUrl(props.topic.pic, { width: 40, height: 40 })}')`
             }
           }
         />
diff --git a/src/components/Views/AllAuthors.tsx b/src/components/Views/AllAuthors.tsx
index 6275621f..a7e5c55a 100644
--- a/src/components/Views/AllAuthors.tsx
+++ b/src/components/Views/AllAuthors.tsx
@@ -38,7 +38,7 @@ export const AllAuthorsView = (props: Props) => {
   const { searchParams, changeSearchParams } = useRouter<AllAuthorsPageSearchParams>()
   const { sortedAuthors } = useAuthorsStore({
     authors: props.authors,
-    sortBy: searchParams().by || 'name',
+    sortBy: searchParams().by || 'name'
   })
 
   const [searchQuery, setSearchQuery] = createSignal('')
@@ -74,13 +74,13 @@ export const AllAuthorsView = (props: Props) => {
   const showMore = async () =>
     await {
       shouts: loadMoreByShouts,
-      followers: loadMoreByFollowers,
+      followers: loadMoreByFollowers
     }[searchParams().by]()
 
   const byLetter = createMemo<{ [letter: string]: Author[] }>(() => {
     return sortedAuthors().reduce(
       (acc, author) => authorLetterReduce(acc, author, lang()),
-      {} as { [letter: string]: Author[] },
+      {} as { [letter: string]: Author[] }
     )
   })
 
@@ -123,7 +123,7 @@ export const AllAuthorsView = (props: Props) => {
                 <ul class={clsx(styles.viewSwitcher, 'view-switcher')}>
                   <li
                     classList={{
-                      'view-switcher__item--selected': !searchParams().by || searchParams().by === 'shouts',
+                      'view-switcher__item--selected': !searchParams().by || searchParams().by === 'shouts'
                     }}
                   >
                     <a href="/authors?by=shouts">{t('By shouts')}</a>
@@ -208,7 +208,7 @@ export const AllAuthorsView = (props: Props) => {
                         author={author as Author}
                         isFollowed={{
                           loaded: Boolean(filteredAuthors()),
-                          value: isOwnerSubscribed(author.id),
+                          value: isOwnerSubscribed(author.id)
                         }}
                       />
                     </div>
diff --git a/src/components/Views/AllTopics.tsx b/src/components/Views/AllTopics.tsx
index bf8f57ee..1e55fc7a 100644
--- a/src/components/Views/AllTopics.tsx
+++ b/src/components/Views/AllTopics.tsx
@@ -38,7 +38,7 @@ export const AllTopicsView = (props: Props) => {
 
   const { sortedTopics } = useTopicsStore({
     topics: props.topics,
-    sortBy: searchParams().by || 'shouts',
+    sortBy: searchParams().by || 'shouts'
   })
 
   const { subscriptions } = useFollowing()
@@ -46,7 +46,7 @@ export const AllTopicsView = (props: Props) => {
   createEffect(() => {
     if (!searchParams().by) {
       changeSearchParams({
-        by: 'shouts',
+        by: 'shouts'
       })
     }
   })
@@ -65,7 +65,7 @@ export const AllTopicsView = (props: Props) => {
         acc[letter].push(topic)
         return acc
       },
-      {} as { [letter: string]: Topic[] },
+      {} as { [letter: string]: Topic[] }
     )
   })
 
@@ -113,7 +113,7 @@ export const AllTopicsView = (props: Props) => {
   const ogImage = getImageUrl('production/image/logo_image.png')
   const ogTitle = t('Themes and plots')
   const description = t(
-    'Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about',
+    'Thematic table of contents of the magazine. Here you can find all the topics that the community authors wrote about'
   )
 
   return (
diff --git a/src/components/Views/Author/Author.tsx b/src/components/Views/Author/Author.tsx
index 05ad5d72..950e153b 100644
--- a/src/components/Views/Author/Author.tsx
+++ b/src/components/Views/Author/Author.tsx
@@ -74,11 +74,11 @@ export const AuthorView = (props: Props) => {
         (async () => {
           const [getAuthors, getTopics] = await Promise.all([
             apiClient.getAuthorFollowingAuthors({ slug }),
-            apiClient.getAuthorFollowingTopics({ slug }),
+            apiClient.getAuthorFollowingTopics({ slug })
           ])
           return { authors: getAuthors, topics: getTopics }
         })(),
-        apiClient.getAuthorFollowers({ slug }),
+        apiClient.getAuthorFollowers({ slug })
       ])
 
       const { authors, topics } = subscriptionsResult
@@ -104,7 +104,7 @@ export const AuthorView = (props: Props) => {
     const { hasMore } = await loadShouts({
       filters: { author: props.authorSlug },
       limit: LOAD_MORE_PAGE_SIZE,
-      offset: sortedArticles().length,
+      offset: sortedArticles().length
     })
     setIsLoadMoreButtonVisible(hasMore)
     restoreScrollPosition()
@@ -121,12 +121,12 @@ export const AuthorView = (props: Props) => {
   })
 
   const pages = createMemo<Shout[][]>(() =>
-    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
+    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE)
   )
 
   const fetchComments = async (commenter: Author) => {
     const data = await apiClient.getReactionsBy({
-      by: { comment: true, created_by: commenter.id },
+      by: { comment: true, created_by: commenter.id }
     })
     console.debug('[components.Author] fetched comments', data)
     setCommented(data)
@@ -142,7 +142,7 @@ export const AuthorView = (props: Props) => {
   const ogImage = createMemo(() =>
     author()?.pic
       ? getImageUrl(author()?.pic, { width: 1200 })
-      : getImageUrl('production/image/logo_image.png'),
+      : getImageUrl('production/image/logo_image.png')
   )
   const description = createMemo(() => getDescription(author()?.bio))
 
diff --git a/src/components/Views/Edit.tsx b/src/components/Views/Edit.tsx
index 2532da91..02721720 100644
--- a/src/components/Views/Edit.tsx
+++ b/src/components/Views/Edit.tsx
@@ -38,7 +38,7 @@ type Props = {
 export const MAX_HEADER_LIMIT = 100
 export const EMPTY_TOPIC: Topic = {
   id: -1,
-  slug: '',
+  slug: ''
 }
 
 const AUTO_SAVE_INTERVAL = 5000
@@ -46,7 +46,7 @@ const handleScrollTopButtonClick = (e) => {
   e.preventDefault()
   window.scrollTo({
     top: 0,
-    behavior: 'smooth',
+    behavior: 'smooth'
   })
 }
 
@@ -61,7 +61,7 @@ export const EditView = (props: Props) => {
     setFormErrors,
     saveDraft,
     saveDraftToLocalStorage,
-    getDraftFromLocalStorage,
+    getDraftFromLocalStorage
   } = useEditorContext()
   const shoutTopics = props.shout.topics || []
   const draft = getDraftFromLocalStorage(props.shout.id)
@@ -81,7 +81,7 @@ export const EditView = (props: Props) => {
       body: props.shout.body,
       coverImageUrl: props.shout.cover,
       media: props.shout.media,
-      layout: props.shout.layout,
+      layout: props.shout.layout
     })
   }
 
@@ -112,7 +112,7 @@ export const EditView = (props: Props) => {
     const handleBeforeUnload = (event) => {
       if (!deepEqual(prevForm, form)) {
         event.returnValue = t(
-          'There are unsaved changes in your publishing settings. Are you sure you want to leave the page without saving?',
+          'There are unsaved changes in your publishing settings. Are you sure you want to leave the page without saving?'
         )
       }
     }
@@ -151,7 +151,7 @@ export const EditView = (props: Props) => {
   const [baseAudioFields, setBaseAudioFields] = createSignal({
     artist: '',
     date: '',
-    genre: '',
+    genre: ''
   })
 
   const handleBaseFieldsChange = (key, value) => {
@@ -225,7 +225,7 @@ export const EditView = (props: Props) => {
           <div class="wide-container">
             <button
               class={clsx(styles.scrollTopButton, {
-                [styles.visible]: isScrolled(),
+                [styles.visible]: isScrolled()
               })}
               onClick={handleScrollTopButtonClick}
             >
@@ -350,8 +350,8 @@ export const EditView = (props: Props) => {
                             class={styles.cover}
                             style={{
                               'background-image': `url(${getImageUrl(form.coverImageUrl, {
-                                width: 1600,
-                              })})`,
+                                width: 1600
+                              })})`
                             }}
                           >
                             <Popover content={t('Delete cover')}>
diff --git a/src/components/Views/Expo/Expo.tsx b/src/components/Views/Expo/Expo.tsx
index 6dbe995b..b2304c22 100644
--- a/src/components/Views/Expo/Expo.tsx
+++ b/src/components/Views/Expo/Expo.tsx
@@ -41,7 +41,7 @@ export const Expo = (props: Props) => {
   // })
   const { sortedArticles } = useArticlesStore({
     shouts: props.shouts || [],
-    layout: props.layout,
+    layout: props.layout
   })
 
   const getLoadShoutsFilters = (additionalFilters: LoadShoutsFilters = {}): LoadShoutsFilters => {
@@ -61,7 +61,7 @@ export const Expo = (props: Props) => {
     const options: LoadShoutsOptions = {
       filters: getLoadShoutsFilters(),
       limit: count,
-      offset: sortedArticles().length,
+      offset: sortedArticles().length
     }
 
     options.filters = props.layout
@@ -82,7 +82,7 @@ export const Expo = (props: Props) => {
     const options: LoadShoutsOptions = {
       filters: getLoadShoutsFilters(),
       limit: 10,
-      random_limit: 100,
+      random_limit: 100
     }
 
     const result = await apiClient.getRandomTopShouts({ options })
@@ -96,7 +96,7 @@ export const Expo = (props: Props) => {
     const options: LoadShoutsOptions = {
       filters: getLoadShoutsFilters({ after }),
       limit: 10,
-      random_limit: 10,
+      random_limit: 10
     }
 
     const result = await apiClient.getRandomTopShouts({ options })
@@ -104,7 +104,7 @@ export const Expo = (props: Props) => {
   }
 
   const pages = createMemo<Shout[][]>(() =>
-    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
+    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE)
   )
 
   onMount(() => {
@@ -135,8 +135,8 @@ export const Expo = (props: Props) => {
         loadMore(PRERENDERED_ARTICLES_COUNT + LOAD_MORE_PAGE_SIZE)
         loadRandomTopArticles()
         loadRandomTopMonthArticles()
-      },
-    ),
+      }
+    )
   )
 
   onCleanup(() => {
diff --git a/src/components/Views/Feed/Feed.tsx b/src/components/Views/Feed/Feed.tsx
index a1010684..7cee112d 100644
--- a/src/components/Views/Feed/Feed.tsx
+++ b/src/components/Views/Feed/Feed.tsx
@@ -101,12 +101,12 @@ export const FeedView = (props: Props) => {
   const periods: PeriodItem[] = [
     { value: 'week', title: t('This week') },
     monthPeriod,
-    { value: 'year', title: t('This year') },
+    { value: 'year', title: t('This year') }
   ]
 
   const visibilities: VisibilityItem[] = [
     { value: 'community', title: t('All') },
-    { value: 'featured', title: t('Published') },
+    { value: 'featured', title: t('Published') }
   ]
 
   const { page, searchParams, changeSearchParams } = useRouter<FeedSearchParams>()
@@ -168,14 +168,14 @@ export const FeedView = (props: Props) => {
         resetSortedArticles()
         loadMore()
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const loadFeedShouts = () => {
     const options: LoadShoutsOptions = {
       limit: FEED_PAGE_SIZE,
-      offset: sortedArticles().length,
+      offset: sortedArticles().length
     }
 
     const orderBy = getOrderBy(searchParams().by)
@@ -189,7 +189,7 @@ export const FeedView = (props: Props) => {
     } else if (visibilityMode) {
       options.filters = {
         ...options.filters,
-        featured: visibilityMode === 'featured',
+        featured: visibilityMode === 'featured'
       }
     }
 
@@ -208,8 +208,8 @@ export const FeedView = (props: Props) => {
 
     loadReactionsBy({
       by: {
-        shouts: newShouts.map((s) => s.slug),
-      },
+        shouts: newShouts.map((s) => s.slug)
+      }
     })
 
     setIsLoadMoreButtonVisible(hasMore)
@@ -217,7 +217,7 @@ export const FeedView = (props: Props) => {
 
   const ogImage = getImageUrl('production/image/logo_image.png')
   const description = t(
-    'Independent media project about culture, science, art and society with horizontal editing',
+    'Independent media project about culture, science, art and society with horizontal editing'
   )
   const ogTitle = t('Feed')
 
@@ -250,7 +250,7 @@ export const FeedView = (props: Props) => {
               <li
                 class={clsx({
                   'view-switcher__item--selected':
-                    searchParams().by === 'publish_date' || !searchParams().by,
+                    searchParams().by === 'publish_date' || !searchParams().by
                 })}
               >
                 <a href={getPagePath(router, page().route)}>{t('Recent')}</a>
@@ -260,7 +260,7 @@ export const FeedView = (props: Props) => {
               {/*</li>*/}
               <li
                 class={clsx({
-                  'view-switcher__item--selected': searchParams().by === 'rating',
+                  'view-switcher__item--selected': searchParams().by === 'rating'
                 })}
               >
                 <span class="link" onClick={() => changeSearchParams({ by: 'rating' })}>
@@ -269,7 +269,7 @@ export const FeedView = (props: Props) => {
               </li>
               <li
                 class={clsx({
-                  'view-switcher__item--selected': searchParams().by === 'last_comment',
+                  'view-switcher__item--selected': searchParams().by === 'last_comment'
                 })}
               >
                 <span class="link" onClick={() => changeSearchParams({ by: 'last_comment' })}>
@@ -362,7 +362,7 @@ export const FeedView = (props: Props) => {
                         <div class={clsx('text-truncate', styles.commentBody)}>
                           <a
                             href={`${getPagePath(router, 'article', {
-                              slug: comment.shout.slug,
+                              slug: comment.shout.slug
                             })}?commentId=${comment.id}`}
                             innerHTML={comment.body}
                           />
diff --git a/src/components/Views/Home.tsx b/src/components/Views/Home.tsx
index 200434b5..11444ab5 100644
--- a/src/components/Views/Home.tsx
+++ b/src/components/Views/Home.tsx
@@ -9,7 +9,7 @@ import {
   loadShouts,
   loadTopArticles,
   loadTopMonthArticles,
-  useArticlesStore,
+  useArticlesStore
 } from '../../stores/zine/articles'
 import { useTopAuthorsStore } from '../../stores/zine/topAuthors'
 import { useTopicsStore } from '../../stores/zine/topics'
@@ -44,7 +44,7 @@ const LOAD_MORE_PAGE_SIZE = 16 // Row1 + Row3 + Row2 + Beside (3 + 1) + Row1 + R
 export const HomeView = (props: Props) => {
   const { sortedArticles, topArticles, topCommentedArticles, topMonthArticles, topViewedArticles } =
     useArticlesStore({
-      shouts: props.shouts,
+      shouts: props.shouts
     })
 
   const { topTopics } = useTopicsStore()
@@ -62,7 +62,7 @@ export const HomeView = (props: Props) => {
       const { hasMore } = await loadShouts({
         filters: { featured: true },
         limit: CLIENT_LOAD_ARTICLES_COUNT,
-        offset: sortedArticles().length,
+        offset: sortedArticles().length
       })
 
       setIsLoadMoreButtonVisible(hasMore)
@@ -82,7 +82,7 @@ export const HomeView = (props: Props) => {
     const { hasMore } = await loadShouts({
       filters: { featured: true },
       limit: LOAD_MORE_PAGE_SIZE,
-      offset: sortedArticles().length,
+      offset: sortedArticles().length
     })
     setIsLoadMoreButtonVisible(hasMore)
 
@@ -93,8 +93,8 @@ export const HomeView = (props: Props) => {
     splitToPages(
       sortedArticles(),
       PRERENDERED_ARTICLES_COUNT + CLIENT_LOAD_ARTICLES_COUNT,
-      LOAD_MORE_PAGE_SIZE,
-    ),
+      LOAD_MORE_PAGE_SIZE
+    )
   )
 
   return (
diff --git a/src/components/Views/Inbox/Inbox.tsx b/src/components/Views/Inbox/Inbox.tsx
index f74bd32f..2d8b7968 100644
--- a/src/components/Views/Inbox/Inbox.tsx
+++ b/src/components/Views/Inbox/Inbox.tsx
@@ -56,7 +56,7 @@ export const InboxView = (props: Props) => {
   const { changeSearchParams, searchParams } = useRouter<InboxSearchParams>()
 
   const messagesContainerRef: { current: HTMLDivElement } = {
-    current: null,
+    current: null
   }
 
   const getQuery = (query) => {
@@ -68,7 +68,7 @@ export const InboxView = (props: Props) => {
   const handleOpenChat = async (chat: Chat) => {
     setCurrentDialog(chat)
     changeSearchParams({
-      chat: chat.id,
+      chat: chat.id
     })
     try {
       await getMessages(chat.id)
@@ -77,7 +77,7 @@ export const InboxView = (props: Props) => {
     } finally {
       messagesContainerRef.current.scroll({
         top: messagesContainerRef.current.scrollHeight,
-        behavior: 'instant',
+        behavior: 'instant'
       })
     }
   }
@@ -86,7 +86,7 @@ export const InboxView = (props: Props) => {
     sendMessage({
       body: message,
       chat_id: currentDialog()?.id.toString(),
-      reply_to: messageToReply()?.id,
+      reply_to: messageToReply()?.id
     })
     setClear(true)
     setMessageToReply(null)
@@ -107,7 +107,7 @@ export const InboxView = (props: Props) => {
         await loadChats()
         changeSearchParams({
           initChat: null,
-          chat: newChat.chat.id,
+          chat: newChat.chat.id
         })
         const chatToOpen = chats().find((chat) => chat.id === newChat.chat.id)
         await handleOpenChat(chatToOpen)
@@ -147,11 +147,11 @@ export const InboxView = (props: Props) => {
         }
         messagesContainerRef.current.scroll({
           top: messagesContainerRef.current.scrollHeight,
-          behavior: 'smooth',
+          behavior: 'smooth'
         })
-      },
+      }
     ),
-    { defer: true },
+    { defer: true }
   )
   const handleScrollMessageContainer = () => {
     if (
@@ -166,7 +166,7 @@ export const InboxView = (props: Props) => {
   const handleScrollToNew = () => {
     messagesContainerRef.current.scroll({
       top: messagesContainerRef.current.scrollHeight,
-      behavior: 'smooth',
+      behavior: 'smooth'
     })
     setIsScrollToNewVisible(false)
   }
diff --git a/src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx b/src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx
index 8c342356..ca7618fd 100644
--- a/src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx
+++ b/src/components/Views/ProfileSubscriptions/ProfileSubscriptions.tsx
@@ -31,7 +31,7 @@ export const ProfileSubscriptions = () => {
       const slug = author()?.slug
       const [getAuthors, getTopics] = await Promise.all([
         apiClient.getAuthorFollowingAuthors({ slug }),
-        apiClient.getAuthorFollowingTopics({ slug }),
+        apiClient.getAuthorFollowingTopics({ slug })
       ])
       setFollowing([...getAuthors, ...getTopics])
       setFiltered([...getAuthors, ...getTopics])
diff --git a/src/components/Views/PublishSettings/PublishSettings.tsx b/src/components/Views/PublishSettings/PublishSettings.tsx
index 7bc52d56..db0a5ff7 100644
--- a/src/components/Views/PublishSettings/PublishSettings.tsx
+++ b/src/components/Views/PublishSettings/PublishSettings.tsx
@@ -38,7 +38,7 @@ const shorten = (str: string, maxLen: number) => {
 
 const EMPTY_TOPIC: Topic = {
   id: -1,
-  slug: '',
+  slug: ''
 }
 const emptyConfig = {
   coverImageUrl: '',
@@ -47,7 +47,7 @@ const emptyConfig = {
   title: '',
   subtitle: '',
   description: '',
-  selectedTopics: [],
+  selectedTopics: []
 }
 
 export const PublishSettings = (props: Props) => {
@@ -74,7 +74,7 @@ export const PublishSettings = (props: Props) => {
       title: props.form?.title,
       subtitle: props.form?.subtitle,
       description: composeDescription(),
-      selectedTopics: [],
+      selectedTopics: []
     }
   })
 
@@ -105,7 +105,7 @@ export const PublishSettings = (props: Props) => {
       setSettingsForm((prev) => {
         return {
           ...prev,
-          mainTopic: newSelectedTopics[0],
+          mainTopic: newSelectedTopics[0]
         }
       })
     }
@@ -118,7 +118,7 @@ export const PublishSettings = (props: Props) => {
 
   const handleBackClick = () => {
     redirectPage(router, 'edit', {
-      shoutId: props.shoutId.toString(),
+      shoutId: props.shoutId.toString()
     })
   }
   const handleCancelClick = () => {
@@ -163,7 +163,7 @@ export const PublishSettings = (props: Props) => {
               </div>
               <div
                 class={clsx(styles.shoutCardCoverContainer, {
-                  [styles.hasImage]: settingsForm.coverImageUrl,
+                  [styles.hasImage]: settingsForm.coverImageUrl
                 })}
               >
                 <Show when={settingsForm.coverImageUrl ?? initialData().coverImageUrl}>
@@ -183,7 +183,7 @@ export const PublishSettings = (props: Props) => {
             </div>
             <p class="description">
               {t(
-                'Choose a title image for the article. You can immediately see how the publication card will look like.',
+                'Choose a title image for the article. You can immediately see how the publication card will look like.'
               )}
             </p>
 
@@ -229,7 +229,7 @@ export const PublishSettings = (props: Props) => {
             <h4>{t('Topics')}</h4>
             <p class="description">
               {t(
-                'Add a few topics so that the reader knows what your content is about and can find it on pages of topics that interest them. Topics can be swapped, the first topic becomes the title',
+                'Add a few topics so that the reader knows what your content is about and can find it on pages of topics that interest them. Topics can be swapped, the first topic becomes the title'
               )}
             </p>
             <div class={styles.inputContainer}>
diff --git a/src/components/Views/Search.tsx b/src/components/Views/Search.tsx
index a5308361..14eaf3c7 100644
--- a/src/components/Views/Search.tsx
+++ b/src/components/Views/Search.tsx
@@ -40,7 +40,7 @@ export const SearchView = (props: Props) => {
       const { hasMore } = await loadShoutsSearch({
         text: query(),
         offset: offset(),
-        limit: LOAD_MORE_PAGE_SIZE,
+        limit: LOAD_MORE_PAGE_SIZE
       })
       setIsLoadMoreButtonVisible(hasMore)
       setOffset(offset() + LOAD_MORE_PAGE_SIZE)
@@ -80,14 +80,14 @@ export const SearchView = (props: Props) => {
       <ul class="view-switcher">
         <li
           classList={{
-            'view-switcher__item--selected': searchParams().by === 'relevance',
+            'view-switcher__item--selected': searchParams().by === 'relevance'
           }}
         >
           <a href="?by=relevance">{t('By relevance')}</a>
         </li>
         <li
           classList={{
-            'view-switcher__item--selected': searchParams().by === 'rating',
+            'view-switcher__item--selected': searchParams().by === 'rating'
           }}
         >
           <a href="?by=rating">{t('Top rated')}</a>
diff --git a/src/components/Views/Topic.tsx b/src/components/Views/Topic.tsx
index 34d2683b..9020abc9 100644
--- a/src/components/Views/Topic.tsx
+++ b/src/components/Views/Topic.tsx
@@ -57,8 +57,8 @@ export const TopicView = (props: Props) => {
         lang() === 'en'
           ? topic()?.slug.replace(/-/, ' ')
           : topic()?.title || topic()?.slug.replace(/-/, ' '),
-        true,
-      )}`,
+        true
+      )}`
   )
 
   const loadMore = async () => {
@@ -67,7 +67,7 @@ export const TopicView = (props: Props) => {
     const { hasMore } = await loadShouts({
       filters: { topic: topic()?.slug },
       limit: LOAD_MORE_PAGE_SIZE,
-      offset: sortedArticles().length,
+      offset: sortedArticles().length
     })
     setIsLoadMoreButtonVisible(hasMore)
 
@@ -89,7 +89,7 @@ export const TopicView = (props: Props) => {
   })
   */
   const pages = createMemo<Shout[][]>(() =>
-    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE),
+    splitToPages(sortedArticles(), PRERENDERED_ARTICLES_COUNT, LOAD_MORE_PAGE_SIZE)
   )
 
   const ogImage = () =>
@@ -120,14 +120,14 @@ export const TopicView = (props: Props) => {
             <ul class="view-switcher">
               <li
                 classList={{
-                  'view-switcher__item--selected': searchParams().by === 'recent' || !searchParams().by,
+                  'view-switcher__item--selected': searchParams().by === 'recent' || !searchParams().by
                 }}
               >
                 <button
                   type="button"
                   onClick={() =>
                     changeSearchParams({
-                      by: 'recent',
+                      by: 'recent'
                     })
                   }
                 >
diff --git a/src/components/_shared/Button/Button.tsx b/src/components/_shared/Button/Button.tsx
index 91872b0b..66172c0d 100644
--- a/src/components/_shared/Button/Button.tsx
+++ b/src/components/_shared/Button/Button.tsx
@@ -37,9 +37,9 @@ export const Button = (props: Props) => {
         styles[props.variant ?? 'primary'],
         {
           [styles.loading]: props.loading,
-          [styles.subscribeButton]: props.isSubscribeButton,
+          [styles.subscribeButton]: props.isSubscribeButton
         },
-        props.class,
+        props.class
       )}
     >
       {props.value}
diff --git a/src/components/_shared/DropArea/DropArea.tsx b/src/components/_shared/DropArea/DropArea.tsx
index 6e4db3d2..387f921d 100644
--- a/src/components/_shared/DropArea/DropArea.tsx
+++ b/src/components/_shared/DropArea/DropArea.tsx
@@ -63,14 +63,14 @@ export const DropArea = (props: Props) => {
 
   const { files, selectFiles } = createFileUploader({
     multiple: true,
-    accept: `${props.fileType}/*`,
+    accept: `${props.fileType}/*`
   })
 
   const { setRef: dropzoneRef, files: droppedFiles } = createDropzone({
     onDrop: async () => {
       setDragActive(false)
       await initUpload(droppedFiles())
-    },
+    }
   })
   const handleDrag = (event) => {
     if (event.type === 'dragenter' || event.type === 'dragover') {
diff --git a/src/components/_shared/DropDown/DropDown.tsx b/src/components/_shared/DropDown/DropDown.tsx
index 48115e5b..0ec7500d 100644
--- a/src/components/_shared/DropDown/DropDown.tsx
+++ b/src/components/_shared/DropDown/DropDown.tsx
@@ -47,7 +47,7 @@ export const DropDown = <TOption extends Option = Option>(props: Props<TOption>)
             {props.currentOption.title}{' '}
             <Chevron
               class={clsx(styles.chevron, {
-                [styles.rotate]: isPopupVisible(),
+                [styles.rotate]: isPopupVisible()
               })}
             />
           </div>
diff --git a/src/components/_shared/DropdownSelect/DropdownSelect.tsx b/src/components/_shared/DropdownSelect/DropdownSelect.tsx
index f0cddc2c..5860466f 100644
--- a/src/components/_shared/DropdownSelect/DropdownSelect.tsx
+++ b/src/components/_shared/DropdownSelect/DropdownSelect.tsx
@@ -20,7 +20,7 @@ export const DropdownSelect = (props: Props) => {
   const [isDropDownVisible, setIsDropDownVisible] = createSignal(false)
 
   const containerRef: { current: HTMLElement } = {
-    current: null,
+    current: null
   }
 
   const handleShowDropdown = () => {
@@ -30,7 +30,7 @@ export const DropdownSelect = (props: Props) => {
   useOutsideClickHandler({
     containerRef,
     predicate: () => isDropDownVisible(),
-    handler: () => setIsDropDownVisible(false),
+    handler: () => setIsDropDownVisible(false)
   })
 
   return (
diff --git a/src/components/_shared/FloatingPanel/FloatingPanel.tsx b/src/components/_shared/FloatingPanel/FloatingPanel.tsx
index d629500e..3bc7de66 100644
--- a/src/components/_shared/FloatingPanel/FloatingPanel.tsx
+++ b/src/components/_shared/FloatingPanel/FloatingPanel.tsx
@@ -16,7 +16,7 @@ export default (props: Props) => {
   return (
     <div
       class={clsx(styles.PanelWrapper, {
-        [styles.PanelWrapperVisible]: props.isVisible,
+        [styles.PanelWrapperVisible]: props.isVisible
       })}
     >
       <Button
diff --git a/src/components/_shared/GroupAvatar/GroupAvatar.tsx b/src/components/_shared/GroupAvatar/GroupAvatar.tsx
index 7c63520e..b630257c 100644
--- a/src/components/_shared/GroupAvatar/GroupAvatar.tsx
+++ b/src/components/_shared/GroupAvatar/GroupAvatar.tsx
@@ -32,7 +32,7 @@ export const GroupAvatar = (props: Props) => {
       class={clsx(styles.GroupAvatar, props.class, {
         [styles.two]: props.authors.length === 2,
         [styles.three]: props.authors.length === 3,
-        [styles.four]: props.authors.length >= 4,
+        [styles.four]: props.authors.length >= 4
       })}
     >
       <For each={displayedAvatars}>
diff --git a/src/components/_shared/GrowingTextarea/GrowingTextarea.tsx b/src/components/_shared/GrowingTextarea/GrowingTextarea.tsx
index b5096d6b..5e8944d3 100644
--- a/src/components/_shared/GrowingTextarea/GrowingTextarea.tsx
+++ b/src/components/_shared/GrowingTextarea/GrowingTextarea.tsx
@@ -48,7 +48,7 @@ const GrowingTextarea = (props: Props) => {
       <div
         class={clsx(styles.GrowingTextarea, {
           [styles.bordered]: props.variant === 'bordered',
-          [styles.hasFieldName]: props.fieldName && value().length > 0,
+          [styles.hasFieldName]: props.fieldName && value().length > 0
         })}
       >
         <Show when={props.fieldName && value().length > 0}>
@@ -77,7 +77,7 @@ const GrowingTextarea = (props: Props) => {
           <div
             class={clsx(styles.maxLength, {
               [styles.visible]: isFocused(),
-              [styles.limited]: value().length === props.maxLength,
+              [styles.limited]: value().length === props.maxLength
             })}
           >
             <Show when={props.variant === 'bordered'} fallback={`${value().length} / ${props.maxLength}`}>
diff --git a/src/components/_shared/Image/Image.tsx b/src/components/_shared/Image/Image.tsx
index 413f66c8..164547a2 100644
--- a/src/components/_shared/Image/Image.tsx
+++ b/src/components/_shared/Image/Image.tsx
@@ -17,8 +17,7 @@ export const Image = (props: Props) => {
 
   const imageSrcSet = [1, 2, 3]
     .map(
-      (pixelDensity) =>
-        `${getImageUrl(local.src, { width: others.width * pixelDensity })} ${pixelDensity}x`,
+      (pixelDensity) => `${getImageUrl(local.src, { width: others.width * pixelDensity })} ${pixelDensity}x`
     )
     .join(', ')
   return (
diff --git a/src/components/_shared/ImageCropper/ImageCropper.tsx b/src/components/_shared/ImageCropper/ImageCropper.tsx
index d8146224..794aed47 100644
--- a/src/components/_shared/ImageCropper/ImageCropper.tsx
+++ b/src/components/_shared/ImageCropper/ImageCropper.tsx
@@ -19,7 +19,7 @@ export const ImageCropper = (props: CropperProps) => {
   const { t } = useLocalize()
 
   const imageTagRef: { current: HTMLImageElement } = {
-    current: null,
+    current: null
   }
 
   const [cropper, setCropper] = createSignal(null)
@@ -34,8 +34,8 @@ export const ImageCropper = (props: CropperProps) => {
           background: false,
           rotatable: false,
           autoCropArea: 1,
-          modal: true,
-        }),
+          modal: true
+        })
       )
     }
   })
@@ -66,7 +66,7 @@ export const ImageCropper = (props: CropperProps) => {
 
                 props.onSave({
                   ...props.uploadFile,
-                  file: formData.get('media'),
+                  file: formData.get('media')
                 })
               })
           }}
diff --git a/src/components/_shared/InviteMembers/InviteMembers.tsx b/src/components/_shared/InviteMembers/InviteMembers.tsx
index 0458c7a5..cbbf884a 100644
--- a/src/components/_shared/InviteMembers/InviteMembers.tsx
+++ b/src/components/_shared/InviteMembers/InviteMembers.tsx
@@ -27,16 +27,16 @@ export const InviteMembers = (props: Props) => {
   const roles = [
     {
       title: t('Editor'),
-      description: t('Can write and edit text directly, and accept or reject suggestions from others'),
+      description: t('Can write and edit text directly, and accept or reject suggestions from others')
     },
     {
       title: t('Co-author'),
-      description: t('Can make any changes, accept or reject suggestions, and share access with others'),
+      description: t('Can make any changes, accept or reject suggestions, and share access with others')
     },
     {
       title: t('Commentator'),
-      description: t('Can offer edits and comments, but cannot edit the post or share access with others'),
-    },
+      description: t('Can offer edits and comments, but cannot edit the post or share access with others')
+    }
   ]
 
   const { sortedAuthors } = useAuthorsStore({ sortBy: 'name' })
@@ -70,14 +70,14 @@ export const InviteMembers = (props: Props) => {
       (currentAuthors) => {
         setAuthorsToInvite(currentAuthors.map((author) => ({ ...author, selected: false })))
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const handleInputChange = async (value: string) => {
     if (value.length > 1) {
       const match = authorsToInvite()?.filter((author) =>
-        author.name.toLowerCase().includes(value.toLowerCase()),
+        author.name.toLowerCase().includes(value.toLowerCase())
       )
       setSearchResultAuthors(match)
     } else {
@@ -138,7 +138,7 @@ export const InviteMembers = (props: Props) => {
             <h3>{t('Coming soon')}</h3>
             <p>
               {t(
-                'We are working on collaborative editing of articles and in the near future you will have an amazing opportunity - to create together with your colleagues',
+                'We are working on collaborative editing of articles and in the near future you will have an amazing opportunity - to create together with your colleagues'
               )}
             </p>
           </div>
diff --git a/src/components/_shared/Lightbox/Lightbox.tsx b/src/components/_shared/Lightbox/Lightbox.tsx
index 07619603..3ae7b4a3 100644
--- a/src/components/_shared/Lightbox/Lightbox.tsx
+++ b/src/components/_shared/Lightbox/Lightbox.tsx
@@ -27,7 +27,7 @@ export const Lightbox = (props: Props) => {
   const lightboxRef: {
     current: HTMLElement
   } = {
-    current: null,
+    current: null
   }
 
   const handleSmoothAction = (action: () => void) => {
@@ -122,7 +122,7 @@ export const Lightbox = (props: Props) => {
   const lightboxStyle = createMemo(() => ({
     transform: `translate(${translateX()}px, ${translateY()}px) scale(${zoomLevel()})`,
     transition: transitionEnabled() ? `transform ${TRANSITION_SPEED}ms ease-in-out` : '',
-    cursor: 'grab',
+    cursor: 'grab'
   }))
 
   let fadeTimer: string | number | NodeJS.Timeout
@@ -139,8 +139,8 @@ export const Lightbox = (props: Props) => {
 
         setPictureScalePercentage(Math.round(zoomLevel() * 100))
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   return (
diff --git a/src/components/_shared/Loading.tsx b/src/components/_shared/Loading.tsx
index 59967746..1e34d4b6 100644
--- a/src/components/_shared/Loading.tsx
+++ b/src/components/_shared/Loading.tsx
@@ -10,7 +10,7 @@ export const Loading = (props: Props) => {
     <div
       class={clsx(styles.container, {
         [styles.small]: props.size === 'small',
-        [styles.tiny]: props.size === 'tiny',
+        [styles.tiny]: props.size === 'tiny'
       })}
     >
       <div class={styles.icon} />
diff --git a/src/components/_shared/PageLayout.tsx b/src/components/_shared/PageLayout.tsx
index 1cd7abc9..16403a8f 100644
--- a/src/components/_shared/PageLayout.tsx
+++ b/src/components/_shared/PageLayout.tsx
@@ -49,7 +49,7 @@ export const PageLayout = (props: Props) => {
       <main
         class={clsx('main-content', {
           [styles.withPadding]: props.withPadding,
-          [styles.zeroBottomPadding]: props.zeroBottomPadding,
+          [styles.zeroBottomPadding]: props.zeroBottomPadding
         })}
         classList={{ 'main-content--no-padding': !isHeaderFixed }}
       >
diff --git a/src/components/_shared/Popover/Popover.tsx b/src/components/_shared/Popover/Popover.tsx
index ed4f6962..8c93c55e 100644
--- a/src/components/_shared/Popover/Popover.tsx
+++ b/src/components/_shared/Popover/Popover.tsx
@@ -19,16 +19,16 @@ export const Popover = (props: Props) => {
       {
         name: 'offset',
         options: {
-          offset: [0, 8],
-        },
+          offset: [0, 8]
+        }
       },
       {
         name: 'flip',
         options: {
-          fallbackPlacements: ['top', 'bottom'],
-        },
-      },
-    ],
+          fallbackPlacements: ['top', 'bottom']
+        }
+      }
+    ]
   })
 
   const showEvents = ['mouseenter', 'focus']
diff --git a/src/components/_shared/Popup/Popup.tsx b/src/components/_shared/Popup/Popup.tsx
index e9e2a49c..8327ec9f 100644
--- a/src/components/_shared/Popup/Popup.tsx
+++ b/src/components/_shared/Popup/Popup.tsx
@@ -34,7 +34,7 @@ export const Popup = (props: PopupProps) => {
   useOutsideClickHandler({
     containerRef,
     predicate: () => isVisible(),
-    handler: () => closePopup(),
+    handler: () => closePopup()
   })
 
   createEffect(() => {
@@ -55,7 +55,7 @@ export const Popup = (props: PopupProps) => {
             [styles.horizontalAnchorCenter]: horizontalAnchor === 'center',
             [styles.horizontalAnchorRight]: horizontalAnchor === 'right',
             [styles.bordered]: props.variant === 'bordered',
-            [styles.tiny]: props.variant === 'tiny',
+            [styles.tiny]: props.variant === 'tiny'
           })}
         >
           {props.children}
diff --git a/src/components/_shared/ShareLinks/ShareLinks.tsx b/src/components/_shared/ShareLinks/ShareLinks.tsx
index 0e1bd98f..d3fe0249 100644
--- a/src/components/_shared/ShareLinks/ShareLinks.tsx
+++ b/src/components/_shared/ShareLinks/ShareLinks.tsx
@@ -27,7 +27,7 @@ export const ShareLinks = (props: Props) => {
   const [share] = createSocialShare(() => ({
     title: props.title,
     url: props.shareUrl,
-    description: props.description,
+    description: props.description
   }))
 
   const handleShare = (network) => {
diff --git a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
index e8f76d6a..7df2fce3 100644
--- a/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ArticleCardSwiper.tsx
@@ -42,7 +42,7 @@ export const ArticleCardSwiper = (props: Props) => {
                 space-between={10}
                 breakpoints={{
                   576: { spaceBetween: 20, slidesPerView: 1.5 },
-                  992: { spaceBetween: 52, slidesPerView: 1.5 },
+                  992: { spaceBetween: 52, slidesPerView: 1.5 }
                 }}
                 round-lengths={true}
                 loop={true}
@@ -50,7 +50,7 @@ export const ArticleCardSwiper = (props: Props) => {
                 autoplay={{
                   disableOnInteraction: false,
                   delay: 6000,
-                  pauseOnMouseEnter: true,
+                  pauseOnMouseEnter: true
                 }}
               >
                 <For each={props.slides}>
@@ -64,7 +64,7 @@ export const ArticleCardSwiper = (props: Props) => {
                           additionalClass: 'swiper-slide',
                           isFloorImportant: true,
                           isWithCover: true,
-                          nodate: true,
+                          nodate: true
                         }}
                         desktopCoverSize="L"
                       />
diff --git a/src/components/_shared/SolidSwiper/EditorSwiper.tsx b/src/components/_shared/SolidSwiper/EditorSwiper.tsx
index c7f53a03..597df8fc 100644
--- a/src/components/_shared/SolidSwiper/EditorSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/EditorSwiper.tsx
@@ -64,8 +64,8 @@ export const EditorSwiper = (props: Props) => {
         mainSwipeRef.current?.swiper.update()
         thumbSwipeRef.current?.swiper.update()
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
   const handleDropAreaUpload = (value: UploadedFile[]) => {
     props.onImagesAdd(composeMediaItems(value))
@@ -84,7 +84,7 @@ export const EditorSwiper = (props: Props) => {
 
   const { selectFiles } = createFileUploader({
     multiple: true,
-    accept: 'image/*',
+    accept: 'image/*'
   })
 
   const initUpload = async (selectedFiles) => {
@@ -194,7 +194,7 @@ export const EditorSwiper = (props: Props) => {
             </swiper-container>
             <div
               class={clsx(styles.navigation, styles.prev, {
-                [styles.disabled]: slideIndex() === 0,
+                [styles.disabled]: slideIndex() === 0
               })}
               onClick={() => mainSwipeRef.current.swiper.slidePrev()}
             >
@@ -202,7 +202,7 @@ export const EditorSwiper = (props: Props) => {
             </div>
             <div
               class={clsx(styles.navigation, styles.next, {
-                [styles.disabled]: slideIndex() + 1 === props.images.length,
+                [styles.disabled]: slideIndex() + 1 === props.images.length
               })}
               onClick={() => mainSwipeRef.current.swiper.slideNext()}
             >
@@ -234,7 +234,7 @@ export const EditorSwiper = (props: Props) => {
                       <div
                         class={clsx(styles.imageThumb)}
                         style={{
-                          'background-image': `url(${getImageUrl(slide.url, { width: 110, height: 75 })})`,
+                          'background-image': `url(${getImageUrl(slide.url, { width: 110, height: 75 })})`
                         }}
                       >
                         <div class={styles.thumbAction}>
@@ -243,7 +243,7 @@ export const EditorSwiper = (props: Props) => {
                           </div>
                           <div
                             class={clsx(styles.action, {
-                              [styles.hidden]: index() === 0,
+                              [styles.hidden]: index() === 0
                             })}
                             onClick={() => handleChangeIndex('left', index())}
                           >
@@ -255,7 +255,7 @@ export const EditorSwiper = (props: Props) => {
                           </div>
                           <div
                             class={clsx(styles.action, {
-                              [styles.hidden]: index() === props.images.length - 1,
+                              [styles.hidden]: index() === props.images.length - 1
                             })}
                             onClick={() => handleChangeIndex('right', index())}
                           >
@@ -277,7 +277,7 @@ export const EditorSwiper = (props: Props) => {
               </swiper-container>
               <div
                 class={clsx(styles.navigation, styles.thumbsNav, styles.prev, {
-                  [styles.disabled]: slideIndex() === 0,
+                  [styles.disabled]: slideIndex() === 0
                 })}
                 onClick={() => thumbSwipeRef.current.swiper.slidePrev()}
               >
@@ -285,7 +285,7 @@ export const EditorSwiper = (props: Props) => {
               </div>
               <div
                 class={clsx(styles.navigation, styles.thumbsNav, styles.next, {
-                  [styles.disabled]: slideIndex() + 1 === props.images.length,
+                  [styles.disabled]: slideIndex() + 1 === props.images.length
                 })}
                 onClick={() => thumbSwipeRef.current.swiper.slideNext()}
               >
diff --git a/src/components/_shared/SolidSwiper/ImageSwiper.tsx b/src/components/_shared/SolidSwiper/ImageSwiper.tsx
index 1de1fe65..0a873388 100644
--- a/src/components/_shared/SolidSwiper/ImageSwiper.tsx
+++ b/src/components/_shared/SolidSwiper/ImageSwiper.tsx
@@ -44,8 +44,8 @@ export const ImageSwiper = (props: Props) => {
         mainSwipeRef.current?.swiper.update()
         thumbSwipeRef.current?.swiper.update()
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   onMount(async () => {
@@ -112,7 +112,7 @@ export const ImageSwiper = (props: Props) => {
                       <div
                         class={clsx(styles.imageThumb)}
                         style={{
-                          'background-image': `url(${getImageUrl(slide.url, { width: 110, height: 75 })})`,
+                          'background-image': `url(${getImageUrl(slide.url, { width: 110, height: 75 })})`
                         }}
                       />
                     </swiper-slide>
@@ -121,7 +121,7 @@ export const ImageSwiper = (props: Props) => {
               </swiper-container>
               <div
                 class={clsx(styles.navigation, styles.thumbsNav, styles.prev, {
-                  [styles.disabled]: slideIndex() === 0,
+                  [styles.disabled]: slideIndex() === 0
                 })}
                 onClick={() => thumbSwipeRef.current.swiper.slidePrev()}
               >
@@ -129,7 +129,7 @@ export const ImageSwiper = (props: Props) => {
               </div>
               <div
                 class={clsx(styles.navigation, styles.thumbsNav, styles.next, {
-                  [styles.disabled]: slideIndex() + 1 === props.images.length,
+                  [styles.disabled]: slideIndex() + 1 === props.images.length
                 })}
                 onClick={() => thumbSwipeRef.current.swiper.slideNext()}
               >
@@ -159,7 +159,7 @@ export const ImageSwiper = (props: Props) => {
             </swiper-container>
             <div
               class={clsx(styles.navigation, styles.prev, {
-                [styles.disabled]: slideIndex() === 0,
+                [styles.disabled]: slideIndex() === 0
               })}
               onClick={() => mainSwipeRef.current.swiper.slidePrev()}
             >
@@ -167,7 +167,7 @@ export const ImageSwiper = (props: Props) => {
             </div>
             <div
               class={clsx(styles.navigation, styles.next, {
-                [styles.disabled]: slideIndex() + 1 === props.images.length,
+                [styles.disabled]: slideIndex() + 1 === props.images.length
               })}
               onClick={() => mainSwipeRef.current.swiper.slideNext()}
             >
diff --git a/src/components/_shared/Subscribe/Subscribe.tsx b/src/components/_shared/Subscribe/Subscribe.tsx
index 63c2341e..3a9f0cd8 100644
--- a/src/components/_shared/Subscribe/Subscribe.tsx
+++ b/src/components/_shared/Subscribe/Subscribe.tsx
@@ -49,9 +49,9 @@ export const Subscribe = (props: Props) => {
     const requestOptions = {
       method: 'POST',
       headers: {
-        'Content-Type': 'application/json',
+        'Content-Type': 'application/json'
       },
-      body: JSON.stringify({ email: email() }),
+      body: JSON.stringify({ email: email() })
     }
 
     const response = await fetch('/api/newsletter', requestOptions)
diff --git a/src/context/confirm.tsx b/src/context/confirm.tsx
index e5592f48..eb9294ed 100644
--- a/src/context/confirm.tsx
+++ b/src/context/confirm.tsx
@@ -43,14 +43,14 @@ export const ConfirmProvider = (props: { children: JSX.Element }) => {
       confirmButtonVariant?: ConfirmMessage['confirmButtonVariant']
       declineButtonLabel?: ConfirmMessage['declineButtonLabel']
       declineButtonVariant?: ConfirmMessage['declineButtonVariant']
-    } = {},
+    } = {}
   ): Promise<boolean> => {
     const messageToShow = {
       confirmBody: message.confirmBody,
       confirmButtonLabel: message.confirmButtonLabel,
       confirmButtonVariant: message.confirmButtonVariant,
       declineButtonLabel: message.declineButtonLabel,
-      declineButtonVariant: message.declineButtonVariant,
+      declineButtonVariant: message.declineButtonVariant
     }
 
     setConfirmMessage(messageToShow)
@@ -68,7 +68,7 @@ export const ConfirmProvider = (props: { children: JSX.Element }) => {
 
   const actions = {
     showConfirm,
-    resolveConfirm,
+    resolveConfirm
   }
 
   const value: ConfirmContextType = { confirmMessage, ...actions }
diff --git a/src/context/connect.tsx b/src/context/connect.tsx
index d10d0695..47af17dd 100644
--- a/src/context/connect.tsx
+++ b/src/context/connect.tsx
@@ -47,7 +47,7 @@ export const ConnectProvider = (props: { children: JSX.Element }) => {
         method: 'GET',
         headers: {
           'Content-Type': 'application/json',
-          Authorization: token,
+          Authorization: token
         },
         onmessage(event) {
           const m: SSEMessage = JSON.parse(event.data)
@@ -75,7 +75,7 @@ export const ConnectProvider = (props: { children: JSX.Element }) => {
           if (err.message === 'unauthorized' || retried() > RECONNECT_TIMES) {
             throw err // rethrow to stop the operation
           }
-        },
+        }
       })
     }
   })
diff --git a/src/context/editor.tsx b/src/context/editor.tsx
index 80b90bac..2af3f224 100644
--- a/src/context/editor.tsx
+++ b/src/context/editor.tsx
@@ -64,7 +64,7 @@ const topic2topicInput = (topic: Topic): TopicInput => {
   return {
     id: topic.id,
     slug: topic.slug,
-    title: topic.title,
+    title: topic.title
   }
 }
 
@@ -89,7 +89,7 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
   const [formErrors, setFormErrors] = createStore<Record<keyof ShoutForm, string>>(null)
   const [wordCounter, setWordCounter] = createSignal<WordCounter>({
     characters: 0,
-    words: 0,
+    words: 0
   })
   const toggleEditorPanel = () => setIsEditorPanelVisible((value) => !value)
   const countWords = (value) => setWordCounter(value)
@@ -132,9 +132,9 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
         lead: formToUpdate.lead,
         description: formToUpdate.description,
         cover: formToUpdate.coverImageUrl,
-        media: formToUpdate.media,
+        media: formToUpdate.media
       },
-      publish,
+      publish
     })
   }
 
@@ -205,7 +205,7 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
     try {
       const newShout = await apiClient.updateArticle({
         shout_id,
-        publish: true,
+        publish: true
       })
       if (newShout) {
         addArticles([newShout])
@@ -222,7 +222,7 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
   const deleteShout = async (shout_id: number) => {
     try {
       await apiClient.deleteShout({
-        shout_id,
+        shout_id
       })
       return true
     } catch {
@@ -247,7 +247,7 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
     countWords,
     setForm,
     setFormErrors,
-    setEditor,
+    setEditor
   }
 
   const value: EditorContextType = {
@@ -256,7 +256,7 @@ export const EditorProvider = (props: { children: JSX.Element }) => {
     formErrors,
     editorRef,
     isEditorPanelVisible,
-    wordCounter,
+    wordCounter
   }
 
   return <EditorContext.Provider value={value}>{props.children}</EditorContext.Provider>
diff --git a/src/context/following.tsx b/src/context/following.tsx
index 599b30a0..f2f9de8b 100644
--- a/src/context/following.tsx
+++ b/src/context/following.tsx
@@ -32,7 +32,7 @@ export function useFollowing() {
 const EMPTY_SUBSCRIPTIONS = {
   topics: [],
   authors: [],
-  communities: [],
+  communities: []
 }
 
 export const FollowingProvider = (props: { children: JSX.Element }) => {
@@ -122,7 +122,7 @@ export const FollowingProvider = (props: { children: JSX.Element }) => {
     setFollowing,
     loadSubscriptions: fetchData,
     follow,
-    unfollow,
+    unfollow
   }
 
   return <FollowingContext.Provider value={value}>{props.children}</FollowingContext.Provider>
diff --git a/src/context/inbox.tsx b/src/context/inbox.tsx
index 02bb9477..1fd85bca 100644
--- a/src/context/inbox.tsx
+++ b/src/context/inbox.tsx
@@ -88,7 +88,7 @@ export const InboxProvider = (props: { children: JSX.Element }) => {
         const currentChat = chats().find((chat) => chat.id === args.chat_id)
         setChats((prev) => [
           ...prev.filter((c) => c.id !== currentChat.id),
-          { ...currentChat, updated_at: message.created_at },
+          { ...currentChat, updated_at: message.created_at }
         ])
       }
     } catch (error) {
@@ -114,7 +114,7 @@ export const InboxProvider = (props: { children: JSX.Element }) => {
     loadMessages,
     loadRecipients: sortedAuthors,
     getMessages,
-    sendMessage,
+    sendMessage
   }
 
   const value: InboxContextType = { chats, messages, ...actions }
diff --git a/src/context/localize.tsx b/src/context/localize.tsx
index 897b0fac..3f4972b6 100644
--- a/src/context/localize.tsx
+++ b/src/context/localize.tsx
@@ -54,9 +54,9 @@ export const LocalizeProvider = (props: { children: JSX.Element }) => {
       {},
       {
         hour: '2-digit',
-        minute: '2-digit',
+        minute: '2-digit'
       },
-      options,
+      options
     )
 
     return date.toLocaleTimeString(lang(), opts)
@@ -68,9 +68,9 @@ export const LocalizeProvider = (props: { children: JSX.Element }) => {
       {
         month: 'long',
         day: 'numeric',
-        year: 'numeric',
+        year: 'numeric'
       },
-      options,
+      options
     )
 
     let result = date.toLocaleDateString(lang(), opts)
diff --git a/src/context/mediaQuery.tsx b/src/context/mediaQuery.tsx
index 37a444e5..baeb6b42 100644
--- a/src/context/mediaQuery.tsx
+++ b/src/context/mediaQuery.tsx
@@ -9,7 +9,7 @@ const breakpoints = {
   md: '768px',
   lg: '992px',
   xl: '1200px',
-  xxl: '1400px',
+  xxl: '1400px'
 }
 
 type MediaQueryContextType = {
diff --git a/src/context/notifications.tsx b/src/context/notifications.tsx
index 36507e17..28f0e6af 100644
--- a/src/context/notifications.tsx
+++ b/src/context/notifications.tsx
@@ -118,7 +118,7 @@ export const NotificationsProvider = (props: { children: JSX.Element }) => {
     markSeenThread,
     markSeenAll,
     markSeen,
-    loadNotificationsGrouped,
+    loadNotificationsGrouped
   }
 
   const value: NotificationsContextType = {
@@ -128,7 +128,7 @@ export const NotificationsProvider = (props: { children: JSX.Element }) => {
     unreadNotificationsCount,
     loadedNotificationsCount,
     totalNotificationsCount,
-    ...actions,
+    ...actions
   }
 
   const handleNotificationPanelClose = () => {
diff --git a/src/context/profile.tsx b/src/context/profile.tsx
index 1b88f149..6e393dbd 100644
--- a/src/context/profile.tsx
+++ b/src/context/profile.tsx
@@ -47,7 +47,7 @@ export const ProfileFormProvider = (props: { children: JSX.Element }) => {
         bio: currentAuthor.bio,
         about: currentAuthor.about,
         pic: userpicUrl(currentAuthor.pic),
-        links: currentAuthor.links,
+        links: currentAuthor.links
       })
     }
   })
@@ -57,14 +57,14 @@ export const ProfileFormProvider = (props: { children: JSX.Element }) => {
       if (remove) {
         setForm(
           'links',
-          form.links.filter((item) => item !== value),
+          form.links.filter((item) => item !== value)
         )
       } else {
         setForm((prev) => ({ ...prev, links: [...prev.links, value] }))
       }
     } else {
       setForm({
-        [fieldName]: value,
+        [fieldName]: value
       })
     }
   }
@@ -73,7 +73,7 @@ export const ProfileFormProvider = (props: { children: JSX.Element }) => {
     form,
     submit,
     updateFormField,
-    setForm,
+    setForm
   }
 
   return <ProfileFormContext.Provider value={value}>{props.children}</ProfileFormContext.Provider>
diff --git a/src/context/reactions.tsx b/src/context/reactions.tsx
index ccd0ee25..710b5cfb 100644
--- a/src/context/reactions.tsx
+++ b/src/context/reactions.tsx
@@ -12,7 +12,7 @@ type ReactionsContextType = {
   loadReactionsBy: ({
     by,
     limit,
-    offset,
+    offset
   }: {
     by: ReactionBy
     limit?: number
@@ -36,7 +36,7 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
   const loadReactionsBy = async ({
     by,
     limit,
-    offset,
+    offset
   }: {
     by: ReactionBy
     limit?: number
@@ -48,7 +48,7 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
         acc[reaction.id] = reaction
         return acc
       },
-      {},
+      {}
     )
     setReactionEntities(newReactionEntities)
     return reactions
@@ -62,14 +62,14 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
         ...input,
         id: fakeId,
         created_by: author(),
-        created_at: Math.floor(Date.now() / 1000),
-      } as unknown as Reaction,
+        created_at: Math.floor(Date.now() / 1000)
+      } as unknown as Reaction
     }))
     const reaction = await apiClient.createReaction(input)
     setReactionEntities({ [fakeId]: undefined })
     if (!reaction) return
     const changes = {
-      [reaction.id]: reaction,
+      [reaction.id]: reaction
     }
 
     if ([ReactionKind.Like, ReactionKind.Dislike].includes(reaction.kind)) {
@@ -81,7 +81,7 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
           r.kind === oppositeReactionKind &&
           r.created_by.slug === reaction.created_by.slug &&
           r.shout.id === reaction.shout.id &&
-          r.reply_to === reaction.reply_to,
+          r.reply_to === reaction.reply_to
       )
 
       if (oppositeReaction) {
@@ -108,7 +108,7 @@ export const ReactionsProvider = (props: { children: JSX.Element }) => {
     loadReactionsBy,
     createReaction,
     updateReaction,
-    deleteReaction,
+    deleteReaction
   }
 
   const value: ReactionsContextType = { reactionEntities, ...actions }
diff --git a/src/context/session.tsx b/src/context/session.tsx
index 944283e6..4583ee66 100644
--- a/src/context/session.tsx
+++ b/src/context/session.tsx
@@ -12,7 +12,7 @@ import {
   GenericResponse,
   LoginInput,
   SignupInput,
-  VerifyEmailInput,
+  VerifyEmailInput
 } from '@authorizerdev/authorizer-js'
 import {
   createContext,
@@ -23,7 +23,7 @@ import {
   on,
   onCleanup,
   onMount,
-  useContext,
+  useContext
 } from 'solid-js'
 
 import { inboxClient } from '../graphql/client/chat'
@@ -39,7 +39,7 @@ import { useSnackbar } from './snackbar'
 const defaultConfig: ConfigType = {
   authorizerURL: 'https://auth.discours.io',
   redirectURL: 'https://testing.discours.io',
-  clientID: 'b9038a34-ca59-41ae-a105-c7fbea603e24', // FIXME: use env?
+  clientID: 'b9038a34-ca59-41ae-a105-c7fbea603e24' // FIXME: use env?
 }
 
 export type SessionContextType = {
@@ -55,14 +55,14 @@ export type SessionContextType = {
   setAuthor: (a: Author) => void
   requireAuthentication: (
     callback: (() => Promise<void>) | (() => void),
-    modalSource: AuthModalSource,
+    modalSource: AuthModalSource
   ) => void
   signUp: (params: SignupInput) => Promise<{ data: AuthToken; errors: Error[] }>
   signIn: (params: LoginInput) => Promise<{ data: AuthToken; errors: Error[] }>
   signOut: () => Promise<void>
   oauth: (provider: string) => Promise<void>
   forgotPassword: (
-    params: ForgotPasswordInput,
+    params: ForgotPasswordInput
   ) => Promise<{ data: ForgotPasswordResponse; errors: Error[] }>
   changePassword: (password: string, token: string) => void
   confirmEmail: (input: VerifyEmailInput) => Promise<AuthToken> // email confirm callback is in auth.discours.io
@@ -113,7 +113,7 @@ export const SessionProvider = (props: {
       changeSearchParams({
         mode: 'confirm-email',
         modal: 'auth',
-        access_token,
+        access_token
       })
     else if (token) changeSearchParams({ mode: 'change-password', modal: 'auth', token })
   })
@@ -164,7 +164,7 @@ export const SessionProvider = (props: {
 
   const [session, { refetch: loadSession, mutate: setSession }] = createResource<AuthToken>(sessionData, {
     ssrLoadFrom: 'initial',
-    initialValue: null,
+    initialValue: null
   })
 
   const checkSessionIsExpired = () => {
@@ -192,7 +192,7 @@ export const SessionProvider = (props: {
   }
   const [author, { refetch: loadAuthor, mutate: setAuthor }] = createResource<Author | null>(authorData, {
     ssrLoadFrom: 'initial',
-    initialValue: null,
+    initialValue: null
   })
 
   // when session is loaded
@@ -234,7 +234,7 @@ export const SessionProvider = (props: {
     setConfig({
       ...defaultConfig,
       ...metaRes,
-      redirectURL: window.location.origin,
+      redirectURL: window.location.origin
     })
     let s: AuthToken
     try {
@@ -252,8 +252,8 @@ export const SessionProvider = (props: {
       () => {
         props.onStateChangeCallback(session())
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   const [authCallback, setAuthCallback] = createSignal<() => void>(noop)
@@ -298,7 +298,7 @@ export const SessionProvider = (props: {
     const resp = await authorizer().resetPassword({
       password,
       token,
-      confirm_password: password,
+      confirm_password: password
     })
     console.debug('[context.session] change password response:', resp)
   }
@@ -347,7 +347,7 @@ export const SessionProvider = (props: {
     loadAuthor,
     forgotPassword,
     changePassword,
-    oauth,
+    oauth
   }
   const value: SessionContextType = {
     authError,
@@ -356,7 +356,7 @@ export const SessionProvider = (props: {
     isSessionLoaded,
     author,
     ...actions,
-    isAuthenticated,
+    isAuthenticated
   }
 
   return <SessionContext.Provider value={value}>{props.children}</SessionContext.Provider>
diff --git a/src/context/snackbar.tsx b/src/context/snackbar.tsx
index 4b0b78d4..35146d53 100644
--- a/src/context/snackbar.tsx
+++ b/src/context/snackbar.tsx
@@ -56,7 +56,7 @@ export const SnackbarProvider = (props: { children: JSX.Element }) => {
     const messageToShow = {
       type: message.type ?? 'success',
       body: message.body,
-      duration: message.duration ?? DEFAULT_DURATION,
+      duration: message.duration ?? DEFAULT_DURATION
     }
 
     messagesToShow.push(messageToShow)
diff --git a/src/graphql/client/chat.ts b/src/graphql/client/chat.ts
index 42c5be97..07e716b4 100644
--- a/src/graphql/client/chat.ts
+++ b/src/graphql/client/chat.ts
@@ -19,7 +19,7 @@ import {
   MutationUpdate_ChatArgs,
   MutationUpdate_MessageArgs,
   QueryLoad_ChatsArgs,
-  QueryLoad_Messages_ByArgs,
+  QueryLoad_Messages_ByArgs
 } from '../schema/chat.gen'
 
 export const inboxClient = {
@@ -69,5 +69,5 @@ export const inboxClient = {
   loadChatMessages: async (options: QueryLoad_Messages_ByArgs) => {
     const resp = await inboxClient.private.query(chatMessagesLoadBy, options).toPromise()
     return resp.data.load_messages_by.messages
-  },
+  }
 }
diff --git a/src/graphql/client/core.ts b/src/graphql/client/core.ts
index 1fc303e4..ce663f54 100644
--- a/src/graphql/client/core.ts
+++ b/src/graphql/client/core.ts
@@ -13,7 +13,7 @@ import type {
   ReactionInput,
   Shout,
   ShoutInput,
-  Topic,
+  Topic
 } from '../schema/core.gen'
 
 import { createGraphQLClient } from '../createGraphQLClient'
@@ -152,7 +152,7 @@ export const apiClient = {
   updateArticle: async ({
     shout_id,
     shout_input,
-    publish,
+    publish
   }: {
     shout_id: number
     shout_input?: ShoutInput
@@ -237,5 +237,5 @@ export const apiClient = {
     const resp = await apiClient.private.query(mySubscriptions, {}).toPromise()
 
     return resp.data.get_my_followed
-  },
+  }
 }
diff --git a/src/graphql/client/notifier.ts b/src/graphql/client/notifier.ts
index dc44feba..1cdad51f 100644
--- a/src/graphql/client/notifier.ts
+++ b/src/graphql/client/notifier.ts
@@ -6,7 +6,7 @@ import loadNotifications from '../query/notifier/notifications-load'
 import {
   MutationMark_Seen_AfterArgs,
   NotificationsResult,
-  QueryLoad_NotificationsArgs,
+  QueryLoad_NotificationsArgs
 } from '../schema/notifier.gen'
 
 export const notifierClient = {
@@ -30,5 +30,5 @@ export const notifierClient = {
   markSeenThread: async (thread: string): Promise<void> => {
     // call when notification group is clicked
     await notifierClient.private.mutation(markThreadSeenMutation, { thread }).toPromise()
-  },
+  }
 }
diff --git a/src/graphql/createGraphQLClient.ts b/src/graphql/createGraphQLClient.ts
index 62755e9a..82392ee4 100644
--- a/src/graphql/createGraphQLClient.ts
+++ b/src/graphql/createGraphQLClient.ts
@@ -15,7 +15,7 @@ export const createGraphQLClient = (serviceName: string, token = '') => {
     maskTypename: true,
     requestPolicy: 'cache-and-network',
     fetchOptions: () => (token ? { headers: { Authorization: token } } : {}),
-    exchanges,
+    exchanges
   }
   return createClient(options)
 }
diff --git a/src/pages/about/discussionRules.page.tsx b/src/pages/about/discussionRules.page.tsx
index 8c04f674..0be0fce9 100644
--- a/src/pages/about/discussionRules.page.tsx
+++ b/src/pages/about/discussionRules.page.tsx
@@ -10,7 +10,7 @@ export const DiscussionRulesPage = () => {
   const ogImage = getImageUrl('production/image/logo_image.png')
   const ogTitle = t('Community Discussion Rules')
   const description = t(
-    'Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities',
+    'Why you can earn a hole in your karma and how to receive rays of gratitude for your contribution to discussions in samizdat communities'
   )
 
   return (
diff --git a/src/pages/about/help.page.tsx b/src/pages/about/help.page.tsx
index 36a9927e..4e5f3f8b 100644
--- a/src/pages/about/help.page.tsx
+++ b/src/pages/about/help.page.tsx
@@ -11,7 +11,7 @@ export const HelpPage = () => {
   const ogImage = getImageUrl('production/image/logo_image.png')
   const ogTitle = t('Support Discours')
   const description = t(
-    'Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom',
+    'Contribute to free samizdat. Support Discours - an independent non-profit publication that works only for you. Become a pillar of the open newsroom'
   )
 
   return (
diff --git a/src/pages/about/manifest.page.tsx b/src/pages/about/manifest.page.tsx
index a2885488..226ffc12 100644
--- a/src/pages/about/manifest.page.tsx
+++ b/src/pages/about/manifest.page.tsx
@@ -14,7 +14,7 @@ export const ManifestPage = () => {
   const ogImage = getImageUrl('production/image/logo_image.png')
   const ogTitle = t('Discours Manifest')
   const description = t(
-    'Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board',
+    'Manifest of samizdat: principles and mission of an open magazine with a horizontal editorial board'
   )
 
   return (
diff --git a/src/pages/about/thanks.page.tsx b/src/pages/about/thanks.page.tsx
index 5e2278b9..a11a9afd 100644
--- a/src/pages/about/thanks.page.tsx
+++ b/src/pages/about/thanks.page.tsx
@@ -9,7 +9,7 @@ export const ThanksPage = () => {
   const ogImage = getImageUrl('production/image/logo_image.png')
   const ogTitle = t('Thank you')
   const description = t(
-    'Self-publishing exists thanks to the help of wonderful people from all over the world. Thank you!',
+    'Self-publishing exists thanks to the help of wonderful people from all over the world. Thank you!'
   )
 
   return (
diff --git a/src/pages/allAuthors.page.server.ts b/src/pages/allAuthors.page.server.ts
index dcc8681b..439da398 100644
--- a/src/pages/allAuthors.page.server.ts
+++ b/src/pages/allAuthors.page.server.ts
@@ -10,7 +10,7 @@ export const onBeforeRender = async (_pageContext: PageContext) => {
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/allTopics.page.server.ts b/src/pages/allTopics.page.server.ts
index 6e4ce93b..d9cfd2a5 100644
--- a/src/pages/allTopics.page.server.ts
+++ b/src/pages/allTopics.page.server.ts
@@ -10,7 +10,7 @@ export const onBeforeRender = async (_pageContext: PageContext) => {
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/article.page.server.ts b/src/pages/article.page.server.ts
index 6eadb8b2..3c41e14a 100644
--- a/src/pages/article.page.server.ts
+++ b/src/pages/article.page.server.ts
@@ -17,7 +17,7 @@ export const onBeforeRender = async (pageContext: PageContext) => {
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/article.page.tsx b/src/pages/article.page.tsx
index 50a3b7e5..c78d7b10 100644
--- a/src/pages/article.page.tsx
+++ b/src/pages/article.page.tsx
@@ -19,7 +19,7 @@ export const ArticlePage = (props: PageProps) => {
   const slug = createMemo(() => page().params['slug'] as string)
 
   const { articleEntities } = useArticlesStore({
-    shouts,
+    shouts
   })
 
   const article = createMemo<Shout>(() => articleEntities()[slug()])
diff --git a/src/pages/author.page.server.ts b/src/pages/author.page.server.ts
index da0ea15b..dca92742 100644
--- a/src/pages/author.page.server.ts
+++ b/src/pages/author.page.server.ts
@@ -17,13 +17,13 @@ export const onBeforeRender = async (pageContext: PageContext) => {
 
   const authorShouts = await apiClient.getShouts({
     filters: { author: slug, featured: false },
-    limit: PRERENDERED_ARTICLES_COUNT,
+    limit: PRERENDERED_ARTICLES_COUNT
   })
   const pageProps: PageProps = { author, authorShouts, seo: { title: author.name } }
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/author.page.tsx b/src/pages/author.page.tsx
index 39c4dc28..4247b613 100644
--- a/src/pages/author.page.tsx
+++ b/src/pages/author.page.tsx
@@ -17,16 +17,16 @@ export const AuthorPage = (props: PageProps) => {
   const slug = createMemo(() => page().params['slug'] as string)
 
   const [isLoaded, setIsLoaded] = createSignal(
-    Boolean(props.authorShouts) && Boolean(props.author) && props.author.slug === slug(),
+    Boolean(props.authorShouts) && Boolean(props.author) && props.author.slug === slug()
   )
 
   const preload = () => {
     return Promise.all([
       loadShouts({
         filters: { author: slug(), featured: false },
-        limit: PRERENDERED_ARTICLES_COUNT,
+        limit: PRERENDERED_ARTICLES_COUNT
       }),
-      loadAuthor({ slug: slug() }),
+      loadAuthor({ slug: slug() })
     ])
   }
 
@@ -50,8 +50,8 @@ export const AuthorPage = (props: PageProps) => {
         await preload()
         setIsLoaded(true)
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   onCleanup(() => resetSortedArticles())
diff --git a/src/pages/connect.page.tsx b/src/pages/connect.page.tsx
index 7c5a5151..23ff0d75 100644
--- a/src/pages/connect.page.tsx
+++ b/src/pages/connect.page.tsx
@@ -20,15 +20,15 @@ export const ConnectPage = () => {
 
         return acc
       },
-      {} as Record<string, string>,
+      {} as Record<string, string>
     )
 
     const requestOptions = {
       method: 'POST',
       headers: {
-        'Content-Type': 'application/json',
+        'Content-Type': 'application/json'
       },
-      body: JSON.stringify(postData),
+      body: JSON.stringify(postData)
     }
 
     const result = await fetch('/api/feedback', requestOptions)
@@ -41,7 +41,7 @@ export const ConnectPage = () => {
 
     setState('success')
     window.scrollTo({
-      top: 0,
+      top: 0
     })
   }
 
diff --git a/src/pages/create.page.tsx b/src/pages/create.page.tsx
index ea5c27f2..31864b66 100644
--- a/src/pages/create.page.tsx
+++ b/src/pages/create.page.tsx
@@ -18,7 +18,7 @@ import styles from '../styles/Create.module.scss'
 const handleCreate = async (layout: LayoutType) => {
   const shout = await apiClient.createArticle({ article: { layout: layout } })
   redirectPage(router, 'edit', {
-    shoutId: shout.id.toString(),
+    shoutId: shout.id.toString()
   })
 }
 
diff --git a/src/pages/expo/expo.page.server.ts b/src/pages/expo/expo.page.server.ts
index 49970f3a..b0140569 100644
--- a/src/pages/expo/expo.page.server.ts
+++ b/src/pages/expo/expo.page.server.ts
@@ -9,14 +9,14 @@ export const onBeforeRender = async (pageContext: PageContext) => {
 
   const expoShouts = await apiClient.getShouts({
     filters: { layouts: layout ? [layout] : ['audio', 'video', 'literature', 'image'] },
-    limit: PRERENDERED_ARTICLES_COUNT,
+    limit: PRERENDERED_ARTICLES_COUNT
   })
 
   const pageProps: PageProps = { expoShouts, seo: { title: '' } }
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/expo/expo.page.tsx b/src/pages/expo/expo.page.tsx
index 1a1a2235..7916dd66 100644
--- a/src/pages/expo/expo.page.tsx
+++ b/src/pages/expo/expo.page.tsx
@@ -40,8 +40,8 @@ export const ExpoPage = (props: PageProps) => {
       () => {
         document.title = getTitle()
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   return (
diff --git a/src/pages/feed.page.tsx b/src/pages/feed.page.tsx
index 869d22da..f05e4247 100644
--- a/src/pages/feed.page.tsx
+++ b/src/pages/feed.page.tsx
@@ -14,8 +14,8 @@ const handleFeedLoadShouts = (options: LoadShoutsOptions) => {
     ...options,
     filters: {
       featured: false,
-      ...options.filters,
-    },
+      ...options.filters
+    }
   })
 }
 
@@ -36,8 +36,8 @@ export const FeedPage = () => {
       () => {
         resetSortedArticles()
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   return (
diff --git a/src/pages/index.page.server.ts b/src/pages/index.page.server.ts
index 8ec75bf2..fe6c5da1 100644
--- a/src/pages/index.page.server.ts
+++ b/src/pages/index.page.server.ts
@@ -7,14 +7,14 @@ import { apiClient } from '../graphql/client/core'
 export const onBeforeRender = async (_pageContext: PageContext) => {
   const homeShouts = await apiClient.getShouts({
     filters: { featured: true },
-    limit: PRERENDERED_ARTICLES_COUNT,
+    limit: PRERENDERED_ARTICLES_COUNT
   })
 
   const pageProps: PageProps = { homeShouts, seo: { title: '' } }
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/index.page.tsx b/src/pages/index.page.tsx
index 93d3c412..6cc76bf8 100644
--- a/src/pages/index.page.tsx
+++ b/src/pages/index.page.tsx
@@ -21,7 +21,7 @@ export const HomePage = (props: PageProps) => {
 
     await Promise.all([
       loadShouts({ filters: { featured: true }, limit: PRERENDERED_ARTICLES_COUNT }),
-      loadRandomTopics({ amount: RANDOM_TOPICS_COUNT }),
+      loadRandomTopics({ amount: RANDOM_TOPICS_COUNT })
     ])
 
     setIsLoaded(true)
diff --git a/src/pages/profile/profileSecurity.page.tsx b/src/pages/profile/profileSecurity.page.tsx
index 2e572047..793dfbc2 100644
--- a/src/pages/profile/profileSecurity.page.tsx
+++ b/src/pages/profile/profileSecurity.page.tsx
@@ -113,7 +113,7 @@ export const ProfileSecurityPage = () => {
                           class={clsx(
                             styles.socialButton,
                             styles.socialButtonApple,
-                            'button' + ' button--light',
+                            'button' + ' button--light'
                           )}
                           type="button"
                         >
diff --git a/src/pages/search.page.server.ts b/src/pages/search.page.server.ts
index 8f3e3177..bd9a9f8f 100644
--- a/src/pages/search.page.server.ts
+++ b/src/pages/search.page.server.ts
@@ -11,7 +11,7 @@ export const onBeforeRender = async (pageContext: PageContext) => {
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/topic.page.server.ts b/src/pages/topic.page.server.ts
index db3a4896..84dbc9cf 100644
--- a/src/pages/topic.page.server.ts
+++ b/src/pages/topic.page.server.ts
@@ -17,14 +17,14 @@ export const onBeforeRender = async (pageContext: PageContext) => {
 
   const topicShouts = await apiClient.getShouts({
     filters: { topic: topic.slug, featured: true },
-    limit: PRERENDERED_ARTICLES_COUNT,
+    limit: PRERENDERED_ARTICLES_COUNT
   })
 
   const pageProps: PageProps = { topic, topicShouts, seo: { title: topic.title } }
 
   return {
     pageContext: {
-      pageProps,
-    },
+      pageProps
+    }
   }
 }
diff --git a/src/pages/topic.page.tsx b/src/pages/topic.page.tsx
index b5e6212a..1acdb49b 100644
--- a/src/pages/topic.page.tsx
+++ b/src/pages/topic.page.tsx
@@ -15,7 +15,7 @@ export const TopicPage = (props: PageProps) => {
   const slug = createMemo(() => page().params['slug'] as string)
 
   const [isLoaded, setIsLoaded] = createSignal(
-    Boolean(props.topicShouts) && Boolean(props.topic) && props.topic.slug === slug(),
+    Boolean(props.topicShouts) && Boolean(props.topic) && props.topic.slug === slug()
   )
 
   const preload = () =>
@@ -23,9 +23,9 @@ export const TopicPage = (props: PageProps) => {
       loadShouts({
         filters: { topic: slug(), featured: true },
         limit: PRERENDERED_ARTICLES_COUNT,
-        offset: 0,
+        offset: 0
       }),
-      loadTopic({ slug: slug() }),
+      loadTopic({ slug: slug() })
     ])
 
   onMount(async () => {
@@ -47,8 +47,8 @@ export const TopicPage = (props: PageProps) => {
         await preload()
         setIsLoaded(true)
       },
-      { defer: true },
-    ),
+      { defer: true }
+    )
   )
 
   onCleanup(() => resetSortedArticles())
diff --git a/src/renderer/_default.page.client.tsx b/src/renderer/_default.page.client.tsx
index fff76e88..2f346cbf 100644
--- a/src/renderer/_default.page.client.tsx
+++ b/src/renderer/_default.page.client.tsx
@@ -36,7 +36,7 @@ export const render = async (pageContext: PageContextBuiltInClientWithClientRout
       supportedLngs: ['ru', 'en'],
       fallbackLng: lng,
       lng,
-      load: 'languageOnly',
+      load: 'languageOnly'
     })
 
   const isIOSorMacOSorAndroid = /iphone|ipad|ipod|macintosh|android/i.test(navigator.userAgent)
diff --git a/src/renderer/_default.page.server.tsx b/src/renderer/_default.page.server.tsx
index 003b1ff6..3a8aa8f3 100644
--- a/src/renderer/_default.page.server.tsx
+++ b/src/renderer/_default.page.server.tsx
@@ -40,8 +40,8 @@ export const render = async (pageContext: PageContext) => {
       lng,
       resources: {
         ru: { translation: ru },
-        en: { translation: en },
-      },
+        en: { translation: en }
+      }
     })
   } else if (i18next.language !== lng) {
     // eslint-disable-next-line import/no-named-as-default-member
diff --git a/src/stores/router.ts b/src/stores/router.ts
index be197bd1..fd9ddf52 100644
--- a/src/stores/router.ts
+++ b/src/stores/router.ts
@@ -42,13 +42,13 @@ export const ROUTES = {
   profileSecurity: '/profile/security',
   profileSubscriptions: '/profile/subscriptions',
   fourOuFour: '/404',
-  article: '/:slug',
+  article: '/:slug'
 } as const
 
 const searchParamsStore = createSearchParams()
 const routerStore = createRouter(ROUTES, {
   search: false,
-  links: false,
+  links: false
 })
 
 export const router = routerStore
@@ -84,7 +84,7 @@ const scrollToHash = (hash: string) => {
 
   window.scrollTo({
     top: newScrollTop,
-    behavior: 'smooth',
+    behavior: 'smooth'
   })
 }
 
@@ -120,7 +120,7 @@ const handleClientRouteLinkClick = async (event) => {
 
   window.scrollTo({
     top: 0,
-    left: 0,
+    left: 0
   })
 }
 
@@ -160,6 +160,6 @@ export const useRouter = <TSearchParams extends Record<string, string> = Record<
     page,
     searchParams,
     changeSearchParams,
-    clearSearchParams,
+    clearSearchParams
   }
 }
diff --git a/src/stores/ui.ts b/src/stores/ui.ts
index a97db243..b47079f2 100644
--- a/src/stores/ui.ts
+++ b/src/stores/ui.ts
@@ -1,7 +1,7 @@
 import type {
   AuthModalSearchParams,
   AuthModalSource,
-  ConfirmEmailSearchParams,
+  ConfirmEmailSearchParams
 } from '../components/Nav/AuthModal/types'
 import type { RootSearchParams } from '../pages/types'
 
@@ -43,7 +43,7 @@ export const MODALS: Record<ModalType, ModalType> = {
   following: 'following',
   search: 'search',
   share: 'share',
-  cropImage: 'cropImage',
+  cropImage: 'cropImage'
 }
 
 const [modal, setModal] = createSignal<ModalType>(null)
@@ -55,7 +55,7 @@ const { changeSearchParams, clearSearchParams } = useRouter<
 export const showModal = (modalType: ModalType, modalSource?: AuthModalSource) => {
   if (modalSource) {
     changeSearchParams({
-      source: modalSource,
+      source: modalSource
     })
   }
 
@@ -69,6 +69,6 @@ export const hideModal = () => {
 
 export const useModalStore = () => {
   return {
-    modal,
+    modal
   }
 }
diff --git a/src/stores/zine/articles.ts b/src/stores/zine/articles.ts
index e517378b..7c76c2eb 100644
--- a/src/stores/zine/articles.ts
+++ b/src/stores/zine/articles.ts
@@ -2,7 +2,7 @@ import type {
   Author,
   LoadShoutsOptions,
   QueryLoad_Shouts_SearchArgs,
-  Shout,
+  Shout
 } from '../../graphql/schema/core.gen'
 
 import { createLazyMemo } from '@solid-primitives/memo'
@@ -31,7 +31,7 @@ const articlesByAuthor = createLazyMemo(() => {
 
       return acc
     },
-    {} as { [authorSlug: string]: Shout[] },
+    {} as { [authorSlug: string]: Shout[] }
   )
 })
 
@@ -47,7 +47,7 @@ const articlesByTopic = createLazyMemo(() => {
 
       return acc
     },
-    {} as { [authorSlug: string]: Shout[] },
+    {} as { [authorSlug: string]: Shout[] }
   )
 })
 
@@ -74,13 +74,13 @@ export const addArticles = (...args: Shout[][]) => {
       }
       return acc
     },
-    {} as { [articleSLug: string]: Shout },
+    {} as { [articleSLug: string]: Shout }
   )
 
   setArticleEntities((prevArticleEntities) => {
     return {
       ...prevArticleEntities,
-      ...newArticleEntities,
+      ...newArticleEntities
     }
   })
 
@@ -104,7 +104,7 @@ export const addArticles = (...args: Shout[][]) => {
 
       return acc
     },
-    {} as { [topicSlug: string]: Author[] },
+    {} as { [topicSlug: string]: Author[] }
   )
 
   addAuthorsByTopic(authorsByTopic)
@@ -129,7 +129,7 @@ export const loadShout = async (slug: string): Promise<void> => {
 }
 
 export const loadShouts = async (
-  options: LoadShoutsOptions,
+  options: LoadShoutsOptions
 ): Promise<{ hasMore: boolean; newShouts: Shout[] }> => {
   options.limit += 1
   const newShouts = await apiClient.getShouts(options)
@@ -146,7 +146,7 @@ export const loadShouts = async (
 }
 
 export const loadMyFeed = async (
-  options: LoadShoutsOptions,
+  options: LoadShoutsOptions
 ): Promise<{ hasMore: boolean; newShouts: Shout[] }> => {
   options.limit += 1
   const newShouts = await apiClient.getMyFeed(options)
@@ -163,7 +163,7 @@ export const loadMyFeed = async (
 }
 
 export const loadShoutsSearch = async (
-  options: QueryLoad_Shouts_SearchArgs,
+  options: QueryLoad_Shouts_SearchArgs
 ): Promise<{ hasMore: boolean; newShouts: Shout[] }> => {
   options.limit += 1
   const newShouts = await apiClient.getShoutsSearch(options)
@@ -196,10 +196,10 @@ export const loadTopMonthArticles = async (): Promise<void> => {
   const options: LoadShoutsOptions = {
     filters: {
       featured: true,
-      after,
+      after
     },
     order_by: 'likes_stat',
-    limit: TOP_MONTH_ARTICLES_COUNT,
+    limit: TOP_MONTH_ARTICLES_COUNT
   }
   const articles = await apiClient.getShouts(options)
   addArticles(articles)
@@ -212,7 +212,7 @@ export const loadTopArticles = async (): Promise<void> => {
   const options: LoadShoutsOptions = {
     filters: { featured: true },
     order_by: 'likes_stat',
-    limit: TOP_ARTICLES_COUNT,
+    limit: TOP_ARTICLES_COUNT
   }
   const articles = await apiClient.getShouts(options)
   addArticles(articles)
@@ -241,6 +241,6 @@ export const useArticlesStore = (initialState: InitialState = {}) => {
     topMonthArticles,
     topArticles,
     topCommentedArticles,
-    topViewedArticles,
+    topViewedArticles
   }
 }
diff --git a/src/stores/zine/authors.ts b/src/stores/zine/authors.ts
index db3f0627..34a2c6a2 100644
--- a/src/stores/zine/authors.ts
+++ b/src/stores/zine/authors.ts
@@ -36,7 +36,7 @@ export const addAuthors = (authors: Author[]) => {
       acc[author.slug] = author
       return acc
     },
-    {} as Record<string, Author>,
+    {} as Record<string, Author>
   )
 
   setAuthorEntities((prevAuthorEntities) =>
@@ -44,18 +44,18 @@ export const addAuthors = (authors: Author[]) => {
       (acc, authorSlug) => {
         acc[authorSlug] = {
           ...acc[authorSlug],
-          ...newAuthorEntities[authorSlug],
+          ...newAuthorEntities[authorSlug]
         }
         return acc
       },
-      { ...prevAuthorEntities },
-    ),
+      { ...prevAuthorEntities }
+    )
   )
 }
 
 export const loadAuthor = async ({
   slug,
-  author_id,
+  author_id
 }: {
   slug: string
   author_id?: number
diff --git a/src/stores/zine/layouts.ts b/src/stores/zine/layouts.ts
index cb54250c..54741f97 100644
--- a/src/stores/zine/layouts.ts
+++ b/src/stores/zine/layouts.ts
@@ -45,6 +45,6 @@ export const useLayoutsStore = (layouts: LayoutType[], initialData: Shout[]) =>
   return {
     addLayoutShouts,
     sortedLayoutShouts,
-    loadLayoutShoutsBy,
+    loadLayoutShoutsBy
   }
 }
diff --git a/src/stores/zine/seen.ts b/src/stores/zine/seen.ts
index bf01d92d..e0539a53 100644
--- a/src/stores/zine/seen.ts
+++ b/src/stores/zine/seen.ts
@@ -10,6 +10,6 @@ export const useSeenStore = (initialData: { [slug: string]: Date } = {}) => {
   return {
     seen,
     setSeen,
-    addSeen,
+    addSeen
   }
 }
diff --git a/src/stores/zine/topAuthors.ts b/src/stores/zine/topAuthors.ts
index c3b8ee17..39ed02c7 100644
--- a/src/stores/zine/topAuthors.ts
+++ b/src/stores/zine/topAuthors.ts
@@ -14,11 +14,11 @@ export const useTopAuthorsStore = () => {
       .sort((authorSlug1, authorSlug2) => {
         const author1Rating = articlesByAuthor()[authorSlug1].reduce(
           (acc, article) => acc + article.stat?.rating,
-          0,
+          0
         )
         const author2Rating = articlesByAuthor()[authorSlug2].reduce(
           (acc, article) => acc + article.stat?.rating,
-          0,
+          0
         )
         if (author1Rating === author2Rating) {
           return 0
diff --git a/src/stores/zine/topics.ts b/src/stores/zine/topics.ts
index 6de17d64..a6c09b0a 100644
--- a/src/stores/zine/topics.ts
+++ b/src/stores/zine/topics.ts
@@ -63,13 +63,13 @@ const addTopics = (...args: Topic[][]) => {
       acc[topic.slug] = topic
       return acc
     },
-    {} as Record<string, Topic>,
+    {} as Record<string, Topic>
   )
 
   setTopicEntities((prevTopicEntities) => {
     return {
       ...prevTopicEntities,
-      ...newTopicEntities,
+      ...newTopicEntities
     }
   })
 }
diff --git a/src/utils/composeMediaItems.ts b/src/utils/composeMediaItems.ts
index ac3ad887..e2152892 100644
--- a/src/utils/composeMediaItems.ts
+++ b/src/utils/composeMediaItems.ts
@@ -11,7 +11,7 @@ export const composeMediaItems = (value: UploadedFile[], optionalParams = {}) =>
       source: '',
       title: fileData.originalFilename ? removeFileExtension(fileData.originalFilename) : '',
       body: '',
-      ...optionalParams,
+      ...optionalParams
     }
   })
 }
diff --git a/src/utils/dummyFilter.ts b/src/utils/dummyFilter.ts
index 7cced57a..7262c284 100644
--- a/src/utils/dummyFilter.ts
+++ b/src/utils/dummyFilter.ts
@@ -17,7 +17,7 @@ const stringMatches = (str: string, q: string, lang: string) => {
 export const dummyFilter = <T extends Topic | Author>(
   data: T[],
   searchQuery: string,
-  lang: 'ru' | 'en',
+  lang: 'ru' | 'en'
 ): T[] => {
   const q = prepareQuery(searchQuery, lang)
 
diff --git a/src/utils/getImageUrl.ts b/src/utils/getImageUrl.ts
index 7d88cd51..26ee1c2f 100644
--- a/src/utils/getImageUrl.ts
+++ b/src/utils/getImageUrl.ts
@@ -13,7 +13,7 @@ const getSizeUrlPart = (options: { width?: number; height?: number; noSizeUrlPar
 
 export const getImageUrl = (
   src: string,
-  options: { width?: number; height?: number; noSizeUrlPart?: boolean } = {},
+  options: { width?: number; height?: number; noSizeUrlPart?: boolean } = {}
 ) => {
   const filename = src?.split('/').pop()
   const isAudio = src.toLowerCase().split('.').pop() in ['wav', 'mp3', 'ogg', 'aif', 'flac']
@@ -31,12 +31,12 @@ export const getOpenGraphImageUrl = (
     author: string
     width?: number
     height?: number
-  },
+  }
 ) => {
   const sizeUrlPart = getSizeUrlPart(options)
 
   const filtersPart = `filters:discourstext('${encodeURIComponent(options.topic)}','${encodeURIComponent(
-    options.author,
+    options.author
   )}','${encodeURIComponent(options.title)}')/`
 
   if (src.startsWith(thumborUrl)) {
diff --git a/src/utils/groupby.ts b/src/utils/groupby.ts
index 04458395..4287637b 100644
--- a/src/utils/groupby.ts
+++ b/src/utils/groupby.ts
@@ -15,8 +15,8 @@ export const groupByName = (arr: Author[]) => {
       return acc
     },
     {
-      'A-Z': [],
-    },
+      'A-Z': []
+    }
   )
 }
 
@@ -33,7 +33,7 @@ export const groupByTitle = (arr: (Shout | Topic)[]) => {
       return acc
     },
     {
-      'A-Z': [],
-    },
+      'A-Z': []
+    }
   )
 }
diff --git a/src/utils/handleFileUpload.ts b/src/utils/handleFileUpload.ts
index 7013de52..2e4715a3 100644
--- a/src/utils/handleFileUpload.ts
+++ b/src/utils/handleFileUpload.ts
@@ -10,7 +10,7 @@ export const handleFileUpload = async (uploadFile: UploadFile): Promise<Uploaded
   formData.append('file', uploadFile.file, uploadFile.name)
   const response = await fetch(apiUrl, {
     method: 'POST',
-    body: formData,
+    body: formData
   })
   return response.json()
 }
diff --git a/src/utils/handleImageUpload.ts b/src/utils/handleImageUpload.ts
index 54ec619e..2ed5c745 100644
--- a/src/utils/handleImageUpload.ts
+++ b/src/utils/handleImageUpload.ts
@@ -9,7 +9,7 @@ export const handleImageUpload = async (uploadFile: UploadFile): Promise<Uploade
   formData.append('media', uploadFile.file, uploadFile.name)
   const response = await fetch(`${thumborUrl}/image`, {
     method: 'POST',
-    body: formData,
+    body: formData
   })
 
   const location = response.headers.get('Location')
@@ -37,6 +37,6 @@ export const handleImageUpload = async (uploadFile: UploadFile): Promise<Uploade
 
   return {
     originalFilename,
-    url,
+    url
   }
 }
diff --git a/src/utils/profileSocialLinks.ts b/src/utils/profileSocialLinks.ts
index 324c51f6..aba6ec1e 100644
--- a/src/utils/profileSocialLinks.ts
+++ b/src/utils/profileSocialLinks.ts
@@ -10,7 +10,7 @@ const links: Link[] = [
   { link: 'https://vk.com/', name: 'vk', isPlaceholder: true },
   { link: 'https://instagram.com/', name: 'instagram', isPlaceholder: true },
   { link: 'https://t.me/', name: 'telegram', isPlaceholder: true },
-  { link: 'https://twitter.com/', name: 'twitter', isPlaceholder: true },
+  { link: 'https://twitter.com/', name: 'twitter', isPlaceholder: true }
 ]
 
 const checkLink = (link: string, keyword: string): boolean => link.includes(keyword)
diff --git a/src/utils/renderUploadedImage.ts b/src/utils/renderUploadedImage.ts
index dfadf611..4eb6c9c1 100644
--- a/src/utils/renderUploadedImage.ts
+++ b/src/utils/renderUploadedImage.ts
@@ -13,13 +13,13 @@ export const renderUploadedImage = (editor: Editor, image: UploadedFile) => {
       content: [
         {
           type: 'image',
-          attrs: { src: image.url },
+          attrs: { src: image.url }
         },
         {
           type: 'figcaption',
-          content: [{ type: 'text', text: image.originalFilename }],
-        },
-      ],
+          content: [{ type: 'text', text: image.originalFilename }]
+        }
+      ]
     })
     .run()
   hideModal()
diff --git a/src/utils/ru2en.ts b/src/utils/ru2en.ts
index 57f90d85..3999fcaf 100644
--- a/src/utils/ru2en.ts
+++ b/src/utils/ru2en.ts
@@ -62,7 +62,7 @@ const ru2en: { [key: string]: string } = {
   Ю: 'Yu',
   ю: 'yu',
   Я: 'Ya',
-  я: 'ya',
+  я: 'ya'
 }
 
 export const translit = (str: string) => {
diff --git a/src/utils/scroll.ts b/src/utils/scroll.ts
index 39504743..383f24ef 100644
--- a/src/utils/scroll.ts
+++ b/src/utils/scroll.ts
@@ -1,6 +1,6 @@
 const scrollPosition = {
   top: 0,
-  left: 0,
+  left: 0
 }
 
 export const saveScrollPosition = () => {
@@ -11,7 +11,7 @@ export const saveScrollPosition = () => {
 export const restoreScrollPosition = () => {
   window.scroll({
     top: scrollPosition.top,
-    left: scrollPosition.left,
+    left: scrollPosition.left
   })
 }
 
@@ -21,7 +21,7 @@ export const scrollHandler = (elemId: string, offset = -100) => {
   if (anchor) {
     window.scrollTo({
       top: anchor.getBoundingClientRect().top + offset,
-      behavior: 'smooth',
+      behavior: 'smooth'
     })
   }
 }
diff --git a/src/utils/sortby.ts b/src/utils/sortby.ts
index 7566f577..7982ce46 100644
--- a/src/utils/sortby.ts
+++ b/src/utils/sortby.ts
@@ -12,7 +12,7 @@ export const byPublished = (a: Shout, b: Shout) => {
 
 export const byLength = (
   a: (Shout | Reaction | Topic | Author)[],
-  b: (Shout | Reaction | Topic | Author)[],
+  b: (Shout | Reaction | Topic | Author)[]
 ) => {
   const x = a.length
   const y = b.length