web/satellite: small vuetify fixes

Removed selection/checkboxes on team table.
Made search bars on searchable tables clearable.
Navbar toggle works on small screen sizes.
Removed notifications section from the settings page.

Issue:
https://github.com/storj/storj/issues/6148

Change-Id: I531088cf0db04fd2979d39f92bb4342e0d9551a6

web/satellite/vuetify-poc/src/components/AccessTableComponent.vue

@@ -9,6 +9,7 @@
             prepend-inner-icon="mdi-magnify"
             single-line
             hide-details
+            clearable
         />
 
         <v-data-table-server

web/satellite/vuetify-poc/src/components/BrowserTableComponent.vue

@@ -9,6 +9,7 @@
             prepend-inner-icon="mdi-magnify"
             single-line
             hide-details
+            clearable
         />
 
         <v-data-table

web/satellite/vuetify-poc/src/components/BucketsDataTable.vue

@@ -9,6 +9,7 @@
             prepend-inner-icon="mdi-magnify"
             single-line
             hide-details
+            clearable
         />
 
         <v-data-table-server

web/satellite/vuetify-poc/src/components/ProjectsTableComponent.vue

@@ -9,6 +9,7 @@
             prepend-inner-icon="mdi-magnify"
             single-line
             hide-details
+            clearable
         />
 
         <v-data-table

web/satellite/vuetify-poc/src/components/TeamTableComponent.vue

@@ -9,6 +9,7 @@
             prepend-inner-icon="mdi-magnify"
             single-line
             hide-details
+            clearable
         />
 
         <v-data-table
@@ -18,8 +19,6 @@
             :items="projectMembers"
             :search="search"
             class="elevation-1"
-            show-select
-            hover
         >
             <template #item.name="{ item }">
                 <span class="font-weight-bold">

web/satellite/vuetify-poc/src/styles/styles.scss

@@ -23,6 +23,7 @@ html {
 .v-navigation-drawer {
   // box-shadow: 0 3px 4px rgba(var(--v-theme-on-surface), 0.05) !important;
   box-shadow: 15px 0 30px 0 rgba(0,0,0,.03) !important;
+  transform: translateX(0) !important;
   // box-shadow: 15px 0 30px 0 rgba(var(--v-theme-on-surface), 0.03) !important;
 }
 .v-app-bar.v-toolbar {

web/satellite/vuetify-poc/src/views/AccountSettings.vue

@@ -115,32 +115,6 @@
                 </v-list-item>
             </v-list>
         </v-card>
-
-        <v-card
-            variant="flat"
-            :border="true"
-            class="mx-auto my-6"
-        >
-            <v-list lines="three" select-strategy="classic">
-                <v-list-subheader class="mb-2">Notifications</v-list-subheader>
-
-                <v-divider />
-
-                <v-list-item value="notifications" color="default">
-                    <template #append="{ isActive }">
-                        <v-list-item-action start>
-                            <v-checkbox-btn :model-value="isActive" />
-                        </v-list-item-action>
-                    </template>
-
-                    <v-list-item-title>Product newsletter</v-list-item-title>
-
-                    <v-list-item-subtitle>
-                        Notify me about product updates.
-                    </v-list-item-subtitle>
-                </v-list-item>
-            </v-list>
-        </v-card>
     </v-container>
 
     <ChangePasswordDialog
@@ -181,7 +155,6 @@ import {
     VListItemSubtitle,
     VListItemAction,
     VBtn,
-    VCheckboxBtn,
 } from 'vuetify/components';
 
 import { User, UserSettings } from '@/types/users';