Refactor widget container widths for improved layout consistency

- Updated multiple widget components to change the maximum width from `max-w-7xl` to `max-w-6xl`, ensuring a more uniform appearance across the application.
- Adjusted layout in various pages to enhance responsiveness and maintain design integrity on different screen sizes.

src/components/widgets/ModernCertifications.astro

@@ -86,7 +86,7 @@ const getImageSrc = (imagePath: string) => {
 };
 ---
 
-<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
+<WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-6xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
   <Headline title={title} subtitle={subtitle} tagline={tagline} classes={{
     container: 'max-w-3xl',
     title: 'text-3xl lg:text-4xl',