Edited Layout.tsx

- Refactored "main-content" div from wrapping to inline so it would not overide the styling of the "content" div down river.
- This resolves weird footer issues in Inventory and My Settings.

frontend/src/components/Layout.tsx

@@ -97,13 +97,14 @@ export const Layout: React.FC<LayoutProps> = ({ children }) => {
         {!pathname.includes('/readysetcyber') ? (
           <>
             <Header />
-            <div className="main-content" id="main-content" tabIndex={-1}>
-              {pathname === '/inventory' ? (
-                children
-              ) : (
-                <div className={classes.content}>{children}</div>
-              )}
-            </div>
+
+            <div className="main-content" id="main-content" tabIndex={-1} />
+            {pathname === '/inventory' ? (
+              children
+            ) : (
+              <div className={classes.content}>{children}</div>
+            )}
+
             <CrossfeedFooter />
           </>
         ) : (