refactor: migrate to material symbols icon set

src/app/modules/menu/context/context-menu.html

@@ -1,3 +1,18 @@
+<!--
+  ~ Copyright (C) 2022 StApps
+  ~  This program is free software: you can redistribute it and/or modify it
+  ~  under the terms of the GNU General Public License as published by the Free
+  ~  Software Foundation, version 3.
+  ~
+  ~  This program is distributed in the hope that it will be useful, but WITHOUT
+  ~  ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+  ~  FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+  ~  more details.
+  ~
+  ~  You should have received a copy of the GNU General Public License along with
+  ~  this program. If not, see <https://www.gnu.org/licenses/>.
+  -->
+
 <ion-menu
   type="overlay"
   menuId="context"
@@ -16,7 +31,7 @@
     <ion-list>
       <ion-radio-group class="context-sort" *ngIf="sortOption" [value]="0">
         <ion-list-header>
-          <ion-icon name="arrows-down-up"></ion-icon>
+          <ion-icon name="sort"></ion-icon>
           <ion-title>{{
             'menu.context.sort.title' | translate | titlecase
           }}</ion-title>
@@ -31,9 +46,12 @@
             <span *ngIf="sortOption.value === value.value && value.reversible">
               <ion-icon
                 *ngIf="sortOption.reversed"
-                name="arrow-down"
+                name="arrow_downward"
+              ></ion-icon>
+              <ion-icon
+                *ngIf="!sortOption.reversed"
+                name="arrow_upward"
               ></ion-icon>
-              <ion-icon *ngIf="!sortOption.reversed" name="arrow-up"></ion-icon>
             </span>
           </ion-label>
           <ion-radio slot="end" [value]="i"> </ion-radio>
@@ -43,7 +61,7 @@
     <!--        Filter Context -->
     <div class="context-filter" *ngIf="filterOption">
       <ion-list-header>
-        <ion-icon name="filter"></ion-icon>
+        <ion-icon name="filter_list"></ion-icon>
         <ion-title>{{
           'menu.context.filter.title' | translate | titlecase
         }}</ion-title>
@@ -53,7 +71,7 @@
           color="dark"
           (click)="resetFilter(filterOption)"
         >
-          <ion-icon name="trash"></ion-icon>
+          <ion-icon name="delete"></ion-icon>
         </ion-button>
       </ion-list-header>