fix: Antd tab issue (#507)

* fix(CSS): antd css tab issue is resolved

* removing redudant css

frontend/src/assets/index.css

-.ant-space-item {
-	margin-right: 0 !important;
-}
-
-#chart svg {
-	width: 100%;
-}
-#chart {
-	width: 100%;
-}
-
-.ant-tabs-tab {
-	margin: 0 0 0 32px !important;
-}
-
-.ant-tabs-nav-list > .ant-tabs-tab:first-child {
-	margin: 0 !important;
-}

frontend/src/index.tsx

 import './wdyr';
-import 'assets/index.css';
 
 import AppRoutes from 'AppRoutes';
 import React from 'react';

frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.css

@@ -4,10 +4,12 @@
 .hide {
 	display: none;
 }
-.ant-tabs-nav-list {
+
+/* .ant-tabs-nav-list {
 	justify-content: space-between;
 	width: 100%;
-}
+} */
+
 .ant-table-body table {
 	margin-bottom: 64px;
 }

frontend/src/modules/Traces/TraceGanttChart/TraceGanttChart.tsx

 import './TraceGanttChart.css';
 
-import { Button, Col, Progress, Row, Table, Tabs } from 'antd';
+import {
+	Button,
+	Col,
+	Progress,
+	Row,
+	Table as TableComponent,
+	Tabs,
+} from 'antd';
 import { has, isEmpty, max } from 'lodash-es';
 import traverseTreeData from 'modules/Traces/TraceGanttChart/TraceGanttChartHelpers';
 import React, { useEffect, useRef, useState } from 'react';
@@ -17,6 +24,13 @@ const StyledButton = styled(Button)`
 	line-height: 20px;
 `;
 
+const Table = styled(TableComponent)`
+	.ant-tabs-nav-list {
+		width: 100%;
+		justify-content: space-between;
+	}
+`;
+
 interface TraceGanttChartProps {
 	treeData: pushDStree[];
 	clickedSpan: pushDStree;