[FE] When user navigates to devices page the devices are already listed although no community is selected also when we select a community the API is being called repeatedly too many times (#356)

<!--
  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-1589](https://syncrow.atlassian.net/browse/SP-1589)

## Description
fixed the issue of community selection (if empty no devices should
appear)
## 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-1589]:
https://syncrow.atlassian.net/browse/SP-1589?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

lib/services/devices_mang_api.dart

@@ -13,11 +13,15 @@ import 'package:syncrow_web/utils/constants/api_const.dart';
 
 class DevicesManagementApi {
   Future<List<AllDevicesModel>> fetchDevices(String projectId,
-      {List<String>? spacesId}) async {
+      {List<String>? spacesId, List<String>? communities}) async {
     try {
       final response = await HTTPService().get(
         path: ApiEndpoints.getSpaceDevices.replaceAll('{projectId}', projectId),
-        queryParameters: {if (spacesId != null) 'spaces': spacesId},
+        queryParameters: {
+          if (spacesId != null && spacesId.isNotEmpty) 'spaces': spacesId,
+          if (communities != null && communities.isNotEmpty)
+            'communities': communities,
+        },
         showServerMessage: true,
         expectedResponseModel: (json) {
           final List<dynamic> jsonData = json['data'] as List<dynamic>;