Atualização de gauge

lib/screens/terms_gate_screen.dart

@@ -1,12 +1,11 @@
 import 'dart:async';
-import 'dart:math' as math;
 
 import 'package:flutter/material.dart';
-import 'package:lottie/lottie.dart';
 
 import '../main.dart' show supabase;
 import '../terms_gate_prefs.dart';
 import '../widgets/entrance.dart';
+import '../widgets/liquid_waves_background.dart';
 import '../widgets/tap_bounce.dart';
 import '../widgets/terms_content.dart';
 
@@ -53,8 +52,6 @@ class _TermsGateScreenState extends State<TermsGateScreen> {
 
   @override
   Widget build(BuildContext context) {
-    final size = MediaQuery.sizeOf(context);
-
     return PopScope(
       canPop: false,
       onPopInvokedWithResult: (didPop, _) {
@@ -64,30 +61,8 @@ class _TermsGateScreenState extends State<TermsGateScreen> {
         body: Stack(
           clipBehavior: Clip.none,
           children: [
-            Positioned.fill(
-              child: Container(color: const Color(0xFFFAFAF7)),
-            ),
-            Positioned(
-              left: -size.width * 0.38,
-              bottom: -size.width * 0.38,
-              child: IgnorePointer(
-                child: SizedBox(
-                  width: size.width * 1.05,
-                  height: size.width * 1.05,
-                  child: Transform.rotate(
-                    angle: 35 * math.pi / 180,
-                    child: Opacity(
-                      opacity: 0.95,
-                      child: Lottie.asset(
-                        'lottie/Liquid waves.json',
-                        fit: BoxFit.cover,
-                        repeat: true,
-                      ),
-                    ),
-                  ),
-                ),
-              ),
-            ),
+            Positioned.fill(child: Container(color: const Color(0xFFFAFAF7))),
+            const LiquidWavesBackground(),
             SafeArea(
               child: Column(
                 children: [