feat(logs): minor accordion cleanup (#89531)

- Removed extra table row wrapper (which adds an extra white background)
![Screenshot 2025-04-15 at 9 01
18 AM](https://github.com/user-attachments/assets/3011aad3-6211-4989-a239-a745ec918fa3)
- Added border top and bottom of log details

Author: bibimdora

static/app/views/explore/logs/logsTableRow.tsx

@@ -15,7 +15,6 @@ import {useLocation} from 'sentry/utils/useLocation';
 import useOrganization from 'sentry/utils/useOrganization';
 import CellAction, {Actions} from 'sentry/views/discover/table/cellAction';
 import type {TableColumn} from 'sentry/views/discover/table/types';
-import {TableRow} from 'sentry/views/explore/components/table';
 import {
   useLogsAnalyticsPageSource,
   useLogsFields,
@@ -254,43 +253,41 @@ function LogRowDetails({
   }
   return (
     <DetailsWrapper>
-      <TableRow>
-        <LogDetailTableBodyCell colSpan={fields.length}>
-          {isPending && <LoadingIndicator />}
-          {!isPending && data && (
-            <Fragment>
-              <DetailsContent>
-                <DetailsBody>
-                  {LogBodyRenderer({
-                    item: getLogRowItem(OurLogKnownFieldKey.MESSAGE, dataRow, meta),
-                    extra: {
-                      highlightTerms,
-                      logColors,
-                      wrapBody: true,
-                      location,
-                      organization,
-                    },
-                  })}
-                </DetailsBody>
-                <LogDetailPanelItem>
-                  <LogFieldsTree
-                    attributes={data.attributes}
-                    hiddenAttributes={HiddenLogDetailFields}
-                    renderers={LogAttributesRendererMap}
-                    renderExtra={{
-                      highlightTerms,
-                      logColors,
-                      location,
-                      organization,
-                    }}
-                    tableResultLogRow={dataRow}
-                  />
-                </LogDetailPanelItem>
-              </DetailsContent>
-            </Fragment>
-          )}
-        </LogDetailTableBodyCell>
-      </TableRow>
+      <LogDetailTableBodyCell colSpan={fields.length}>
+        {isPending && <LoadingIndicator />}
+        {!isPending && data && (
+          <Fragment>
+            <DetailsContent>
+              <DetailsBody>
+                {LogBodyRenderer({
+                  item: getLogRowItem(OurLogKnownFieldKey.MESSAGE, dataRow, meta),
+                  extra: {
+                    highlightTerms,
+                    logColors,
+                    wrapBody: true,
+                    location,
+                    organization,
+                  },
+                })}
+              </DetailsBody>
+              <LogDetailPanelItem>
+                <LogFieldsTree
+                  attributes={data.attributes}
+                  hiddenAttributes={HiddenLogDetailFields}
+                  renderers={LogAttributesRendererMap}
+                  renderExtra={{
+                    highlightTerms,
+                    logColors,
+                    location,
+                    organization,
+                  }}
+                  tableResultLogRow={dataRow}
+                />
+              </LogDetailPanelItem>
+            </DetailsContent>
+          </Fragment>
+        )}
+      </LogDetailTableBodyCell>
     </DetailsWrapper>
   );
 }

static/app/views/explore/logs/styles.tsx

@@ -105,6 +105,8 @@ export const DetailsWrapper = styled('div')`
   flex-direction: column;
   white-space: nowrap;
   grid-column: 1 / -1;
+  border-top: 1px solid ${p => p.theme.border};
+  border-bottom: 1px solid ${p => p.theme.border};
   z-index: ${2 /* place above the grid resizing lines */};
 `;