feat: add rustfmt configuration and CI workflow for code formatting

refactor: streamline formatting workflow by removing unused taplo steps and clarifying directory change

refactor: remove unnecessary directory change step in formatting workflow

src/components/base/NoticeManager.tsx

@@ -1,7 +1,11 @@
-import React, { useState, useEffect } from 'react';
-import { Snackbar, Alert, IconButton, Box } from '@mui/material';
-import { CloseRounded } from '@mui/icons-material';
-import { subscribeNotices, hideNotice, NoticeItem } from '@/services/noticeService';
+import React, { useState, useEffect } from "react";
+import { Snackbar, Alert, IconButton, Box } from "@mui/material";
+import { CloseRounded } from "@mui/icons-material";
+import {
+  subscribeNotices,
+  hideNotice,
+  NoticeItem,
+} from "@/services/noticeService";
 
 export const NoticeManager: React.FC = () => {
   const [currentNotices, setCurrentNotices] = useState<NoticeItem[]>([]);
@@ -23,49 +27,49 @@ export const NoticeManager: React.FC = () => {
   return (
     <Box
       sx={{
-        position: 'fixed',
-        top: '20px',
-        right: '20px',
+        position: "fixed",
+        top: "20px",
+        right: "20px",
         zIndex: 1500,
-        display: 'flex',
-        flexDirection: 'column',
-        gap: '10px',
-        maxWidth: '360px',
+        display: "flex",
+        flexDirection: "column",
+        gap: "10px",
+        maxWidth: "360px",
       }}
     >
       {currentNotices.map((notice) => (
         <Snackbar
           key={notice.id}
           open={true}
-          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}
+          anchorOrigin={{ vertical: "top", horizontal: "right" }}
           sx={{
-              position: 'relative',
-              transform: 'none',
-              top: 'auto',
-              right: 'auto',
-              bottom: 'auto',
-              left: 'auto',
-              width: '100%',
+            position: "relative",
+            transform: "none",
+            top: "auto",
+            right: "auto",
+            bottom: "auto",
+            left: "auto",
+            width: "100%",
           }}
         >
-            <Alert
-                severity={notice.type}
-                variant="filled"
-                sx={{ width: '100%' }}
-                action={
-                    <IconButton
-                        size="small"
-                        color="inherit"
-                        onClick={() => handleClose(notice.id)}
-                    >
-                        <CloseRounded fontSize="inherit" />
-                    </IconButton>
-                }
-            >
-                {notice.message}
-            </Alert>
+          <Alert
+            severity={notice.type}
+            variant="filled"
+            sx={{ width: "100%" }}
+            action={
+              <IconButton
+                size="small"
+                color="inherit"
+                onClick={() => handleClose(notice.id)}
+              >
+                <CloseRounded fontSize="inherit" />
+              </IconButton>
+            }
+          >
+            {notice.message}
+          </Alert>
         </Snackbar>
       ))}
     </Box>
   );
-}; 
+};

src/components/base/base-search-box.tsx

@@ -157,7 +157,7 @@ export const BaseSearchBox = (props: SearchProps) => {
                 </Tooltip>
               </Box>
             ),
-          }
+          },
         }}
       />
     </Tooltip>