feat: add and modify test case for new settings modal (#2925)

apps/web/src/components/affine/setting-modal/setting-sidebar/index.tsx

@@ -46,11 +46,11 @@ export const SettingSidebar = ({
 }) => {
   const t = useAFFiNEI18N();
   return (
-    <div className={settingSlideBar}>
+    <div className={settingSlideBar} data-testid="settings-sidebar">
       <div className={sidebarTitle}>{t['Settings']()}</div>
       <div className={sidebarSubtitle}>{t['General']()}</div>
       <div className={sidebarItemsWrapper}>
-        {generalSettingList.map(({ title, icon, key }) => {
+        {generalSettingList.map(({ title, icon, key, testId }) => {
           return (
             <div
               className={clsx(sidebarSelectItem, {
@@ -61,6 +61,7 @@ export const SettingSidebar = ({
               onClick={() => {
                 onGeneralSettingClick(key);
               }}
+              data-testid={testId}
             >
               {icon({ className: 'icon' })}
               <span className="setting-name">{title}</span>