Fix list item formatting for lists with paragraphs

[nilium]

This removes the fancy tick-mark next to unordered list items, which is
a little depressing, but fixes formatting for them when they contain
paragraphs (<p> elements). The tick-mark has been replaced with
a square mark. Both ordered and unordered lists have grown 1rem of left
padding to compensate for their position.

Considered using disclosure-closed as a similar triangle replacement,
but it's not regarded as something that should be used in production
(per MDN). Using a simple string is unsupported because it's only in
a CSS working draft, so a square is the least controversial option,
I think.

Closes #1282.

[nilium]

Attaching a screenshot of Firefox (Chrome looks the same, so didn't bother capturing that, but can if needed) with the changes to contrast the current behavior in #1282.

And the markdown from above:

## Separated by Newlines

1. Simple list

2. Each item is a paragraph

    1. Nested ordered list.
    
    2. Check that these work as expected--
    
        Even when nested.

3. Because each item is separated by a line

## Multi-line list

  - This list contains items with multiple lines, requiring paragraphs in the list item.

    That is, the list item is more complicated than just `<li>Test</li>`.
  - Once an item in a list is a paragraph, all items are paragraphs.
  - This also contains a paragraph.

      - Nested
      - List items
      
          To test with.
      - Because they matter too.

    Just to illustrate this mid-list.
  - Another paragraph.

## Simple List

  - This list works.
  - It isn't separated by newlines.
  - It doesn't have multiple lines in any item.

[hinaloe]

This commit make effect to {.links-list}.

[nilium]

Should be possible to make a small adjustment to handle that. At least as CSS changes go, it’s not too bad of a break. Not sure if you want to do the PR for it, since I don’t have WikiJS set up for dev locally right now.

[takashi1kun]

I mean, i'm not an expert in css, but wouldn't this be solved whit just a css rule like

.v-content  ul > li > p {
    display: inline-flex;
}

or for more compatibility with old browsers:

.v-content ul > li > p {
    display: inline-table;
}

or for even more compatibility with old browsers:

.v-content ul > li > p {
    display: inline-block;
    vertical-align: top;
    padding-top: 0px;
}

this makes so it wraps the "p" element in the li and you still have the fancy bullets, and as a bonus this doesn't break link-lists

UPDATE:
So i kinda found some bugs when there is multiline but not p element with my css, but is still possible, with not as much browser compatibility but is still compatible with firefox, chrome, opera and edge:

.v-content ul {
width: 100%;
}
.v-content ul>li {
display:flex;
flex-wrap: wrap;
}
.v-content ul>li>p{
display:inline-block;
vertical-align:top;
padding-top:0!important;
}