Animate BrandLinearIndicator

lib/ui/components/brand_linear_indicator/brand_linear_indicator.dart

@@ -15,23 +15,31 @@ class BrandLinearIndicator extends StatelessWidget {
   final double height;
 
   @override
-  Widget build(final BuildContext context) => Container(
+  Widget build(final BuildContext context) => LayoutBuilder(
+        builder: (final context, final constraints) => Container(
           height: height,
-        width: double.infinity,
+          width: constraints.maxWidth,
           clipBehavior: Clip.antiAlias,
           decoration: BoxDecoration(
             color: backgroundColor,
             borderRadius: BorderRadius.circular(height),
           ),
           alignment: Alignment.centerLeft,
-        child: FractionallySizedBox(
+          child: AnimatedSlide(
-          widthFactor: value,
+            duration: const Duration(milliseconds: 400),
+            curve: Curves.easeInOut,
+            offset: Offset(
+              -(1 - value),
+              0,
+            ),
             child: Container(
+              width: constraints.maxWidth,
               decoration: BoxDecoration(
                 color: color,
                 borderRadius: BorderRadius.circular(height),
               ),
             ),
           ),
+        ),
       );
 }