[feat] Move CSS imports to main.tsx from index.html

index.html

@@ -5,8 +5,6 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Red CORAL</title>
-    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" />
-    <link rel="stylesheet" href="/src/leaflet-search.css" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap" rel="stylesheet" />

src/main.tsx

@@ -2,6 +2,8 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App'
 import './index.css'
+import 'leaflet/dist/leaflet.css'
+import 'leaflet-search/dist/leaflet-search.src.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>