Fix: Set isLoggedIn state and handle redirects

This commit addresses several issues related to the login flow:

- Corrects the `isLoggedIn` variable to use `setIsLoggedIn` in `App.jsx`.
- Passes `onLogin` and `isLoggedIn` props to `CampfireAppBar`.
- Enables logout functionality in `AppBar.jsx`.
- Modifies `AppRoutes.jsx` to conditionally render `CampfireAppBar`.
- Converts pages to use `React.forwardRef` for page transitions.
- Fixes the `useState` import in `App.jsx`.
- Moves `NotificationGroup` to the top of the form in `LoginComponent.jsx` to prevent overlap.
- Corrects the logo path in `LoginPage.jsx`.
- Improves input accessibility with a border in `LoginComponent.jsx`.

src/pages/NotFound.jsx

@@ -1,9 +1,11 @@
 import React from 'react';
 
-const NotFound = () => {
+const NotFound = React.forwardRef((props, ref) => {
     return (
-        <h1>404: Page Not Found</h1>
+        <div ref={ref}>
+            <h1>404: Page Not Found</h1>
+        </div>
     );
-};
+});
 
 export default NotFound;