chore: move the add button over

app/(app)/drawer/courses/[id].tsx

@@ -3,7 +3,6 @@ import { ScrollView } from 'react-native'
 import { Surface, Text, useTheme } from 'react-native-paper'
 
 import { useCourse } from '@/lib/clients/classroom'
-import AddAnnouncement from '@/lib/ui/components/AddAnnouncement'
 import CourseBoard from '@/lib/ui/components/CourseBoard'
 import Loading from '@/lib/ui/components/Loading'
 
@@ -25,7 +24,6 @@ export default function Courses() {
       }}
     >
       <Surface className="flex-1">
-        <AddAnnouncement />
         <Text>hi this is class with name {course?.name}</Text>
         <CourseBoard />
       </Surface>

lib/ui/components/CourseBoard.tsx

@@ -1,15 +1,17 @@
+import { useLocalSearchParams } from 'expo-router'
+import { useEffect, useState } from 'react'
+import { Surface } from 'react-native-paper'
+
 import {
   useAnnouncements,
   useCourseWork,
   useCourseWorkMaterials,
 } from '@/lib/clients/classroom'
-import { useLocalSearchParams } from 'expo-router'
-import Loading from './Loading'
-import { Surface, Text } from 'react-native-paper'
-import { useEffect, useState } from 'react'
+
+import AddAnnouncement from './AddAnnouncement'
 import Announcement from './Announcement'
 import CourseWorkCard from './CourseWorkCard'
-import { ScrollView } from 'react-native'
+import Loading from './Loading'
 
 export default function CourseBoard() {
   const { id } = useLocalSearchParams() as { id: string }
@@ -68,6 +70,7 @@ export default function CourseBoard() {
         }
       })
       .filter((item) => item !== undefined)
+    sorted.unshift(<AddAnnouncement key="add-announcement" />)
 
     setOrganizedData(sorted)
     // following eslint rule is not really needed for this one