feat: fine tune navigation title

Memola/Components/Views/Placeholder/Placeholder.swift

@@ -8,23 +8,25 @@
 import SwiftUI
 
 struct Placeholder: View {
+    @Environment(\.horizontalSizeClass) var horizontalSizeClass
+
     let info: Info
 
     var body: some View {
         VStack(spacing: 15) {
+            let iconSize: CGFloat = horizontalSizeClass == .compact ? 40 : 50
             Image(systemName: info.icon)
-                .font(.system(size: 50))
+                .font(.system(size: iconSize))
-                .frame(width: 55, height: 55)
+                .frame(width: iconSize * 1.1, height: iconSize * 1.1)
             VStack(spacing: 3) {
                 Text(info.title)
-                    .font(.title2)
+                    .font(horizontalSizeClass == .compact ? .headline : .title2)
                     .fontWeight(.bold)
                     .foregroundStyle(.primary)
                 Text(info.description)
-                    .font(.callout)
+                    .font(horizontalSizeClass == .compact ? .caption : .callout)
                     .lineLimit(.none)
                     .fontWeight(.regular)
-                    .frame(minHeight: 50, alignment: .top)
             }
         }
         .foregroundStyle(.secondary)

Memola/Features/Dashboard/Details/Memos/MemosView.swift

@@ -45,16 +45,11 @@ struct MemosView: View {
         MemoGrid(memoObjects: memoObjects, placeholder: placeholder) { memoObject in
             memoCard(memoObject)
         }
+        .navigationTitle(horizontalSizeClass == .compact ? "Memos" : "")
         .navigationBarTitleDisplayMode(.inline)
         .searchable(text: $query, placement: .toolbar, prompt: Text("Search"))
         .toolbar {
-                if horizontalSizeClass == .compact {
+            if horizontalSizeClass == .regular {
-                    ToolbarItem(placement: .principal) {
-                        Text("Memos")
-                            .font(.title3)
-                            .fontWeight(.bold)
-                    }
-                } else {
                 ToolbarItem(placement: .topBarLeading) {
                     Text("Memola")
                         .font(.title3)

Memola/Features/Dashboard/Details/Trash/TrashView.swift

@@ -45,16 +45,11 @@ struct TrashView: View {
         MemoGrid(memoObjects: memoObjects, placeholder: placeholder) { memoObject in
                 memoCard(memoObject)
             }
+        .navigationTitle(horizontalSizeClass == .compact ? "Trash" : "")
         .navigationBarTitleDisplayMode(.inline)
         .searchable(text: $query, placement: .toolbar, prompt: Text("Search"))
         .toolbar {
-                if horizontalSizeClass == .compact {
+            if horizontalSizeClass == .regular {
-                    ToolbarItem(placement: .principal) {
-                        Text("Trash")
-                            .font(.title3)
-                            .fontWeight(.bold)
-                    }
-                } else {
                 ToolbarItem(placement: .topBarLeading) {
                     Text("Memola")
                         .font(.title3)

Memola/Features/Dashboard/Sidebar/Sidebar.swift

@@ -16,6 +16,14 @@ struct Sidebar: View {
     var body: some View {
         List(selection: $sidebarItem) {
             ForEach(sidebarItems) { item in
+                if horizontalSizeClass == .compact {
+                    Button {
+                        sidebarItem = item
+                    } label: {
+                        Label(item.title, systemImage: item.icon)
+                            .foregroundColor(.primary)
+                    }
+                } else {
                     Button {
                         sidebarItem = item
                     } label: {
@@ -26,6 +34,7 @@ struct Sidebar: View {
                     .listRowInsets(EdgeInsets(top: 0, leading: 0, bottom: 0, trailing: 0))
                 }
             }
+        }
         .listStyle(.sidebar)
         .navigationTitle(horizontalSizeClass == .compact ? "Memola" : "")
         .scrollContentBackground(.hidden)