Update UI component styles and structure

Several modifications have been made to the styles and structure of the Loading, Docs Navigation, and Pricing Table components. For Loading component, GlobalLoader is now wrapped in a function. Visual changes were also made to the Docs Navigation buttons and the Pricing Table elements layout and text styles, to improve the overall look and feel of the interfaces.

apps/web/app/(marketing)/docs/_components/docs-navigation.tsx

@@ -26,11 +26,10 @@ const DocsNavLink: React.FC<{
 
   return (
     <Button
-      className={cn('w-full', {
-        ['font-semibold']: isFirstLevel,
+      className={cn('w-full shadow-none', {
+        ['font-normal']: !isFirstLevel,
       })}
       variant={isCurrent ? 'secondary' : 'ghost'}
-      size={isFirstLevel ? 'default' : 'sm'}
     >
       <Link
         className="flex h-full max-w-full grow items-center space-x-2"