fix: Only customize monaco sticky widget top margin on apps

Author: dawsontoth

src/features/instance/applications/components/TextEditorView/monaco-customizations.css

@@ -1,6 +1,10 @@
-.monaco-editor .sticky-widget {
-	margin-top: 36px;
+.applications-content {
+	.monaco-editor .sticky-widget {
+		margin-top: 36px;
+	}
+}
 
+.monaco-editor .sticky-widget {
 	background-color: hsla(254.69, 39.84%, 24.12%, 0.1);
 	--tw-backdrop-blur: blur(var(--blur-sm));
 	-webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);

src/features/instance/applications/index.tsx

@@ -23,7 +23,8 @@ export function ApplicationsEditor() {
 				<ApplicationsSidebar />
 			</aside>
 
-			<div className={cx('overflow-y-auto overflow-x-hidden fixed bottom-0 right-0 left-0 md:left-56' +
+			<div className={cx('applications-content overflow-y-auto overflow-x-hidden fixed bottom-0 right-0 left-0' +
+				' md:left-56' +
 				' transition-[left]' +
 				' h-[calc(100vh-theme(spacing.32))]', toggled && 'sm:left-56')}>
 				<ContentViewer />