Add tag datatable

Signed-off-by: Nikolaos Karaolidis <nick@karaolidis.com>

src/screens/home.tsx

@@ -23,11 +23,9 @@ import {
   setFilter,
 } from '../state';
 import { MEME_TYPE, memeTypePlural } from '../database';
-import { useDimensions } from '../contexts';
 
 const Home = () => {
   const theme = useTheme();
-  const dimensions = useDimensions();
   const sort = useSelector((state: RootState) => state.home.sort);
   const sortDirection = useSelector(
     (state: RootState) => state.home.sortDirection,
@@ -65,9 +63,13 @@ const Home = () => {
 
   return (
     <RootScrollView padded>
-      <Searchbar placeholder="Search" value={search} onChangeText={setSearch} />
-      <View style={[styles.flexRowSpaceBetween, styles.centeredVertical]}>
-        <View style={[styles.flexRow, styles.centeredVertical]}>
+      <Searchbar
+        placeholder="Search Memes"
+        value={search}
+        onChangeText={setSearch}
+      />
+      <View style={[styles.flexRowSpaceBetween, styles.alignCenter]}>
+        <View style={[styles.flexRow, styles.alignCenter]}>
           <Menu
             visible={sortMenuVisible}
             onDismiss={() => setSortMenuVisible(false)}
@@ -97,13 +99,13 @@ const Home = () => {
           <IconButton
             icon={getViewIcon(view)}
             iconColor={theme.colors.primary}
-            size={dimensions.static.verticalScale(16)}
+            size={18}
             onPress={() => dispatch(cycleView())}
           />
           <IconButton
             icon={favoritesOnly ? 'heart' : 'heart-outline'}
             iconColor={theme.colors.primary}
-            size={dimensions.static.verticalScale(16)}
+            size={18}
             onPress={() => dispatch(toggleFavoritesOnly())}
           />
           <Menu
@@ -114,7 +116,7 @@ const Home = () => {
                 onPress={() => setFilterMenuVisible(true)}
                 icon={filter ? 'filter' : 'filter-outline'}
                 iconColor={theme.colors.primary}
-                size={dimensions.static.verticalScale(16)}
+                size={18}
               />
             }>
             <Menu.Item