fix: Allow Mobile Scroll During Message Stream (#984)

* fix(Icon/types): pick types from TMessage and TConversation

* refactor: make abortScroll a global recoil state and change props/types for useScrollToRef

* refactor(Message): invoke abort setter onTouchMove and onWheel, refactor(Messages): remove redundancy, reset abortScroll when scroll button is clicked

client/src/store/settings.ts

@@ -0,0 +1,45 @@
+import { atom } from 'recoil';
+
+type TOptionSettings = {
+  showExamples?: boolean;
+  isCodeChat?: boolean;
+};
+
+const abortScroll = atom<boolean>({
+  key: 'abortScroll',
+  default: false,
+});
+
+const optionSettings = atom<TOptionSettings>({
+  key: 'optionSettings',
+  default: {},
+});
+
+const showPluginStoreDialog = atom<boolean>({
+  key: 'showPluginStoreDialog',
+  default: false,
+});
+
+const showAgentSettings = atom<boolean>({
+  key: 'showAgentSettings',
+  default: false,
+});
+
+const showBingToneSetting = atom<boolean>({
+  key: 'showBingToneSetting',
+  default: false,
+});
+
+const showPopover = atom<boolean>({
+  key: 'showPopover',
+  default: false,
+});
+
+export default {
+  abortScroll,
+  optionSettings,
+  showPluginStoreDialog,
+  showAgentSettings,
+  showBingToneSetting,
+  showPopover,
+};