Update main.js

Format and structure changes

src/js/main.js

@@ -1,23 +1,34 @@
-// Import our custom CSS
+// Import custom CSS styles
 import '../scss/styles.scss';
 
-// Import all of Bootstrap's JS
+// Import Bootstrap's JavaScript components
 import * as bootstrap from 'bootstrap';
 
-// Sentry
+// Import Sentry for error tracking
 import * as Sentry from "@sentry/browser";
 
+// Initialize Sentry with configuration options
 Sentry.init({
   dsn: "https://f7b9cd23b08549d496928e95863a508f@o4504770759229440.ingest.sentry.io/4504990691491840",
+  // Set session and error replay sample rates to 100%
   replaysSessionSampleRate: 1.0,
   replaysOnErrorSampleRate: 1.0,
-  integrations: [new Sentry.Replay({maskAllText: false, maskAllInputs: false, blockAllMedia: false}), new Sentry.BrowserTracing()],
+  // Configure integrations, including replay and browser tracing
+  integrations: [
+    new Sentry.Replay({
+      maskAllText: false,
+      maskAllInputs: false,
+      blockAllMedia: false
+    }),
+    new Sentry.BrowserTracing()
+  ],
+  // Set the sample rate for tracing to 100%
   tracesSampleRate: 1.0,
 });
 
-// Import Bootstrap Icons
+// Import Bootstrap Icons CSS
 import 'bootstrap-icons/font/bootstrap-icons.css';
 
-// Import code
-import './app.js';
-import './ko-fi.js';
+// Import application-specific code
+import './app.js'; // Import other application modules as needed
+import './ko-fi.js'; // Import Ko-fi integration