chore(explore): minor form width tweak and reduce margins (#83662)

Giving a bit more space back to the table

**Before:**
![Screenshot 2025-01-17 at 10 44
43 AM](https://github.com/user-attachments/assets/0628bcc0-ff84-469e-8f04-54b3ed104141)

**After:**
![Screenshot 2025-01-17 at 10 44
21 AM](https://github.com/user-attachments/assets/50026ee4-6e93-4547-8921-5186b8cad846)

Author: doralchan

static/app/views/explore/content.tsx

@@ -311,7 +311,7 @@ const Body = styled(Layout.Body)`
   gap: ${space(2)};
 
   @media (min-width: ${p => p.theme.breakpoints.medium}) {
-    grid-template-columns: 350px minmax(100px, auto);
+    grid-template-columns: 300px minmax(100px, auto);
     gap: ${space(2)};
   }
 
@@ -327,7 +327,7 @@ const TopSection = styled('div')`
   margin-bottom: ${space(2)};
 
   @media (min-width: ${p => p.theme.breakpoints.large}) {
-    grid-template-columns: minmax(350px, auto) 1fr;
+    grid-template-columns: minmax(300px, auto) 1fr;
     margin-bottom: 0;
   }
 

static/app/views/explore/toolbar/toolbarSuggestedQueries.tsx

@@ -339,5 +339,5 @@ const SuggestedQueriesContainer = styled('div')`
   display: flex;
   flex-wrap: wrap;
   gap: ${space(1)};
-  margin-top: ${space(2)};
+  margin-top: ${space(1)};
 `;