fixing analytics icon pt2

frontend/src/App.tsx

@@ -6017,7 +6017,9 @@ function App() {
 		                    aria-label="Reports"
 		                    title="Reports"
 		                  >
-		                    <span className="material-symbols-outlined report-tab-icon" aria-hidden="true">analytics</span>
+		                    <svg className="report-tab-icon" viewBox="0 -960 960 960" aria-hidden="true" focusable="false">
+		                      <path d="M280-280h80v-240h-80v240Zm160 0h80v-400h-80v400Zm160 0h80v-120h-80v120ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Z" />
+		                    </svg>
 		                  </button>
 		                  <button
 		                    className={`bird-detail-tab ${selectedBirdTab === 'audit' ? 'active' : ''}`}

frontend/src/index.css

@@ -1220,24 +1220,6 @@ textarea {
   stroke: none;
 }
 
-.bird-detail-tab .material-symbols-outlined {
-  display: block;
-  font-family: "Material Symbols Outlined";
-  font-size: 24px;
-  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
-  font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-height: 1;
-  text-transform: none;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-feature-settings: "liga";
-  -webkit-font-smoothing: antialiased;
-  font-feature-settings: "liga";
-}
-
 .bird-detail-tab:hover {
   border-color: rgba(35, 138, 90, 0.28);
   color: var(--ink);