feat(settings): persist organization filter to localStorage

- Add organizationFilter field to settingsSlice with action and selector
- Update AddRepositoryCombobox to use Redux state instead of local useState
- Add withHydration wrapper to store for proper localStorage restoration

The withHydration wrapper is required because Redux middleware cannot
directly modify state - it can only dispatch actions. The wrapper
intercepts HYDRATE_COMPLETE action and replaces state with localStorage data.

Fixes: Organization filter resetting to 'all' on page navigation

Author: ryota-murakami

components/Board/AddRepositoryCombobox.tsx

@@ -19,6 +19,11 @@ import {
   type GitHubOrganization,
 } from '@/lib/actions/github'
 import { addRepositoriesToBoard } from '@/lib/actions/repo-cards'
+import {
+  selectOrganizationFilter,
+  setOrganizationFilter,
+} from '@/lib/redux/slices/settingsSlice'
+import { useAppDispatch, useAppSelector } from '@/lib/redux/store'
 
 interface AddRepositoryComboboxProps {
   boardId: string
@@ -53,8 +58,9 @@ export const AddRepositoryCombobox = memo(function AddRepositoryCombobox({
   const [isAdding, setIsAdding] = useState(false)
   const [addError, setAddError] = useState<string | null>(null)
 
-  // Filters
-  const [organizationFilter, setOrganizationFilter] = useState<string>('all')
+  // Filters (organizationFilter persisted to localStorage via Redux)
+  const dispatch = useAppDispatch()
+  const organizationFilter = useAppSelector(selectOrganizationFilter)
   // TODO: Implement topics filter UI
   // const [topicsFilter, setTopicsFilter] = useState<string[]>([])
   const [visibilityFilter, setVisibilityFilter] = useState<
@@ -80,15 +86,15 @@ export const AddRepositoryCombobox = memo(function AddRepositoryCombobox({
 
   /**
    * Guarded organization filter change handler
-   * Prevents potential infinite re-render by checking if value actually changed
+   * Dispatches Redux action to persist organization filter to localStorage
    */
   const handleOrganizationFilterChange = useCallback(
     (value: string) => {
       if (value !== organizationFilter) {
-        setOrganizationFilter(value)
+        dispatch(setOrganizationFilter(value))
       }
     },
-    [organizationFilter],
+    [dispatch, organizationFilter],
   )
 
   // Refs

lib/redux/slices/settingsSlice.ts

@@ -26,6 +26,8 @@ interface SettingsState {
   typography: TypographySettings
   compactMode: boolean
   showArchived: boolean
+  /** Organization filter for AddRepositoryCombobox ('all' or organization login name) */
+  organizationFilter: string
 }
 
 const initialState: SettingsState = {
@@ -37,6 +39,7 @@ const initialState: SettingsState = {
   },
   compactMode: false,
   showArchived: false,
+  organizationFilter: 'all',
 }
 
 export const settingsSlice = createSlice({
@@ -58,6 +61,9 @@ export const settingsSlice = createSlice({
     setShowArchived: (state, action: PayloadAction<boolean>) => {
       state.showArchived = action.payload
     },
+    setOrganizationFilter: (state, action: PayloadAction<string>) => {
+      state.organizationFilter = action.payload
+    },
     resetSettings: () => initialState,
   },
 })
@@ -68,6 +74,7 @@ export const {
   setTypography,
   setCompactMode,
   setShowArchived,
+  setOrganizationFilter,
   resetSettings,
 } = settingsSlice.actions
 
@@ -84,3 +91,5 @@ export const selectCompactMode = (state: { settings: SettingsState }) =>
   state.settings.compactMode
 export const selectShowArchived = (state: { settings: SettingsState }) =>
   state.settings.showArchived
+export const selectOrganizationFilter = (state: { settings: SettingsState }) =>
+  state.settings.organizationFilter

lib/redux/store.ts

@@ -12,16 +12,27 @@
  */
 
 /* eslint-disable import/order -- Workspace package @gitbox/* resolves differently in CI vs local environments */
-import { configureStore } from '@reduxjs/toolkit'
+import { combineReducers, configureStore } from '@reduxjs/toolkit'
 import type { TypedUseSelectorHook } from 'react-redux'
 import { useDispatch, useSelector } from 'react-redux'
 
-import { createStorageMiddleware } from '@gitbox/redux-storage-middleware'
+import {
+  createStorageMiddleware,
+  withHydration,
+} from '@gitbox/redux-storage-middleware'
 import authReducer from './slices/authSlice'
 import boardReducer from './slices/boardSlice'
 import draftReducer from './slices/draftSlice'
 import settingsReducer from './slices/settingsSlice'
 
+// Combine all reducers
+const rootReducer = combineReducers({
+  auth: authReducer,
+  board: boardReducer,
+  draft: draftReducer,
+  settings: settingsReducer,
+})
+
 // Storage middleware configuration
 const { middleware: storageMiddleware } = createStorageMiddleware({
   // Synchronize settings, board, and draft slices to LocalStorage
@@ -30,12 +41,8 @@ const { middleware: storageMiddleware } = createStorageMiddleware({
 })
 
 export const store = configureStore({
-  reducer: {
-    auth: authReducer,
-    board: boardReducer,
-    draft: draftReducer,
-    settings: settingsReducer,
-  },
+  // Wrap reducer with withHydration to handle localStorage state restoration
+  reducer: withHydration(rootReducer),
   middleware: (getDefaultMiddleware) =>
     getDefaultMiddleware({
       serializableCheck: {