refactor: remove component barrels

.oxlintrc.json

@@ -9,7 +9,19 @@
   },
   "rules": {
     "react/react-in-jsx-scope": "off",
-    "no-underscore-dangle": ["error", { "allow": ["_sum"] }]
+    "no-underscore-dangle": ["error", { "allow": ["_sum"] }],
+    "oxc/no-barrel-file": ["error", { "threshold": 0 }],
+    "no-restricted-imports": [
+      "error",
+      {
+        "patterns": [
+          {
+            "regex": "^@/components/(dashboard-card|footer|mdx-components|mobile-menu|share-button)$",
+            "message": "Import from the concrete component module instead of a barrel file."
+          }
+        ]
+      }
+    ]
   },
   "ignorePatterns": [
     "node_modules/**",

components/article-dates/article-dates.tsx → components/article-dates.tsx

@@ -1,7 +1,7 @@
-type ArticleDatesProps = {
+interface ArticleDatesProps {
   createDate: number;
   updateDate: number | null;
-};
+}
 
 const formatDate = (timestamp: number) =>
   new Date(timestamp).toLocaleDateString('en-us', {

components/article-meta/article-meta.tsx → components/article-meta.tsx

@@ -1,10 +1,10 @@
-type ArticleMetaProps = {
+interface ArticleMetaProps {
   title: string;
   description: string;
   createDate: number;
   updateDate: number | null;
   keywords: string[];
-};
+}
 
 export function ArticleMeta(props: ArticleMetaProps) {
   const { title, description, createDate, updateDate, keywords } = props;

components/layout/layout.tsx → components/layout.tsx

@@ -2,7 +2,7 @@ import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { PropsWithChildren } from 'react';
 
-import { Footer } from '@/components/footer';
+import { Footer } from '@/components/footer/footer';
 import { Header } from '@/components/header';
 
 const DESCRIPTION =

components/linkedin-feedback/constants.ts → components/linkedin-feedback.constants.ts

@@ -1,4 +1,4 @@
-import { LinkedinTestimonial } from '@/lib/types';
+import type { LinkedinTestimonial } from '@/lib/types';
 
 export const LINKEDIN_FEEDBACK_LIST: LinkedinTestimonial[] = [
   {

components/mdx-components/index.tsx → components/mdx-components/mdx-components.tsx

@@ -1,6 +1,6 @@
 import Image, { ImageProps } from 'next/image';
 import Link from 'next/link';
-import React, { AnchorHTMLAttributes, ClassAttributes, JSX } from 'react';
+import { AnchorHTMLAttributes, ClassAttributes, JSX } from 'react';
 
 import { Routes } from '@/lib/routes';
 

components/year-separator/year-separator.tsx → components/year-separator.tsx

@@ -1,4 +1,4 @@
-import { type ElementType } from 'react';
+import type { ElementType } from 'react';
 
 interface YearSeparatorProps {
   year: number | string;

pages/about.tsx

@@ -2,7 +2,7 @@ import Head from 'next/head';
 import Image from 'next/image';
 
 import { LinkedinFeedback } from '@/components/linkedin-feedback';
-import { LINKEDIN_FEEDBACK_LIST } from '@/components/linkedin-feedback/constants';
+import { LINKEDIN_FEEDBACK_LIST } from '@/components/linkedin-feedback.constants';
 
 import about from '../public/static/images/about.jpeg';
 import carBack from '../public/static/images/car-back.jpeg';

pages/blog/[slug].tsx

@@ -12,16 +12,14 @@ import React from 'react';
 
 import { ArticleDates } from '@/components/article-dates';
 import { ArticleMeta } from '@/components/article-meta';
-import { MDXComponents } from '@/components/mdx-components';
-import {
-  FacebookShare,
-  LinkedInShare,
-  TelegramShare,
-  TwitterShare,
-} from '@/components/share-button';
+import { MDXComponents } from '@/components/mdx-components/mdx-components';
+import { FacebookShare } from '@/components/share-button/facebook-share';
+import { LinkedInShare } from '@/components/share-button/linkedin-share';
+import { TelegramShare } from '@/components/share-button/telegram-share';
+import { TwitterShare } from '@/components/share-button/twitter-share';
 import { TableOfContent } from '@/components/table-of-content';
 import { Tag } from '@/components/tag';
-import { ViewCounter } from '@/components/view-counter/view-counter';
+import { ViewCounter } from '@/components/view-counter';
 import { getPostBySlug, getPostSlugs } from '@/lib/posts/api';
 import {
   generateBlogPostingSchema,

pages/snippets/[slug].tsx

@@ -11,7 +11,7 @@ import React, { useEffect } from 'react';
 
 import { ArticleDates } from '@/components/article-dates';
 import { ArticleMeta } from '@/components/article-meta';
-import { MDXComponents } from '@/components/mdx-components';
+import { MDXComponents } from '@/components/mdx-components/mdx-components';
 import {
   generateTechArticleSchema,
   generateBreadcrumbSchema,