fix: resolve import sorting and TS annotation issues

Author: dethan3

components/open-library/Footer.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Row, Col, Nav } from 'react-bootstrap';
+import { Col, Nav, Row } from 'react-bootstrap';
 
 //
 const ContentContainer: React.FC<{ children: React.ReactNode }> = ({

components/open-library/Layout.tsx

@@ -1,7 +1,8 @@
-import React from 'react';
 import Head from 'next/head';
-import NavbarComponent from './Navbar';
+import React from 'react';
+
 import FooterComponent from './Footer';
+import NavbarComponent from './Navbar';
 
 // 内容容器组件，使内容居中但不添加边框
 const ContentContainer: React.FC<{ children: React.ReactNode }> = ({
@@ -56,5 +57,5 @@ const Layout: React.FC<LayoutProps> = ({
 };
 
 // 导出布局组件和内容容器组件，以便在页面中使用
-export { Layout, ContentContainer };
 export default Layout;
+export { ContentContainer, Layout };

components/open-library/Navbar.tsx

@@ -1,12 +1,5 @@
 import React from 'react';
-import {
-  Navbar,
-  Nav,
-  Container,
-  Button,
-  Form,
-  FormControl,
-} from 'react-bootstrap';
+import { Button, Form, FormControl, Nav, Navbar } from 'react-bootstrap';
 
 const NavbarComponent = () => {
   return (

pages/open-library/index.tsx

@@ -1,7 +1,8 @@
-import React, { useEffect } from 'react';
 import Link from 'next/link';
-import { Row, Col, Button, Card, Form, Image, Stack } from 'react-bootstrap';
-import { Layout, ContentContainer } from '../../components/open-library/Layout';
+import React, { useEffect } from 'react';
+import { Button, Card, Col, Form, Image, Row, Stack } from 'react-bootstrap';
+
+import { ContentContainer, Layout } from '../../components/open-library/Layout';
 
 // TODO: Define a type for Book and Testimonial
 type Book = {
@@ -79,7 +80,7 @@ export default function OpenLibraryHomepage() {
 
       Object.entries(styles).forEach(([property, value]) => {
         if (value) {
-          // @ts-ignore: dynamic property assignment
+          // @ts-expect-error: dynamic property assignment
           element.style[property] = value;
         }
       });