feat(scrollable): make Container scrollable through Element Scrollable

src/app.zig

@@ -4,6 +4,7 @@ const code_point = @import("code_point");
 const event = @import("event.zig");
 const input = @import("input.zig");
 const terminal = @import("terminal.zig");
+const queue = @import("queue.zig");
 
 const mergeTaggedUnions = event.mergeTaggedUnions;
 const isTaggedUnion = event.isTaggedUnion;
@@ -11,7 +12,6 @@ const isTaggedUnion = event.isTaggedUnion;
 const Mouse = input.Mouse;
 const Key = input.Key;
 const Size = @import("size.zig").Size;
-const Queue = @import("queue.zig").Queue;
 
 const log = std.log.scoped(.app);
 
@@ -44,8 +44,9 @@ pub fn App(comptime E: type) type {
         const element = @import("element.zig");
         pub const Element = element.Element(Event);
         pub const Scrollable = element.Scrollable(Event);
+        pub const Queue = queue.Queue(Event, 256);
 
-        queue: Queue(Event, 256),
+        queue: Queue,
         thread: ?std.Thread,
         quit_event: std.Thread.ResetEvent,
         termios: ?std.posix.termios = null,
@@ -175,6 +176,7 @@ pub fn App(comptime E: type) type {
             while (true) {
                 // FIX: I still think that there is a race condition (I'm just waiting 'long' enough)
                 this.quit_event.timedWait(20 * std.time.ns_per_ms) catch {
+                    // FIX: in case the queue is full -> the next user input should panic and quit the application? because something seems to clock up the event queue
                     const read_bytes = try terminal.read(buf[0..]);
                     // TODO: `break` should not terminate the reading of the user inputs, but instead only the received faulty input!
                     // escape key presses