Show 'No Elections Found' when filter is empty

[akathedeveloper]

Description:

This PR enhances the ElectionDash component by adding a message that is displayed when there are no elections matching the selected filter (Pending, Active, or Ended). The message is centered and styled to be easily noticeable, improving the user experience by providing clear feedback when no elections are available for the chosen filter.

Changes Made:

• Added a renderMessage function to display a message when the filtered list is empty.
• Centered the message horizontally and aligned it near the top of the election list area.
• Applied bold and larger font styling to the message to ensure visibility.
• Messages include:

1. "No pending elections found"
2. "No active elections found"
3. "No ended elections found"

Screenshots :

Before:

After:

Testing:

• Verified that the message appears when there are no elections matching the selected filter.
• Tested on different screen sizes to ensure the message is responsive and properly aligned.

Related Issue:

Issue #61

[Ronnieraj37]

Hey @akathedeveloper your commits are creating a conflict please fix them.

Additional Changes:

1. Please don't use those many if else statements. The file already contains an object const counts = { total: 0, pending: 0, active: 0, ended: 0 }; you can use this to get const statusNames = Object.keys(counts); // ['total', 'pending', 'active', 'ended'] which can be later used to show the name No {name} Elections found.
2. You do not have to again check for empty elections (count.active ==0, etc..) as you're already doing that when calling the renderMessage function checking the filteredElections variable check of 0.

[akathedeveloper]

Sure sir I will make sure to incorporate the changes suggest by you