From ccbce0e3175b0c3bc6408d3069700d37898ac0fa Mon Sep 17 00:00:00 2001
From: codytseng <codytseng98@gmail.com>
Date: Sun, 6 Apr 2025 20:22:49 +0800
Subject: [PATCH] chore: format

---
 index.html                                    |   5 +-
 .../PostEditor/NormalPostContent.tsx          |  19 +-
 src/components/ui/carousel.tsx                | 355 +++++++-------
 src/components/ui/tabs.tsx                    |  12 +-
 src/i18n/locales/pl.ts                        | 436 +++++++++---------
 tailwind.config.js                            |   5 +-
 6 files changed, 402 insertions(+), 430 deletions(-)

diff --git a/index.html b/index.html
index 8fbf7289..962bd40c 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
 
     <title>Jumble</title>
-    <meta name="description" content="A user-friendly Nostr client focused on relay feed browsing and relay discovery" />
+    <meta
+      name="description"
+      content="A user-friendly Nostr client focused on relay feed browsing and relay discovery"
+    />
     <meta
       name="keywords"
       content="jumble, nostr, web, client, relay, feed, social, pwa, simple, clean"
diff --git a/src/components/PostEditor/NormalPostContent.tsx b/src/components/PostEditor/NormalPostContent.tsx
index b71b47cd..ed5f0979 100644
--- a/src/components/PostEditor/NormalPostContent.tsx
+++ b/src/components/PostEditor/NormalPostContent.tsx
@@ -1,4 +1,6 @@
+import Note from '@/components/Note'
 import { Button } from '@/components/ui/button'
+import { ScrollArea } from '@/components/ui/scroll-area'
 import { useToast } from '@/hooks/use-toast'
 import { createCommentDraftEvent, createShortTextNoteDraftEvent } from '@/lib/draft-event'
 import { useNostr } from '@/providers/NostrProvider'
@@ -14,9 +16,6 @@ import Preview from './Preview'
 import SendOnlyToSwitch from './SendOnlyToSwitch'
 import Uploader from './Uploader'
 import { preprocessContent } from './utils'
-import Note from '@/components/Note'
-import { ScrollArea } from "@/components/ui/scroll-area"
-
 
 export default function NormalPostContent({
   defaultContent = '',
@@ -117,13 +116,13 @@ export default function NormalPostContent({
 
   return (
     <div className="space-y-4">
-    {parentEvent && (
-    <ScrollArea className="max-h-48 rounded-lg border bg-muted/40 overflow-y-auto">
-    <div className="p-2 sm:p-3 pointer-events-none">
-      <Note size="small" event={parentEvent} hideStats hideParentNotePreview />
-    </div>
-  </ScrollArea>
-  )}
+      {parentEvent && (
+        <ScrollArea className="max-h-48 rounded-lg border bg-muted/40 overflow-y-auto">
+          <div className="p-2 sm:p-3 pointer-events-none">
+            <Note size="small" event={parentEvent} hideStats hideParentNotePreview />
+          </div>
+        </ScrollArea>
+      )}
       <TextareaWithMentions
         className="h-32"
         setTextValue={setContent}
diff --git a/src/components/ui/carousel.tsx b/src/components/ui/carousel.tsx
index 9c2b9bf3..103226e9 100644
--- a/src/components/ui/carousel.tsx
+++ b/src/components/ui/carousel.tsx
@@ -1,11 +1,9 @@
-import * as React from "react"
-import useEmblaCarousel, {
-  type UseEmblaCarouselType,
-} from "embla-carousel-react"
-import { ArrowLeft, ArrowRight } from "lucide-react"
+import * as React from 'react'
+import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'
+import { ArrowLeft, ArrowRight } from 'lucide-react'
 
-import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>
@@ -15,7 +13,7 @@ type CarouselPlugin = UseCarouselParameters[1]
 type CarouselProps = {
   opts?: CarouselOptions
   plugins?: CarouselPlugin
-  orientation?: "horizontal" | "vertical"
+  orientation?: 'horizontal' | 'vertical'
   setApi?: (api: CarouselApi) => void
 }
 
@@ -34,7 +32,7 @@ function useCarousel() {
   const context = React.useContext(CarouselContext)
 
   if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />")
+    throw new Error('useCarousel must be used within a <Carousel />')
   }
 
   return context
@@ -43,218 +41,193 @@ function useCarousel() {
 const Carousel = React.forwardRef<
   HTMLDivElement,
   React.HTMLAttributes<HTMLDivElement> & CarouselProps
->(
-  (
+>(({ orientation = 'horizontal', opts, setApi, plugins, className, children, ...props }, ref) => {
+  const [carouselRef, api] = useEmblaCarousel(
     {
-      orientation = "horizontal",
-      opts,
-      setApi,
-      plugins,
-      className,
-      children,
-      ...props
+      ...opts,
+      axis: orientation === 'horizontal' ? 'x' : 'y'
     },
-    ref
-  ) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y",
-      },
-      plugins
-    )
-    const [canScrollPrev, setCanScrollPrev] = React.useState(false)
-    const [canScrollNext, setCanScrollNext] = React.useState(false)
+    plugins
+  )
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false)
+  const [canScrollNext, setCanScrollNext] = React.useState(false)
 
-    const onSelect = React.useCallback((api: CarouselApi) => {
-      if (!api) {
-        return
+  const onSelect = React.useCallback((api: CarouselApi) => {
+    if (!api) {
+      return
+    }
+
+    setCanScrollPrev(api.canScrollPrev())
+    setCanScrollNext(api.canScrollNext())
+  }, [])
+
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev()
+  }, [api])
+
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext()
+  }, [api])
+
+  const handleKeyDown = React.useCallback(
+    (event: React.KeyboardEvent<HTMLDivElement>) => {
+      if (event.key === 'ArrowLeft') {
+        event.preventDefault()
+        scrollPrev()
+      } else if (event.key === 'ArrowRight') {
+        event.preventDefault()
+        scrollNext()
       }
+    },
+    [scrollPrev, scrollNext]
+  )
 
-      setCanScrollPrev(api.canScrollPrev())
-      setCanScrollNext(api.canScrollNext())
-    }, [])
+  React.useEffect(() => {
+    if (!api || !setApi) {
+      return
+    }
 
-    const scrollPrev = React.useCallback(() => {
-      api?.scrollPrev()
-    }, [api])
+    setApi(api)
+  }, [api, setApi])
 
-    const scrollNext = React.useCallback(() => {
-      api?.scrollNext()
-    }, [api])
+  React.useEffect(() => {
+    if (!api) {
+      return
+    }
 
-    const handleKeyDown = React.useCallback(
-      (event: React.KeyboardEvent<HTMLDivElement>) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault()
-          scrollPrev()
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault()
-          scrollNext()
-        }
-      },
-      [scrollPrev, scrollNext]
-    )
+    onSelect(api)
+    api.on('reInit', onSelect)
+    api.on('select', onSelect)
 
-    React.useEffect(() => {
-      if (!api || !setApi) {
-        return
-      }
+    return () => {
+      api?.off('select', onSelect)
+    }
+  }, [api, onSelect])
 
-      setApi(api)
-    }, [api, setApi])
+  return (
+    <CarouselContext.Provider
+      value={{
+        carouselRef,
+        api: api,
+        opts,
+        orientation: orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),
+        scrollPrev,
+        scrollNext,
+        canScrollPrev,
+        canScrollNext
+      }}
+    >
+      <div
+        ref={ref}
+        onKeyDownCapture={handleKeyDown}
+        className={cn('relative', className)}
+        role="region"
+        aria-roledescription="carousel"
+        {...props}
+      >
+        {children}
+      </div>
+    </CarouselContext.Provider>
+  )
+})
+Carousel.displayName = 'Carousel'
 
-    React.useEffect(() => {
-      if (!api) {
-        return
-      }
-
-      onSelect(api)
-      api.on("reInit", onSelect)
-      api.on("select", onSelect)
-
-      return () => {
-        api?.off("select", onSelect)
-      }
-    }, [api, onSelect])
+const CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => {
+    const { carouselRef, orientation } = useCarousel()
 
     return (
-      <CarouselContext.Provider
-        value={{
-          carouselRef,
-          api: api,
-          opts,
-          orientation:
-            orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext,
-        }}
-      >
+      <div ref={carouselRef} className="overflow-hidden">
         <div
           ref={ref}
-          onKeyDownCapture={handleKeyDown}
-          className={cn("relative", className)}
-          role="region"
-          aria-roledescription="carousel"
+          className={cn(
+            'flex',
+            orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',
+            className
+          )}
           {...props}
-        >
-          {children}
-        </div>
-      </CarouselContext.Provider>
+        />
+      </div>
     )
   }
 )
-Carousel.displayName = "Carousel"
+CarouselContent.displayName = 'CarouselContent'
 
-const CarouselContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel()
+const CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(
+  ({ className, ...props }, ref) => {
+    const { orientation } = useCarousel()
 
-  return (
-    <div ref={carouselRef} className="overflow-hidden">
+    return (
       <div
         ref={ref}
+        role="group"
+        aria-roledescription="slide"
         className={cn(
-          "flex",
-          orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+          'min-w-0 shrink-0 grow-0 basis-full',
+          orientation === 'horizontal' ? 'pl-4' : 'pt-4',
           className
         )}
         {...props}
       />
-    </div>
-  )
-})
-CarouselContent.displayName = "CarouselContent"
+    )
+  }
+)
+CarouselItem.displayName = 'CarouselItem'
 
-const CarouselItem = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel()
+const CarouselPrevious = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(
+  ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {
+    const { orientation, scrollPrev, canScrollPrev } = useCarousel()
 
-  return (
-    <div
-      ref={ref}
-      role="group"
-      aria-roledescription="slide"
-      className={cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      )}
-      {...props}
-    />
-  )
-})
-CarouselItem.displayName = "CarouselItem"
+    return (
+      <Button
+        ref={ref}
+        variant={variant}
+        size={size}
+        className={cn(
+          'absolute  h-8 w-8 rounded-full',
+          orientation === 'horizontal'
+            ? '-left-12 top-1/2 -translate-y-1/2'
+            : '-top-12 left-1/2 -translate-x-1/2 rotate-90',
+          className
+        )}
+        disabled={!canScrollPrev}
+        onClick={scrollPrev}
+        {...props}
+      >
+        <ArrowLeft className="h-4 w-4" />
+        <span className="sr-only">Previous slide</span>
+      </Button>
+    )
+  }
+)
+CarouselPrevious.displayName = 'CarouselPrevious'
 
-const CarouselPrevious = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<typeof Button>
->(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel()
+const CarouselNext = React.forwardRef<HTMLButtonElement, React.ComponentProps<typeof Button>>(
+  ({ className, variant = 'outline', size = 'icon', ...props }, ref) => {
+    const { orientation, scrollNext, canScrollNext } = useCarousel()
 
-  return (
-    <Button
-      ref={ref}
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal"
-          ? "-left-12 top-1/2 -translate-y-1/2"
-          : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollPrev}
-      onClick={scrollPrev}
-      {...props}
-    >
-      <ArrowLeft className="h-4 w-4" />
-      <span className="sr-only">Previous slide</span>
-    </Button>
-  )
-})
-CarouselPrevious.displayName = "CarouselPrevious"
+    return (
+      <Button
+        ref={ref}
+        variant={variant}
+        size={size}
+        className={cn(
+          'absolute h-8 w-8 rounded-full',
+          orientation === 'horizontal'
+            ? '-right-12 top-1/2 -translate-y-1/2'
+            : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',
+          className
+        )}
+        disabled={!canScrollNext}
+        onClick={scrollNext}
+        {...props}
+      >
+        <ArrowRight className="h-4 w-4" />
+        <span className="sr-only">Next slide</span>
+      </Button>
+    )
+  }
+)
+CarouselNext.displayName = 'CarouselNext'
 
-const CarouselNext = React.forwardRef<
-  HTMLButtonElement,
-  React.ComponentProps<typeof Button>
->(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel()
-
-  return (
-    <Button
-      ref={ref}
-      variant={variant}
-      size={size}
-      className={cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal"
-          ? "-right-12 top-1/2 -translate-y-1/2"
-          : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      )}
-      disabled={!canScrollNext}
-      onClick={scrollNext}
-      {...props}
-    >
-      <ArrowRight className="h-4 w-4" />
-      <span className="sr-only">Next slide</span>
-    </Button>
-  )
-})
-CarouselNext.displayName = "CarouselNext"
-
-export {
-  type CarouselApi,
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselPrevious,
-  CarouselNext,
-}
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext }
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
index 85d83bea..c5048c8c 100644
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -1,7 +1,7 @@
-import * as React from "react"
-import * as TabsPrimitive from "@radix-ui/react-tabs"
+import * as React from 'react'
+import * as TabsPrimitive from '@radix-ui/react-tabs'
 
-import { cn } from "@/lib/utils"
+import { cn } from '@/lib/utils'
 
 const Tabs = TabsPrimitive.Root
 
@@ -12,7 +12,7 @@ const TabsList = React.forwardRef<
   <TabsPrimitive.List
     ref={ref}
     className={cn(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      'inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground',
       className
     )}
     {...props}
@@ -27,7 +27,7 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      'inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow',
       className
     )}
     {...props}
@@ -42,7 +42,7 @@ const TabsContent = React.forwardRef<
   <TabsPrimitive.Content
     ref={ref}
     className={cn(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      'mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
       className
     )}
     {...props}
diff --git a/src/i18n/locales/pl.ts b/src/i18n/locales/pl.ts
index 3651d156..b75f2e70 100644
--- a/src/i18n/locales/pl.ts
+++ b/src/i18n/locales/pl.ts
@@ -1,218 +1,218 @@
-export default {
-  translation: {
-    'Welcome! 🥳': 'Witamy! 🥳',
-    About: 'O Nas',
-    'New Note': 'Nowa Publikacja',
-    Post: 'Publikuj',
-    Home: 'Strona Główna',
-    'Relay settings': 'Ustawienia transmiterów',
-    Settings: 'Ustawienia',
-    SidebarRelays: 'Transmitery',
-    Refresh: 'Odśwież',
-    Profile: 'Twój Profil',
-    Logout: 'Wyloguj',
-    Following: 'Obserwowani',
-    followings: 'niżej wymienionych',
-    reposted: 'Udostępnił',
-    'just now': 'teraz',
-    'n minutes ago': '{{n}} m',
-    'n m': '{{n}}m',
-    'n hours ago': '{{n}} g',
-    'n h': '{{n}}h',
-    'n days ago': '{{n}} d ',
-    'n d': '{{n}}d',
-    date: '{{timestamp, date}}',
-    Follow: 'Obserwuj',
-    Unfollow: 'Porzuć',
-    'Follow failed': 'Obserwacja nieudana',
-    'Unfollow failed': 'Porzucenie obserwacji nieudane',
-    'show new notes': 'Pokaż nowe wpisy',
-    'loading...': 'ładowanie...',
-    'no more notes': 'Koniec wpisów',
-    'reply to': 'Odpowiedź na',
-    reply: 'odpowiedz',
-    Reply: 'Skomentuj',
-    'load more older replies': 'Pobierz więcej starszych odpowiedzi',
-    'Write something...': 'Napisz coś...',
-    Cancel: 'Anuluj',
-    Mentions: 'Wzmianki',
-    'Failed to post': 'Nie udało się opublikować',
-    'Post successful': 'Twój wpis został wysłany.',
-    'Your post has been published': 'Publikowani są jedynie użytkownicy z białej listy',
-    Repost: 'Udostępnij',
-    Quote: 'Zacytuj',
-    'Copy event ID': 'Skopiuj ID wydarzenia',
-    'Copy user ID': 'Skopiuj ID użytkownika',
-    'View raw event': 'Pokaż szczegóły wpisu',
-    Like: 'Polub',
-    'switch to light theme': 'Przełącz na jasny motyw',
-    'switch to dark theme': 'Przełącz na ciemny motyw ',
-    'switch to system theme': 'Przełącz na motyw systemu (automatyczny)',
-    Note: 'Cały wpis',
-    note: 'note',
-    "username's following": '{{username}} obserwuje:',
-    "username's used relays": '{{username}} użył transmiterów',
-    "username's muted": 'Zablokowani przez {{username}} ',
-    Login: 'Logowanie',
-    'Follows you': 'Obserwujący',
-    'Relay Settings': 'Ustawienia  transmiterów',
-    'Relay set name': 'Wpisz nazwę grupy',
-    'Add a new relay set': 'Utwórz grupę transmiterów',
-    Add: 'Dodaj',
-    'n relays': '{{n}} szt.',
-    Rename: 'Zmień nazwę',
-    'Copy share link': 'Kopiuj link',
-    Delete: 'Usuń',
-    'Relay already exists': 'Transmiter już istnieje',
-    'invalid relay URL': 'Nieprawidłowy URL transmitera',
-    'Add a new relay': 'Dodaj nowy transmiter',
-    back: 'z powrotem',
-    'Lost in the void': 'Zagubiony w przestrzeni',
-    'Carry me home': 'Na stronę główną',
-    'no replies': 'Brak komentarzy',
-    'Reply to': 'Odpowiedz do',
-    Search: 'Wyszukiwarka',
-    'The relays you are connected to do not support search':
-      'Podłączone transmitery nie obsługują wyszukiwania',
-    'Show more...': 'Więcej...',
-    'All users': 'Wszyscy użytkownicy',
-    'Display replies': 'Wyświetl komentarze',
-    Notes: 'Wpisy',
-    Replies: 'Komentarze',
-    Notifications: 'Powiadomienia',
-    'no more notifications': 'Koniec powiadomień',
-    'Using private key login is insecure. It is recommended to use a browser extension for login, such as alby, nostr-keyx or nos2x.':
-      'Korzystanie z logowania za pomocą klucza prywatnego może nie być bezpieczne. Zaleca się używanie rozszerzenia przeglądarki do logowania, takiego jak Alby, Keys.Band lub Nos2x.',
-    'Login with Browser Extension': 'Logowanie z rozszerzeniem przeglądarki',
-    'Login with Bunker': 'Logowanie z bunkrem',
-    'Login with Private Key': 'Logowanie z prywatnym kluczem (nsec)',
-    'reload notes': 'Odśwież',
-    'Logged in Accounts': 'Zalogowane konta',
-    'Add an Account': 'Dodaj Konto',
-    'More options': 'Więcej opcji',
-    'Add client tag': 'Dodaj tag klienta',
-    'Show others this was sent via Jumble': 'Pokaż innym, że zostało to wysłane przez Jumble',
-    'Are you sure you want to logout?': 'Czy na pewno chcesz się wylogować?',
-    'relay sets': 'Zestawy transmiterów',
-    edit: 'edytuj',
-    Languages: 'Języki',
-    Theme: 'Wygląd',
-    System: 'Domyślny',
-    Light: 'Jasny',
-    Dark: 'Ciemny',
-    Temporary: 'Tymczasowe',
-    'Choose a relay set': 'Wybierz zestaw transmiterów',
-    'Switch account': 'Zmień konto',
-    Pictures: 'Zdjęcia',
-    'Picture note': 'Wpis Graficzny',
-    'A special note for picture-first clients like Olas':
-      'Publikacja ze zdjęciami i opisem dla klientów takich jak Olas',
-    'Picture note requires images': 'Wpis graficzny wymaga obrazów',
-    Relays: 'Transmitery',
-    image: 'grafika',
-    'Normal Note': 'Zwykły wpis',
-    'Picture Note': 'Wpis graficzny',
-    'R & W': 'O & Z',
-    Read: 'Odczyt',
-    Write: 'Zapis',
-    'Pull relay sets': 'Pobierz zestaw transmiterów',
-    'Select the relay sets you want to pull': 'Wybierz zestaw transmiterów do pobrania',
-    'No relay sets found': 'Nie znaleziono zestawu transmiterów',
-    'Pull n relay sets': 'Pobierz {{n}} zestawów transmiterów',
-    Pull: 'Pobierz',
-    'Select all': 'Wszystkie',
-    'Relay Sets': 'Grupy transmiterów',
-    'Read & Write Relays': 'Transmitery zapisu i odczytu',
-    'read relays description':
-      'Transmitery odczytu służą do wyszukiwania zdarzeń dotyczących użytkownika. Inni użytkownicy będą publikować wpisy, które chcą, abyś zobaczył, w transmiterach odczytu.',
-    'write relays description':
-      'Transmitery zapisu służą do publikowania wydarzeń. Inni użytkownicy będą wyszukiwać zdarzenia z transmiterów zapisu.',
-    'read & write relays notice': 'Liczba serwerów odczytu i zapisu powinna wynosić od 2 do 4.',
-    "Don't have an account yet?": 'Nie masz jeszcze konta?',
-    'or simply generate a private key': 'lub wygeneruj klucz prywatny nowego konta',
-    'This is a private key. Do not share it with anyone. Keep it safe and secure. You will not be able to recover it if you lose it.':
-      'Jest to klucz prywatny. Nie należy go nikomu udostępniać. Przechowuj go w bezpiecznym miejscu. W przypadku jego utraty nie będzie można go odzyskać.',
-    Edit: 'Edytuj',
-    Save: 'Zapisz',
-    'Display Name': 'Twoja nazwa użytkownika',
-    Bio: 'O mnie',
-    'Nostr Address (NIP-05)': 'Adres Nostr (NIP-05)',
-    'Invalid NIP-05 address': 'Nieprawidłowy adres NIP-05',
-    'Copy private key': 'Kopiuj klucz prywatny',
-    'Enter the password to decrypt your ncryptsec': 'Wprowadź hasło, aby odszyfrować ncryptsec',
-    Back: 'Wróć',
-    'optional: encrypt nsec': 'opcjonalnie: encrypt nsec',
-    password: 'hasło',
-    'Sign up': 'Zarejestruj się',
-    'Save to': 'Zapisz do',
-    'Enter a name for the new relay set': 'Wpisz nazwę nowegej grupy transmiterów',
-    'Save to a new relay set': 'Zapisz do nowego zestawu przekaźników',
-    Mute: 'Zablokuj',
-    Muted: 'Zablokowani',
-    Unmute: 'Przywróć',
-    'Mute user': 'Ucisz użytkownika ',
-    'Unmute user': 'Przywróć użytkownika ',
-    'Append n relays': 'Dodaj {{n}} transmiterów',
-    Append: 'Dodaj',
-    'Select relays to append': 'Wybierz transmitery do dodania',
-    'calculating...': 'obliczanie...',
-    'Calculate optimal read relays': 'Obliczanie optymalnego odczytu transmiterów',
-    'Login to set': 'Zaloguj się',
-    'Please login to view following feed': 'Zaloguj się, aby wyświetlić poniższy wpis',
-    'Send only to r': 'Wyślij tylko do {{r}}',
-    'Send only to these relays': 'Wyślij tylko do tych transmiterów',
-    Explore: 'Transmitery',
-    'Search relays': 'Wyszukaj transmiter',
-    relayInfoBadgeAuth: '✔️',
-    relayInfoBadgeSearch: 'Wyszukaj',
-    relayInfoBadgePayment: 'Płatność',
-    Operator: 'Operator',
-    Contact: 'Kontakt',
-    Software: 'Software',
-    Version: 'Wersja',
-    'Random Relays': 'Losowo wybrane',
-    randomRelaysRefresh: 'Odśwież',
-    'Explore more': 'Zobacz więcej',
-    'Payment page': 'Strona płatności',
-    'Supported NIPs': 'Obsługiwane NIP-y',
-    'Open in a': 'Otwórz w {{a}}',
-    'Cannot handle event of kind k': 'Nie można obsłużyć zdarzenia typu {{k}}',
-    'Sorry! The note cannot be found 😔 ': 'Przepraszam! Nie można znaleźć wpisu 😔',
-    'This user has been muted': 'Ten użytkownik został wyciszony',
-    Wallet: 'Portfel',
-    Sats: 'satsów',
-    sats: 'satsów',
-    'Zap to': 'Zap dla użytkownika ',
-    'Zap n sats': 'Zap {{n}} satsów',
-    zapComment: 'Komentarz do zapa',
-    'Default zap amount': 'Standardowa kwota zapa',
-    'Default zap comment': 'Standardowy komentarz do zapa',
-    'Lightning Address (or LNURL)': 'Lightning Adres (lub LNURL)',
-    'Quick zap': 'Szybki zap',
-    'If enabled, you can zap with a single click. Click and hold for custom amounts':
-      'Jeśli włączysz tę opcję, będzie można wysyłać zapa jednym kliknięciem. Naciśnij i przytrzymaj, aby wprowadzić inną kwotę',
-    All: 'Wszystkie',
-    Reactions: 'Odzewy',
-    Zaps: 'Zapy',
-    'Enjoying Jumble?': 'Podoba ci się Jumble?',
-    'Your donation helps me maintain Jumble and make it better! 😊':
-      'Twoja darowizna pomoże mi utrzymać i ulepszać Jumble! 😊',
-    'Earlier notifications': 'Wcześniejsze powiadomienia',
-
-    // NOTE: The translations below were generated by ChatGPT and have not yet been verified.
-    'Temporarily display this note': 'Tymczas wyświetl ten wpis',
-    buttonFollowing: 'Obserwujesz',
-    'Are you sure you want to unfollow this user?':
-      'Czy na pewno chcesz przestać obserwować tego użytkownika?',
-    'Recent Supporters': 'Ostatni wspierający',
-    'Seen on': 'Widziany na',
-    'Temporarily display this reply': 'Tymczasowo wyświetl tę odpowiedź',
-    'Not found the note': 'Nie znaleziono wpisu',
-    'no more replies': 'brak kolejnych odpowiedzi',
-    'Relay sets': 'Zestawy transmiterów',
-    'Favorite Relays': 'Ulubione transmitery',
-    "Following's Favorites": 'Ulubione transmitery obserwowanych',
-    'no more relays': 'brak kolejnych transmiterów',
-    'Favorited by': 'Ulubione przez'
-  }
-}
+export default {
+  translation: {
+    'Welcome! 🥳': 'Witamy! 🥳',
+    About: 'O Nas',
+    'New Note': 'Nowa Publikacja',
+    Post: 'Publikuj',
+    Home: 'Strona Główna',
+    'Relay settings': 'Ustawienia transmiterów',
+    Settings: 'Ustawienia',
+    SidebarRelays: 'Transmitery',
+    Refresh: 'Odśwież',
+    Profile: 'Twój Profil',
+    Logout: 'Wyloguj',
+    Following: 'Obserwowani',
+    followings: 'niżej wymienionych',
+    reposted: 'Udostępnił',
+    'just now': 'teraz',
+    'n minutes ago': '{{n}} m',
+    'n m': '{{n}}m',
+    'n hours ago': '{{n}} g',
+    'n h': '{{n}}h',
+    'n days ago': '{{n}} d ',
+    'n d': '{{n}}d',
+    date: '{{timestamp, date}}',
+    Follow: 'Obserwuj',
+    Unfollow: 'Porzuć',
+    'Follow failed': 'Obserwacja nieudana',
+    'Unfollow failed': 'Porzucenie obserwacji nieudane',
+    'show new notes': 'Pokaż nowe wpisy',
+    'loading...': 'ładowanie...',
+    'no more notes': 'Koniec wpisów',
+    'reply to': 'Odpowiedź na',
+    reply: 'odpowiedz',
+    Reply: 'Skomentuj',
+    'load more older replies': 'Pobierz więcej starszych odpowiedzi',
+    'Write something...': 'Napisz coś...',
+    Cancel: 'Anuluj',
+    Mentions: 'Wzmianki',
+    'Failed to post': 'Nie udało się opublikować',
+    'Post successful': 'Twój wpis został wysłany.',
+    'Your post has been published': 'Publikowani są jedynie użytkownicy z białej listy',
+    Repost: 'Udostępnij',
+    Quote: 'Zacytuj',
+    'Copy event ID': 'Skopiuj ID wydarzenia',
+    'Copy user ID': 'Skopiuj ID użytkownika',
+    'View raw event': 'Pokaż szczegóły wpisu',
+    Like: 'Polub',
+    'switch to light theme': 'Przełącz na jasny motyw',
+    'switch to dark theme': 'Przełącz na ciemny motyw ',
+    'switch to system theme': 'Przełącz na motyw systemu (automatyczny)',
+    Note: 'Cały wpis',
+    note: 'note',
+    "username's following": '{{username}} obserwuje:',
+    "username's used relays": '{{username}} użył transmiterów',
+    "username's muted": 'Zablokowani przez {{username}} ',
+    Login: 'Logowanie',
+    'Follows you': 'Obserwujący',
+    'Relay Settings': 'Ustawienia  transmiterów',
+    'Relay set name': 'Wpisz nazwę grupy',
+    'Add a new relay set': 'Utwórz grupę transmiterów',
+    Add: 'Dodaj',
+    'n relays': '{{n}} szt.',
+    Rename: 'Zmień nazwę',
+    'Copy share link': 'Kopiuj link',
+    Delete: 'Usuń',
+    'Relay already exists': 'Transmiter już istnieje',
+    'invalid relay URL': 'Nieprawidłowy URL transmitera',
+    'Add a new relay': 'Dodaj nowy transmiter',
+    back: 'z powrotem',
+    'Lost in the void': 'Zagubiony w przestrzeni',
+    'Carry me home': 'Na stronę główną',
+    'no replies': 'Brak komentarzy',
+    'Reply to': 'Odpowiedz do',
+    Search: 'Wyszukiwarka',
+    'The relays you are connected to do not support search':
+      'Podłączone transmitery nie obsługują wyszukiwania',
+    'Show more...': 'Więcej...',
+    'All users': 'Wszyscy użytkownicy',
+    'Display replies': 'Wyświetl komentarze',
+    Notes: 'Wpisy',
+    Replies: 'Komentarze',
+    Notifications: 'Powiadomienia',
+    'no more notifications': 'Koniec powiadomień',
+    'Using private key login is insecure. It is recommended to use a browser extension for login, such as alby, nostr-keyx or nos2x.':
+      'Korzystanie z logowania za pomocą klucza prywatnego może nie być bezpieczne. Zaleca się używanie rozszerzenia przeglądarki do logowania, takiego jak Alby, Keys.Band lub Nos2x.',
+    'Login with Browser Extension': 'Logowanie z rozszerzeniem przeglądarki',
+    'Login with Bunker': 'Logowanie z bunkrem',
+    'Login with Private Key': 'Logowanie z prywatnym kluczem (nsec)',
+    'reload notes': 'Odśwież',
+    'Logged in Accounts': 'Zalogowane konta',
+    'Add an Account': 'Dodaj Konto',
+    'More options': 'Więcej opcji',
+    'Add client tag': 'Dodaj tag klienta',
+    'Show others this was sent via Jumble': 'Pokaż innym, że zostało to wysłane przez Jumble',
+    'Are you sure you want to logout?': 'Czy na pewno chcesz się wylogować?',
+    'relay sets': 'Zestawy transmiterów',
+    edit: 'edytuj',
+    Languages: 'Języki',
+    Theme: 'Wygląd',
+    System: 'Domyślny',
+    Light: 'Jasny',
+    Dark: 'Ciemny',
+    Temporary: 'Tymczasowe',
+    'Choose a relay set': 'Wybierz zestaw transmiterów',
+    'Switch account': 'Zmień konto',
+    Pictures: 'Zdjęcia',
+    'Picture note': 'Wpis Graficzny',
+    'A special note for picture-first clients like Olas':
+      'Publikacja ze zdjęciami i opisem dla klientów takich jak Olas',
+    'Picture note requires images': 'Wpis graficzny wymaga obrazów',
+    Relays: 'Transmitery',
+    image: 'grafika',
+    'Normal Note': 'Zwykły wpis',
+    'Picture Note': 'Wpis graficzny',
+    'R & W': 'O & Z',
+    Read: 'Odczyt',
+    Write: 'Zapis',
+    'Pull relay sets': 'Pobierz zestaw transmiterów',
+    'Select the relay sets you want to pull': 'Wybierz zestaw transmiterów do pobrania',
+    'No relay sets found': 'Nie znaleziono zestawu transmiterów',
+    'Pull n relay sets': 'Pobierz {{n}} zestawów transmiterów',
+    Pull: 'Pobierz',
+    'Select all': 'Wszystkie',
+    'Relay Sets': 'Grupy transmiterów',
+    'Read & Write Relays': 'Transmitery zapisu i odczytu',
+    'read relays description':
+      'Transmitery odczytu służą do wyszukiwania zdarzeń dotyczących użytkownika. Inni użytkownicy będą publikować wpisy, które chcą, abyś zobaczył, w transmiterach odczytu.',
+    'write relays description':
+      'Transmitery zapisu służą do publikowania wydarzeń. Inni użytkownicy będą wyszukiwać zdarzenia z transmiterów zapisu.',
+    'read & write relays notice': 'Liczba serwerów odczytu i zapisu powinna wynosić od 2 do 4.',
+    "Don't have an account yet?": 'Nie masz jeszcze konta?',
+    'or simply generate a private key': 'lub wygeneruj klucz prywatny nowego konta',
+    'This is a private key. Do not share it with anyone. Keep it safe and secure. You will not be able to recover it if you lose it.':
+      'Jest to klucz prywatny. Nie należy go nikomu udostępniać. Przechowuj go w bezpiecznym miejscu. W przypadku jego utraty nie będzie można go odzyskać.',
+    Edit: 'Edytuj',
+    Save: 'Zapisz',
+    'Display Name': 'Twoja nazwa użytkownika',
+    Bio: 'O mnie',
+    'Nostr Address (NIP-05)': 'Adres Nostr (NIP-05)',
+    'Invalid NIP-05 address': 'Nieprawidłowy adres NIP-05',
+    'Copy private key': 'Kopiuj klucz prywatny',
+    'Enter the password to decrypt your ncryptsec': 'Wprowadź hasło, aby odszyfrować ncryptsec',
+    Back: 'Wróć',
+    'optional: encrypt nsec': 'opcjonalnie: encrypt nsec',
+    password: 'hasło',
+    'Sign up': 'Zarejestruj się',
+    'Save to': 'Zapisz do',
+    'Enter a name for the new relay set': 'Wpisz nazwę nowegej grupy transmiterów',
+    'Save to a new relay set': 'Zapisz do nowego zestawu przekaźników',
+    Mute: 'Zablokuj',
+    Muted: 'Zablokowani',
+    Unmute: 'Przywróć',
+    'Mute user': 'Ucisz użytkownika ',
+    'Unmute user': 'Przywróć użytkownika ',
+    'Append n relays': 'Dodaj {{n}} transmiterów',
+    Append: 'Dodaj',
+    'Select relays to append': 'Wybierz transmitery do dodania',
+    'calculating...': 'obliczanie...',
+    'Calculate optimal read relays': 'Obliczanie optymalnego odczytu transmiterów',
+    'Login to set': 'Zaloguj się',
+    'Please login to view following feed': 'Zaloguj się, aby wyświetlić poniższy wpis',
+    'Send only to r': 'Wyślij tylko do {{r}}',
+    'Send only to these relays': 'Wyślij tylko do tych transmiterów',
+    Explore: 'Transmitery',
+    'Search relays': 'Wyszukaj transmiter',
+    relayInfoBadgeAuth: '✔️',
+    relayInfoBadgeSearch: 'Wyszukaj',
+    relayInfoBadgePayment: 'Płatność',
+    Operator: 'Operator',
+    Contact: 'Kontakt',
+    Software: 'Software',
+    Version: 'Wersja',
+    'Random Relays': 'Losowo wybrane',
+    randomRelaysRefresh: 'Odśwież',
+    'Explore more': 'Zobacz więcej',
+    'Payment page': 'Strona płatności',
+    'Supported NIPs': 'Obsługiwane NIP-y',
+    'Open in a': 'Otwórz w {{a}}',
+    'Cannot handle event of kind k': 'Nie można obsłużyć zdarzenia typu {{k}}',
+    'Sorry! The note cannot be found 😔 ': 'Przepraszam! Nie można znaleźć wpisu 😔',
+    'This user has been muted': 'Ten użytkownik został wyciszony',
+    Wallet: 'Portfel',
+    Sats: 'satsów',
+    sats: 'satsów',
+    'Zap to': 'Zap dla użytkownika ',
+    'Zap n sats': 'Zap {{n}} satsów',
+    zapComment: 'Komentarz do zapa',
+    'Default zap amount': 'Standardowa kwota zapa',
+    'Default zap comment': 'Standardowy komentarz do zapa',
+    'Lightning Address (or LNURL)': 'Lightning Adres (lub LNURL)',
+    'Quick zap': 'Szybki zap',
+    'If enabled, you can zap with a single click. Click and hold for custom amounts':
+      'Jeśli włączysz tę opcję, będzie można wysyłać zapa jednym kliknięciem. Naciśnij i przytrzymaj, aby wprowadzić inną kwotę',
+    All: 'Wszystkie',
+    Reactions: 'Odzewy',
+    Zaps: 'Zapy',
+    'Enjoying Jumble?': 'Podoba ci się Jumble?',
+    'Your donation helps me maintain Jumble and make it better! 😊':
+      'Twoja darowizna pomoże mi utrzymać i ulepszać Jumble! 😊',
+    'Earlier notifications': 'Wcześniejsze powiadomienia',
+
+    // NOTE: The translations below were generated by ChatGPT and have not yet been verified.
+    'Temporarily display this note': 'Tymczas wyświetl ten wpis',
+    buttonFollowing: 'Obserwujesz',
+    'Are you sure you want to unfollow this user?':
+      'Czy na pewno chcesz przestać obserwować tego użytkownika?',
+    'Recent Supporters': 'Ostatni wspierający',
+    'Seen on': 'Widziany na',
+    'Temporarily display this reply': 'Tymczasowo wyświetl tę odpowiedź',
+    'Not found the note': 'Nie znaleziono wpisu',
+    'no more replies': 'brak kolejnych odpowiedzi',
+    'Relay sets': 'Zestawy transmiterów',
+    'Favorite Relays': 'Ulubione transmitery',
+    "Following's Favorites": 'Ulubione transmitery obserwowanych',
+    'no more relays': 'brak kolejnych transmiterów',
+    'Favorited by': 'Ulubione przez'
+  }
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 4a3e2fed..d4e82bc1 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,10 +1,7 @@
 /** @type {import('tailwindcss').Config} */
 export default {
   darkMode: ['class'],
-  content: [
-    './index.html',
-    './src/**/*.{ts,tsx}',
-  ],
+  content: ['./index.html', './src/**/*.{ts,tsx}'],
   theme: {
     extend: {
       borderRadius: {