fix: css issue for the SelectedSpanDetails is updated (#257)

Co-authored-by: FIPalash Gupta <palash@indiagold.co>
Co-authored-by: Ankit Nayan <ankit@signoz.io>

frontend/src/modules/Traces/SelectedSpanDetails.tsx

@@ -47,16 +47,20 @@ const CustomSubText = styled(Paragraph)`
 	}
 `;
 
+const CardContainer = styled(Card)`
+	.ant-card-body {
+		max-height: 90vh;
+		overflow-y: auto;
+	}
+`;
+
 const SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
 	const spanTags = props.data?.tags;
 	const service = props.data?.name?.split(":")[0];
 	const operation = props.data?.name?.split(":")[1];
 
 	return (
-		<Card
-			style={{ border: "none", background: "transparent", padding: 0 }}
-			bodyStyle={{ padding: 0 }}
-		>
+		<CardContainer>
 			<Space direction="vertical">
 				<strong> Details for selected Span </strong>
 				<Space direction="vertical" size={2}>
@@ -98,7 +102,7 @@ const SelectedSpanDetails = (props: SelectedSpanDetailsProps) => {
 							))}
 				</TabPane>
 			</Tabs>
-		</Card>
+		</CardContainer>
 	);
 };