Fixed deployment on github pages

package.json

@@ -2,7 +2,7 @@
   "name": "pincow",
   "version": "0.1.0",
   "private": true,
-  "homepage": ".",
+  "homepage": "https://evgeniy-kolmak.github.io/pincow/",
   "dependencies": {
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",

public/index.html

@@ -6,7 +6,7 @@
   <meta name="theme-color" content="#242424" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="description" content="Приложение прогноза погоды, использующее местоположение или поиск по городу." />
-  <base href="/" />
+  <base href="." />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
   <link rel="icon" href="images/favicon.ico" />

src/App.jsx

@@ -28,7 +28,7 @@ export default function App() {
 
   const router = createBrowserRouter(
     createRoutesFromElements(
-      <Route path='/' element={<Singlepage data={weather} />}>
+      <Route path='/pincow' element={<Singlepage data={weather} />}>
         <Route index element={<Main />} />
         <Route path='about' element={<About />} />
         <Route path='forecast' element={<Forecast handleData={handleData} handleCity={handleCity} handleResponse={handleResponse} />} />