refactor: remove extra closing tags

Components without children can be self-closed to avoid the unnecessary extra closing tag. In JSX, closing tags are required when the component has children example `<MyComponent>...</MyComponent>` and if there are no child component between these tags, then this component can be self closed using `<MyComponent />`. It is recommended as it improves readability, and it is more compact to use self-closing for these types of components.

Author: deepsource-autofix[bot]

app/layout.tsx

@@ -36,7 +36,7 @@ export default function RootLayout({
                 async
                 src="https://www.googletagmanager.com/gtag/js?id=G-5C6EN7BR23"
                 strategy="lazyOnload"
-            ></Script>
+             />
             <Script id="google-analytics" strategy="lazyOnload">
                 {`
                         window.dataLayer = window.dataLayer || [];

components/user-nav.tsx

@@ -38,7 +38,7 @@ export default function UserNav() {
                 >
                     <Avatar className="h-8 w-8">
                         <AvatarImage src={image} alt="@shadcn" />
-                        <AvatarFallback></AvatarFallback>
+                        <AvatarFallback />
                     </Avatar>
                 </Button>
             </DropdownMenuTrigger>