misc: use svg for app logo

Change-Id: I6a9b406ad93fc1144ccaa3c4f9eed3b8fabd256f

resources.qrc

@@ -12,7 +12,6 @@
         <file>images/ajax-loader.gif</file>
         <file>images/default_avatar_overlay.svg</file>
         <file>images/FontAwesome.otf</file>
-        <file>images/logo-jami-standard-coul.png</file>
         <file>images/qrcode.png</file>
         <file>images/jami.ico</file>
         <file>images/jami.png</file>
@@ -136,5 +135,6 @@
         <file>images/icons/expand_more-24px.svg</file>
         <file>images/icons/delete-24px.svg</file>
         <file>images/icons/settings_backup_restore-24px.svg</file>
+        <file>images/logo-jami-standard-coul.svg</file>
     </qresource>
 </RCC>

src/commoncomponents/ResponsiveImage.qml

@@ -46,10 +46,9 @@ Image {
     height: Math.trunc(containerHeight * Math.sqrt(2) * 0.5) + 3 - padding
 
     fillMode: Image.PreserveAspectFit
-    mipmap: true
     smooth: false
-    asynchronous: true
     antialiasing: false
+    asynchronous: true
 
     function setSourceSize() {
         if (isSvg) {

src/mainview/components/AboutPopUp.qml

@@ -70,7 +70,7 @@ BaseDialog {
 
                     Layout.alignment: Qt.AlignCenter
 
-                    Image {
+                    ResponsiveImage {
                         id: aboutPopUPJamiLogoImage
 
                         Layout.alignment: Qt.AlignCenter
@@ -78,9 +78,10 @@ BaseDialog {
                         Layout.preferredWidth: contentRect.width
                         Layout.preferredHeight: 100
 
-                        fillMode: Image.PreserveAspectFit
-                        source: "qrc:/images/logo-jami-standard-coul.png"
-                        mipmap: true
+                        smooth: true
+                        antialiasing: true
+
+                        source: "qrc:/images/logo-jami-standard-coul.svg"
                     }
 
                     Label {

src/mainview/components/WelcomePage.qml

@@ -40,7 +40,7 @@ Rectangle {
         ColumnLayout {
             id: welcomeRectComponentsGroupColumnLayout
 
-            Image {
+            ResponsiveImage {
                 id: jamiLogoImage
 
                 Layout.alignment: Qt.AlignCenter
@@ -49,9 +49,10 @@ Rectangle {
                 Layout.topMargin: 32
                 Layout.bottomMargin: 10
 
-                fillMode: Image.PreserveAspectFit
-                source: "qrc:/images/logo-jami-standard-coul.png"
-                mipmap: true
+                smooth: true
+                antialiasing: true
+
+                source: "qrc:/images/logo-jami-standard-coul.svg"
             }
 
             Label {

src/wizardview/components/WelcomePage.qml

@@ -60,20 +60,17 @@ Rectangle {
             font.kerning: true
         }
 
-        Label {
+        ResponsiveImage {
             id: welcomeLogo
 
             Layout.alignment: Qt.AlignCenter
             Layout.preferredWidth: 300
             Layout.preferredHeight: 150
 
-            color: "transparent"
-            background: Image {
-                id: logoIMG
-                source: "qrc:/images/logo-jami-standard-coul.png"
-                fillMode: Image.PreserveAspectFit
-                mipmap: true
-            }
+            smooth: true
+            antialiasing: true
+
+            source: "qrc:/images/logo-jami-standard-coul.svg"
         }
 
         MaterialButton {