rename as settings tab

Author: devjiwonchoi

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel-tab/devtools-panel-tab.tsx

@@ -1,7 +1,7 @@
 import type { DevToolsPanelTabType } from '../devtools-panel'
 import type { OverlayDispatch, OverlayState } from '../../../shared'
 
-import { Settings } from './settings'
+import { SettingsTab } from './settings-tab'
 
 export function DevToolsPanelTab({
   activeTab,
@@ -13,7 +13,7 @@ export function DevToolsPanelTab({
   dispatch: OverlayDispatch
 }) {
   if (activeTab === 'settings') {
-    return <Settings state={state} dispatch={dispatch} />
+    return <SettingsTab state={state} dispatch={dispatch} />
   }
 
   if (activeTab === 'route') {

packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel-tab/settings.tsx renamed to packages/next/src/next-devtools/dev-overlay/components/devtools-panel/devtools-panel-tab/settings-tab.tsx

@@ -34,7 +34,7 @@ function ThemeIcon({ theme }: { theme: 'dark' | 'light' | 'system' }) {
   }
 }
 
-export function Settings({
+export function SettingsTab({
   state,
   dispatch,
 }: {

packages/next/src/next-devtools/dev-overlay/styles/component-styles.tsx

@@ -27,7 +27,7 @@ import { RESTART_SERVER_BUTTON_STYLES } from '../components/errors/error-overlay
 import { DEVTOOLS_PANEL_STYLES } from '../components/devtools-panel/devtools-panel'
 import { DEVTOOLS_PANEL_FOOTER_STYLES } from '../components/devtools-panel/devtools-panel-footer'
 import { DEVTOOLS_PANEL_VERSION_INFO_STYLES } from '../components/devtools-panel/devtools-panel-version-info'
-import { DEVTOOLS_PANEL_TAB_SETTINGS_STYLES } from '../components/devtools-panel/devtools-panel-tab/settings'
+import { DEVTOOLS_PANEL_TAB_SETTINGS_STYLES } from '../components/devtools-panel/devtools-panel-tab/settings-tab'
 
 export function ComponentStyles() {
   return (