Add snackbar in gyroscope_screen.dart

Author: Diksha-MukherjeeAgarwal

lib/view/gyroscope_screen.dart

@@ -175,6 +175,7 @@ class _GyroscopeScreenState extends State<GyroscopeScreen> {
         return AlertDialog(
           title: Text(appLocalizations.saveRecording),
           content: TextField(
+            maxLength: 200,
             controller: filenameController,
             decoration: InputDecoration(
               hintText: appLocalizations.enterFileName,
@@ -184,11 +185,22 @@ class _GyroscopeScreenState extends State<GyroscopeScreen> {
           actions: [
             TextButton(
               onPressed: () => Navigator.pop(context),
-              child: Text(appLocalizations.cancel.toUpperCase()),
+              child: Text(appLocalizations.cancel),
             ),
             ElevatedButton(
               onPressed: () {
-                Navigator.pop(context, filenameController.text);
+                final text = filenameController.text.trim();
+                if (text.length > 200) {
+                  ScaffoldMessenger.of(context).showSnackBar(
+                    const SnackBar(
+                      content: Text(
+                        'File name must be less than 200 characters.',
+                      ),
+                    ),
+                  );
+                  return;
+                }
+                Navigator.pop(context, text);
               },
               child: Text(appLocalizations.save),
             ),