Modify Spatial Query Page

[nisarg210]

• Split Page in 30:70 ratio
• Modify Map height to fit entire screen.
• Added Side Block.

[nisarg210]

New Page After Modifications.

[jinamshah]

• I've uploaded the gif for spatial query demo src/assets/gifs/spatial_query_eg.gif
• The left side and right side backgrounds are misaligned
  
• move the date selection lower - leaves a lot of space at the bottom
• box drawn on the spatial query page doesn't change orientation if the map is rotated
• users should not be allowed to draw multiple boxes on the map
• left and right sides need additional padding - refer to the figma design for context

[jinamshah]

++ needs rebase with base branch - https://github.com/precision-sustainable-ag/drone-image-manipulation/network

[jinamshah]

• map draw box problem is still not fixed (see review above)
• remove padding - 40-60 split looks fine with the video present
• map gets cut by the footer