[Performance] Table renders unnecessary district info which is not visible on page load

Created by: abhishekakade

Describe the bug

• Table renders unnecessary district information which is not visible on page load or unless the user clicks on state name.
• This number of DOM elements rendered on initial page load is 4800 but it can be reduced to just ~1500 if districts are rendered on click as needed.
• Fixing this will help reduce rendering time and main thread work load.

Expected behavior Only states information should be rendered on initial page load and districts information when the user clicks/taps on state names in the table.