feat: add official docs link

src/app/components/NavBar.module.css

@@ -111,6 +111,10 @@
   border-radius: 0.25rem;
 }
 
+.docsNote {
+  padding-left: 1rem;
+}
+
 @media screen and (max-width: 1000px) {
   .nav {
     align-items: flex-start;

src/app/components/NavBar.tsx

@@ -190,6 +190,15 @@ export default function NavBar({
           <li className={styles.navItem}>
             <VersionsDropdown version={version.version} />
           </li>
+          <li className={styles.navItem}>
+            <Link
+              href={version.officialDocs}
+              className={styles.navLink}
+              target="_blank"
+            >
+              Official Docs
+            </Link>
+          </li>
           <li className={styles.navItem}>
             {version.hasSwagger ? (
               <Link

src/app/types/types.ts

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 
 export type DocsStructure = {
   version: string;
+  officialDocs: string;
   hasSwagger: boolean;
   docs: Doc[];
 };

src/docs/version_001/docsStructure.ts

@@ -2,6 +2,8 @@ import { DocsStructure } from '@/app/types/types';
 
 export const versionOne: DocsStructure = {
   version: 'version_001',
+  officialDocs:
+    'https://software.onspring.com/hubfs/Training/Admin%20Guide%20-%20v1%20API.pdf',
   hasSwagger: false,
   docs: [
     {

src/docs/version_002/docsStructure.ts

@@ -2,6 +2,8 @@ import { DocsStructure } from '@/app/types/types';
 
 export const versionTwo: DocsStructure = {
   version: 'version_002',
+  officialDocs:
+    'https://software.onspring.com/hubfs/Training/Admin%20Guide%20-%20v2%20API.pdf',
   hasSwagger: true,
   docs: [
     {