perf(Notice): replace useState by useSyncExternalStore (#3682)

* fix: the first function call creates multiple axios instances

* perf(Notice): replace useState by useSyncExternalStore

* chore: prettier --check .

* fix: prettier format

src/services/noticeService.ts

@@ -61,13 +61,15 @@ export function hideNotice(id: number) {
 
 // Subscribes a listener function to notice state changes.
 
-export function subscribeNotices(listener: Listener): () => void {
+export function subscribeNotices(listener: () => void) {
   listeners.add(listener);
-  listener([...notices]);
   return () => {
     listeners.delete(listener);
   };
 }
+export function getSnapshotNotices() {
+  return notices;
+}
 
 // Function to clear all notices at once
 export function clearAllNotices() {