fix: document title change when entry changed

Signed-off-by: Innei <i@innei.in>

apps/renderer/src/modules/ab/providers.tsx

@@ -55,7 +55,7 @@ const ABModalContent = () => {
   const setEnableDebugOverride = useSetAtom(enableDebugOverrideAtom)
   return (
     <div>
-      <Label className="flex items-center justify-between">
+      <Label className="flex items-center justify-between gap-4">
         Enable Override A/B
         <Switch
           checked={enableOverride}
@@ -71,7 +71,7 @@ const ABModalContent = () => {
         {Object.keys(features).map((key) => {
           return (
             <div key={key} className="flex w-full items-center justify-between">
-              <Label className="flex w-full items-center justify-between text-sm">
+              <Label className="flex w-full items-center justify-between gap-4 text-sm">
                 {key}
                 <SwitchInternal Key={key as any} />
               </Label>

apps/renderer/src/modules/entry-column/index.tsx

@@ -27,7 +27,7 @@ import { cn, isBizId } from "~/lib/utils"
 import type { FeedModel } from "~/models"
 import { useFeed } from "~/queries/feed"
 import { entryActions, getEntry, useEntry } from "~/store/entry"
-import { useFeedById } from "~/store/feed"
+import { useFeedById, useFeedHeaderTitle } from "~/store/feed"
 import { useSubscriptionByFeedId } from "~/store/subscription"
 
 import { useEntriesByView, useEntryMarkReadHandler } from "./hooks"
@@ -66,7 +66,8 @@ function EntryColumnImpl() {
   } = useRouteParams()
   const activeEntry = useEntry(activeEntryId)
   const feed = useFeedById(routeFeedId)
-  useTitle(feed?.title)
+  const title = useFeedHeaderTitle()
+  useTitle(title)
 
   useEffect(() => {
     if (!activeEntryId) return

apps/renderer/src/modules/entry-content/index.tsx

@@ -39,7 +39,7 @@ import {
 } from "~/providers/wrapped-element-provider"
 import { Queries } from "~/queries"
 import { useEntry } from "~/store/entry"
-import { useFeedById, useFeedHeaderTitle } from "~/store/feed"
+import { useFeedById } from "~/store/feed"
 
 import { LoadingWithIcon } from "../../components/ui/loading"
 import { EntryPlaceholderDaily } from "../ai/ai-daily/EntryPlaceholderDaily"
@@ -66,10 +66,9 @@ export const EntryContent = ({
   compact?: boolean
   classNames?: EntryContentClassNames
 }) => {
-  const title = useFeedHeaderTitle()
   const { feedId, view } = useRouteParams()
   const enableEntryWideMode = useUISettingKey("wideMode")
-  useTitle(title)
+
   if (!entryId) {
     if (enableEntryWideMode) {
       return null