add info tooltip on analytics graph card

- add assets and config folders
	- rename conflicting css classess

src/components/TestAnalyticsPie.css

@@ -1,22 +1,30 @@
 .line {
-    fill: none;
-    stroke: #009EDC;
-    stroke-width: 1px;
- }
+   fill: none;
+   stroke: #009EDC;
+   stroke-width: 1px;
+}
 
- .graph-card {
-    width: 40vw;
-    height: 45vh;
-    background-color: white;
- }
+.category-graph-card {
+   width: 40vw;
+   height: 45vh;
+   background-color: white;
+   margin: 10px;
+   border-style: solid;
+   border-color: rgb(219, 219, 219);
+   border-radius: 6px;
+   border-width: max(1px, 0.0625rem);
+}
 
- .graph-title {
-    text-align: center;
-    font-weight: 600;
-    padding: 15px;
- }
+.category-card-title {
+   text-align: center;
+   font-weight: 600;
+   padding-top: 10px;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+}
 
- .title {
+.title {
    fill: teal;
    font-weight: bold;
 }
@@ -25,4 +33,25 @@
    display: flex;
    justify-content: center;
    align-items: center;
+}
+
+.category-info-icon {
+   padding: 0px 0px 0px 10px;
+   /* margin-top: 5px; */
+}
+
+.category-info-card {
+   position: absolute;
+   visibility: visible;
+   background-color: rgb(236, 247, 253);
+   height: 7vh;
+   width: 10vw;
+   border-style: solid;
+   border-color: rgb(219, 219, 219);
+   border-radius: 6px;
+   border-width: max(1px, 0.0625rem);
+   margin-left: 31vw;
+   font-size: x-small;
+   font-weight: 400;
+   padding: 0.5em;
 }