style: adjust layout margins and padding for grid layout in App and feed components

Author: medyo

src/App.tsx

@@ -85,7 +85,7 @@ export const App = () => {
       <div
         className={clsx(
           'layoutLayers',
-          layout === 'cards' ? 'cardsLayout hideScrollBar' : 'gridLayout scrollable'
+          layout === 'cards' ? 'cardsLayout hideScrollBar' : 'gridLayout'
         )}>
         {isDNDModeActive() && <DNDLayout />}
         <AppContentLayout />

src/assets/App.css

@@ -1244,8 +1244,6 @@ Producthunt item
   }
 
   .layoutLayers.gridLayout {
-    margin-left: 1%;
-    padding-right: 1%;
     margin-top: 1%;
     box-shadow: 0px -10px 20px -15px var(--card-border-color);
   }

src/features/feed/components/feed.css

@@ -6,6 +6,8 @@
   grid-template-columns: repeat(3, 1fr);
   scroll-margin-top: 12px;
   gap: 16px;
+  margin-left: 1%;
+  padding-right: 1%;
 
   @media (max-width: 768px) {
     display: flex;