Enhance accessibility and structure across multiple components

- Updated the ContactForm component to include labels and aria-describedby attributes for better accessibility.
- Improved the Button component by conditionally adding aria-labels based on text input.
- Enhanced the Form component with aria-describedby attributes for validation feedback.
- Refactored the Layout component to include semantic HTML5 elements for better structure and accessibility.
- Updated the 404 page metadata for improved SEO and user experience.

src/pages/404.astro

@@ -2,7 +2,11 @@
 import Layout from '~/layouts/Layout.astro';
 import { getHomePermalink } from '~/utils/permalinks';
 
-const title = `Error 404`;
+const metadata = {
+  title: '404 Not Found | 365DevNet',
+  description: 'Sorry, the page you are looking for does not exist. Return to the homepage or explore other sections of 365DevNet.',
+  robots: { index: false, follow: false },
+};
 ---
 
 <style>
@@ -382,7 +386,7 @@ const title = `Error 404`;
   }
 </style>
 
-<Layout metadata={{ title }}>
+<Layout metadata={metadata}>
   <section class="clean-404-bg">
     <div class="floating-elements-404">
       <div class="floating-shape-404 shape-404-1"></div>