feat: update logo & favicon images

- Updated ISSUES.md to reflect a new issue regarding page layout shifting when navigating between docs and the homepage.
- Changed permissions for several image files to ensure proper access and usage.
- Added new SVG files for enhanced iconography in the project.

ISSUES.md

@@ -1 +1 @@
-1. Doc Search in Chinese not working
+1. When navigate to docs and navigate back to homepage, the page layout may shift when click the action buttons on the navbar

src/app/[locale]/(marketing)/(pages)/about/page.tsx

@@ -40,7 +40,7 @@ export default async function AboutPage() {
             <div className="flex items-center gap-8">
               <Avatar className="size-32">
                 <AvatarImage
-                  className="rounded-full border-2 border-gray-200"
+                  className="rounded-full border-4 border-gray-200"
                   src="/logo.png"
                   alt="Avatar"
                 />

src/app/[locale]/layout.tsx

@@ -52,7 +52,7 @@ export default async function LocaleLayout({
 
             <Toaster richColors position="top-right" offset={64} />
 
-            <TailwindIndicator />
+            {/* <TailwindIndicator /> */}
           </Providers>
         </NextIntlClientProvider>
       </body>

src/components/layout/footer.tsx

@@ -9,6 +9,8 @@ import { LocaleLink } from '@/i18n/navigation';
 import { cn } from '@/lib/utils';
 import { useTranslations } from 'next-intl';
 import React from 'react';
+import LocaleSwitcher from './locale-switcher';
+import { ThemeSelector } from './theme-selector';
 
 export function Footer({ className }: React.HTMLAttributes<HTMLElement>) {
   const t = useTranslations();
@@ -98,7 +100,10 @@ export function Footer({ className }: React.HTMLAttributes<HTMLElement>) {
             Reserved.
           </span>
 
-          <ThemeSwitcherHorizontal />
+          <div className="flex items-center gap-x-4">
+            <ThemeSelector />
+            <ThemeSwitcherHorizontal />
+          </div>
         </Container>
       </div>
     </footer>

src/components/layout/navbar.tsx

@@ -33,8 +33,6 @@ interface NavBarProps {
 const customNavigationMenuTriggerStyle = cn(
   navigationMenuTriggerStyle(),
   'relative bg-transparent text-muted-foreground cursor-pointer',
-  // 'hover:bg-transparent hover:text-foreground',
-  // 'focus:bg-transparent focus:text-foreground',
   'hover:bg-accent hover:text-accent-foreground',
   'focus:bg-accent focus:text-accent-foreground',
   'data-active:font-semibold data-active:bg-transparent data-active:text-foreground',