feat: solve lint check

Author: Linchen-Xu

fe_repo/src/App.tsx

@@ -35,7 +35,7 @@ function App() {
 
   const mainContainerStyle = {
     display: 'flex',
-    flexDirection: 'column' as 'column',
+    flexDirection: 'column' as const as 'column',
     height: '100vh',
     backgroundColor: '#f0f4f8', // Light pastel background
     padding: '20px',

fe_repo/src/pages/ChatBox.tsx

@@ -24,7 +24,7 @@ export const ChatBox = ({onSendMessage}: IChatBoxProps) => {
     borderWidth: '2px',
     padding: '16px',
     display: 'flex',
-    alignItems: 'center' as 'center',
+    alignItems: 'center' as const as 'center',
     backgroundColor: '#ffffff', // White background for chat input
     borderRadius: '8px',
     boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',

fe_repo/src/pages/Content.tsx

@@ -18,7 +18,7 @@ export const Content = ({messages}: IContentProps) => {
     borderWidth: '2px',
     padding: '16px',
     flex: 1,
-    overflowY: 'auto' as 'auto',
+    overflowY: 'auto' as const as 'auto',
     backgroundColor: '#ffffff', // White or off-white background
     borderRadius: '8px',
     boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',

fe_repo/src/pages/Header.tsx

@@ -3,11 +3,11 @@ export const Header = () => {
     borderWidth: '2px',
     padding: '16px',
     fontSize: '2rem',
-    fontWeight: 'bold' as 'bold',
+    fontWeight: 'bold' as const as 'bold',
     backgroundColor: '#ffffff',
     borderRadius: '8px',
     boxShadow: '0px 2px 4px rgba(0, 0, 0, 0.1)',
-    textAlign: 'center' as 'center',
+    textAlign: 'center' as const as 'center',
     color: '#333', // Softer text color
   };