create and display upcoming event section

app/views/merged/view/_section_events.haml

@@ -0,0 +1,10 @@
+.flex.justify-around.mt-5.md:mt-12.lg:mt-20
+  %h3.text-3xl.font-bold
+    = link_to "See all events" , "/events" , class: :underline
+.flex.justify-center
+  .grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
+    - one, two , three, four  = *Event.where("start_date > ? " , Date.today - 3.days).limit(4)
+    %div= render( "events/event_small" , event: one) if one
+    .hidden.md:block= render( "events/event_small" , event: two) if two
+    .hidden.lg:block= render( "events/event_small" , event: three) if three
+    .hidden.lg:block= render( "events/event_small" , event: four) if four