hw7 started, added project info page

site/src/main/components/Sidebar.tsx

@@ -0,0 +1,18 @@
+import Container from '@mui/material/Container';
+import {sidecardData} from "../../data";
+import SmallCard from "./SmallCard"
+const cardData = sidecardData
+
+function Content() {
+  return (
+    <Container maxWidth="xs" sx={{display:"flex", flexDirection:"column", gap:"5px", maxWidth: {xs:"100%", md:"300px"}, pr:{md:"0px !important",xs:"20px"}}}>
+      {cardData.map((item, index) => (
+        // <Grid key={index} size={{ xs: 12, md: 3 }} >
+          <SmallCard data={ item } idx={index} />
+        // </Grid>
+      ))}
+    </Container>
+  );
+}
+
+export default Content;