I-41 Fix test error with navigate

The solution can be found at https://stackoverflow.com/questions/70491774/usenavigate-may-be-used-only-in-the-context-of-a-router-component

src/App.test.js

@@ -1,13 +1,15 @@
 import React from 'react';
 
 import { render, screen } from '@testing-library/react';
+import { BrowserRouter as Router } from "react-router-dom";
+
 import App from './App';
 
 // https://github.com/facebook/jest/issues/9538
 // eslint-disable-next-line no-undef
 test('renders app test', () => {
   // eslint-disable-next-line react/jsx-filename-extension
-  render(<App />);
+  render(<Router><App /></Router>);
   const text = screen.getByText(/(Hành trình của tôi)/i);
   expect(text).toBeInTheDocument();
 });

src/components/Places/Places.tsx

@@ -2,7 +2,6 @@ import React from "react";
 
 import { useNavigate } from "react-router-dom";
 
-
 // eslint-disable-next-line max-len
 const defaultURL = "https://cdn.tgdd.vn/Files/2022/10/01/1473455/kham-pha-lang-chay-gio-son-hai-ninh-thuan-dubai-thu-nho-cua-viet-nam-202210020925136207.jpg";