debugging

src/components/CharacterAnalysis.tsx

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { Box, Typography } from '@mui/material';
+import type { CharacterAnalysis as CharacterAnalysisType } from '../types/character-analysis';
+
+interface Props {
+  analysis: CharacterAnalysisType;
+}
+
+const CharacterAnalysis: FC<Props> = ({ analysis }) => {
+  return (
+    <Box>
+      <Typography variant="h5">{analysis.name}</Typography>
+      <Typography>{analysis.description}</Typography>
+      {/* Add more UI elements as needed */}
+    </Box>
+  );
+};
+
+export default CharacterAnalysis;

src/components/SocialClassView.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { Box, Typography, Paper, Grid, Tooltip, Card, CardContent, Chip, Dialog, DialogTitle, DialogContent, Divider } from '@mui/material';
 import { SocialClass, Character } from '../types/timeline';