LogsState - context api - preferences

With current implementation, whenever preferences are checked true to false they will remove all of logs data from storage (caused by re-render of LogsState due to preferences state dispatch/update) - to solve that different Context provider say PreferencesState is needed that will be wrapped by LogsState so that it's updates aren't impacting renders of LogsState that is an expensive operation when files will reach sizes of +20MB.

Way in which logs are added to local storage is as follows:
file dropped --> promises resolve causing state to update -> each update to logs causes useEffect in files to overwrite values in local storage with current state.logs (except for initial render since it's only fetching)

檢查 codebase 中的 LogsState 和 PreferencesState context providers。理解 logs 資料如何儲存在 localStorage 中，以及寫入它的 useEffect。此修復涉及重構 React context tree，使 LogsState 不會因 preferences 更新而重新渲染。查找新增 logs 的檔案與儲存機制，以防在 preference 切換時發生資料流失。

由索引模型根據 Issue 內容生成。