implement toggle fullscreen button

Author: muhammadcahya

src/features/apps/index.tsx

@@ -18,6 +18,7 @@ import { Header } from '@/components/layout/header'
 import { Main } from '@/components/layout/main'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import { apps } from './data/apps'
 
@@ -53,6 +54,7 @@ export default function Apps() {
       <Header>
         <Search />
         <div className='ml-auto flex items-center gap-4'>
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>

src/features/chats/index.tsx

@@ -23,6 +23,7 @@ import { Header } from '@/components/layout/header'
 import { Main } from '@/components/layout/main'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import { NewChat } from './components/new-chat'
 import { type ChatUser, type Convo } from './data/chat-types'
@@ -68,6 +69,7 @@ export default function Chats() {
       <Header>
         <Search />
         <div className='ml-auto flex items-center space-x-4'>
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>

src/features/dashboard/index.tsx

@@ -12,6 +12,7 @@ import { Main } from '@/components/layout/main'
 import { TopNav } from '@/components/layout/top-nav'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import { Overview } from './components/overview'
 import { RecentSales } from './components/recent-sales'
@@ -24,6 +25,7 @@ export default function Dashboard() {
         <TopNav links={topNav} />
         <div className='ml-auto flex items-center space-x-4'>
           <Search />
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>

src/features/settings/index.tsx

@@ -11,6 +11,7 @@ import { Header } from '@/components/layout/header'
 import { Main } from '@/components/layout/main'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import SidebarNav from './components/sidebar-nav'
 
@@ -21,6 +22,7 @@ export default function Settings() {
       <Header>
         <Search />
         <div className='ml-auto flex items-center space-x-4'>
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>

src/features/tasks/index.tsx

@@ -2,6 +2,7 @@ import { Header } from '@/components/layout/header'
 import { Main } from '@/components/layout/main'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import { columns } from './components/columns'
 import { DataTable } from './components/data-table'
@@ -16,6 +17,7 @@ export default function Tasks() {
       <Header fixed>
         <Search />
         <div className='ml-auto flex items-center space-x-4'>
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>

src/features/users/index.tsx

@@ -2,6 +2,7 @@ import { Header } from '@/components/layout/header'
 import { Main } from '@/components/layout/main'
 import { ProfileDropdown } from '@/components/profile-dropdown'
 import { Search } from '@/components/search'
+import { ToggleFullscreen } from '@/components/toggle-fullscreen'
 import { ThemeSwitch } from '@/components/theme-switch'
 import { columns } from './components/users-columns'
 import { UsersDialogs } from './components/users-dialogs'
@@ -20,6 +21,7 @@ export default function Users() {
       <Header fixed>
         <Search />
         <div className='ml-auto flex items-center space-x-4'>
+          <ToggleFullscreen />
           <ThemeSwitch />
           <ProfileDropdown />
         </div>