feat(setting): 由于 gif 使用 canvas 裁剪后无法保留动图格式，对 gif 格式的头像文件跳过裁剪处理。

没有添加确认的步骤。个人感觉从用户体验上来说，直接设置成功会更好一些。

issue #7

web/src/components/AvatarPicker.tsx

@@ -33,31 +33,30 @@ export const AvatarPicker: React.FC<AvatarPickerProps> = React.memo((props) => {
 
       if (isGIF(pickedFile)) {
         updateAvatar(URL.createObjectURL(pickedFile));
-        return;
+      } else {
+        const reader = new FileReader();
+        reader.addEventListener('load', () => {
+          if (reader.result) {
+            const key = openModal(
+              <ModalAvatarCropper
+                imageUrl={reader.result.toString()}
+                onConfirm={(croppedImageBlobUrl) => {
+                  closeModal(key);
+                  updateAvatar(croppedImageBlobUrl);
+                }}
+              />,
+              {
+                maskClosable: false,
+                closable: true,
+              }
+            );
+          } else {
+            showToasts(t('文件读取失败'), 'error');
+          }
+        });
+        reader.readAsDataURL(pickedFile);
       }
 
-      const reader = new FileReader();
-      reader.addEventListener('load', () => {
-        if (reader.result) {
-          const key = openModal(
-            <ModalAvatarCropper
-              imageUrl={reader.result.toString()}
-              onConfirm={(croppedImageBlobUrl) => {
-                closeModal(key);
-                updateAvatar(croppedImageBlobUrl);
-              }}
-            />,
-            {
-              maskClosable: false,
-              closable: true,
-            }
-          );
-        } else {
-          showToasts(t('文件读取失败'), 'error');
-        }
-      });
-      reader.readAsDataURL(pickedFile);
-
       // 清理选中状态
       e.target.files = null;
       e.target.value = '';