[refactor] rename a bunch of files for consistency

.nvmrc

···
-v23.11.0
+v24.1.0

src/components/common/Header.tsx

···
 import { useEffect } from 'react';
 import { AtpAgent } from '@atproto/api';
-import { useAvatar } from '../../contexts/avatarContext';
+import { useAvatar } from '../../contexts/AvatarContext';
 
 interface HeaderProps {
   agent: AtpAgent;

src/components/common/NetworkWarning.tsx

···
-import { useNetwork } from '../../contexts/networkContext';
+import { useNetwork } from '../../contexts/NetworkContext';
 
 export default function NetworkWarning() {
   const { isOnline } = useNetwork();

src/main.tsx

···
 import { createRoot } from 'react-dom/client'
 import { BrowserRouter as Router } from 'react-router-dom'
 import { AtpAgent } from '@atproto/api'
-import { AvatarProvider } from './contexts/avatarContext'
-import { NetworkProvider } from './contexts/networkContext'
-import { AppRoutes } from './routes'
+import { AvatarProvider } from './contexts/AvatarContext'
+import { NetworkProvider } from './contexts/NetworkContext'
+import { AppRoutes } from './Routes'
 import './main.css'
 
 const SESSION_KEY = 'atproto_session';

src/pages/Actions.tsx

···
 import { useEffect, useState } from 'react';
 import { AtpAgent } from '@atproto/api';
 import { useNavigate } from 'react-router-dom';
-import Footer from '../components/common/footer';
-import Header from '../components/common/header';
+import Footer from '../components/common/Footer';
+import Header from '../components/common/Header';
 
 interface ActionsProps {
   agent: AtpAgent;

src/pages/Login.tsx

···
 import { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { AtpAgent } from '@atproto/api';
-import Footer from '../components/common/footer';
+import Footer from '../components/common/Footer';
 
 interface LoginProps {
   onLogin: (agent: AtpAgent) => void;

src/pages/migration/Migration.tsx

···
 import { useNavigate } from 'react-router-dom';
 import { AtpAgent } from '@atproto/api';
-import Header from '../../components/common/header';
-import Footer from '../../components/common/footer';
+import Header from '../../components/common/Header';
+import Footer from '../../components/common/Footer';
 
 interface MigrationProps {
   agent: AtpAgent;

src/pages/migration/migrationForms.tsx

···
 import { useNavigate } from 'react-router-dom';
 import { AtpAgent } from '@atproto/api';
 import { useState, useRef, useEffect } from 'react';
-import Header from '../../components/common/header';
-import Footer from '../../components/common/footer';
-import PdsForm from '../../components/migration/pdsForm';
-import AccountDetailsForm from '../../components/migration/accountDetailsForm';
-import ConfirmationStep from '../../components/migration/confirmationStep';
+import Header from '../../components/common/Header';
+import Footer from '../../components/common/Footer';
+import PdsForm from '../../components/migration/PdsForm';
+import AccountDetailsForm from '../../components/migration/AccountDetailsForm';
+import ConfirmationStep from '../../components/migration/ConfirmationStep';
 import { ServerDescription } from '../../lib/migration/serverDescription';
 import { getServerDescription } from '../../lib/migration/pdsValidation';
 

src/pages/recoveryKey/RecoveryKeyProcess.tsx

···
 import { useNavigate } from 'react-router-dom';
 import { useEffect } from 'react';
 import { AtpAgent } from '@atproto/api';
-import Footer from '../../components/common/footer';
-import Header from '../../components/common/header';
+import Footer from '../../components/common/Footer';
+import Header from '../../components/common/Header';
 
 interface RecoveryKeyProcessProps {
   agent: AtpAgent;

src/pages/recoveryKey/recovery.tsx

···
 import { useNavigate } from 'react-router-dom';
 import { AtpAgent } from '@atproto/api';
-import Footer from '../../components/common/footer';
-import Header from '../../components/common/header';
+import Footer from '../../components/common/Footer';
+import Header from '../../components/common/Header';
 
 interface RecoveryKeyProps {
   agent: AtpAgent;

src/routes.tsx

···
 import { useEffect } from 'react'
 import { Routes, Route, Navigate, useLocation } from 'react-router-dom'
 import { AtpAgent } from '@atproto/api'
-import NetworkWarning from './components/common/networkWarning'
-import Login from './pages/login'
-import Actions from './pages/actions'
-import Migration from './pages/migration/migration'
-import MigrationForms from './pages/migration/migrationForms'
-import RecoveryKey from './pages/recoveryKey/recovery'
-import RecoveryKeyProcess from './pages/recoveryKey/recoveryKeyProcess'
-import ErrorPage from './pages/error'
+
+import NetworkWarning from './components/common/NetworkWarning'
+import Login from './pages/Login'
+import Actions from './pages/Actions'
+import Migration from './pages/migration/Migration'
+import MigrationForms from './pages/migration/MigrationForms'
+import RecoveryKey from './pages/recoveryKey/Recovery'
+import RecoveryKeyProcess from './pages/recoveryKey/RecoveryKeyProcess'
+import ErrorPage from './pages/Error'
 
 export function AppRoutes({ agent, onLogout, handleLogin }: { 
   agent: AtpAgent | null;