feat: add AchievementTextBox and InnerPageBanner components with respective types

- Created AchievementTextBox component for displaying achievement titles.
- Implemented InnerPageBanner component for inner page banners with image and title.
- Added SectionTitle component for displaying section titles and descriptions.
- Updated AboutTopInfo component to utilize new AchievementTextBox and SectionTitle components.
- Defined TypeScript interfaces for props in each new component.

src/components/layout/sectionTitle/index.tsx

@@ -0,0 +1,21 @@
+import { ISectionTitleProps } from './sectionTitle';
+
+export default function SectionTitle({
+  title,
+  description,
+  description_bold,
+}: ISectionTitleProps) {
+  return (
+    <div className="flex flex-col gap-4">
+      <div className="flex items-center gap-2">
+        <h3 className="text-sm tracking-[0.175rem] text-gray-500">{title}</h3>
+      </div>
+      <h2 className="text-[3.25rem] font-extralight text-gray-500">
+        {description}
+        {description_bold && (
+          <strong className="block font-bold">{description_bold}</strong>
+        )}
+      </h2>
+    </div>
+  );
+}

src/components/layout/sectionTitle/sectionTitle.d.ts

@@ -0,0 +1,5 @@
+export interface ISectionTitleProps {
+  title: string;
+  description: string;
+  description_bold?: string;
+}