Add icon to notifications menu

TODO:
- [ ] The icon didn't appear, necessary to fix this

Task suspended to be possible work at most important features

Signed-off-by: Vitor Mattos <[email protected]>

src/components/LeftSidebar.vue

@@ -5,26 +5,33 @@
 				:title="t('my_company', 'Home')"
 				icon="icon-home"
 				:exact="true" />
+			<NcAppNavigationItem :to="{name: 'notifications'}"
+				:title="t('my_company', 'Notifications')"
+				:exact="true">
+				<NcIconSvgWrapper slot="icon" :svg="iconNotifications" />
+			</NcAppNavigationItem>
 		</template>
 	</NcAppNavigation>
 </template>
 
 <script>
 import NcAppNavigation from '@nextcloud/vue/dist/Components/NcAppNavigation.js'
 import NcAppNavigationItem from '@nextcloud/vue/dist/Components/NcAppNavigationItem.js'
+import NcIconSvgWrapper from '@nextcloud/vue/dist/Components/NcIconSvgWrapper.js'
+
+import iconNotifications from 'apps/announcementcenter/img/announcementcenter.svg?raw'
 
 export default {
 	name: 'LeftSidebar',
 	components: {
 		NcAppNavigation,
 		NcAppNavigationItem,
+		NcIconSvgWrapper,
 	},
+	data() {
+		return {
+			iconNotifications,
+		}
+	}
 }
 </script>
-
-<style lang="scss" scoped>
-.icon-notifications {
-	background-image: inline-image('apps/announcementcenter/img/announcementcenter.svg');
-	filter: var(--background-invert-if-dark);
-}
-</style>