wip: add setting page

lama_cleaner/app/src/store/Atoms.tsx

@@ -1,5 +1,6 @@
 import { atom } from 'recoil'
 import { HDStrategy } from '../components/Setting/HDSettingBlock'
+import { AIModel } from '../components/Setting/ModelSettingBlock'
 
 export const fileState = atom<File | undefined>({
   key: 'fileState',
@@ -13,17 +14,23 @@ export const shortcutsState = atom<boolean>({
 
 export interface Setting {
   show: boolean
+  saveImageBesideOrigin: boolean
+  model: AIModel
   hdStrategy: HDStrategy
-  hdStrategyResizeLimit: string
-  hdStrategyCropTrigerSize: string
+  hdStrategyResizeLimit: number
+  hdStrategyCropTrigerSize: number
+  hdStrategyCropMargin: number
 }
 
 export const settingState = atom<Setting>({
   key: 'settingsState',
   default: {
     show: false,
+    saveImageBesideOrigin: false,
+    model: AIModel.LAMA,
     hdStrategy: HDStrategy.ORIGINAL,
-    hdStrategyResizeLimit: '2048',
-    hdStrategyCropTrigerSize: '2048',
+    hdStrategyResizeLimit: 2048,
+    hdStrategyCropTrigerSize: 2048,
+    hdStrategyCropMargin: 128,
   },
 })