refactor: optimize component rendering with memoization and improve state management

- Added memoization to ChatHistoryPanel, ChatMessageList, and TaskBoard components to prevent unnecessary re-renders.
- Refactored HomePage to utilize useMemo for derived state calculations, enhancing performance.
- Updated main.tsx to conditionally render React.StrictMode based on the environment.
- Improved chat and channel store hooks to allow for selector functions, enhancing flexibility in state selection.
- Enhanced streaming message handling in chat store to manage pending deltas more effectively.
- Refactored LoginPage to include animated decorations for improved user experience.
- Implemented lazy loading for routes in the router to optimize initial load time.

src/stores/task.ts

@@ -354,8 +354,9 @@ export const taskStore = {
   removeTask,
 };
 
-export function useTaskStore(): TaskStoreState {
-  return useSyncExternalStore(taskStore.subscribe, taskStore.getSnapshot, taskStore.getSnapshot);
+export function useTaskStore<T = TaskStoreState>(selector?: (state: TaskStoreState) => T): T {
+  const select = selector ?? ((current: TaskStoreState) => current as unknown as T);
+  return useSyncExternalStore(subscribe, () => select(getSnapshot()), () => select(getSnapshot()));
 }
 
 export function getPendingTasks(tasks = state.tasks): Task[] {