fix: wrong path for hooks in the usage section (#29)

Co-authored-by: Ala <[email protected]>

Author: alamenai

pages/hooks/use-battery.mdx

@@ -55,7 +55,7 @@ export const useBattery = (): BatteryManager | undefined => {
 ```tsx {3,6} copy
 
 import React, { useEffect, useState } from 'react';
-import { useBattery } from './useBattery';
+import { useBattery } from './hooks/use-battery';
 
 function App() {
     const battery = useBattery();

pages/hooks/use-cookie.mdx

@@ -87,7 +87,7 @@ export const getCookie = (name: string, initialValue = '') => {
 ```tsx {3,6} copy
 
 import React from 'react';
-import { useCookie } from './use-cookie';
+import { useCookie } from './hooks/use-cookie';
 
 function App() {
     const [userToken, setUserToken] = useCookie('token', '');

pages/hooks/use-fetch.mdx

@@ -134,7 +134,7 @@ export const useFetch: UseFetch = <T = unknown>(
 ```tsx {3,11}
 
 import React, { useEffect, useState } from 'react';
-import { useFetch } from './useFetch';
+import { useFetch } from './hooks/use-fetch';
 
 type Product = {
     id: string

pages/hooks/use-media-query.mdx

@@ -96,7 +96,7 @@ export const useMediaQuery = (type: MediaQuery) => {
 ```tsx {6} copy
 
 import React from 'react';
-import { useMediaQuery } from './useMediaQuery';
+import { useMediaQuery } from './hooks/use-media-query';
 
 function App() {
     const { mediaWidth, resize } = useMediaQuery('md');

pages/hooks/use-mouse.mdx

@@ -50,7 +50,7 @@ export const useMouse = (eventType: 'mousemove' | 'mouseenter' | 'click', callba
 ```tsx {3,6} copy
 
 import React from 'react';
-import { useMouse } from './useMouse';
+import { useMouse } from './hooks/use-mouse';
 
 function App() {
     const mousePosition = useMouse('mousemove');

pages/hooks/use-session.mdx

@@ -155,7 +155,7 @@ export const getCurrentSession = () => {
 ```tsx {3,7,8,9,10,11,12,13,14,15,16,17} copy
 
 import React from 'react';
-import { useSession } from './useSession';
+import { useSession } from './hooks/use-session';
 
 function App() {
     const {

pages/hooks/use-timeout.mdx

@@ -39,7 +39,7 @@ export const useTimeout = (t: number, fn?: () => void) => {
 ```tsx {13} copy
 
 import React, { useState } from 'react';
-import { useTimeout } from './useTimeout';
+import { useTimeout } from './hooks/use-timeout';
 
 function App() {
     const [count, setCount] = useState(0);

pages/hooks/use-url.mdx

@@ -60,7 +60,7 @@ export const useUrl = (fn?: () => void) => {
 ```tsx {3,6}
 
 import React, { useEffect, useState } from 'react';
-import { useUrl } from './useUrl';
+import { useUrl } from './hooks/use-url';
 
 function App() {
     const { url, getRootPath, getQueryParams, getPort } = useUrl();