Refactor code style for consistency and readability

- Updated import statements to use double quotes instead of single quotes across multiple files.
- Reformatted JSX return statements for better alignment and readability.
- Added missing newlines at the end of files where necessary.
- Adjusted component structure for improved clarity in the Landing, Blog, BestPractices, and Projects pages.
- Enhanced error boundary component for better error handling.
- Updated theme overrides for Material-UI components to maintain consistent styling.

src/routes/components/customRoute/index.js

@@ -1 +1 @@
-export {default} from './CustomRoute'
+export { default } from "./CustomRoute";

src/routes/components/errorBoundary/ErrorBoundary.jsx

@@ -1,37 +1,37 @@
-import React, { Component } from 'react';
+import React, { Component } from "react";
 
 class ErrorBoundary extends Component {
-	constructor(props) {
-		super(props);
-		this.state = { error: null, errorInfo: null };
-	}
+  constructor(props) {
+    super(props);
+    this.state = { error: null, errorInfo: null };
+  }
 
-	componentDidCatch(error, errorInfo) {
-		// Catch errors in any components below and re-render with error message
-		this.setState({
-			error: error,
-			errorInfo: errorInfo,
-		});
-		// You can also log error messages to an error reporting service here
-	}
+  componentDidCatch(error, errorInfo) {
+    // Catch errors in any components below and re-render with error message
+    this.setState({
+      error: error,
+      errorInfo: errorInfo,
+    });
+    // You can also log error messages to an error reporting service here
+  }
 
-	render() {
-		if (this.state.errorInfo) {
-			// Error path
-			return (
-				<div>
-					<h2>Something went wrong.</h2>
-					<details sx={{ whiteSpace: 'pre-wrap' }}>
-						{this.state.error && this.state.error.toString()}
-						<br />
-						{this.state.errorInfo.componentStack}
-					</details>
-				</div>
-			);
-		}
-		// Normally, just render children
-		return this.props.children;
-	}
+  render() {
+    if (this.state.errorInfo) {
+      // Error path
+      return (
+        <div>
+          <h2>Something went wrong.</h2>
+          <details sx={{ whiteSpace: "pre-wrap" }}>
+            {this.state.error && this.state.error.toString()}
+            <br />
+            {this.state.errorInfo.componentStack}
+          </details>
+        </div>
+      );
+    }
+    // Normally, just render children
+    return this.props.children;
+  }
 }
 
 export default ErrorBoundary;

src/routes/components/errorBoundary/index.js

@@ -1 +1 @@
-export {default} from './ErrorBoundary'
+export { default } from "./ErrorBoundary";