feat(fe): import SVGR in svg files

[seoeun9]

Description

Additional context

---

Before submitting the PR, please make sure you do the following

• Read the Contributing Guidelines
• Read the Contributing Guidelines and follow the Commit Convention
• Provide a description in this PR that addresses what the PR is solving, or reference the issue that it solves (e.g. fixes #123).
• Ideally, include relevant tests that fail without this PR but pass with it.

[gemini-code-assist]

Code Review

This pull request migrates SVG handling to React components using @svgr/webpack, refactoring numerous components to render SVGs directly and updating SVG files to use currentColor for styling. Feedback identifies critical issues where some SVGs are still incorrectly used with the Next.js Image component in MobileMenu.tsx, which will cause runtime errors. Additionally, it is recommended to uncomment and fix the SVG type definitions and add an issuer restriction to the Webpack configuration to avoid breaking SVG usage in non-JS files.

[gemini-code-assist]

This change transforms noticeIcon into a React component via SVGR. However, it (and other SVG imports in this file) is still being used as a src for the Image component in several places (e.g., lines 70, 94, 120, 141, 174). The Image component will fail at runtime when passed a React component. You must update all Image usages in this file to render the icons as components instead (e.g., ). Also, consider capitalizing the import names (e.g., NoticeIcon, LoginMobileIcon) to follow React component naming conventions.

[skkuding-bot]

❗ Syncing Preview App Failed

Application: frontend
Revision: 79400cec1bcf9d346f2c157322a675bc5ab59d2a
Health Status: Degraded

Open Preview | View in Argo CD