refactor: Update web icons and manifest

Also show Rate App only on Android

Author: TechAurelian

lib/common/app_strings.dart

@@ -15,7 +15,7 @@ class AppStrings {
   static const String drawerTitle = appName;
   static const String settingsItemTitle = 'Settings';
   static const String helpItemTitle = 'Online Help';
-  static const String rateItemTitle = 'Rate app';
+  static const String rateItemTitle = 'Rate or review';
   static const String viewSourceItemTitle = 'View app source';
 
   static const Map<MenuAction, String> menuActions = {

lib/widgets/counters_drawer.dart

@@ -42,6 +42,8 @@ class CountersDrawer extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    final bool isAndroid = Theme.of(context).platform == TargetPlatform.android;
+
     return Drawer(
       child: ListTileTheme(
         selectedColor: Colors.black,
@@ -60,17 +62,18 @@ class CountersDrawer extends StatelessWidget {
               title: const Text(AppStrings.helpItemTitle),
               onTap: () => _onExtraActionTap(context, DrawerExtraActions.help),
             ),
-            ListTile(
-              leading: const Icon(Icons.rate_review),
-              title: const Text(AppStrings.rateItemTitle),
-              onTap: () => _onExtraActionTap(context, DrawerExtraActions.rate),
-            ),
-            const Divider(),
             ListTile(
               leading: const Icon(Icons.code),
               title: const Text(AppStrings.viewSourceItemTitle),
               onTap: () => _onExtraActionTap(context, DrawerExtraActions.viewSource),
             ),
+            if (isAndroid) const Divider(),
+            if (isAndroid)
+              ListTile(
+                leading: const Icon(Icons.rate_review_outlined),
+                title: const Text(AppStrings.rateItemTitle),
+                onTap: () => _onExtraActionTap(context, DrawerExtraActions.rate),
+              ),
           ],
         ),
       ),

web/favicon.png

@@ -23,13 +23,13 @@
   <!-- iOS meta tags & icons -->
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black">
-  <meta name="apple-mobile-web-app-title" content="hello_world_counters">
+  <meta name="apple-mobile-web-app-title" content="Hello World Counters">
   <link rel="apple-touch-icon" href="icons/Icon-192.png">
 
   <!-- Favicon -->
   <link rel="icon" type="image/png" href="favicon.png"/>
 
-  <title>hello_world_counters</title>
+  <title>Hello World Counters</title>
   <link rel="manifest" href="manifest.json">
 
   <script>

web/icons/Icon-192.png

@@ -1,10 +1,10 @@
 {
-    "name": "hello_world_counters",
-    "short_name": "hello_world_counters",
+    "name": "Hello World Counters",
+    "short_name": "Hello World Counters",
     "start_url": ".",
     "display": "standalone",
-    "background_color": "#0175C2",
-    "theme_color": "#0175C2",
+    "background_color": "#2196F3",
+    "theme_color": "#2196F3",
     "description": "A new Flutter project.",
     "orientation": "portrait-primary",
     "prefer_related_applications": false,