add imwald labels

src/components/Sidebar/index.tsx

@@ -20,7 +20,12 @@ export default function PrimaryPageSidebar() {
       <div className="space-y-2">
         <div className="px-3 xl:px-4 mb-6 w-full">
           <Icon className="xl:hidden" />
-          <Logo className="max-xl:hidden" />
+          <div className="max-xl:hidden">
+            <Logo />
+            <div className="text-green-600 dark:text-green-500 font-semibold text-sm mt-1 text-center">
+              Im Wald
+            </div>
+          </div>
         </div>
         <HomeButton />
         <RelaysButton />

src/pages/primary/NoteListPage/index.tsx

@@ -121,11 +121,18 @@ function NoteListPageTitlebar({
   const { isSmallScreen } = useScreenSize()
 
   return (
-    <div className="flex gap-1 items-center h-full justify-between">
+    <div className="relative flex gap-1 items-center h-full justify-between">
       <div className="flex gap-1 items-center">
         <ExploreButton />
         <FeedButton className="flex-1 max-w-fit w-0" />
       </div>
+      {isSmallScreen && (
+        <div className="absolute left-1/2 transform -translate-x-1/2">
+          <div className="text-green-600 dark:text-green-500 font-semibold text-sm">
+            Im Wald
+          </div>
+        </div>
+      )}
       <div className="shrink-0 flex gap-1 items-center">
         {setShowRelayDetails && (
           <Button

src/pages/secondary/SettingsPage/index.tsx

@@ -121,6 +121,10 @@ const SettingsPage = forwardRef(({ index }: { index?: number }, ref) => {
           </div>
         </SettingItem>
       </AboutInfoDialog>
+      <div className="text-center py-6 text-muted-foreground">
+        <div className="text-lg font-semibold">Jumble</div>
+        <div className="text-green-600 dark:text-green-500 font-semibold">Im Wald</div>
+      </div>
     </SecondaryPageLayout>
   )
 })