SP-1768-FE-The-white-are-in-empty-devices-table-should-take-the-whole-table-size-not-just-the-top (#282)

<!--
  Thanks for contributing!

Provide a description of your changes below and a general summary in the
title

Please look at the following checklist to ensure that your PR can be
accepted quickly:
-->

## Jira Ticket
[SP-1768](https://syncrow.atlassian.net/browse/SP-1768)

## Description

<!--- Describe your changes in detail -->
fix white container take only a small part of the device table

## Type of Change

<!--- Put an `x` in all the boxes that apply: -->

- [ ] ✨ New feature (non-breaking change which adds functionality)
- [x] 🛠️ Bug fix (non-breaking change which fixes an issue)
- [ ] ❌ Breaking change (fix or feature that would cause existing
functionality to change)
- [ ] 🧹 Code refactor
- [ ] ✅ Build configuration change
- [ ] 📝 Documentation
- [ ] 🗑️ Chore 


[SP-1768]:
https://syncrow.atlassian.net/browse/SP-1768?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

lib/pages/common/custom_table.dart

@@ -179,31 +179,36 @@ class _DynamicTableState extends State<DynamicTable> {
     );
   }
 
-  Widget _buildEmptyState() => Column(
+  Widget _buildEmptyState() => Container(
-        mainAxisAlignment: MainAxisAlignment.center,
+        height: widget.size.height,
-        children: [
+        color: ColorsManager.whiteColors,
-          Row(
+        child: Column(
-            crossAxisAlignment: CrossAxisAlignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
-            mainAxisAlignment: MainAxisAlignment.center,
+          children: [
-            children: [
+            Row(
-              Column(
+              crossAxisAlignment: CrossAxisAlignment.center,
-                children: [
+              mainAxisAlignment: MainAxisAlignment.center,
-                  SvgPicture.asset(Assets.emptyTable),
+              children: [
-                  const SizedBox(height: 15),
+                Column(
-                  Text(
+                  children: [
-                    widget.tableName == 'AccessManagement'
+                    SvgPicture.asset(Assets.emptyTable),
-                        ? 'No Password '
+                    const SizedBox(height: 15),
-                        : 'No Devices',
+                    Text(
-                    style: Theme.of(context)
+                      widget.tableName == 'AccessManagement'
-                        .textTheme
+                          ? 'No Password '
-                        .bodySmall!
+                          : 'No Devices',
-                        .copyWith(color: ColorsManager.grayColor),
+                      style: Theme.of(context)
-                  )
+                          .textTheme
-                ],
+                          .bodySmall!
-              ),
+                          .copyWith(color: ColorsManager.grayColor),
-            ],
+                    )
-          ),
+                  ],
-        ],
+                ),
+              ],
+            ),
+            SizedBox(height: widget.size.height * 0.5),
+          ],
+        ),
       );
   Widget _buildSelectAllCheckbox() {
     return Container(