feat(@desktop): Replace image on animation on splash screen

Close #4984

ui/app/mainui/SplashScreen.qml

@@ -17,24 +17,19 @@ Item {
         }
     }
 
-    Image {
-        width: 150
-        height: 150
-        fillMode: Image.PreserveAspectFit
+    AnimatedImage {
+        id: splashLogo
         anchors.centerIn: parent
-        source: Style.svg("status-logo-circle")
+        scale: 0.5
+        source: Style.gif("status_splash")
     }
 
+    // NOTE: keep it if we will decide to switch on lottie
     // LottieAnimation {
     //     anchors.centerIn: parent
-//        autoPlay: false
+    //     autoPlay: true
     //     loops: LottieAnimation.Infinite
-//        quality: LottieAnimation.MediumQuality
+    //     quality: LottieAnimation.HighQuality
     //     source: Style.lottie("status_splash")
-//        onStatusChanged: {
-//            if (status === LottieAnimation.Ready) {
-//                start();
-//            }
-//        }
     // }
 }

ui/generate-rcc.go

@@ -23,6 +23,8 @@ var qrcExtensions = map[string]bool{
 	".webm": true,
 	".qm":   true,
 	".txt":  true,
+	".gif":  true,
+	".json":  true,
 }
 
 func main() {

ui/imports/utils/Style.qml

@@ -52,4 +52,7 @@ QtObject {
     function lottie(name) {
         return assetPath + "lottie/" + name + ".json";
     }
+    function gif(name) {
+        return assetPath + "gif/" + name + ".gif";
+    }
 }